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

package/dist/js/components/TextField/TextField.mjs

@@ -1,11 +1,12 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
+import 'react';
 import * as Aria from 'react-aria-components';
+import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
 import styles from './TextField.module.scss.mjs';
+import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 
 const TextField = flowComponent("TextField", (props) => {
   const { children, placeholder, ref, form, ...rest } = props;
@@ -18,7 +19,7 @@ const TextField = flowComponent("TextField", (props) => {
       ref
     }
   );
-  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });
 });
 
 export { TextField, TextField as default };

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.mjs","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./TextField.module.scss\";\n\nexport interface TextFieldProps\n  extends Omit<TextFieldBaseProps, \"input\" | \"className\">,\n    Pick<Aria.InputProps, \"placeholder\" | \"form\">,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/** @flr-generate all */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const { children, placeholder, ref, form, ...rest } = props;\n\n  const input = (\n    <Aria.Input\n      form={form}\n      placeholder={placeholder}\n      className={styles.textField}\n      ref={ref}\n    />\n  );\n\n  return (\n    <ClearPropsContextView>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContextView>\n  );\n});\n\nexport default TextField;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,QAAU,EAAA,WAAA,EAAa,KAAK,IAAM,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB;AAAA;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,yBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TextField.mjs","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextField.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface TextFieldProps\n  extends Omit<TextFieldBaseProps, \"input\" | \"className\">,\n    Pick<Aria.InputProps, \"placeholder\" | \"form\">,\n    PropsWithClassName,\n    FlowComponentProps {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const { children, placeholder, ref, form, ...rest } = props;\n\n  const input = (\n    <Aria.Input\n      form={form}\n      placeholder={placeholder}\n      className={styles.textField}\n      ref={ref}\n    />\n  );\n\n  return (\n    <ClearPropsContext>\n      <TextFieldBase {...rest} input={input}>\n        {children}\n      </TextFieldBase>\n    </ClearPropsContext>\n  );\n});\n\nexport default TextField;\n"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,QAAU,EAAA,WAAA,EAAa,KAAK,IAAM,EAAA,GAAG,MAAS,GAAA,KAAA;AAEtD,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB;AAAA;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/TextFieldBase/TextFieldBase.mjs

@@ -1,17 +1,17 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
-import { FieldError } from '../FieldError/FieldError.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
-import clsx from 'clsx';
 import { useState } from 'react';
-import { useLocalizedStringFormatter } from 'react-aria';
 import * as Aria from 'react-aria-components';
 import formFieldStyles from '../FormField/FormField.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 { FieldError } from '../FieldError/FieldError.mjs';
+import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
 import locales from '../../_virtual/_.locale.json@444629885187f8ca5450a1c8b14fb45c.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
 
 const TextFieldBase = (props) => {
   const { children, className, input, showCharacterCount, ...rest } = props;
@@ -47,7 +47,7 @@ const TextFieldBase = (props) => {
       maxCount: props.maxLength ?? 0
     }
   );
-  return /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsxs(
     Aria.TextField,
     {
       ...rest,

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldBase.mjs","sources":["../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"sourcesContent":["import { FieldDescription } from \"@/components/FieldDescription\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport clsx from \"clsx\";\nimport type { FC, PropsWithChildren, ReactNode, Ref } from \"react\";\nimport { useState } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface TextFieldBaseProps\n  extends PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">> {\n  ref?: Ref<HTMLInputElement>;\n  /** The input element */\n  input: ReactNode;\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n}\n\nexport const TextFieldBase: FC<TextFieldBaseProps> = (props) => {\n  const { children, className, input, showCharacterCount, ...rest } = props;\n  const [charactersCount, setCharactersCount] = useState(\n    props.value?.length ?? 0,\n  );\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const translation = useLocalizedStringFormatter(locales);\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 handleOnChange = (v: string) => {\n    if (showCharacterCount) {\n      setCharactersCount(v.length);\n    }\n    if (props.onChange) {\n      props.onChange(v);\n    }\n  };\n\n  const charactersCountDescription = translation.format(\n    \"textFieldBase.characters\",\n    {\n      count: charactersCount,\n      maxCount: props.maxLength ?? 0,\n    },\n  );\n\n  return (\n    <ClearPropsContextView>\n      <Aria.TextField\n        {...rest}\n        className={rootClassName}\n        onChange={handleOnChange}\n      >\n        {input}\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n        {showCharacterCount && (\n          <FieldDescription className={styles.fieldDescription}>\n            {charactersCountDescription}\n          </FieldDescription>\n        )}\n        <FieldError className={styles.fieldError} />\n      </Aria.TextField>\n    </ClearPropsContextView>\n  );\n};\n\nexport default TextFieldBase;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;AAsBa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,kBAAoB,EAAA,GAAG,MAAS,GAAA,KAAA;AACpE,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,IAC5C,KAAA,CAAM,OAAO,MAAU,IAAA;AAAA,GACzB;AAEA,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAM,MAAA,WAAA,GAAc,4BAA4B,OAAO,CAAA;AAEvD,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,cAAA,GAAiB,CAAC,CAAc,KAAA;AACpC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,kBAAA,CAAmB,EAAE,MAAM,CAAA;AAAA;AAE7B,IAAA,IAAI,MAAM,QAAU,EAAA;AAClB,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA;AAClB,GACF;AAEA,EAAA,MAAM,6BAA6B,WAAY,CAAA,MAAA;AAAA,IAC7C,0BAAA;AAAA,IACA;AAAA,MACE,KAAO,EAAA,eAAA;AAAA,MACP,QAAA,EAAU,MAAM,SAAa,IAAA;AAAA;AAC/B,GACF;AAEA,EAAA,2BACG,qBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,SAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,QAAU,EAAA,cAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,wBACA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,QACC,sCACE,GAAA,CAAA,gBAAA,EAAA,EAAiB,SAAW,EAAAA,eAAA,CAAO,kBACjC,QACH,EAAA,0BAAA,EAAA,CAAA;AAAA,wBAED,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,UAAY,EAAA;AAAA;AAAA;AAAA,GAE9C,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TextFieldBase.mjs","sources":["../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactNode, Ref } from \"react\";\nimport React, { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../FormField/FormField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\n\nexport interface TextFieldBaseProps\n  extends PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">> {\n  ref?: Ref<HTMLInputElement>;\n  /** The input element */\n  input: ReactNode;\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n}\n\nexport const TextFieldBase: FC<TextFieldBaseProps> = (props) => {\n  const { children, className, input, showCharacterCount, ...rest } = props;\n  const [charactersCount, setCharactersCount] = useState(\n    props.value?.length ?? 0,\n  );\n\n  const rootClassName = clsx(styles.formField, className);\n\n  const translation = useLocalizedStringFormatter(locales);\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 handleOnChange = (v: string) => {\n    if (showCharacterCount) {\n      setCharactersCount(v.length);\n    }\n    if (props.onChange) {\n      props.onChange(v);\n    }\n  };\n\n  const charactersCountDescription = translation.format(\n    \"textFieldBase.characters\",\n    {\n      count: charactersCount,\n      maxCount: props.maxLength ?? 0,\n    },\n  );\n\n  return (\n    <ClearPropsContext>\n      <Aria.TextField\n        {...rest}\n        className={rootClassName}\n        onChange={handleOnChange}\n      >\n        {input}\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n        {showCharacterCount && (\n          <FieldDescription className={styles.fieldDescription}>\n            {charactersCountDescription}\n          </FieldDescription>\n        )}\n        <FieldError className={styles.fieldError} />\n      </Aria.TextField>\n    </ClearPropsContext>\n  );\n};\n\nexport default TextFieldBase;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;;AAsBa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAO,kBAAoB,EAAA,GAAG,MAAS,GAAA,KAAA;AACpE,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,IAC5C,KAAA,CAAM,OAAO,MAAU,IAAA;AAAA,GACzB;AAEA,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAKA,eAAO,CAAA,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAM,MAAA,WAAA,GAAc,4BAA4B,OAAO,CAAA;AAEvD,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,cAAA,GAAiB,CAAC,CAAc,KAAA;AACpC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,kBAAA,CAAmB,EAAE,MAAM,CAAA;AAAA;AAE7B,IAAA,IAAI,MAAM,QAAU,EAAA;AAClB,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA;AAClB,GACF;AAEA,EAAA,MAAM,6BAA6B,WAAY,CAAA,MAAA;AAAA,IAC7C,0BAAA;AAAA,IACA;AAAA,MACE,KAAO,EAAA,eAAA;AAAA,MACP,QAAA,EAAU,MAAM,SAAa,IAAA;AAAA;AAC/B,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,SAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,QAAU,EAAA,cAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,wBACA,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,QACC,sCACE,GAAA,CAAA,gBAAA,EAAA,EAAiB,SAAW,EAAAA,eAAA,CAAO,kBACjC,QACH,EAAA,0BAAA,EAAA,CAAA;AAAA,wBAED,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAAA,eAAA,CAAO,UAAY,EAAA;AAAA;AAAA;AAAA,GAE9C,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/TimeField/TimeField.mjs

@@ -1,13 +1,15 @@
 "use client"
 /* */
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { FieldError } from '../FieldError/FieldError.mjs';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import 'react';
+import * as Aria from 'react-aria-components';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
+import { FieldError } from '../FieldError/FieldError.mjs';
 import clsx from 'clsx';
-import * as Aria from 'react-aria-components';
 import styles from './TimeField.module.scss.mjs';
 
 const TimeField = flowComponent("TimeField", (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"TimeField.mjs","sources":["../../../../src/components/TimeField/TimeField.tsx"],"sourcesContent":["import { FieldError } from \"@/components/FieldError\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\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 \"./TimeField.module.scss\";\n\nexport interface TimeFieldProps<T extends Aria.TimeValue = Aria.TimeValue>\n  extends PropsWithChildren<Omit<Aria.TimeFieldProps<T>, \"children\">> {\n  /** An error message to be displayed below the field */\n  errorMessage?: ReactNode;\n}\n\n/** @flr-generate all */\nexport const TimeField = flowComponent(\"TimeField\", (props) => {\n  const { children, errorMessage, className, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n      isDisabled: rest.isDisabled,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  return (\n    <Aria.TimeField hourCycle={24} className={rootClassName} {...rest}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError}>\n        {errorMessage}\n      </FieldError>\n      <Aria.DateInput className={styles.dateInput}>\n        {(segment) => <Aria.DateSegment segment={segment} />}\n      </Aria.DateInput>\n    </Aria.TimeField>\n  );\n});\n\nexport default TimeField;\n"],"names":[],"mappings":";;;;;;;;;;AAiBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,QAAU,EAAA,YAAA,EAAc,SAAW,EAAA,GAAG,MAAS,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,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA,UAAA;AAAA,MACjB,YAAY,IAAK,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,SAAL,EAAA,EAAe,WAAW,EAAI,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,IAC3D,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,YACpC,QACH,EAAA,YAAA,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,CAAK,SAAL,EAAA,EAAe,WAAW,MAAO,CAAA,SAAA,EAC/B,QAAC,EAAA,CAAA,OAAA,qBAAa,GAAA,CAAA,IAAA,CAAK,WAAL,EAAA,EAAiB,SAAkB,CACpD,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TimeField.mjs","sources":["../../../../src/components/TimeField/TimeField.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { FieldError } from \"@/components/FieldError\";\nimport clsx from \"clsx\";\nimport styles from \"./TimeField.module.scss\";\n\nexport interface TimeFieldProps<T extends Aria.TimeValue = Aria.TimeValue>\n  extends PropsWithChildren<Omit<Aria.TimeFieldProps<T>, \"children\">> {\n  /** An error message to be displayed below the field */\n  errorMessage?: ReactNode;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TimeField = flowComponent(\"TimeField\", (props) => {\n  const { children, errorMessage, className, ...rest } = props;\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n      isDisabled: rest.isDisabled,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  return (\n    <Aria.TimeField hourCycle={24} className={rootClassName} {...rest}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldError className={formFieldStyles.fieldError}>\n        {errorMessage}\n      </FieldError>\n      <Aria.DateInput className={styles.dateInput}>\n        {(segment) => <Aria.DateSegment segment={segment} />}\n      </Aria.DateInput>\n    </Aria.TimeField>\n  );\n});\n\nexport default TimeField;\n"],"names":[],"mappings":";;;;;;;;;;;;AAqBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,QAAU,EAAA,YAAA,EAAc,SAAW,EAAA,GAAG,MAAS,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,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA,UAAA;AAAA,MACjB,YAAY,IAAK,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,SAAL,EAAA,EAAe,WAAW,EAAI,EAAA,SAAA,EAAW,aAAgB,EAAA,GAAG,IAC3D,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,YACpC,QACH,EAAA,YAAA,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,CAAK,SAAL,EAAA,EAAe,WAAW,MAAO,CAAA,SAAA,EAC/B,QAAC,EAAA,CAAA,OAAA,qBAAa,GAAA,CAAA,IAAA,CAAK,WAAL,EAAA,EAAiB,SAAkB,CACpD,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/flr-universal.mjs

@@ -109,18 +109,18 @@ import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import './lib/propsContext/propsContext.mjs';
-export { Wrap } from './components/Wrap/Wrap.mjs';
+import './lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import './lib/viewComponentContext/viewComponentContext.mjs';
-import 'react-aria';
-import '@chakra-ui/live-region';
+import 'react-aria-components';
+export { Wrap } from './components/Wrap/Wrap.mjs';
+import 'invariant';
 import '@mittwald/react-tunnel';
 import './lib/slotContext/slotContext.mjs';
 export { useProps } from './lib/hooks/useProps.mjs';
-import 'invariant';
-import 'react-aria-components';
+import 'react-aria';
+import '@chakra-ui/live-region';
 import './components/Activity/Activity.mjs';
 export { Action } from './components/Action/Action.mjs';
 import './components/Action/models/ActionStateContext.mjs';
@@ -128,7 +128,6 @@ import 'object-code';
 import 'react-children-utilities';
 import 'react-syntax-highlighter';
 import 'copy-to-clipboard';
-export { PopoverTrigger } from './components/Popover/components/PopoverTrigger/PopoverTrigger.mjs';
 export { Popover } from './components/Popover/Popover.mjs';
 export { OverlayController } from './lib/controller/overlay/OverlayController.mjs';
 export { useOverlayController } from './lib/controller/overlay/useOverlayController.mjs';
@@ -149,6 +148,7 @@ export { Modal } from './components/Modal/Modal.mjs';
 export { ModalTrigger } from './components/Modal/components/ModalTrigger/ModalTrigger.mjs';
 import './components/NotificationProvider/NotificationProvider.mjs';
 import 'mobx';
+export { PopoverTrigger } from './components/Popover/components/PopoverTrigger/PopoverTrigger.mjs';
 import './components/Select/components/CountryOptions/CountryOptions.mjs';
 export { SettingsProvider } from './components/SettingsProvider/SettingsProvider.mjs';
 import 'use-callback-ref';

package/dist/js/icons.mjs

@@ -2,8 +2,10 @@
 /* */
 export { isFlowComponentName } from './lib/propsContext/isFlowComponentName.mjs';
 export { flowComponent } from './lib/componentFactory/flowComponent.mjs';
+export { ClearPropsContext } from './components/ClearPropsContext/ClearPropsContext.mjs';
+export { ClearPropsContextContent } from './components/ClearPropsContext/components/ClearPropsContextContent.mjs';
+export { dynamic } from './lib/propsContext/dynamicProps/dynamic.mjs';
 export { propsContext } from './lib/propsContext/propsContext.mjs';
 export { PropsContextProvider } from './lib/propsContext/PropsContextProvider.mjs';
-export { dynamic } from './lib/propsContext/dynamicProps/dynamic.mjs';
 export { ViewComponentContextProvider } from './lib/viewComponentContext/ViewComponentContextProvider.mjs';
 //# sourceMappingURL=icons.mjs.map

package/dist/js/icons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icons.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"icons.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/js/index.mjs

@@ -15,7 +15,6 @@ export { Chat } from './components/Chat/Chat.mjs';
 export { Checkbox } from './components/Checkbox/Checkbox.mjs';
 export { CheckboxButton } from './components/CheckboxButton/CheckboxButton.mjs';
 export { CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup.mjs';
-export { ClearPropsContext } from './components/ClearPropsContext/ClearPropsContext.mjs';
 export { CodeBlock } from './components/CodeBlock/CodeBlock.mjs';
 export { ColumnLayout } from './components/ColumnLayout/ColumnLayout.mjs';
 export { ComboBox } from './components/ComboBox/ComboBox.mjs';
@@ -235,7 +234,9 @@ export { useOverlayController } from './lib/controller/overlay/useOverlayControl
 export { useOnChange } from './lib/hooks/useOnChange.mjs';
 export { useIsMounted } from './lib/hooks/useIsMounted.mjs';
 export { useProps } from './lib/hooks/useProps.mjs';
+export { ClearPropsContext } from './components/ClearPropsContext/ClearPropsContext.mjs';
+export { ClearPropsContextContent } from './components/ClearPropsContext/components/ClearPropsContextContent.mjs';
+export { dynamic } from './lib/propsContext/dynamicProps/dynamic.mjs';
 export { propsContext } from './lib/propsContext/propsContext.mjs';
 export { PropsContextProvider } from './lib/propsContext/PropsContextProvider.mjs';
-export { dynamic } from './lib/propsContext/dynamicProps/dynamic.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/js/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.mjs

@@ -6,8 +6,9 @@ import { ActionStateContext } from '../../../../components/Action/ActionStateCon
 import { useFormContext } from '../context/formContext.mjs';
 import { useFormState } from 'react-hook-form';
 import '../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 
 const ActionStateContextWrapper = (props) => {
   const { children, isAsyncSubmit } = props;

package/dist/js/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButtonStateProvider.mjs","sources":["../../../../../../src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.tsx"],"sourcesContent":["import type { FC, MutableRefObject, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { ActionStateContext } from \"@/components/Action/ActionStateContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport { useFormState } from \"react-hook-form\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\n\ninterface Props extends PropsWithChildren {\n  isAsyncSubmit: MutableRefObject<boolean>;\n}\n\nconst ActionStateContextWrapper: FC<Props> = (props) => {\n  const { children, isAsyncSubmit } = props;\n\n  const form = useFormContext().form;\n\n  const { isSubmitted, isSubmitting, isSubmitSuccessful, errors } =\n    useFormState(form);\n\n  const submitErrors =\n    isSubmitted && errors && Object.entries(errors).length > 0\n      ? errors\n      : undefined;\n\n  const submitSucceeded = isSubmitted && isSubmitSuccessful;\n\n  return (\n    <ActionStateContext\n      isStarted={isSubmitting && isAsyncSubmit.current}\n      hasFailedWithError={submitErrors}\n      hasSucceeded={submitSucceeded}\n    >\n      {children}\n    </ActionStateContext>\n  );\n};\n\nexport const SubmitButtonStateProvider: FC<Props> = (props) => {\n  const { children, isAsyncSubmit } = props;\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      children: dynamic((p) => (\n        <ActionStateContextWrapper isAsyncSubmit={isAsyncSubmit}>\n          {p.children}\n        </ActionStateContextWrapper>\n      )),\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      {children}\n    </PropsContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,yBAAA,GAAuC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,IAAA;AAE9B,EAAA,MAAM,EAAE,WAAa,EAAA,YAAA,EAAc,oBAAoB,MAAO,EAAA,GAC5D,aAAa,IAAI,CAAA;AAEnB,EAAM,MAAA,YAAA,GACJ,eAAe,MAAU,IAAA,MAAA,CAAO,QAAQ,MAAM,CAAA,CAAE,MAAS,GAAA,CAAA,GACrD,MACA,GAAA,MAAA;AAEN,EAAA,MAAM,kBAAkB,WAAe,IAAA,kBAAA;AAEvC,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,gBAAgB,aAAc,CAAA,OAAA;AAAA,MACzC,kBAAoB,EAAA,YAAA;AAAA,MACpB,YAAc,EAAA,eAAA;AAAA,MAEb;AAAA;AAAA,GACH;AAEJ,CAAA;AAEa,MAAA,yBAAA,GAAuC,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAA,EAAU,QAAQ,CAAC,CAAA,yBAChB,yBAA0B,EAAA,EAAA,aAAA,EACxB,QAAE,EAAA,CAAA,CAAA,QAAA,EACL,CACD;AAAA;AACH,GACF;AAEA,EAAA,2BACG,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAAc,EAAA,oBAAA,EAAoB,MAC5D,QACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SubmitButtonStateProvider.mjs","sources":["../../../../../../src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.tsx"],"sourcesContent":["import type { FC, MutableRefObject, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { ActionStateContext } from \"@/components/Action/ActionStateContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport { useFormState } from \"react-hook-form\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\n\ninterface Props extends PropsWithChildren {\n  isAsyncSubmit: MutableRefObject<boolean>;\n}\n\nconst ActionStateContextWrapper: FC<Props> = (props) => {\n  const { children, isAsyncSubmit } = props;\n\n  const form = useFormContext().form;\n\n  const { isSubmitted, isSubmitting, isSubmitSuccessful, errors } =\n    useFormState(form);\n\n  const submitErrors =\n    isSubmitted && errors && Object.entries(errors).length > 0\n      ? errors\n      : undefined;\n\n  const submitSucceeded = isSubmitted && isSubmitSuccessful;\n\n  return (\n    <ActionStateContext\n      isStarted={isSubmitting && isAsyncSubmit.current}\n      hasFailedWithError={submitErrors}\n      hasSucceeded={submitSucceeded}\n    >\n      {children}\n    </ActionStateContext>\n  );\n};\n\nexport const SubmitButtonStateProvider: FC<Props> = (props) => {\n  const { children, isAsyncSubmit } = props;\n\n  const propsContext: PropsContext = {\n    ActionGroup: {\n      children: dynamic((p) => (\n        <ActionStateContextWrapper isAsyncSubmit={isAsyncSubmit}>\n          {p.children}\n        </ActionStateContextWrapper>\n      )),\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext} mergeInParentContext>\n      {children}\n    </PropsContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,yBAAA,GAAuC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,IAAA;AAE9B,EAAA,MAAM,EAAE,WAAa,EAAA,YAAA,EAAc,oBAAoB,MAAO,EAAA,GAC5D,aAAa,IAAI,CAAA;AAEnB,EAAM,MAAA,YAAA,GACJ,eAAe,MAAU,IAAA,MAAA,CAAO,QAAQ,MAAM,CAAA,CAAE,MAAS,GAAA,CAAA,GACrD,MACA,GAAA,MAAA;AAEN,EAAA,MAAM,kBAAkB,WAAe,IAAA,kBAAA;AAEvC,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,gBAAgB,aAAc,CAAA,OAAA;AAAA,MACzC,kBAAoB,EAAA,YAAA;AAAA,MACpB,YAAc,EAAA,eAAA;AAAA,MAEb;AAAA;AAAA,GACH;AAEJ,CAAA;AAEa,MAAA,yBAAA,GAAuC,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA;AAAA,MACX,QAAA,EAAU,QAAQ,CAAC,CAAA,yBAChB,yBAA0B,EAAA,EAAA,aAAA,EACxB,QAAE,EAAA,CAAA,CAAA,QAAA,EACL,CACD;AAAA;AACH,GACF;AAEA,EAAA,2BACG,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAAc,EAAA,oBAAA,EAAoB,MAC5D,QACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/integrations/react-hook-form/components/Field/Field.mjs

@@ -4,8 +4,9 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
 import { Controller } from 'react-hook-form';
 import '../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import { useFormContext } from '../context/formContext.mjs';
 import FieldErrorView from '../../../../views/FieldErrorView.mjs';
 

package/dist/js/integrations/react-hook-form/components/Field/Field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Field.mjs","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type {\n  ControllerProps,\n  FieldValues,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { Controller } from \"react-hook-form\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">,\n    PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, control, ...rest } = props;\n\n  const formContext = useFormContext<T>();\n  const controlFromContext = formContext.form?.control;\n\n  return (\n    <Controller\n      {...rest}\n      control={control ?? controlFromContext}\n      render={(renderProps) => {\n        const {\n          field,\n          fieldState: { error, invalid },\n        } = renderProps;\n\n        const formControlProps = {\n          ...field,\n          form: formContext.id,\n          isRequired: !!rest.rules?.required,\n          isInvalid: invalid,\n          validationBehavior: \"aria\" as const,\n          children: dynamic((p) => (\n            <>\n              {p.children}\n              <FieldErrorView>{error?.message}</FieldErrorView>\n            </>\n          )),\n        };\n\n        const propsContext: PropsContext = {\n          Checkbox: {\n            ...formControlProps,\n            isSelected: formControlProps.value,\n          },\n          CheckboxGroup: formControlProps,\n          CheckboxButton: {\n            ...formControlProps,\n            isSelected: formControlProps.value,\n          },\n          FileField: formControlProps,\n          NumberField: formControlProps,\n          RadioGroup: formControlProps,\n          Switch: {\n            ...formControlProps,\n            isSelected: formControlProps.value,\n          },\n          TextArea: formControlProps,\n          TextField: formControlProps,\n          Select: {\n            ...formControlProps,\n            selectedKey: formControlProps.value,\n          },\n          Slider: formControlProps,\n          DatePicker: formControlProps,\n          DateRangePicker: formControlProps,\n          TimeField: formControlProps,\n          SegmentedControl: formControlProps,\n          ComboBox: formControlProps,\n        };\n\n        return (\n          <PropsContextProvider\n            props={propsContext}\n            dependencies={[renderProps]}\n          >\n            {children}\n          </PropsContextProvider>\n        );\n      }}\n    />\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T>,\n): typeof Field<T> => Field;\n"],"names":[],"mappings":";;;;;;;;;AAiBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AAEvC,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAM,MAAA,kBAAA,GAAqB,YAAY,IAAM,EAAA,OAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAS,OAAW,IAAA,kBAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,WAAgB,KAAA;AACvB,QAAM,MAAA;AAAA,UACJ,KAAA;AAAA,UACA,UAAA,EAAY,EAAE,KAAA,EAAO,OAAQ;AAAA,SAC3B,GAAA,WAAA;AAEJ,QAAA,MAAM,gBAAmB,GAAA;AAAA,UACvB,GAAG,KAAA;AAAA,UACH,MAAM,WAAY,CAAA,EAAA;AAAA,UAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,UAC1B,SAAW,EAAA,OAAA;AAAA,UACX,kBAAoB,EAAA,MAAA;AAAA,UACpB,QAAU,EAAA,OAAA,CAAQ,CAAC,CAAA,qBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,YAAE,CAAA,CAAA,QAAA;AAAA,4BACH,GAAA,CAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,KAAA,EAAO,OAAQ,EAAA;AAAA,WAAA,EAClC,CACD;AAAA,SACH;AAEA,QAAA,MAAM,YAA6B,GAAA;AAAA,UACjC,QAAU,EAAA;AAAA,YACR,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,aAAe,EAAA,gBAAA;AAAA,UACf,cAAgB,EAAA;AAAA,YACd,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,SAAW,EAAA,gBAAA;AAAA,UACX,WAAa,EAAA,gBAAA;AAAA,UACb,UAAY,EAAA,gBAAA;AAAA,UACZ,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,QAAU,EAAA,gBAAA;AAAA,UACV,SAAW,EAAA,gBAAA;AAAA,UACX,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,aAAa,gBAAiB,CAAA;AAAA,WAChC;AAAA,UACA,MAAQ,EAAA,gBAAA;AAAA,UACR,UAAY,EAAA,gBAAA;AAAA,UACZ,eAAiB,EAAA,gBAAA;AAAA,UACjB,SAAW,EAAA,gBAAA;AAAA,UACX,gBAAkB,EAAA,gBAAA;AAAA,UAClB,QAAU,EAAA;AAAA,SACZ;AAEA,QACE,uBAAA,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,KAAO,EAAA,YAAA;AAAA,YACP,YAAA,EAAc,CAAC,WAAW,CAAA;AAAA,YAEzB;AAAA;AAAA,SACH;AAAA;AAEJ;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}
+{"version":3,"file":"Field.mjs","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type {\n  ControllerProps,\n  FieldValues,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { Controller } from \"react-hook-form\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">,\n    PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, control, ...rest } = props;\n\n  const formContext = useFormContext<T>();\n  const controlFromContext = formContext.form?.control;\n\n  return (\n    <Controller\n      {...rest}\n      control={control ?? controlFromContext}\n      render={(renderProps) => {\n        const {\n          field,\n          fieldState: { error, invalid },\n        } = renderProps;\n\n        const formControlProps = {\n          ...field,\n          form: formContext.id,\n          isRequired: !!rest.rules?.required,\n          isInvalid: invalid,\n          validationBehavior: \"aria\" as const,\n          children: dynamic((p) => (\n            <>\n              {p.children}\n              <FieldErrorView>{error?.message}</FieldErrorView>\n            </>\n          )),\n        };\n\n        const propsContext: PropsContext = {\n          Checkbox: {\n            ...formControlProps,\n            isSelected: formControlProps.value,\n          },\n          CheckboxGroup: formControlProps,\n          CheckboxButton: {\n            ...formControlProps,\n            isSelected: formControlProps.value,\n          },\n          FileField: formControlProps,\n          NumberField: formControlProps,\n          RadioGroup: formControlProps,\n          Switch: {\n            ...formControlProps,\n            isSelected: formControlProps.value,\n          },\n          TextArea: formControlProps,\n          TextField: formControlProps,\n          Select: {\n            ...formControlProps,\n            selectedKey: formControlProps.value,\n          },\n          Slider: formControlProps,\n          DatePicker: formControlProps,\n          DateRangePicker: formControlProps,\n          TimeField: formControlProps,\n          SegmentedControl: formControlProps,\n          ComboBox: formControlProps,\n        };\n\n        return (\n          <PropsContextProvider\n            props={propsContext}\n            dependencies={[renderProps]}\n          >\n            {children}\n          </PropsContextProvider>\n        );\n      }}\n    />\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T>,\n): typeof Field<T> => Field;\n"],"names":[],"mappings":";;;;;;;;;;AAiBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AAEvC,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAM,MAAA,kBAAA,GAAqB,YAAY,IAAM,EAAA,OAAA;AAE7C,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAS,OAAW,IAAA,kBAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,WAAgB,KAAA;AACvB,QAAM,MAAA;AAAA,UACJ,KAAA;AAAA,UACA,UAAA,EAAY,EAAE,KAAA,EAAO,OAAQ;AAAA,SAC3B,GAAA,WAAA;AAEJ,QAAA,MAAM,gBAAmB,GAAA;AAAA,UACvB,GAAG,KAAA;AAAA,UACH,MAAM,WAAY,CAAA,EAAA;AAAA,UAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,UAC1B,SAAW,EAAA,OAAA;AAAA,UACX,kBAAoB,EAAA,MAAA;AAAA,UACpB,QAAU,EAAA,OAAA,CAAQ,CAAC,CAAA,qBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,YAAE,CAAA,CAAA,QAAA;AAAA,4BACH,GAAA,CAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,KAAA,EAAO,OAAQ,EAAA;AAAA,WAAA,EAClC,CACD;AAAA,SACH;AAEA,QAAA,MAAM,YAA6B,GAAA;AAAA,UACjC,QAAU,EAAA;AAAA,YACR,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,aAAe,EAAA,gBAAA;AAAA,UACf,cAAgB,EAAA;AAAA,YACd,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,SAAW,EAAA,gBAAA;AAAA,UACX,WAAa,EAAA,gBAAA;AAAA,UACb,UAAY,EAAA,gBAAA;AAAA,UACZ,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,YAAY,gBAAiB,CAAA;AAAA,WAC/B;AAAA,UACA,QAAU,EAAA,gBAAA;AAAA,UACV,SAAW,EAAA,gBAAA;AAAA,UACX,MAAQ,EAAA;AAAA,YACN,GAAG,gBAAA;AAAA,YACH,aAAa,gBAAiB,CAAA;AAAA,WAChC;AAAA,UACA,MAAQ,EAAA,gBAAA;AAAA,UACR,UAAY,EAAA,gBAAA;AAAA,UACZ,eAAiB,EAAA,gBAAA;AAAA,UACjB,SAAW,EAAA,gBAAA;AAAA,UACX,gBAAkB,EAAA,gBAAA;AAAA,UAClB,QAAU,EAAA;AAAA,SACZ;AAEA,QACE,uBAAA,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,KAAO,EAAA,YAAA;AAAA,YACP,YAAA,EAAc,CAAC,WAAW,CAAA;AAAA,YAEzB;AAAA;AAAA,SACH;AAAA;AAEJ;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}

package/dist/js/internal.mjs

@@ -2,8 +2,10 @@
 /* */
 export { isFlowComponentName } from './lib/propsContext/isFlowComponentName.mjs';
 export { flowComponent } from './lib/componentFactory/flowComponent.mjs';
+export { ClearPropsContext } from './components/ClearPropsContext/ClearPropsContext.mjs';
+export { ClearPropsContextContent } from './components/ClearPropsContext/components/ClearPropsContextContent.mjs';
+export { dynamic } from './lib/propsContext/dynamicProps/dynamic.mjs';
 export { propsContext } from './lib/propsContext/propsContext.mjs';
 export { PropsContextProvider } from './lib/propsContext/PropsContextProvider.mjs';
-export { dynamic } from './lib/propsContext/dynamicProps/dynamic.mjs';
 export { ViewComponentContextProvider } from './lib/viewComponentContext/ViewComponentContextProvider.mjs';
 //# sourceMappingURL=internal.mjs.map

package/dist/js/internal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"internal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"internal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/js/lib/propsContext/PropsContextProvider.mjs

@@ -1,10 +1,8 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { Wrap } from '../../components/Wrap/Wrap.mjs';
 import { mergePropsContext } from './mergePropsContext.mjs';
 import { useContextProps, propsContext } from './propsContext.mjs';
-import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
 import { useMemo } from 'react';
 
 const PropsContextProvider = (props) => {
@@ -20,7 +18,7 @@ const PropsContextProvider = (props) => {
     () => mergeInParentContext ? mergePropsContext(parentPropsContext, providedProps) : providedProps,
     [memoizedProps, parentPropsContext, mergeInParentContext]
   );
-  return /* @__PURE__ */ jsx(Wrap, { if: !mergeInParentContext, children: /* @__PURE__ */ jsx(ClearPropsContextView, { children: /* @__PURE__ */ jsx(propsContext.Provider, { value: propsWithParentPropsContext, children }) }) });
+  return /* @__PURE__ */ jsx(propsContext.Provider, { value: propsWithParentPropsContext, children });
 };
 
 export { PropsContextProvider, PropsContextProvider as default };

package/dist/js/lib/propsContext/PropsContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PropsContextProvider.mjs","sources":["../../../../src/lib/propsContext/PropsContextProvider.tsx"],"sourcesContent":["import Wrap from \"@/components/Wrap\";\nimport mergePropsContext from \"@/lib/propsContext/mergePropsContext\";\nimport { propsContext, useContextProps } from \"@/lib/propsContext/propsContext\";\nimport type { PropsContext as PropsContextShape } from \"@/lib/propsContext/types\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\nimport type { DependencyList, FC, PropsWithChildren } from \"react\";\nimport { useMemo } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  props: PropsContextShape;\n  dependencies?: DependencyList;\n  mergeInParentContext?: boolean;\n}\n\nexport const PropsContextProvider: FC<Props> = (props) => {\n  const {\n    props: providedProps,\n    dependencies = [],\n    mergeInParentContext = false,\n    children,\n  } = props;\n\n  const parentPropsContext = useContextProps();\n\n  const memoizedProps = useMemo(() => providedProps, dependencies);\n\n  const propsWithParentPropsContext = useMemo(\n    () =>\n      mergeInParentContext\n        ? mergePropsContext(parentPropsContext, providedProps)\n        : providedProps,\n    [memoizedProps, parentPropsContext, mergeInParentContext],\n  );\n\n  return (\n    <Wrap if={!mergeInParentContext}>\n      <ClearPropsContextView>\n        <propsContext.Provider value={propsWithParentPropsContext}>\n          {children}\n        </propsContext.Provider>\n      </ClearPropsContextView>\n    </Wrap>\n  );\n};\n\nexport default PropsContextProvider;\n"],"names":[],"mappings":";;;;;;;AAca,MAAA,oBAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,aAAA;AAAA,IACP,eAAe,EAAC;AAAA,IAChB,oBAAuB,GAAA,KAAA;AAAA,IACvB;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,qBAAqB,eAAgB,EAAA;AAE3C,EAAA,MAAM,aAAgB,GAAA,OAAA,CAAQ,MAAM,aAAA,EAAe,YAAY,CAAA;AAE/D,EAAA,MAAM,2BAA8B,GAAA,OAAA;AAAA,IAClC,MACE,oBAAA,GACI,iBAAkB,CAAA,kBAAA,EAAoB,aAAa,CACnD,GAAA,aAAA;AAAA,IACN,CAAC,aAAe,EAAA,kBAAA,EAAoB,oBAAoB;AAAA,GAC1D;AAEA,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,CAAC,sBACT,QAAC,kBAAA,GAAA,CAAA,qBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,YAAA,CAAa,UAAb,EAAsB,KAAA,EAAO,2BAC3B,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PropsContextProvider.mjs","sources":["../../../../src/lib/propsContext/PropsContextProvider.tsx"],"sourcesContent":["import mergePropsContext from \"@/lib/propsContext/mergePropsContext\";\nimport { propsContext, useContextProps } from \"@/lib/propsContext/propsContext\";\nimport type { PropsContext as PropsContextShape } from \"@/lib/propsContext/types\";\nimport type { DependencyList, FC, PropsWithChildren } from \"react\";\nimport { useMemo } from \"react\";\n\ninterface Props extends PropsWithChildren {\n  props: PropsContextShape;\n  dependencies?: DependencyList;\n  mergeInParentContext?: boolean;\n}\n\nexport const PropsContextProvider: FC<Props> = (props) => {\n  const {\n    props: providedProps,\n    dependencies = [],\n    mergeInParentContext = false,\n    children,\n  } = props;\n\n  const parentPropsContext = useContextProps();\n\n  const memoizedProps = useMemo(() => providedProps, dependencies);\n\n  const propsWithParentPropsContext = useMemo(\n    () =>\n      mergeInParentContext\n        ? mergePropsContext(parentPropsContext, providedProps)\n        : providedProps,\n    [memoizedProps, parentPropsContext, mergeInParentContext],\n  );\n\n  return (\n    <propsContext.Provider value={propsWithParentPropsContext}>\n      {children}\n    </propsContext.Provider>\n  );\n};\n\nexport default PropsContextProvider;\n"],"names":[],"mappings":";;;;;AAYa,MAAA,oBAAA,GAAkC,CAAC,KAAU,KAAA;AACxD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,aAAA;AAAA,IACP,eAAe,EAAC;AAAA,IAChB,oBAAuB,GAAA,KAAA;AAAA,IACvB;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,qBAAqB,eAAgB,EAAA;AAE3C,EAAA,MAAM,aAAgB,GAAA,OAAA,CAAQ,MAAM,aAAA,EAAe,YAAY,CAAA;AAE/D,EAAA,MAAM,2BAA8B,GAAA,OAAA;AAAA,IAClC,MACE,oBAAA,GACI,iBAAkB,CAAA,kBAAA,EAAoB,aAAa,CACnD,GAAA,aAAA;AAAA,IACN,CAAC,aAAe,EAAA,kBAAA,EAAoB,oBAAoB;AAAA,GAC1D;AAEA,EAAA,2BACG,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAA,EAAO,6BAC3B,QACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/views/ClearPropsContextContentView.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import { ClearPropsContextContent } from '../components/ClearPropsContext/components/ClearPropsContextContent.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+
+const ClearPropsContextContentView = (props) => {
+  const View = useContext(viewComponentContext)["ClearPropsContextContent"] ?? ClearPropsContextContent;
+  return /* @__PURE__ */ jsx(View, { ...props });
+};
+
+export { ClearPropsContextContentView as default };
+//# sourceMappingURL=ClearPropsContextContentView.mjs.map

package/dist/js/views/ClearPropsContextContentView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearPropsContextContentView.mjs","sources":["../../../src/views/ClearPropsContextContentView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { type FC, useContext } from \"react\";\nimport {\n  ClearPropsContextContent,\n  type ClearPropsContextContentProps,\n} from \"@/components/ClearPropsContext\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ClearPropsContextContentView: FC<ClearPropsContextContentProps> = (\n  props,\n) => {\n  const View =\n    useContext(viewComponentContext)[\"ClearPropsContextContent\"] ??\n    ClearPropsContextContent;\n  return <View {...props} />;\n};\n\nexport default ClearPropsContextContentView;\n"],"names":[],"mappings":";;;;;AASM,MAAA,4BAAA,GAAkE,CACtE,KACG,KAAA;AACH,EAAA,MAAM,IACJ,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAE,0BAA0B,CAC3D,IAAA,wBAAA;AACF,EAAO,uBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAC1B;;;;"}

package/dist/js/views/ContextMenuContentView.mjs

@@ -8,14 +8,14 @@ import 'invariant';
 import '../components/Action/context.mjs';
 import '../components/Action/models/ActionStateContext.mjs';
 import '../lib/propsContext/propsContext.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import '../lib/slotContext/slotContext.mjs';
 import '@mittwald/react-tunnel';
-import 'react-aria-components';
 import 'clsx';
+import 'react-aria-components';
 import '@tabler/icons-react';
 import 'react-aria';
 import { ContextMenuContent } from '../components/ContextMenu/components/ContextMenuContent/ContextMenuContent.mjs';

package/dist/js/views/DialogTriggerView.mjs

@@ -5,10 +5,10 @@ import { useContext } from 'react';
 import 'mobx';
 import '../lib/controller/overlay/context.mjs';
 import '../lib/propsContext/propsContext.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import { DialogTrigger } from '../components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs';
 import 'react-aria-components';
 

package/dist/js/views/ItemsGridListItemView.mjs

@@ -5,12 +5,12 @@ import { useContext } from 'react';
 import 'invariant';
 import 'luxon';
 import 'react-aria-components';
+import 'clsx';
 import '../lib/propsContext/propsContext.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../lib/slotContext/slotContext.mjs';
@@ -23,9 +23,9 @@ import '../components/Action/context.mjs';
 import '../components/Action/models/ActionStateContext.mjs';
 import '../components/List/listContext.mjs';
 import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
-import '../components/List/model/List.mjs';
 import 'object-code';
 import 'react-children-utilities';
+import '../components/List/model/List.mjs';
 
 const ItemsGridListItemView = (props) => {
   const View = useContext(viewComponentContext)["ItemsGridListItem"] ?? GridListItem;

package/dist/js/views/ItemsGridListView.mjs

@@ -23,9 +23,9 @@ import '../components/Action/context.mjs';
 import '../components/Action/models/ActionStateContext.mjs';
 import '../components/List/listContext.mjs';
 import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
-import '../components/List/model/List.mjs';
 import 'object-code';
 import 'react-children-utilities';
+import '../components/List/model/List.mjs';
 
 const ItemsGridListView = (props) => {
   const View = useContext(viewComponentContext)["ItemsGridList"] ?? GridList;

package/dist/js/views/ListEmptyViewView.mjs

@@ -23,9 +23,9 @@ import '../components/Action/context.mjs';
 import '../components/Action/models/ActionStateContext.mjs';
 import '../components/List/listContext.mjs';
 import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
-import '../components/List/model/List.mjs';
 import 'object-code';
 import 'react-children-utilities';
+import '../components/List/model/List.mjs';
 
 const ListEmptyViewView = (props) => {
   const View = useContext(viewComponentContext)["ListEmptyView"] ?? EmptyView;

package/dist/js/views/ListItemViewContentView.mjs

@@ -5,12 +5,12 @@ import { useContext } from 'react';
 import 'invariant';
 import 'luxon';
 import 'react-aria-components';
+import 'clsx';
 import '../lib/propsContext/propsContext.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-import 'clsx';
 import '@tabler/icons-react';
 import '@mittwald/react-tunnel';
 import '../lib/slotContext/slotContext.mjs';
@@ -23,9 +23,9 @@ import '../components/Action/models/ActionStateContext.mjs';
 import { ListItemViewContent } from '../components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs';
 import '../components/List/listContext.mjs';
 import '../components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs';
-import '../components/List/model/List.mjs';
 import 'object-code';
 import 'react-children-utilities';
+import '../components/List/model/List.mjs';
 
 const ListItemViewContentView = (props) => {
   const View = useContext(viewComponentContext)["ListItemViewContent"] ?? ListItemViewContent;

package/dist/js/views/MenuTriggerView.mjs

@@ -5,10 +5,10 @@ import { useContext } from 'react';
 import 'mobx';
 import '../lib/controller/overlay/context.mjs';
 import '../lib/propsContext/propsContext.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import 'react-aria-components';
 import { MenuTrigger } from '../components/OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
 

package/dist/js/views/PopoverContentView.mjs

@@ -5,10 +5,10 @@ import { useContext } from 'react';
 import 'mobx';
 import '../lib/controller/overlay/context.mjs';
 import '../lib/propsContext/propsContext.mjs';
+import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import '@react-aria/utils';
 import 'remeda';
 import 'dot-prop';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
 import 'react-aria-components';
 import '@mittwald/react-tunnel';
 import '../lib/slotContext/slotContext.mjs';

package/dist/types/components/Alert/Alert.d.ts

@@ -3,7 +3,10 @@ import { PropsWithStatus } from '../../lib/types/props';
 import { ComponentProps, PropsWithChildren } from 'react';
 export interface AlertProps extends PropsWithChildren<ComponentProps<"aside">>, PropsWithStatus, FlowComponentProps {
 }
-/** @flr-generate all */
+/**
+ * @flr-generate all
+ * @flr-clear-props-context
+ */
 export declare const Alert: import('react').FunctionComponent<AlertProps & import('react').RefAttributes<HTMLElement>>;
 export default Alert;
 //# sourceMappingURL=Alert.d.ts.map

package/dist/types/components/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/D,MAAM,WAAW,UACf,SAAQ,iBAAiB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAChD,eAAe,EACf,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,KAAK,4FAkChB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAK/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/D,MAAM,WAAW,UACf,SAAQ,iBAAiB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAChD,eAAe,EACf,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,eAAO,MAAM,KAAK,4FAkChB,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/types/components/AlertBadge/AlertBadge.d.ts

@@ -1,9 +1,12 @@
-import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { PropsWithChildren, default as React } from 'react';
 import { PropsWithClassName, PropsWithStatus } from '../../lib/types/props';
-import { PropsWithChildren } from 'react';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 export interface AlertBadgeProps extends PropsWithChildren, PropsWithStatus, FlowComponentProps, PropsWithClassName {
 }
-/** @flr-generate all */
-export declare const AlertBadge: import('react').FunctionComponent<AlertBadgeProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * @flr-generate all
+ * @flr-clear-props-context
+ */
+export declare const AlertBadge: React.FunctionComponent<AlertBadgeProps & React.RefAttributes<HTMLDivElement>>;
 export default AlertBadge;
 //# sourceMappingURL=AlertBadge.d.ts.map

package/dist/types/components/AlertBadge/AlertBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertBadge/AlertBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAG7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,WAAW,eACf,SAAQ,iBAAiB,EACvB,eAAe,EACf,kBAAkB,EAClB,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,UAAU,oGAgBtB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AlertBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertBadge/AlertBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,eACf,SAAQ,iBAAiB,EACvB,eAAe,EACf,kBAAkB,EAClB,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,eAAO,MAAM,UAAU,gFAgBtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/components/AlertIcon/AlertIcon.d.ts

@@ -1,9 +1,12 @@
-import { IconProps } from '../Icon';
-import { PropsWithStatus } from '../../lib/types/props';
 import { FC } from 'react';
+import { PropsWithStatus } from '../../lib/types/props';
+import { IconProps } from '../Icon';
 export interface AlertIconProps extends PropsWithStatus, IconProps {
 }
-/** @flr-generate all */
+/**
+ * @flr-generate all
+ * @flr-clear-props-context
+ */
 export declare const AlertIcon: FC<AlertIconProps>;
 export default AlertIcon;
 //# sourceMappingURL=AlertIcon.d.ts.map

package/dist/types/components/AlertIcon/AlertIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertIcon/AlertIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAOnD,OAAO,KAAK,EAAE,eAAe,EAAU,MAAM,mBAAmB,CAAC;AAEjE,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,WAAW,cAAe,SAAQ,eAAe,EAAE,SAAS;CAAG;AASrE,wBAAwB;AACxB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAkBxC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AlertIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertIcon/AlertIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAAE,eAAe,EAAU,MAAM,mBAAmB,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,MAAM,WAAW,cAAe,SAAQ,eAAe,EAAE,SAAS;CAAG;AASrE;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAkBxC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/components/Align/Align.d.ts

@@ -1,9 +1,12 @@
-import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { PropsWithChildren, default as React } from 'react';
 import { PropsWithClassName } from '../../lib/types/props';
-import { PropsWithChildren } from 'react';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 export interface AlignProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps {
 }
-/** @flr-generate all */
-export declare const Align: import('react').FunctionComponent<AlignProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * @flr-generate all
+ * @flr-clear-props-context
+ */
+export declare const Align: React.FunctionComponent<AlignProps & React.RefAttributes<HTMLDivElement>>;
 export default Align;
 //# sourceMappingURL=Align.d.ts.map

package/dist/types/components/Align/Align.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Align.d.ts","sourceRoot":"","sources":["../../../../src/components/Align/Align.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,WAAW,UACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,KAAK,+FAuBhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Align.d.ts","sourceRoot":"","sources":["../../../../src/components/Align/Align.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,UACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,eAAO,MAAM,KAAK,2EAuBhB,CAAC;AAEH,eAAe,KAAK,CAAC"}