@mittwald/flow-react-components 0.2.0-alpha.82 → 0.2.0-alpha.84

package/dist/js/components/Checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  IconCheckboxChecked,\n  IconCheckboxEmpty,\n  IconCheckboxIndeterminate,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckboxProps\n  extends PropsWithChildren<Omit<Aria.CheckboxProps, \"children\">>,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Checkbox = flowComponent<\"Checkbox\", HTMLLabelElement>(\n  \"Checkbox\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkbox, className);\n\n    return (\n      <ClearPropsContextView>\n        <Aria.Checkbox {...rest} className={rootClassName} ref={ref}>\n          {({ isSelected, isIndeterminate }) => (\n            <>\n              {isSelected ? (\n                <IconCheckboxChecked className={styles.icon} />\n              ) : isIndeterminate ? (\n                <IconCheckboxIndeterminate className={styles.icon} />\n              ) : (\n                <IconCheckboxEmpty className={styles.icon} />\n              )}\n              {children}\n            </>\n          )}\n        </Aria.Checkbox>\n      </ClearPropsContextView>\n    );\n  },\n);\n\nexport default Checkbox;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBO,MAAM,QAAW,GAAA,aAAA;AAAA,EACtB,UAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,IAAA,2BACG,qBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,QAAA,EAAL,EAAe,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,KAChD,QAAC,EAAA,CAAA,EAAE,UAAY,EAAA,eAAA,uBAEX,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,UAAA,uBACE,mBAAoB,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,IAC3C,eACF,mBAAA,GAAA,CAAC,yBAA0B,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA,uBAElD,iBAAkB,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA;AAAA,MAE5C;AAAA,KAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  IconCheckboxChecked,\n  IconCheckboxEmpty,\n  IconCheckboxIndeterminate,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckboxProps\n  extends PropsWithChildren<Omit<Aria.CheckboxProps, \"children\">>,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Checkbox = flowComponent<\"Checkbox\", HTMLLabelElement>(\n  \"Checkbox\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkbox, className);\n\n    return (\n      <ClearPropsContext>\n        <Aria.Checkbox {...rest} className={rootClassName} ref={ref}>\n          {({ isSelected, isIndeterminate }) => (\n            <>\n              {isSelected ? (\n                <IconCheckboxChecked className={styles.icon} />\n              ) : isIndeterminate ? (\n                <IconCheckboxIndeterminate className={styles.icon} />\n              ) : (\n                <IconCheckboxEmpty className={styles.icon} />\n              )}\n              {children}\n            </>\n          )}\n        </Aria.Checkbox>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default Checkbox;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBO,MAAM,QAAW,GAAA,aAAA;AAAA,EACtB,UAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,QAAA,EAAU,SAAS,CAAA;AAErD,IAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,CAAA,QAAA,EAAL,EAAe,GAAG,IAAA,EAAM,SAAW,EAAA,aAAA,EAAe,KAChD,QAAC,EAAA,CAAA,EAAE,UAAY,EAAA,eAAA,uBAEX,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,UAAA,uBACE,mBAAoB,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAM,IAC3C,eACF,mBAAA,GAAA,CAAC,yBAA0B,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA,uBAElD,iBAAkB,EAAA,EAAA,SAAA,EAAW,OAAO,IAAM,EAAA,CAAA;AAAA,MAE5C;AAAA,KAAA,EACH,GAEJ,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/CheckboxButton/CheckboxButton.mjs

@@ -1,13 +1,14 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { Checkbox } from '../Checkbox/Checkbox.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import 'react';
+import styles from './CheckboxButton.module.scss.mjs';
+import clsx from 'clsx';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
-import clsx from 'clsx';
-import styles from './CheckboxButton.module.scss.mjs';
+import { Checkbox } from '../Checkbox/Checkbox.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 
 const CheckboxButton = flowComponent(
   "CheckboxButton",
@@ -22,7 +23,7 @@ const CheckboxButton = flowComponent(
         className: styles.content
       }
     };
-    return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(Checkbox, { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }) });
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Checkbox, { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) }) });
   }
 );
 

package/dist/js/components/CheckboxButton/CheckboxButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.mjs","sources":["../../../../src/components/CheckboxButton/CheckboxButton.tsx"],"sourcesContent":["import type { CheckboxProps } from \"@/components/Checkbox\";\nimport { Checkbox } from \"@/components/Checkbox\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport styles from \"./CheckboxButton.module.scss\";\n\nexport interface CheckboxButtonProps\n  extends CheckboxProps,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const CheckboxButton = flowComponent<\"CheckboxButton\", HTMLLabelElement>(\n  \"CheckboxButton\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkboxButton, className);\n\n    const propsContext: PropsContext = {\n      Text: {\n        className: styles.label,\n      },\n      Content: {\n        className: styles.content,\n      },\n    };\n\n    return (\n      <ClearPropsContextView>\n        <Checkbox {...rest} className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Checkbox>\n      </ClearPropsContextView>\n    );\n  },\n);\n\nexport default CheckboxButton;\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,cAAiB,GAAA,aAAA;AAAA,EAC5B,gBAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,cAAA,EAAgB,SAAS,CAAA;AAE3D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,qBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EAC5C,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"CheckboxButton.mjs","sources":["../../../../src/components/CheckboxButton/CheckboxButton.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./CheckboxButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport { Checkbox } from \"@/components/Checkbox\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface CheckboxButtonProps\n  extends CheckboxProps,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CheckboxButton = flowComponent<\"CheckboxButton\", HTMLLabelElement>(\n  \"CheckboxButton\",\n  (props) => {\n    const { children, className, ref, ...rest } = props;\n\n    const rootClassName = clsx(styles.checkboxButton, className);\n\n    const propsContext: PropsContext = {\n      Text: {\n        className: styles.label,\n      },\n      Content: {\n        className: styles.content,\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <Checkbox {...rest} className={rootClassName} ref={ref}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </Checkbox>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default CheckboxButton;\n"],"names":[],"mappings":";;;;;;;;;;AAmBO,MAAM,cAAiB,GAAA,aAAA;AAAA,EAC5B,gBAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,GAAK,EAAA,GAAG,MAAS,GAAA,KAAA;AAE9C,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,cAAA,EAAgB,SAAS,CAAA;AAE3D,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,IAAM,EAAA;AAAA,QACJ,WAAW,MAAO,CAAA;AAAA,OACpB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAW,MAAO,CAAA;AAAA;AACpB,KACF;AAEA,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,IAAM,EAAA,SAAA,EAAW,aAAe,EAAA,GAAA,EAC5C,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/CheckboxGroup/CheckboxGroup.mjs

@@ -5,6 +5,8 @@ import { ColumnLayout } from '../ColumnLayout/ColumnLayout.mjs';
 import { FieldError } from '../FieldError/FieldError.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
+import 'react';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import clsx from 'clsx';

package/dist/js/components/CheckboxGroup/CheckboxGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.mjs","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./CheckboxGroup.module.scss\";\n\nexport interface CheckboxGroupProps\n  extends PropsWithChildren<Omit<Aria.CheckboxGroupProps, \"children\">>,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const CheckboxGroup = flowComponent(\"CheckboxGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n      tunnelId: \"fieldDescription\",\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n      tunnelId: \"fieldError\",\n    },\n    Checkbox: {\n      tunnelId: \"checkboxes\",\n    },\n    CheckboxButton: {\n      tunnelId: \"checkboxButtons\",\n    },\n  };\n\n  return (\n    <Aria.CheckboxGroup {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxButtons\" />\n          </ColumnLayout>\n\n          <div className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxes\" />\n          </div>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </TunnelProvider>\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.CheckboxGroup>\n  );\n});\n\nexport default CheckboxGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;AAoBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,QAAU,EAAA;AAAA,MACR,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,aAAL,EAAA,EAAoB,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GACtD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,aAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,iBAAA,EAAkB,CACnC,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,eACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,YAAA,EAAa,CAC9B,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,sBAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA,KAAA,EAC9B,CACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"CheckboxGroup.mjs","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./CheckboxGroup.module.scss\";\n\nexport interface CheckboxGroupProps\n  extends PropsWithChildren<Omit<Aria.CheckboxGroupProps, \"children\">>,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\">,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CheckboxGroup = flowComponent(\"CheckboxGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n      tunnelId: \"fieldDescription\",\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n      tunnelId: \"fieldError\",\n    },\n    Checkbox: {\n      tunnelId: \"checkboxes\",\n    },\n    CheckboxButton: {\n      tunnelId: \"checkboxButtons\",\n    },\n  };\n\n  return (\n    <Aria.CheckboxGroup {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        <TunnelProvider>\n          {children}\n\n          <ColumnLayout s={s} m={m} l={l} className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxButtons\" />\n          </ColumnLayout>\n\n          <div className={styles.checkboxGroup}>\n            <TunnelExit id=\"checkboxes\" />\n          </div>\n\n          <TunnelExit id=\"fieldDescription\" />\n          <TunnelExit id=\"fieldError\" />\n        </TunnelProvider>\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError} />\n    </Aria.CheckboxGroup>\n  );\n});\n\nexport default CheckboxGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuBO,MAAM,aAAgB,GAAA,aAAA,CAAc,eAAiB,EAAA,CAAC,KAAU,KAAA;AACrE,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,CAAA,EAAG,GAAG,CAAG,EAAA,GAAA,EAAK,GAAG,IAAA,EAAS,GAAA,KAAA;AAEvD,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA,gBAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,QAAU,EAAA;AAAA,MACR,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAU,EAAA;AAAA;AACZ,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,aAAL,EAAA,EAAoB,GAAG,IAAM,EAAA,SAAA,EAAW,eAAe,GACtD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,IAAA,CAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBAEA,GAAA,CAAA,YAAA,EAAA,EAAa,CAAM,EAAA,CAAA,EAAM,CAAM,EAAA,SAAA,EAAW,MAAO,CAAA,aAAA,EAChD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,iBAAA,EAAkB,CACnC,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,eACrB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,YAAA,EAAa,CAC9B,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,kBAAmB,EAAA,CAAA;AAAA,sBAClC,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAG,YAAa,EAAA;AAAA,KAAA,EAC9B,CACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/ClearPropsContext/ClearPropsContext.mjs

@@ -1,11 +1,12 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { propsContext } from '../../lib/propsContext/propsContext.mjs';
+import { ClearPropsContextContent } from './components/ClearPropsContextContent.mjs';
+import ClearPropsContextContentView from '../../views/ClearPropsContextContentView.mjs';
 
 const ClearPropsContext = (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ jsx(propsContext.Provider, { value: {}, children });
+  const { children, ...restProps } = props;
+  return /* @__PURE__ */ jsx(ClearPropsContextContent, { ...restProps, children: /* @__PURE__ */ jsx(ClearPropsContextContentView, { ...restProps, children }) });
 };
 
 export { ClearPropsContext, ClearPropsContext as default };

package/dist/js/components/ClearPropsContext/ClearPropsContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../src/components/ClearPropsContext/ClearPropsContext.tsx"],"sourcesContent":["import { propsContext } from \"@/lib/propsContext/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const ClearPropsContext: FC<ClearPropsContextProps> = (props) => {\n  const { children } = props;\n  return <propsContext.Provider value={{}}>{children}</propsContext.Provider>;\n};\n\nexport default ClearPropsContext;\n"],"names":[],"mappings":";;;AAMa,MAAA,iBAAA,GAAgD,CAAC,KAAU,KAAA;AACtE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,2BAAQ,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAO,EAAA,IAAK,QAAS,EAAA,CAAA;AACrD;;;;"}
+{"version":3,"file":"ClearPropsContext.mjs","sources":["../../../../src/components/ClearPropsContext/ClearPropsContext.tsx"],"sourcesContent":["import { ClearPropsContextContent } from \"@/components/ClearPropsContext/components\";\nimport ClearPropsContextContentView from \"@/views/ClearPropsContextContentView\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextProps = PropsWithChildren;\n\nexport const ClearPropsContext: FC<ClearPropsContextProps> = (props) => {\n  const { children, ...restProps } = props;\n  return (\n    <ClearPropsContextContent {...restProps}>\n      <ClearPropsContextContentView {...restProps}>\n        {children}\n      </ClearPropsContextContentView>\n    </ClearPropsContextContent>\n  );\n};\n\nexport default ClearPropsContext;\n"],"names":[],"mappings":";;;;AAMa,MAAA,iBAAA,GAAgD,CAAC,KAAU,KAAA;AACtE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,SAAA,EAAc,GAAA,KAAA;AACnC,EACE,uBAAA,GAAA,CAAC,4BAA0B,GAAG,SAAA,EAC5B,8BAAC,4BAA8B,EAAA,EAAA,GAAG,SAC/B,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/ClearPropsContext/components/ClearPropsContextContent.mjs

@@ -0,0 +1,12 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { propsContext } from '../../../lib/propsContext/propsContext.mjs';
+
+const ClearPropsContextContent = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsx(propsContext.Provider, { value: {}, children });
+};
+
+export { ClearPropsContextContent, ClearPropsContextContent as default };
+//# sourceMappingURL=ClearPropsContextContent.mjs.map

package/dist/js/components/ClearPropsContext/components/ClearPropsContextContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearPropsContextContent.mjs","sources":["../../../../../src/components/ClearPropsContext/components/ClearPropsContextContent.tsx"],"sourcesContent":["import { propsContext } from \"@/lib/propsContext/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nexport type ClearPropsContextContentProps = PropsWithChildren;\n\n/** @flr-generate all */\nexport const ClearPropsContextContent: FC<ClearPropsContextContentProps> = (\n  props,\n) => {\n  const { children } = props;\n  return <propsContext.Provider value={{}}>{children}</propsContext.Provider>;\n};\n\nexport default ClearPropsContextContent;\n"],"names":[],"mappings":";;;AAMa,MAAA,wBAAA,GAA8D,CACzE,KACG,KAAA;AACH,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,2BAAQ,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAO,EAAA,IAAK,QAAS,EAAA,CAAA;AACrD;;;;"}

package/dist/js/components/ColumnLayout/ColumnLayout.mjs

@@ -1,11 +1,13 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import clsx from 'clsx';
+import 'react';
 import styles from './ColumnLayout.module.scss.mjs';
 import { getColumns } from './lib/getColumns.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 
 const ColumnLayout = (props) => {
   const {

package/dist/js/components/ColumnLayout/ColumnLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnLayout.mjs","sources":["../../../../src/components/ColumnLayout/ColumnLayout.tsx"],"sourcesContent":["import type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport styles from \"./ColumnLayout.module.scss\";\nimport { getColumns } from \"./lib/getColumns\";\n\ntype GapSize = \"s\" | \"m\" | \"l\" | \"xl\";\n\nexport interface ColumnLayoutProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"ul\">,\n    PropsWithClassName {\n  /** Column layout for container size s. */\n  s?: number[];\n  /** Column layout for container size m. */\n  m?: number[];\n  /** Column layout for container size l. */\n  l?: number[];\n  /**\n   * Size of the row and column gap between the content blocks inside the column\n   * layout.\n   *\n   * @default \"m\"\n   */\n  gap?: GapSize;\n  /** Size of the row gap between the content blocks inside the column layout. */\n  rowGap?: GapSize;\n  /** Size of the column gap between the content blocks inside the column layout. */\n  columnGap?: GapSize;\n}\n\n/** @flr-generate all */\nexport const ColumnLayout: FC<ColumnLayoutProps> = (props) => {\n  const {\n    children,\n    className,\n    s,\n    m,\n    l,\n    gap = \"m\",\n    rowGap = gap,\n    columnGap = gap,\n    elementType = \"div\",\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const columnsS = s ? getColumns(s) : \"1fr\";\n  const columnsM = m ? getColumns(m) : s ? columnsS : \"1fr 1fr\";\n  const columnsL = l ? getColumns(l) : m || s ? columnsM : \"1fr 1fr 1fr\";\n\n  const style = {\n    \"--column-layout--columns-s\": columnsS,\n    \"--column-layout--columns-m\": columnsM,\n    \"--column-layout--columns-l\": columnsL,\n    \"--column-layout--row-gap\": `var(--column-layout--gap--${rowGap})`,\n    \"--column-layout--column-gap\": `var(--column-layout--gap--${columnGap})`,\n  } as CSSProperties;\n\n  const rootClassName = clsx(styles.columnLayoutContainer, className);\n\n  const Element = elementType;\n\n  const propsContext: PropsContext = {\n    Section: {\n      hideSeparator: true,\n    },\n  };\n\n  return (\n    <div className={rootClassName} style={style}>\n      <Element aria-label={ariaLabel} className={styles.columnLayout}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Element>\n    </div>\n  );\n};\n\nexport default ColumnLayout;\n"],"names":[],"mappings":";;;;;;;AAqCa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,GAAM,GAAA,GAAA;AAAA,IACN,MAAS,GAAA,GAAA;AAAA,IACT,SAAY,GAAA,GAAA;AAAA,IACZ,WAAc,GAAA,KAAA;AAAA,IACd,YAAc,EAAA;AAAA,GACZ,GAAA,KAAA;AAEJ,EAAA,MAAM,QAAW,GAAA,CAAA,GAAI,UAAW,CAAA,CAAC,CAAI,GAAA,KAAA;AACrC,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAA,GAAI,IAAI,QAAW,GAAA,SAAA;AACpD,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAI,GAAA,CAAA,IAAK,IAAI,QAAW,GAAA,aAAA;AAEzD,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,0BAAA,EAA4B,6BAA6B,MAAM,CAAA,CAAA,CAAA;AAAA,IAC/D,6BAAA,EAA+B,6BAA6B,SAAS,CAAA,CAAA;AAAA,GACvE;AAEA,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,qBAAA,EAAuB,SAAS,CAAA;AAElE,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,aAAe,EAAA;AAAA;AACjB,GACF;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,eAAe,KAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,YAAY,EAAA,SAAA,EAAW,SAAW,EAAA,MAAA,CAAO,cAChD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ColumnLayout.mjs","sources":["../../../../src/components/ColumnLayout/ColumnLayout.tsx"],"sourcesContent":["import type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./ColumnLayout.module.scss\";\nimport { getColumns } from \"./lib/getColumns\";\nimport clsx from \"clsx\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\ntype GapSize = \"s\" | \"m\" | \"l\" | \"xl\";\n\nexport interface ColumnLayoutProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"ul\">,\n    PropsWithClassName {\n  /** Column layout for container size s. */\n  s?: number[];\n  /** Column layout for container size m. */\n  m?: number[];\n  /** Column layout for container size l. */\n  l?: number[];\n  /**\n   * Size of the row and column gap between the content blocks inside the column\n   * layout.\n   *\n   * @default \"m\"\n   */\n  gap?: GapSize;\n  /** Size of the row gap between the content blocks inside the column layout. */\n  rowGap?: GapSize;\n  /** Size of the column gap between the content blocks inside the column layout. */\n  columnGap?: GapSize;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ColumnLayout: FC<ColumnLayoutProps> = (props) => {\n  const {\n    children,\n    className,\n    s,\n    m,\n    l,\n    gap = \"m\",\n    rowGap = gap,\n    columnGap = gap,\n    elementType = \"div\",\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const columnsS = s ? getColumns(s) : \"1fr\";\n  const columnsM = m ? getColumns(m) : s ? columnsS : \"1fr 1fr\";\n  const columnsL = l ? getColumns(l) : m || s ? columnsM : \"1fr 1fr 1fr\";\n\n  const style = {\n    \"--column-layout--columns-s\": columnsS,\n    \"--column-layout--columns-m\": columnsM,\n    \"--column-layout--columns-l\": columnsL,\n    \"--column-layout--row-gap\": `var(--column-layout--gap--${rowGap})`,\n    \"--column-layout--column-gap\": `var(--column-layout--gap--${columnGap})`,\n  } as CSSProperties;\n\n  const rootClassName = clsx(styles.columnLayoutContainer, className);\n\n  const Element = elementType;\n\n  const propsContext: PropsContext = {\n    Section: {\n      hideSeparator: true,\n    },\n  };\n\n  return (\n    <div className={rootClassName} style={style}>\n      <Element aria-label={ariaLabel} className={styles.columnLayout}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </Element>\n    </div>\n  );\n};\n\nexport default ColumnLayout;\n"],"names":[],"mappings":";;;;;;;;;AAyCa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,CAAA;AAAA,IACA,GAAM,GAAA,GAAA;AAAA,IACN,MAAS,GAAA,GAAA;AAAA,IACT,SAAY,GAAA,GAAA;AAAA,IACZ,WAAc,GAAA,KAAA;AAAA,IACd,YAAc,EAAA;AAAA,GACZ,GAAA,KAAA;AAEJ,EAAA,MAAM,QAAW,GAAA,CAAA,GAAI,UAAW,CAAA,CAAC,CAAI,GAAA,KAAA;AACrC,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAA,GAAI,IAAI,QAAW,GAAA,SAAA;AACpD,EAAA,MAAM,WAAW,CAAI,GAAA,UAAA,CAAW,CAAC,CAAI,GAAA,CAAA,IAAK,IAAI,QAAW,GAAA,aAAA;AAEzD,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,4BAA8B,EAAA,QAAA;AAAA,IAC9B,0BAAA,EAA4B,6BAA6B,MAAM,CAAA,CAAA,CAAA;AAAA,IAC/D,6BAAA,EAA+B,6BAA6B,SAAS,CAAA,CAAA;AAAA,GACvE;AAEA,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,qBAAA,EAAuB,SAAS,CAAA;AAElE,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,aAAe,EAAA;AAAA;AACjB,GACF;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,eAAe,KAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,YAAY,EAAA,SAAA,EAAW,SAAW,EAAA,MAAA,CAAO,cAChD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC1B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/ComboBox/ComboBox.mjs

@@ -6,10 +6,10 @@ import * as Aria from 'react-aria-components';
 import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
 import { Button } from '../Button/Button.mjs';
 import '@tabler/icons-react';
+import clsx from 'clsx';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import clsx from 'clsx';
 import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
 import { Options } from '../Options/Options.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';

package/dist/js/components/Content/Content.mjs

@@ -1,9 +1,10 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { Wrap } from '../Wrap/Wrap.mjs';
+import 'react';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
+import { Wrap } from '../Wrap/Wrap.mjs';
 
 const Content = flowComponent("Content", (props) => {
   const {
@@ -14,7 +15,7 @@ const Content = flowComponent("Content", (props) => {
     ...rest
   } = props;
   const Element = elementType;
-  return /* @__PURE__ */ jsx(Wrap, { if: clearPropsContext, children: /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(Element, { ref, ...rest, children }) }) });
+  return /* @__PURE__ */ jsx(Wrap, { if: clearPropsContext, children: /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(Element, { ref, ...rest, children }) }) });
 });
 
 export { Content, Content as default };

package/dist/js/components/Content/Content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Content.mjs","sources":["../../../../src/components/Content/Content.tsx"],"sourcesContent":["import { Wrap } from \"@/components/Wrap\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport type { PropsWithChildren } from \"react\";\n\nexport interface ContentProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"span\">,\n    FlowComponentProps {\n  /** @internal */\n  clearPropsContext?: boolean;\n  /** @internal */\n  slot?: string;\n}\n\n/** @flr-generate all */\nexport const Content = flowComponent(\"Content\", (props) => {\n  const {\n    children,\n    elementType = \"div\",\n    ref,\n    clearPropsContext = true,\n    ...rest\n  } = props;\n\n  const Element = elementType;\n\n  return (\n    <Wrap if={clearPropsContext}>\n      <ClearPropsContextView>\n        <Element ref={ref} {...rest}>\n          {children}\n        </Element>\n      </ClearPropsContextView>\n    </Wrap>\n  );\n});\n\nexport default Content;\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,GAAA;AAAA,IACA,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,iBAAA,EACR,QAAC,kBAAA,GAAA,CAAA,qBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,GAAW,EAAA,GAAG,IACpB,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Content.mjs","sources":["../../../../src/components/Content/Content.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Wrap } from \"@/components/Wrap\";\n\nexport interface ContentProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"span\">,\n    FlowComponentProps {\n  /** @internal */\n  clearPropsContext?: boolean;\n  /** @internal */\n  slot?: string;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const Content = flowComponent(\"Content\", (props) => {\n  const {\n    children,\n    elementType = \"div\",\n    ref,\n    clearPropsContext = true,\n    ...rest\n  } = props;\n\n  const Element = elementType;\n\n  return (\n    <Wrap if={clearPropsContext}>\n      <ClearPropsContext>\n        <Element ref={ref} {...rest}>\n          {children}\n        </Element>\n      </ClearPropsContext>\n    </Wrap>\n  );\n});\n\nexport default Content;\n"],"names":[],"mappings":";;;;;;AAsBO,MAAM,OAAU,GAAA,aAAA,CAAc,SAAW,EAAA,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAc,GAAA,KAAA;AAAA,IACd,GAAA;AAAA,IACA,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,iBAAA,EACR,QAAC,kBAAA,GAAA,CAAA,iBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,GAAW,EAAA,GAAG,IACpB,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/ContextMenu/ContextMenu.mjs

@@ -3,18 +3,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { Action } from '../Action/Action.mjs';
 import { getAriaSelectionMode, getMenuItemSelectionVariant, getCloseOverlayType } from './lib.mjs';
-import 'react';
+import { Popover } from '../Popover/Popover.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import 'mobx';
+import 'react';
 import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
-import 'react-aria-components';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
-import { Popover } from '../Popover/Popover.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
 import ContextMenuContentView from '../../views/ContextMenuContentView.mjs';
 import styles from './ContextMenu.module.scss.mjs';
 
@@ -59,7 +56,7 @@ const ContextMenu = flowComponent("ContextMenu", (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(
     Popover,
     {
       ...rest,

package/dist/js/components/ContextMenu/ContextMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.mjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { Action } from \"@/components/Action\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\nimport {\n  getAriaSelectionMode,\n  getCloseOverlayType,\n  getMenuItemSelectionVariant,\n} from \"@/components/ContextMenu/lib\";\nimport type { MenuItemProps } from \"@/components/MenuItem\";\nimport { Popover, type PopoverProps } from \"@/components/Popover\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { OverlayContextProvider } from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport ContextMenuContentView from \"@/views/ContextMenuContentView\";\nimport type * as Aria from \"react-aria-components\";\nimport styles from \"./ContextMenu.module.scss\";\n\nexport interface ContextMenuProps\n  extends Omit<PopoverProps, \"withTip\">,\n    Pick<\n      Aria.MenuProps<MenuItemProps>,\n      | \"onAction\"\n      | \"selectedKeys\"\n      | \"defaultSelectedKeys\"\n      | \"onSelectionChange\"\n      | \"disabledKeys\"\n    >,\n    FlowComponentProps {\n  /** The type of selection that is allowed in the context menu. */\n  selectionMode?: ContextMenuSelectionMode;\n  /** Sets the context menu to a fixed width. */\n  width?: string | number;\n}\n\nexport const ContextMenu = flowComponent(\"ContextMenu\", (props) => {\n  const {\n    children,\n    onAction,\n    selectionMode,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onSelectionChange,\n    ref,\n    controller: overlayControllerFromProps,\n    ...rest\n  } = props;\n\n  const overlayControllerFromContext = useOverlayController(\"ContextMenu\", {\n    reuseControllerFromContext: true,\n  });\n\n  const overlayController =\n    overlayControllerFromProps ?? overlayControllerFromContext;\n\n  const selectionVariant = getMenuItemSelectionVariant(selectionMode);\n\n  const propsContext: PropsContext = {\n    MenuItem: {\n      selectionVariant,\n      Avatar: {\n        size: \"l\",\n      },\n    },\n\n    Section: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n      renderContextMenuSection: true,\n    },\n\n    ContextMenuSection: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContextView>\n      <Popover\n        {...rest}\n        controller={overlayController}\n        isDialogContent={false}\n        padding=\"s\"\n      >\n        <OverlayContextProvider\n          type=\"ContextMenu\"\n          controller={overlayController}\n        >\n          <ContextMenuContentView\n            className={styles.contextMenu}\n            onAction={onAction}\n            selectionMode={getAriaSelectionMode(selectionMode)}\n            selectedKeys={selectedKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n            disabledKeys={disabledKeys}\n            onSelectionChange={onSelectionChange}\n            ref={ref}\n          >\n            <PropsContextProvider props={propsContext}>\n              <Action closeOverlay={getCloseOverlayType(selectionMode)}>\n                {children}\n              </Action>\n            </PropsContextProvider>\n          </ContextMenuContentView>\n        </OverlayContextProvider>\n      </Popover>\n    </ClearPropsContextView>\n  );\n});\n\nexport default ContextMenu;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAqCO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAA;AAAA,IACA,UAAY,EAAA,0BAAA;AAAA,IACZ,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,4BAAA,GAA+B,qBAAqB,aAAe,EAAA;AAAA,IACvE,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,oBACJ,0BAA8B,IAAA,4BAAA;AAEhC,EAAM,MAAA,gBAAA,GAAmB,4BAA4B,aAAa,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,gBAAA;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR,KACF;AAAA,IAEA,OAAS,EAAA;AAAA,MACP,QAAU,EAAA;AAAA,QACR,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA;AAAA;AACR,OACF;AAAA,MACA,wBAA0B,EAAA;AAAA,KAC5B;AAAA,IAEA,kBAAoB,EAAA;AAAA,MAClB,QAAU,EAAA;AAAA,QACR,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA;AAAA;AACR;AACF;AACF,GACF;AAEA,EAAA,2BACG,qBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,UAAY,EAAA,iBAAA;AAAA,MACZ,eAAiB,EAAA,KAAA;AAAA,MACjB,OAAQ,EAAA,GAAA;AAAA,MAER,QAAA,kBAAA,GAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,aAAA;AAAA,UACL,UAAY,EAAA,iBAAA;AAAA,UAEZ,QAAA,kBAAA,GAAA;AAAA,YAAC,sBAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAO,CAAA,WAAA;AAAA,cAClB,QAAA;AAAA,cACA,aAAA,EAAe,qBAAqB,aAAa,CAAA;AAAA,cACjD,YAAA;AAAA,cACA,mBAAA;AAAA,cACA,YAAA;AAAA,cACA,iBAAA;AAAA,cACA,GAAA;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,YAAA,EAAc,mBAAoB,CAAA,aAAa,CACpD,EAAA,QAAA,EACH,CACF,EAAA;AAAA;AAAA;AACF;AAAA;AACF;AAAA,GAEJ,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ContextMenu.mjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { Action } from \"@/components/Action\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\nimport {\n  getAriaSelectionMode,\n  getCloseOverlayType,\n  getMenuItemSelectionVariant,\n} from \"@/components/ContextMenu/lib\";\nimport type { MenuItemProps } from \"@/components/MenuItem\";\nimport { Popover, type PopoverProps } from \"@/components/Popover/Popover\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { OverlayContextProvider } from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ContextMenuContentView from \"@/views/ContextMenuContentView\";\nimport type * as Aria from \"react-aria-components\";\nimport styles from \"./ContextMenu.module.scss\";\n\nexport interface ContextMenuProps\n  extends Omit<PopoverProps, \"withTip\">,\n    Pick<\n      Aria.MenuProps<MenuItemProps>,\n      | \"onAction\"\n      | \"selectedKeys\"\n      | \"defaultSelectedKeys\"\n      | \"onSelectionChange\"\n      | \"disabledKeys\"\n    >,\n    FlowComponentProps {\n  /** The type of selection that is allowed in the context menu. */\n  selectionMode?: ContextMenuSelectionMode;\n  /** Sets the context menu to a fixed width. */\n  width?: string | number;\n}\n\nexport const ContextMenu = flowComponent(\"ContextMenu\", (props) => {\n  const {\n    children,\n    onAction,\n    selectionMode,\n    selectedKeys,\n    defaultSelectedKeys,\n    disabledKeys,\n    onSelectionChange,\n    ref,\n    controller: overlayControllerFromProps,\n    ...rest\n  } = props;\n\n  const overlayControllerFromContext = useOverlayController(\"ContextMenu\", {\n    reuseControllerFromContext: true,\n  });\n\n  const overlayController =\n    overlayControllerFromProps ?? overlayControllerFromContext;\n\n  const selectionVariant = getMenuItemSelectionVariant(selectionMode);\n\n  const propsContext: PropsContext = {\n    MenuItem: {\n      selectionVariant,\n      Avatar: {\n        size: \"l\",\n      },\n    },\n\n    Section: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n      renderContextMenuSection: true,\n    },\n\n    ContextMenuSection: {\n      MenuItem: {\n        Avatar: {\n          size: \"l\",\n        },\n      },\n    },\n  };\n\n  return (\n    <ClearPropsContext>\n      <Popover\n        {...rest}\n        controller={overlayController}\n        isDialogContent={false}\n        padding=\"s\"\n      >\n        <OverlayContextProvider\n          type=\"ContextMenu\"\n          controller={overlayController}\n        >\n          <ContextMenuContentView\n            className={styles.contextMenu}\n            onAction={onAction}\n            selectionMode={getAriaSelectionMode(selectionMode)}\n            selectedKeys={selectedKeys}\n            defaultSelectedKeys={defaultSelectedKeys}\n            disabledKeys={disabledKeys}\n            onSelectionChange={onSelectionChange}\n            ref={ref}\n          >\n            <PropsContextProvider props={propsContext}>\n              <Action closeOverlay={getCloseOverlayType(selectionMode)}>\n                {children}\n              </Action>\n            </PropsContextProvider>\n          </ContextMenuContentView>\n        </OverlayContextProvider>\n      </Popover>\n    </ClearPropsContext>\n  );\n});\n\nexport default ContextMenu;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqCO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,GAAA;AAAA,IACA,UAAY,EAAA,0BAAA;AAAA,IACZ,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,4BAAA,GAA+B,qBAAqB,aAAe,EAAA;AAAA,IACvE,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,oBACJ,0BAA8B,IAAA,4BAAA;AAEhC,EAAM,MAAA,gBAAA,GAAmB,4BAA4B,aAAa,CAAA;AAElE,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,gBAAA;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA;AAAA;AACR,KACF;AAAA,IAEA,OAAS,EAAA;AAAA,MACP,QAAU,EAAA;AAAA,QACR,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA;AAAA;AACR,OACF;AAAA,MACA,wBAA0B,EAAA;AAAA,KAC5B;AAAA,IAEA,kBAAoB,EAAA;AAAA,MAClB,QAAU,EAAA;AAAA,QACR,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA;AAAA;AACR;AACF;AACF,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,UAAY,EAAA,iBAAA;AAAA,MACZ,eAAiB,EAAA,KAAA;AAAA,MACjB,OAAQ,EAAA,GAAA;AAAA,MAER,QAAA,kBAAA,GAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,aAAA;AAAA,UACL,UAAY,EAAA,iBAAA;AAAA,UAEZ,QAAA,kBAAA,GAAA;AAAA,YAAC,sBAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAO,CAAA,WAAA;AAAA,cAClB,QAAA;AAAA,cACA,aAAA,EAAe,qBAAqB,aAAa,CAAA;AAAA,cACjD,YAAA;AAAA,cACA,mBAAA;AAAA,cACA,YAAA;AAAA,cACA,iBAAA;AAAA,cACA,GAAA;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,YAAA,EAAc,mBAAoB,CAAA,aAAa,CACpD,EAAA,QAAA,EACH,CACF,EAAA;AAAA;AAAA;AACF;AAAA;AACF;AAAA,GAEJ,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs

@@ -4,6 +4,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as Aria from 'react-aria-components';
 import 'react';
 import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
 import styles from '../../ContextMenu.module.scss.mjs';

package/dist/js/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuSection.mjs","sources":["../../../../../../src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport styles from \"../../ContextMenu.module.scss\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\nimport {\n  getAriaSelectionMode,\n  getCloseOverlayType,\n  getMenuItemSelectionVariant,\n} from \"@/components/ContextMenu/lib\";\nimport { Action } from \"@/components/Action\";\n\nexport type ContextMenuSectionProps = PropsWithChildren &\n  FlowComponentProps & {\n    selectionMode?: ContextMenuSelectionMode;\n  };\n\n/** @flr-generate all */\nexport const ContextMenuSection = flowComponent(\n  \"ContextMenuSection\",\n  (props) => {\n    const { children, selectionMode, ...rest } = props;\n\n    const selectionVariant = getMenuItemSelectionVariant(selectionMode);\n\n    const propsContext: PropsContext = {\n      Heading: {\n        level: 5,\n        wrapWith: <Aria.Header />,\n      },\n      MenuItem: {\n        selectionVariant,\n      },\n    };\n\n    return (\n      <Aria.MenuSection\n        {...rest}\n        selectionMode={getAriaSelectionMode(selectionMode)}\n        className={styles.section}\n      >\n        <PropsContextProvider props={propsContext} mergeInParentContext>\n          <Action skip>\n            <Action closeOverlay={getCloseOverlayType(selectionMode)}>\n              {children}\n            </Action>\n          </Action>\n        </PropsContextProvider>\n      </Aria.MenuSection>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;AAsBO,MAAM,kBAAqB,GAAA,aAAA;AAAA,EAChC,oBAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,aAAe,EAAA,GAAG,MAAS,GAAA,KAAA;AAE7C,IAAM,MAAA,gBAAA,GAAmB,4BAA4B,aAAa,CAAA;AAElE,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,KAAO,EAAA,CAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY;AAAA,OACzB;AAAA,MACA,QAAU,EAAA;AAAA,QACR;AAAA;AACF,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,IAAK,CAAA,WAAA;AAAA,MAAL;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,aAAA,EAAe,qBAAqB,aAAa,CAAA;AAAA,QACjD,WAAW,MAAO,CAAA,OAAA;AAAA,QAElB,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAAc,oBAAoB,EAAA,IAAA,EAC7D,8BAAC,MAAO,EAAA,EAAA,IAAA,EAAI,IACV,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAO,YAAc,EAAA,mBAAA,CAAoB,aAAa,CACpD,EAAA,QAAA,EACH,GACF,CACF,EAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}
+{"version":3,"file":"ContextMenuSection.mjs","sources":["../../../../../../src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport styles from \"../../ContextMenu.module.scss\";\nimport type { ContextMenuSelectionMode } from \"@/components/ContextMenu/lib\";\nimport {\n  getAriaSelectionMode,\n  getCloseOverlayType,\n  getMenuItemSelectionVariant,\n} from \"@/components/ContextMenu/lib\";\nimport { Action } from \"@/components/Action\";\n\nexport type ContextMenuSectionProps = PropsWithChildren &\n  FlowComponentProps & {\n    selectionMode?: ContextMenuSelectionMode;\n  };\n\n/** @flr-generate all */\nexport const ContextMenuSection = flowComponent(\n  \"ContextMenuSection\",\n  (props) => {\n    const { children, selectionMode, ...rest } = props;\n\n    const selectionVariant = getMenuItemSelectionVariant(selectionMode);\n\n    const propsContext: PropsContext = {\n      Heading: {\n        level: 5,\n        wrapWith: <Aria.Header />,\n      },\n      MenuItem: {\n        selectionVariant,\n      },\n    };\n\n    return (\n      <Aria.MenuSection\n        {...rest}\n        selectionMode={getAriaSelectionMode(selectionMode)}\n        className={styles.section}\n      >\n        <PropsContextProvider props={propsContext} mergeInParentContext>\n          <Action skip>\n            <Action closeOverlay={getCloseOverlayType(selectionMode)}>\n              {children}\n            </Action>\n          </Action>\n        </PropsContextProvider>\n      </Aria.MenuSection>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAsBO,MAAM,kBAAqB,GAAA,aAAA;AAAA,EAChC,oBAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,aAAe,EAAA,GAAG,MAAS,GAAA,KAAA;AAE7C,IAAM,MAAA,gBAAA,GAAmB,4BAA4B,aAAa,CAAA;AAElE,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,OAAS,EAAA;AAAA,QACP,KAAO,EAAA,CAAA;AAAA,QACP,QAAU,kBAAA,GAAA,CAAC,IAAK,CAAA,MAAA,EAAL,EAAY;AAAA,OACzB;AAAA,MACA,QAAU,EAAA;AAAA,QACR;AAAA;AACF,KACF;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,IAAK,CAAA,WAAA;AAAA,MAAL;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,aAAA,EAAe,qBAAqB,aAAa,CAAA;AAAA,QACjD,WAAW,MAAO,CAAA,OAAA;AAAA,QAElB,8BAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,cAAc,oBAAoB,EAAA,IAAA,EAC7D,8BAAC,MAAO,EAAA,EAAA,IAAA,EAAI,IACV,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAO,YAAc,EAAA,mBAAA,CAAoB,aAAa,CACpD,EAAA,QAAA,EACH,GACF,CACF,EAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

package/dist/js/components/ContextMenu/index.mjs

@@ -4,10 +4,10 @@ import 'react';
 import 'react-aria-components';
 import 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../../lib/slotContext/slotContext.mjs';

package/dist/js/components/ContextualHelp/ContextualHelp.mjs

@@ -2,17 +2,14 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import 'react';
-import 'mobx';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+import { Popover } from '../Popover/Popover.mjs';
+import styles from './ContextualHelp.module.scss.mjs';
 import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import '../../lib/controller/overlay/context.mjs';
-import 'react-aria-components';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
-import { Popover } from '../Popover/Popover.mjs';
-import styles from './ContextualHelp.module.scss.mjs';
+import 'mobx';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 
 const ContextualHelp = flowComponent("ContextualHelp", (props) => {
   const {

package/dist/js/components/ContextualHelp/ContextualHelp.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualHelp.mjs","sources":["../../../../src/components/ContextualHelp/ContextualHelp.tsx"],"sourcesContent":["import type { PopoverProps } from \"@/components/Popover\";\nimport { Popover } from \"@/components/Popover\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./ContextualHelp.module.scss\";\n\nexport type ContextualHelpProps = Omit<PopoverProps, \"withTip\">;\n\n/** @flr-generate all */\nexport const ContextualHelp = flowComponent(\"ContextualHelp\", (props) => {\n  const {\n    children,\n    controller: controllerFromProps,\n    ref: ignoredRef,\n    ...rest\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"ContextualHelp\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const propsContext: PropsContext = {\n    Heading: {\n      level: 5,\n    },\n  };\n\n  return (\n    <Popover withTip {...rest} controller={controller}>\n      <PropsContextProvider props={propsContext}>\n        <div className={styles.contextualHelp}>{children}</div>\n      </PropsContextProvider>\n    </Popover>\n  );\n});\n\nexport default ContextualHelp;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAWO,MAAM,cAAiB,GAAA,aAAA,CAAc,gBAAkB,EAAA,CAAC,KAAU,KAAA;AACvE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,GAAK,EAAA,UAAA;AAAA,IACL,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,gBAAkB,EAAA;AAAA,IACnE,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA;AACT,GACF;AAEA,EAAA,2BACG,OAAQ,EAAA,EAAA,OAAA,EAAO,MAAE,GAAG,IAAA,EAAM,YACzB,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,cAAiB,EAAA,QAAA,EAAS,GACnD,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ContextualHelp.mjs","sources":["../../../../src/components/ContextualHelp/ContextualHelp.tsx"],"sourcesContent":["import React from \"react\";\nimport type { PopoverProps } from \"@/components/Popover/Popover\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport styles from \"./ContextualHelp.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\n\nexport type ContextualHelpProps = Omit<PopoverProps, \"withTip\">;\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const ContextualHelp = flowComponent(\"ContextualHelp\", (props) => {\n  const {\n    children,\n    controller: controllerFromProps,\n    ref: ignoredRef,\n    ...rest\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"ContextualHelp\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const propsContext: PropsContext = {\n    Heading: {\n      level: 5,\n    },\n  };\n\n  return (\n    <Popover withTip {...rest} controller={controller}>\n      <PropsContextProvider props={propsContext}>\n        <div className={styles.contextualHelp}>{children}</div>\n      </PropsContextProvider>\n    </Popover>\n  );\n});\n\nexport default ContextualHelp;\n"],"names":[],"mappings":";;;;;;;;;;;AAeO,MAAM,cAAiB,GAAA,aAAA,CAAc,gBAAkB,EAAA,CAAC,KAAU,KAAA;AACvE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,UAAY,EAAA,mBAAA;AAAA,IACZ,GAAK,EAAA,UAAA;AAAA,IACL,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,gBAAkB,EAAA;AAAA,IACnE,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA;AACT,GACF;AAEA,EAAA,2BACG,OAAQ,EAAA,EAAA,OAAA,EAAO,MAAE,GAAG,IAAA,EAAM,YACzB,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,cAAiB,EAAA,QAAA,EAAS,GACnD,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs

@@ -5,13 +5,13 @@ import * as Aria from 'react-aria-components';
 import 'react';
 import { OverlayTrigger } from '../../../OverlayTrigger/OverlayTrigger.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import locales from '../../../../_virtual/_.locale.json@df0c8534e2e4f7c6c3d4365218df7347.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
 import '@tabler/icons-react';
-import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
-import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import 'clsx';
+import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
 import { IconInfo } from '../../../Icon/components/icons/IconInfo.mjs';
 
 const ContextualHelpTrigger = flowComponent(

package/dist/js/components/CopyButton/CopyButton.mjs

@@ -1,21 +1,21 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Action } from '../Action/Action.mjs';
-import { Button } from '../Button/Button.mjs';
 import 'react';
+import copy from 'copy-to-clipboard';
+import { Button } from '../Button/Button.mjs';
 import '@tabler/icons-react';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
 import 'clsx';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { IconCopy } from '../Icon/components/icons/IconCopy.mjs';
+import locales from '../../_virtual/_.locale.json@51592c7dce2c58889664b6822f25f6d1.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
 import { TooltipTrigger } from '../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
 import { Tooltip } from '../Tooltip/Tooltip.mjs';
-import copy from 'copy-to-clipboard';
-import { useLocalizedStringFormatter } from 'react-aria';
 import { onlyText } from 'react-children-utilities';
-import locales from '../../_virtual/_.locale.json@51592c7dce2c58889664b6822f25f6d1.mjs';
+import { Action } from '../Action/Action.mjs';
 
 const CopyButton = flowComponent(
   "CopyButton",
@@ -32,7 +32,7 @@ const CopyButton = flowComponent(
     const copyValue = () => {
       copy(onlyText(text));
     };
-    return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
       /* @__PURE__ */ jsx(Action, { action: copyValue, showFeedback: true, children: /* @__PURE__ */ jsx(
         Button,
         {

package/dist/js/components/CopyButton/CopyButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.mjs","sources":["../../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import { Action } from \"@/components/Action\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { Button } from \"@/components/Button\";\nimport { IconCopy } from \"@/components/Icon/components/icons\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport copy from \"copy-to-clipboard\";\nimport type { ReactNode } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { onlyText } from \"react-children-utilities\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface CopyButtonProps\n  extends Omit<ButtonProps, \"onPress\" | \"aria-label\" | \"render\">,\n    FlowComponentProps {\n  /** The text to copy. */\n  text: ReactNode;\n}\n\n/** @flr-generate all */\nexport const CopyButton = flowComponent<\"CopyButton\", HTMLButtonElement>(\n  \"CopyButton\",\n  (props) => {\n    const {\n      text,\n      ref,\n      variant = \"plain\",\n      color = \"secondary\",\n      ...buttonProps\n    } = props;\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const tooltip = stringFormatter.format(\"copyButton.copy\");\n\n    const copyValue = () => {\n      copy(onlyText(text));\n    };\n\n    return (\n      <ClearPropsContextView>\n        <TooltipTrigger>\n          <Action action={copyValue} showFeedback>\n            <Button\n              aria-label={tooltip}\n              {...buttonProps}\n              ref={ref}\n              variant={variant}\n              color={color}\n            >\n              <IconCopy />\n            </Button>\n          </Action>\n          <Tooltip>{tooltip}</Tooltip>\n        </TooltipTrigger>\n      </ClearPropsContextView>\n    );\n  },\n);\n\nexport default CopyButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAsBO,MAAM,UAAa,GAAA,aAAA;AAAA,EACxB,YAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,IAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAU,GAAA,OAAA;AAAA,MACV,KAAQ,GAAA,WAAA;AAAA,MACR,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,MAAA,CAAO,iBAAiB,CAAA;AAExD,IAAA,MAAM,YAAY,MAAM;AACtB,MAAK,IAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,KACrB;AAEA,IACE,uBAAA,GAAA,CAAC,qBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,YAAA,EAAY,IACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,YAAY,EAAA,OAAA;AAAA,UACX,GAAG,WAAA;AAAA,UACJ,GAAA;AAAA,UACA,OAAA;AAAA,UACA,KAAA;AAAA,UAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,OAEd,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,WAAS,QAAQ,EAAA,OAAA,EAAA;AAAA,KAAA,EACpB,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"CopyButton.mjs","sources":["../../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React from \"react\";\nimport copy from \"copy-to-clipboard\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { Button } from \"@/components/Button\";\nimport { IconCopy } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport { onlyText } from \"react-children-utilities\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Action } from \"@/components/Action\";\n\nexport interface CopyButtonProps\n  extends Omit<ButtonProps, \"onPress\" | \"aria-label\" | \"render\">,\n    FlowComponentProps {\n  /** The text to copy. */\n  text: ReactNode;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const CopyButton = flowComponent<\"CopyButton\", HTMLButtonElement>(\n  \"CopyButton\",\n  (props) => {\n    const {\n      text,\n      ref,\n      variant = \"plain\",\n      color = \"secondary\",\n      ...buttonProps\n    } = props;\n\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const tooltip = stringFormatter.format(\"copyButton.copy\");\n\n    const copyValue = () => {\n      copy(onlyText(text));\n    };\n\n    return (\n      <ClearPropsContext>\n        <TooltipTrigger>\n          <Action action={copyValue} showFeedback>\n            <Button\n              aria-label={tooltip}\n              {...buttonProps}\n              ref={ref}\n              variant={variant}\n              color={color}\n            >\n              <IconCopy />\n            </Button>\n          </Action>\n          <Tooltip>{tooltip}</Tooltip>\n        </TooltipTrigger>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default CopyButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA0BO,MAAM,UAAa,GAAA,aAAA;AAAA,EACxB,YAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,IAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAU,GAAA,OAAA;AAAA,MACV,KAAQ,GAAA,WAAA;AAAA,MACR,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,MAAA,CAAO,iBAAiB,CAAA;AAExD,IAAA,MAAM,YAAY,MAAM;AACtB,MAAK,IAAA,CAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,KACrB;AAEA,IACE,uBAAA,GAAA,CAAC,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,cACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,YAAA,EAAY,IACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,YAAY,EAAA,OAAA;AAAA,UACX,GAAG,WAAA;AAAA,UACJ,GAAA;AAAA,UACA,OAAA;AAAA,UACA,KAAA;AAAA,UAEA,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,OAEd,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,WAAS,QAAQ,EAAA,OAAA,EAAA;AAAA,KAAA,EACpB,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/DatePicker/DatePicker.mjs

@@ -1,25 +1,24 @@
 "use client"
 /* */
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Calendar } from '../Calendar/Calendar.mjs';
 import 'react';
-import * as Aria from 'react-aria-components';
-import 'react-aria';
-import '@chakra-ui/live-region';
-import '@tabler/icons-react';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import clsx from 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import clsx from 'clsx';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import 'invariant';
+import * as Aria from 'react-aria-components';
+import { DateInput } from './components/DateInput/DateInput.mjs';
 import { FieldError } from '../FieldError/FieldError.mjs';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import { Popover } from '../Popover/Popover.mjs';
 import 'mobx';
 import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
-import '../../lib/controller/overlay/context.mjs';
-import { Popover } from '../Popover/Popover.mjs';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
-import { DateInput } from './components/DateInput/DateInput.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { Calendar } from '../Calendar/Calendar.mjs';
+import '@tabler/icons-react';
+import 'invariant';
+import 'react-aria';
+import '@chakra-ui/live-region';
 
 const DatePicker = flowComponent("DatePicker", (props) => {
   const { children, className, errorMessage, onChange, ...rest } = props;

package/dist/js/components/DatePicker/DatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from \"@/components/Calendar\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { Popover } from \"@/components/Popover\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport { DateInput } from \"./components/DateInput\";\n\nexport interface DatePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends PropsWithChildren<Omit<Aria.DatePickerProps<T>, \"children\">> {\n  /** The error message that is displayed below the input. */\n  errorMessage?: ReactNode;\n}\n\n/** @flr-generate all */\nexport const DatePicker = flowComponent(\"DatePicker\", (props) => {\n  const { children, className, errorMessage, onChange, ...rest } = props;\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: styles.fieldDescription,\n    },\n    FieldError: {\n      className: styles.customFieldError,\n    },\n  };\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DatePicker\n      {...rest}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <DateInput isDisabled={props.isDisabled} />\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={styles.fieldError}>{errorMessage}</FieldError>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        controller={popoverController}\n      >\n        <Calendar />\n      </Popover>\n    </Aria.DatePicker>\n  );\n});\n\nexport default DatePicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,cAAc,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEjE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAWA,eAAO,CAAA,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAWA,eAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAWA,eAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,UAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,YAAc,EAAA,CAAC,CAAM,KAAA,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAkB,CAAA,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAEhB,QAAA,iBAAA,CAAkB,KAAM,EAAA;AAAA,OAC1B;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,UAAY,EAAA,KAAA,CAAM,UAAY,EAAA,CAAA;AAAA,wBACxC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,YAAa,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,wBACxD,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,YAAA;AAAA,YACV,eAAe,EAAA,IAAA;AAAA,YACf,UAAY,EAAA,iBAAA;AAAA,YAEZ,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA;AACZ;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DatePicker.mjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { DateInput } from \"./components/DateInput\";\nimport { FieldError } from \"@/components/FieldError\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Calendar } from \"@/components/Calendar\";\n\nexport interface DatePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends PropsWithChildren<Omit<Aria.DatePickerProps<T>, \"children\">> {\n  /** The error message that is displayed below the input. */\n  errorMessage?: ReactNode;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const DatePicker = flowComponent(\"DatePicker\", (props) => {\n  const { children, className, errorMessage, onChange, ...rest } = props;\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: styles.fieldDescription,\n    },\n    FieldError: {\n      className: styles.customFieldError,\n    },\n  };\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DatePicker\n      {...rest}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <DateInput isDisabled={props.isDisabled} />\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={styles.fieldError}>{errorMessage}</FieldError>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        controller={popoverController}\n      >\n        <Calendar />\n      </Popover>\n    </Aria.DatePicker>\n  );\n});\n\nexport default DatePicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,UAAa,GAAA,aAAA,CAAc,YAAc,EAAA,CAAC,KAAU,KAAA;AAC/D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,cAAc,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEjE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAWA,eAAO,CAAA,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAWA,eAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAWA,eAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,UAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,YAAc,EAAA,CAAC,CAAM,KAAA,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAkB,CAAA,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAEhB,QAAA,iBAAA,CAAkB,KAAM,EAAA;AAAA,OAC1B;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,SAAA,EAAA,EAAU,UAAY,EAAA,KAAA,CAAM,UAAY,EAAA,CAAA;AAAA,wBACxC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,YAAa,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,wBACxD,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,YAAA;AAAA,YACV,eAAe,EAAA,IAAA;AAAA,YACf,UAAY,EAAA,iBAAA;AAAA,YAEZ,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA;AACZ;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/js/components/DatePicker/components/DateInput/DateInput.mjs

@@ -6,6 +6,7 @@ import styles from './DateInput.module.scss.mjs';
 import * as Aria from 'react-aria-components';
 import { Button } from '../../../Button/Button.mjs';
 import '@tabler/icons-react';
+import 'clsx';
 import '@mittwald/react-tunnel';
 import '../../../../lib/slotContext/slotContext.mjs';
 import '@react-aria/utils';
@@ -13,7 +14,6 @@ import '../../../../lib/propsContext/propsContext.mjs';
 import 'remeda';
 import 'dot-prop';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
 import { IconCalendar } from '../../../Icon/components/icons/IconCalendar.mjs';
 
 const DateInput = (props) => {

package/dist/js/components/DateRangePicker/DateRangePicker.mjs

@@ -1,21 +1,20 @@
 "use client"
 /* */
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { FieldError } from '../FieldError/FieldError.mjs';
 import 'react';
-import 'mobx';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import clsx from 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import '../../lib/controller/overlay/context.mjs';
 import * as Aria from 'react-aria-components';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import '../../lib/viewComponentContext/viewComponentContext.mjs';
-import clsx from 'clsx';
 import { Popover } from '../Popover/Popover.mjs';
 import { RangeCalendar } from '../Calendar/RangeCalendar.mjs';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 import { DateRangeInput } from './components/DateRangeInput/DateRangeInput.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
+import 'mobx';
+import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 
 const DateRangePicker = flowComponent("DateRangePicker", (props) => {
   const { children, className, errorMessage, onChange, ...rest } = props;

package/dist/js/components/DateRangePicker/DateRangePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.mjs","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import { FieldError } from \"@/components/FieldError\";\nimport { Popover } from \"@/components/Popover\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren, ReactNode } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { RangeCalendar } from \"../Calendar/RangeCalendar\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport { DateRangeInput } from \"./components/DateRangeInput\";\n\nexport interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, \"children\">> {\n  /** The error message that is displayed below the input. */\n  errorMessage?: ReactNode;\n}\n\n/** @flr-generate all */\nexport const DateRangePicker = flowComponent(\"DateRangePicker\", (props) => {\n  const { children, className, errorMessage, onChange, ...rest } = props;\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: styles.fieldDescription,\n    },\n    FieldError: {\n      className: styles.customFieldError,\n    },\n  };\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DateRangePicker\n      {...rest}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <DateRangeInput isDisabled={props.isDisabled} />\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={styles.fieldError}>{errorMessage}</FieldError>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        controller={popoverController}\n      >\n        <RangeCalendar />\n      </Popover>\n    </Aria.DateRangePicker>\n  );\n});\n\nexport default DateRangePicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;;AAoBO,MAAM,eAAkB,GAAA,aAAA,CAAc,iBAAmB,EAAA,CAAC,KAAU,KAAA;AACzE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,cAAc,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEjE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAWA,eAAO,CAAA,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAWA,eAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAWA,eAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,eAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,YAAc,EAAA,CAAC,CAAM,KAAA,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAkB,CAAA,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAEhB,QAAA,iBAAA,CAAkB,KAAM,EAAA;AAAA,OAC1B;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,cAAA,EAAA,EAAe,UAAY,EAAA,KAAA,CAAM,UAAY,EAAA,CAAA;AAAA,wBAC7C,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,YAAa,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,wBACxD,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,YAAA;AAAA,YACV,eAAe,EAAA,IAAA;AAAA,YACf,UAAY,EAAA,iBAAA;AAAA,YAEZ,8BAAC,aAAc,EAAA,EAAA;AAAA;AAAA;AACjB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DateRangePicker.mjs","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport { RangeCalendar } from \"../Calendar/RangeCalendar\";\nimport { DateRangeInput } from \"./components/DateRangeInput\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, \"children\">> {\n  /** The error message that is displayed below the input. */\n  errorMessage?: ReactNode;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const DateRangePicker = flowComponent(\"DateRangePicker\", (props) => {\n  const { children, className, errorMessage, onChange, ...rest } = props;\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: styles.fieldDescription,\n    },\n    FieldError: {\n      className: styles.customFieldError,\n    },\n  };\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DateRangePicker\n      {...rest}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <DateRangeInput isDisabled={props.isDisabled} />\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={styles.fieldError}>{errorMessage}</FieldError>\n      <Popover\n        placement=\"bottom end\"\n        isDialogContent\n        controller={popoverController}\n      >\n        <RangeCalendar />\n      </Popover>\n    </Aria.DateRangePicker>\n  );\n});\n\nexport default DateRangePicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;;;;AAwBO,MAAM,eAAkB,GAAA,aAAA,CAAc,iBAAmB,EAAA,CAAC,KAAU,KAAA;AACzE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,cAAc,QAAU,EAAA,GAAG,MAAS,GAAA,KAAA;AAEjE,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAWA,eAAO,CAAA,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAWA,eAAO,CAAA;AAAA,KACpB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAWA,eAAO,CAAA;AAAA;AACpB,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EACE,uBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,eAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,YAAc,EAAA,CAAC,CAAM,KAAA,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAkB,CAAA,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAEhB,QAAA,iBAAA,CAAkB,KAAM,EAAA;AAAA,OAC1B;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,cAAA,EAAA,EAAe,UAAY,EAAA,KAAA,CAAM,UAAY,EAAA,CAAA;AAAA,wBAC7C,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,YAAa,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,wBACxD,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,YAAA;AAAA,YACV,eAAe,EAAA,IAAA;AAAA,YACf,UAAY,EAAA,iBAAA;AAAA,YAEZ,8BAAC,aAAc,EAAA,EAAA;AAAA;AAAA;AACjB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}