@mittwald/flow-react-components 0.2.0-alpha.523 → 0.2.0-alpha.525

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

@@ -3,34 +3,25 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import * as Aria from 'react-aria-components';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
-import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/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';
+import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 
 const TextFieldBase = (props) => {
-  const { children, className, input, showCharacterCount, ref, ...rest } = props;
+  const {
+    children,
+    className,
+    input,
+    showCharacterCount,
+    ref,
+    FieldErrorView,
+    ...rest
+  } = props;
   const [charactersCount, setCharactersCount] = useState(
     props.value?.length ?? 0
   );
-  const rootClassName = clsx(formFieldStyles.formField, className);
   const translation = useLocalizedStringFormatter(locales);
-  const propsContext = {
-    Label: {
-      className: formFieldStyles.label,
-      optional: !props.isRequired
-    },
-    FieldDescription: {
-      className: formFieldStyles.fieldDescription
-    },
-    FieldError: {
-      className: formFieldStyles.customFieldError
-    }
-  };
   const handleOnChange = (v) => {
     if (showCharacterCount) {
       setCharactersCount(v.length);
@@ -54,14 +45,14 @@ const TextFieldBase = (props) => {
     {
       ref,
       ...rest,
-      className: rootClassName,
+      className,
       onChange: handleOnChange,
       ...propsWithOptionalStringValue,
       children: [
-        /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }),
+        children,
         input,
         showCharacterCount && /* @__PURE__ */ jsx(FieldDescription, { className: formFieldStyles.fieldDescription, children: charactersCountDescription }),
-        /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError })
+        /* @__PURE__ */ jsx(FieldErrorView, {})
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldBase.mjs","sources":["../../../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode } from \"react\";\nimport { 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 { 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\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface TextFieldBaseProps\n  extends PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<FlowComponentProps<HTMLInputElement>, \"ref\"> {\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, ref, ...rest } =\n    props;\n\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  /** Prevent weird reset behavior when value is 'undefined' */\n  const propsWithOptionalStringValue =\n    \"value\" in props\n      ? {\n          value: props.value ?? \"\",\n        }\n      : {};\n\n  return (\n    <Aria.TextField\n      ref={ref}\n      {...rest}\n      className={rootClassName}\n      onChange={handleOnChange}\n      {...propsWithOptionalStringValue}\n    >\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n      {input}\n      {showCharacterCount && (\n        <FieldDescription className={styles.fieldDescription}>\n          {charactersCountDescription}\n        </FieldDescription>\n      )}\n      <FieldError className={styles.fieldError} />\n    </Aria.TextField>\n  );\n};\n\nexport default TextFieldBase;\n"],"names":["styles"],"mappings":";;;;;;;;;;;;AAsBO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,KAAA,EAAO,oBAAoB,GAAA,EAAK,GAAG,MAAK,GACnE,KAAA;AAEF,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA;AAAA,IAC5C,KAAA,CAAM,OAAO,MAAA,IAAU;AAAA,GACzB;AAEA,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAKA,eAAA,CAAO,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,WAAA,GAAc,4BAA4B,OAAO,CAAA;AAEvD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAWA,eAAA,CAAO,KAAA;AAAA,MAClB,QAAA,EAAU,CAAC,KAAA,CAAM;AAAA,KACnB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAWA,eAAA,CAAO;AAAA,KACpB;AAAA,IACA,UAAA,EAAY;AAAA,MACV,WAAWA,eAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAc;AACpC,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,kBAAA,CAAmB,EAAE,MAAM,CAAA;AAAA,IAC7B;AACA,IAAA,IAAI,MAAM,QAAA,EAAU;AAClB,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,IAClB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,6BAA6B,WAAA,CAAY,MAAA;AAAA,IAC7C,0BAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,eAAA;AAAA,MACP,QAAA,EAAU,MAAM,SAAA,IAAa;AAAA;AAC/B,GACF;AAGA,EAAA,MAAM,4BAAA,GACJ,WAAW,KAAA,GACP;AAAA,IACE,KAAA,EAAO,MAAM,KAAA,IAAS;AAAA,MAExB,EAAC;AAEP,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,SAAA;AAAA,IAAL;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,QAAA,EAAU,cAAA;AAAA,MACT,GAAG,4BAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH,CAAA;AAAA,QACC,KAAA;AAAA,QACA,sCACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAWA,eAAA,CAAO,kBACjC,QAAA,EAAA,0BAAA,EACH,CAAA;AAAA,wBAEF,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAWA,eAAA,CAAO,UAAA,EAAY;AAAA;AAAA;AAAA,GAC5C;AAEJ;;;;"}
+{"version":3,"file":"TextFieldBase.mjs","sources":["../../../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, type ReactNode } from \"react\";\nimport { useState } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport type { UseFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"../FormField/FormField.module.scss\";\n\nexport interface TextFieldBaseProps\n  extends PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<FlowComponentProps<HTMLInputElement>, \"ref\">,\n    Pick<UseFieldComponent, \"FieldErrorView\"> {\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 {\n    children,\n    className,\n    input,\n    showCharacterCount,\n    ref,\n    FieldErrorView,\n    ...rest\n  } = props;\n\n  const [charactersCount, setCharactersCount] = useState(\n    props.value?.length ?? 0,\n  );\n\n  const translation = useLocalizedStringFormatter(locales);\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  /** Prevent weird reset behavior when value is 'undefined' */\n  const propsWithOptionalStringValue =\n    \"value\" in props\n      ? {\n          value: props.value ?? \"\",\n        }\n      : {};\n\n  return (\n    <Aria.TextField\n      ref={ref}\n      {...rest}\n      className={className}\n      onChange={handleOnChange}\n      {...propsWithOptionalStringValue}\n    >\n      {children}\n      {input}\n      {showCharacterCount && (\n        <FieldDescription className={styles.fieldDescription}>\n          {charactersCountDescription}\n        </FieldDescription>\n      )}\n      <FieldErrorView />\n    </Aria.TextField>\n  );\n};\n\nexport default TextFieldBase;\n"],"names":["styles"],"mappings":";;;;;;;;AAoBO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA;AAAA,IAC5C,KAAA,CAAM,OAAO,MAAA,IAAU;AAAA,GACzB;AAEA,EAAA,MAAM,WAAA,GAAc,4BAA4B,OAAO,CAAA;AAEvD,EAAA,MAAM,cAAA,GAAiB,CAAC,CAAA,KAAc;AACpC,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,kBAAA,CAAmB,EAAE,MAAM,CAAA;AAAA,IAC7B;AACA,IAAA,IAAI,MAAM,QAAA,EAAU;AAClB,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,IAClB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,6BAA6B,WAAA,CAAY,MAAA;AAAA,IAC7C,0BAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,eAAA;AAAA,MACP,QAAA,EAAU,MAAM,SAAA,IAAa;AAAA;AAC/B,GACF;AAGA,EAAA,MAAM,4BAAA,GACJ,WAAW,KAAA,GACP;AAAA,IACE,KAAA,EAAO,MAAM,KAAA,IAAS;AAAA,MAExB,EAAC;AAEP,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,SAAA;AAAA,IAAL;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAA;AAAA,MACA,QAAA,EAAU,cAAA;AAAA,MACT,GAAG,4BAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,KAAA;AAAA,QACA,sCACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAWA,eAAA,CAAO,kBACjC,QAAA,EAAA,0BAAA,EACH,CAAA;AAAA,4BAED,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,GAClB;AAEJ;;;;"}

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

@@ -6,45 +6,21 @@ import * as Aria from 'react-aria-components';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
-import { FieldError } from '../FieldError/FieldError.mjs';
-import clsx from 'clsx';
 import styles from './TimeField.module.scss.mjs';
 import { useMakeFocusable } from '../../lib/hooks/dom/useMakeFocusable.mjs';
 import { useObjectRef } from '@react-aria/utils';
+import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
 
 const TimeField = flowComponent("TimeField", (props) => {
-  const { children, errorMessage, className, ref, ...rest } = props;
-  const rootClassName = clsx(formFieldStyles.formField, className);
-  const propsContext = {
-    Label: {
-      className: formFieldStyles.label,
-      optional: !props.isRequired,
-      isDisabled: rest.isDisabled
-    },
-    FieldDescription: {
-      className: formFieldStyles.fieldDescription
-    },
-    FieldError: {
-      className: formFieldStyles.customFieldError
-    }
-  };
+  const { children, ref, ...rest } = props;
+  const { FieldErrorView, fieldPropsContext, fieldProps } = useFieldComponent(props);
   const localRef = useObjectRef(ref);
   useMakeFocusable(localRef);
-  return /* @__PURE__ */ jsxs(
-    Aria.TimeField,
-    {
-      ref: localRef,
-      hourCycle: 24,
-      className: rootClassName,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }),
-        /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError, children: errorMessage }),
-        /* @__PURE__ */ jsx(Aria.DateInput, { className: styles.dateInput, children: (segment) => /* @__PURE__ */ jsx(Aria.DateSegment, { segment }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(Aria.TimeField, { ref: localRef, hourCycle: 24, ...rest, ...fieldProps, children: [
+    /* @__PURE__ */ jsx(Aria.DateInput, { className: styles.dateInput, children: (segment) => /* @__PURE__ */ jsx(Aria.DateSegment, { segment }) }),
+    /* @__PURE__ */ jsx(PropsContextProvider, { props: fieldPropsContext, children }),
+    /* @__PURE__ */ jsx(FieldErrorView, {})
+  ] });
 });
 
 export { TimeField, TimeField as default };

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

@@ -1 +1 @@
-{"version":3,"file":"TimeField.mjs","sources":["../../../../../../src/components/TimeField/TimeField.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactNode } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} 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\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useObjectRef } from \"@react-aria/utils\";\n\nexport interface TimeFieldProps<T extends Aria.TimeValue = Aria.TimeValue>\n  extends PropsWithChildren<Omit<Aria.TimeFieldProps<T>, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {\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, ref, ...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  const localRef = useObjectRef(ref);\n  useMakeFocusable(localRef);\n\n  return (\n    <Aria.TimeField\n      ref={localRef}\n      hourCycle={24}\n      className={rootClassName}\n      {...rest}\n    >\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":";;;;;;;;;;;;;AAuBO,MAAM,SAAA,GAAY,aAAA,CAAc,WAAA,EAAa,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,EAAE,QAAA,EAAU,YAAA,EAAc,WAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE5D,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,eAAA,CAAgB,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAW,eAAA,CAAgB,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAA,CAAM,UAAA;AAAA,MACjB,YAAY,IAAA,CAAK;AAAA,KACnB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAW,eAAA,CAAgB;AAAA,KAC7B;AAAA,IACA,UAAA,EAAY;AAAA,MACV,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,MAAM,QAAA,GAAW,aAAa,GAAG,CAAA;AACjC,EAAA,gBAAA,CAAiB,QAAQ,CAAA;AAEzB,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,SAAA;AAAA,IAAL;AAAA,MACC,GAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,EAAA;AAAA,MACX,SAAA,EAAW,aAAA;AAAA,MACV,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,CAAgB,YACpC,QAAA,EAAA,YAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,CAAK,SAAA,EAAL,EAAe,WAAW,MAAA,CAAO,SAAA,EAC/B,QAAA,EAAA,CAAC,OAAA,qBAAY,GAAA,CAAC,IAAA,CAAK,WAAA,EAAL,EAAiB,SAAkB,CAAA,EACpD;AAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"TimeField.mjs","sources":["../../../../../../src/components/TimeField/TimeField.tsx"],"sourcesContent":["import React, { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./TimeField.module.scss\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nexport interface TimeFieldProps<T extends Aria.TimeValue = Aria.TimeValue>\n  extends PropsWithChildren<Omit<Aria.TimeFieldProps<T>, \"children\">>,\n    FlowComponentProps<HTMLInputElement> {}\n\n/** @flr-generate all */\nexport const TimeField = flowComponent(\"TimeField\", (props) => {\n  const { children, ref, ...rest } = props;\n\n  const { FieldErrorView, fieldPropsContext, fieldProps } =\n    useFieldComponent(props);\n\n  const localRef = useObjectRef(ref);\n  useMakeFocusable(localRef);\n\n  return (\n    <Aria.TimeField ref={localRef} hourCycle={24} {...rest} {...fieldProps}>\n      <Aria.DateInput className={styles.dateInput}>\n        {(segment) => <Aria.DateSegment segment={segment} />}\n      </Aria.DateInput>\n      <PropsContextProvider props={fieldPropsContext}>\n        {children}\n      </PropsContextProvider>\n      <FieldErrorView />\n    </Aria.TimeField>\n  );\n});\n\nexport default TimeField;\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,MAAM,SAAA,GAAY,aAAA,CAAc,WAAA,EAAa,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,EAAE,QAAA,EAAU,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAEnC,EAAA,MAAM,EAAE,cAAA,EAAgB,iBAAA,EAAmB,UAAA,EAAW,GACpD,kBAAkB,KAAK,CAAA;AAEzB,EAAA,MAAM,QAAA,GAAW,aAAa,GAAG,CAAA;AACjC,EAAA,gBAAA,CAAiB,QAAQ,CAAA;AAEzB,EAAA,uBACE,IAAA,CAAC,IAAA,CAAK,SAAA,EAAL,EAAe,GAAA,EAAK,QAAA,EAAU,SAAA,EAAW,EAAA,EAAK,GAAG,IAAA,EAAO,GAAG,UAAA,EAC1D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,CAAK,SAAA,EAAL,EAAe,SAAA,EAAW,MAAA,CAAO,SAAA,EAC/B,QAAA,EAAA,CAAC,OAAA,qBAAY,GAAA,CAAC,IAAA,CAAK,WAAA,EAAL,EAAiB,SAAkB,CAAA,EACpD,CAAA;AAAA,oBACA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,iBAAA,EAC1B,QAAA,EACH,CAAA;AAAA,wBACC,cAAA,EAAA,EAAe;AAAA,GAAA,EAClB,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/integrations/@mittwald/password-tools-js/generatePasswordCreationFieldValidation.mjs

@@ -3,23 +3,29 @@
 import { Policy } from '@mittwald/password-tools-js/policy';
 import { defaultPasswordCreationPolicy } from './defaultPasswordCreationPolicy.mjs';
 import { isPromise } from 'remeda';
+import { useMemo } from 'react';
 import '@mittwald/password-tools-js/rules';
 import '@mittwald/password-tools-js/generator';
 
-const generatePasswordCreationFieldValidation = (genericValidationPolicy = defaultPasswordCreationPolicy) => async (value) => {
-  if (!value) {
-    return true;
-  }
-  try {
-    const validationPolicy = Policy.fromDeclaration(genericValidationPolicy);
-    const validationResult = await validationPolicy.validate(value);
-    if (isPromise(validationResult.isValid)) {
-      return await validationResult.isValid;
+const generatePasswordCreationFieldValidation = (genericValidationPolicy = defaultPasswordCreationPolicy) => {
+  const validationPolicy = useMemo(
+    () => Policy.fromDeclaration(genericValidationPolicy),
+    [genericValidationPolicy]
+  );
+  return async (value) => {
+    if (!value) {
+      return true;
     }
-    return validationResult.isValid;
-  } catch (ignoredError) {
-    return false;
-  }
+    try {
+      const validationResult = await validationPolicy.validate(value);
+      if (isPromise(validationResult.isValid)) {
+        return await validationResult.isValid;
+      }
+      return validationResult.isValid;
+    } catch (ignoredError) {
+      return false;
+    }
+  };
 };
 
 export { generatePasswordCreationFieldValidation };

package/dist/js/components/src/integrations/@mittwald/password-tools-js/generatePasswordCreationFieldValidation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"generatePasswordCreationFieldValidation.mjs","sources":["../../../../../../../src/integrations/@mittwald/password-tools-js/generatePasswordCreationFieldValidation.ts"],"sourcesContent":["import type { PolicyGenericDeclaration } from \"@mittwald/password-tools-js/policy\";\nimport { Policy } from \"@mittwald/password-tools-js/policy\";\nimport { defaultPasswordCreationPolicy } from \"./\";\nimport { isPromise } from \"remeda\";\n\nexport const generatePasswordCreationFieldValidation =\n  (\n    genericValidationPolicy: PolicyGenericDeclaration = defaultPasswordCreationPolicy,\n  ) =>\n  async (value: string) => {\n    if (!value) {\n      return true;\n    }\n\n    try {\n      const validationPolicy = Policy.fromDeclaration(genericValidationPolicy);\n      const validationResult = await validationPolicy.validate(value);\n\n      if (isPromise(validationResult.isValid)) {\n        return await validationResult.isValid;\n      }\n\n      return validationResult.isValid;\n    } catch (ignoredError) {\n      return false;\n    }\n  };\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,uCAAA,GACX,CACE,uBAAA,GAAoD,6BAAA,KAEtD,OAAO,KAAA,KAAkB;AACvB,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI;AACF,IAAA,MAAM,gBAAA,GAAmB,MAAA,CAAO,eAAA,CAAgB,uBAAuB,CAAA;AACvE,IAAA,MAAM,gBAAA,GAAmB,MAAM,gBAAA,CAAiB,QAAA,CAAS,KAAK,CAAA;AAE9D,IAAA,IAAI,SAAA,CAAU,gBAAA,CAAiB,OAAO,CAAA,EAAG;AACvC,MAAA,OAAO,MAAM,gBAAA,CAAiB,OAAA;AAAA,IAChC;AAEA,IAAA,OAAO,gBAAA,CAAiB,OAAA;AAAA,EAC1B,SAAS,YAAA,EAAc;AACrB,IAAA,OAAO,KAAA;AAAA,EACT;AACF;;;;"}
+{"version":3,"file":"generatePasswordCreationFieldValidation.mjs","sources":["../../../../../../../src/integrations/@mittwald/password-tools-js/generatePasswordCreationFieldValidation.ts"],"sourcesContent":["import type { PolicyGenericDeclaration } from \"@mittwald/password-tools-js/policy\";\nimport { Policy } from \"@mittwald/password-tools-js/policy\";\nimport { defaultPasswordCreationPolicy } from \"./\";\nimport { isPromise } from \"remeda\";\nimport { useMemo } from \"react\";\n\nexport const generatePasswordCreationFieldValidation = (\n  genericValidationPolicy: PolicyGenericDeclaration = defaultPasswordCreationPolicy,\n) => {\n  const validationPolicy = useMemo(\n    () => Policy.fromDeclaration(genericValidationPolicy),\n    [genericValidationPolicy],\n  );\n\n  return async (value: string) => {\n    if (!value) {\n      return true;\n    }\n\n    try {\n      const validationResult = await validationPolicy.validate(value);\n\n      if (isPromise(validationResult.isValid)) {\n        return await validationResult.isValid;\n      }\n\n      return validationResult.isValid;\n    } catch (ignoredError) {\n      return false;\n    }\n  };\n};\n"],"names":[],"mappings":";;;;;;;AAMO,MAAM,uCAAA,GAA0C,CACrD,uBAAA,GAAoD,6BAAA,KACjD;AACH,EAAA,MAAM,gBAAA,GAAmB,OAAA;AAAA,IACvB,MAAM,MAAA,CAAO,eAAA,CAAgB,uBAAuB,CAAA;AAAA,IACpD,CAAC,uBAAuB;AAAA,GAC1B;AAEA,EAAA,OAAO,OAAO,KAAA,KAAkB;AAC9B,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,IAAI;AACF,MAAA,MAAM,gBAAA,GAAmB,MAAM,gBAAA,CAAiB,QAAA,CAAS,KAAK,CAAA;AAE9D,MAAA,IAAI,SAAA,CAAU,gBAAA,CAAiB,OAAO,CAAA,EAAG;AACvC,QAAA,OAAO,MAAM,gBAAA,CAAiB,OAAA;AAAA,MAChC;AAEA,MAAA,OAAO,gBAAA,CAAiB,OAAA;AAAA,IAC1B,SAAS,YAAA,EAAc;AACrB,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF,CAAA;AACF;;;;"}

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

@@ -1,15 +1,14 @@
 "use client"
 /* */
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useFormContext } from '../context/formContext.mjs';
-import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
 import { useController, useWatch } from 'react-hook-form';
-import FieldErrorView from '../../../../views/FieldErrorView.mjs';
 import { useLocalizedStringFormatter } from 'react-aria';
 import locales from '../../../../../../_virtual/_.locale.json@72ba2ce40f190df671686fec50c04ddf.mjs';
 import { inheritProps } from '../../../../lib/propsContext/inherit/types.mjs';
+import { FieldErrorContext } from 'react-aria-components';
 
 function Field(props) {
   const { children, name, defaultValue, ...rest } = props;
@@ -37,6 +36,7 @@ function Field(props) {
     control: formContext.form.control,
     name
   }) ?? controller.field.value;
+  const isFieldInvalid = controller.fieldState.invalid;
   const fieldProps = {
     ...inheritProps,
     ...controller.field,
@@ -46,16 +46,7 @@ function Field(props) {
     isRequired: !!rest.rules?.required,
     validationBehavior: "aria",
     defaultValue,
-    isInvalid: controller.fieldState.invalid,
-    children: dynamic((p) => {
-      if (controller.fieldState.invalid) {
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          p.children,
-          /* @__PURE__ */ jsx(FieldErrorView, { children: controller.fieldState.error?.message })
-        ] });
-      }
-      return p.children;
-    })
+    isInvalid: isFieldInvalid
   };
   const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;
   const propsContext = {
@@ -102,7 +93,31 @@ function Field(props) {
     {
       props: propsContext,
       dependencies: [controller.fieldState, controller.field, value],
-      children
+      children: /* @__PURE__ */ jsx(
+        FieldErrorContext,
+        {
+          value: {
+            isInvalid: isFieldInvalid,
+            validationErrors: [
+              controller.fieldState.error?.message ?? "noMessage"
+            ],
+            validationDetails: {
+              valid: !isFieldInvalid,
+              badInput: false,
+              customError: isFieldInvalid,
+              patternMismatch: false,
+              rangeOverflow: false,
+              rangeUnderflow: false,
+              stepMismatch: false,
+              tooLong: false,
+              tooShort: false,
+              valueMissing: false,
+              typeMismatch: false
+            }
+          },
+          children
+        }
+      )
     }
   );
 }

package/dist/js/components/src/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 { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  type ControllerProps,\n  type FieldValues,\n  useController,\n  type UseFormReturn,\n  useWatch,\n} from \"react-hook-form\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport { inheritProps } from \"@/lib/propsContext/inherit/types\";\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, name, defaultValue, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const controller = useController({\n    ...props,\n    rules: {\n      ...props.rules,\n      minLength:\n        typeof rest.rules?.minLength === \"number\"\n          ? {\n              value: rest.rules.minLength,\n              message: stringFormatter.format(\"minLength\", {\n                number: rest.rules.minLength,\n              }),\n            }\n          : rest.rules?.minLength,\n      maxLength:\n        typeof rest.rules?.maxLength === \"number\"\n          ? {\n              value: rest.rules.maxLength,\n              message: stringFormatter.format(\"maxLength\", {\n                number: rest.rules.maxLength,\n              }),\n            }\n          : rest.rules?.maxLength,\n    },\n  });\n  const formContext = useFormContext<T>();\n  /**\n   * We don't use controller.field.value here, because it doesn't update when\n   * the form value is updated outside of this field (e.g. when setting values\n   * with form.setValue or resetting the form), and the Field unmounts in\n   * between. This is generally a feature of React Hook Form, but this breaks\n   * dynamic forms where fields are conditionally rendered.\n   *\n   * By using formContext.form.watch(name), we ensure that the field value is\n   * always in sync with the form state. See:\n   * https://react-hook-form.com/api/usecontroller/controller/\n   */\n  const value =\n    useWatch({\n      control: formContext.form.control,\n      name,\n    }) ?? controller.field.value;\n\n  const fieldProps = {\n    ...inheritProps,\n    ...controller.field,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: controller.fieldState.invalid,\n    children: dynamic((p) => {\n      if (controller.fieldState.invalid) {\n        return (\n          <>\n            {p.children}\n            <FieldErrorView>\n              {controller.fieldState.error?.message}\n            </FieldErrorView>\n          </>\n        );\n      }\n\n      return p.children;\n    }),\n  };\n\n  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n  const propsContext: PropsContext = {\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n    MarkdownEditor: fieldProps,\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: {\n      ...fieldProps,\n    },\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldPropsWithoutValue,\n      selectedKey: value,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[controller.fieldState, controller.field, value]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  type ControllerProps,\n  type FieldValues,\n  useController,\n  type UseFormReturn,\n  useWatch,\n} from \"react-hook-form\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\nimport { inheritProps } from \"@/lib/propsContext/inherit/types\";\nimport { FieldErrorContext } from \"react-aria-components\";\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, name, defaultValue, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const controller = useController({\n    ...props,\n    rules: {\n      ...props.rules,\n      minLength:\n        typeof rest.rules?.minLength === \"number\"\n          ? {\n              value: rest.rules.minLength,\n              message: stringFormatter.format(\"minLength\", {\n                number: rest.rules.minLength,\n              }),\n            }\n          : rest.rules?.minLength,\n      maxLength:\n        typeof rest.rules?.maxLength === \"number\"\n          ? {\n              value: rest.rules.maxLength,\n              message: stringFormatter.format(\"maxLength\", {\n                number: rest.rules.maxLength,\n              }),\n            }\n          : rest.rules?.maxLength,\n    },\n  });\n  const formContext = useFormContext<T>();\n  /**\n   * We don't use controller.field.value here, because it doesn't update when\n   * the form value is updated outside of this field (e.g. when setting values\n   * with form.setValue or resetting the form), and the Field unmounts in\n   * between. This is generally a feature of React Hook Form, but this breaks\n   * dynamic forms where fields are conditionally rendered.\n   *\n   * By using formContext.form.watch(name), we ensure that the field value is\n   * always in sync with the form state. See:\n   * https://react-hook-form.com/api/usecontroller/controller/\n   */\n  const value =\n    useWatch({\n      control: formContext.form.control,\n      name,\n    }) ?? controller.field.value;\n\n  const isFieldInvalid = controller.fieldState.invalid;\n\n  const fieldProps = {\n    ...inheritProps,\n    ...controller.field,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: isFieldInvalid,\n  };\n\n  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n  const propsContext: PropsContext = {\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n    MarkdownEditor: fieldProps,\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: {\n      ...fieldProps,\n    },\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldPropsWithoutValue,\n      selectedKey: value,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[controller.fieldState, controller.field, value]}\n    >\n      <FieldErrorContext\n        value={{\n          isInvalid: isFieldInvalid,\n          validationErrors: [\n            controller.fieldState.error?.message ?? \"noMessage\",\n          ],\n          validationDetails: {\n            valid: !isFieldInvalid,\n            badInput: false,\n            customError: isFieldInvalid,\n            patternMismatch: false,\n            rangeOverflow: false,\n            rangeUnderflow: false,\n            stepMismatch: false,\n            tooLong: false,\n            tooShort: false,\n            valueMissing: false,\n            typeMismatch: false,\n          },\n        }}\n      >\n        {children}\n      </FieldErrorContext>\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/lib/hooks/useFieldComponent.mjs

@@ -0,0 +1,36 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import '../propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../propsContext/components/PropsContextProvider.mjs';
+import formFieldStyles from '../../components/FormField/FormField.module.scss.mjs';
+import { useFieldError } from './useFieldError.mjs';
+import clsx from 'clsx';
+
+const useFieldComponent = (props) => {
+  const { FieldErrorView, fieldErrorViewPropsContext, FieldErrorResetContext } = useFieldError();
+  const fieldPropsContext = {
+    Label: {
+      className: formFieldStyles.label,
+      optional: !props.isRequired,
+      isDisabled: !!props.isDisabled
+    },
+    FieldDescription: {
+      className: formFieldStyles.fieldDescription
+    },
+    ...fieldErrorViewPropsContext
+  };
+  const FieldErrorViewWithPropsContext = () => /* @__PURE__ */ jsx(PropsContextProvider, { props: fieldErrorViewPropsContext, children: /* @__PURE__ */ jsx(FieldErrorView, {}) });
+  return {
+    FieldErrorResetContext,
+    FieldErrorView: FieldErrorViewWithPropsContext,
+    fieldPropsContext,
+    fieldProps: {
+      className: clsx(formFieldStyles.formField)
+    }
+  };
+};
+
+export { useFieldComponent };
+//# sourceMappingURL=useFieldComponent.mjs.map

package/dist/js/components/src/lib/hooks/useFieldComponent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldComponent.mjs","sources":["../../../../../../src/lib/hooks/useFieldComponent.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFieldError } from \"@/lib/hooks/useFieldError\";\nimport clsx, { type ClassValue } from \"clsx\";\n\ninterface FieldComponentProps {\n  className?: ClassValue;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n}\n\nexport interface UseFieldComponent {\n  FieldErrorResetContext: FC<PropsWithChildren>;\n  FieldErrorView: FC;\n  fieldPropsContext: PropsContext;\n  fieldProps: {\n    className?: ReturnType<typeof clsx>;\n  };\n}\n\nexport const useFieldComponent = (\n  props: FieldComponentProps,\n): UseFieldComponent => {\n  const { FieldErrorView, fieldErrorViewPropsContext, FieldErrorResetContext } =\n    useFieldError();\n\n  // setting up the props context for all components that\n  // are part of a form control\n  const fieldPropsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n      isDisabled: !!props.isDisabled,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    ...fieldErrorViewPropsContext,\n  };\n\n  // wrapping the FieldErrorView in a PropsContextProvider to ensure\n  // it's always in the correct props context\n  const FieldErrorViewWithPropsContext = () => (\n    <PropsContextProvider props={fieldErrorViewPropsContext}>\n      <FieldErrorView />\n    </PropsContextProvider>\n  );\n\n  return {\n    FieldErrorResetContext,\n    FieldErrorView: FieldErrorViewWithPropsContext,\n    fieldPropsContext,\n    fieldProps: {\n      className: clsx(formFieldStyles.formField),\n    },\n  } as const;\n};\n"],"names":[],"mappings":";;;;;;;;AAsBO,MAAM,iBAAA,GAAoB,CAC/B,KAAA,KACsB;AACtB,EAAA,MAAM,EAAE,cAAA,EAAgB,0BAAA,EAA4B,sBAAA,KAClD,aAAA,EAAc;AAIhB,EAAA,MAAM,iBAAA,GAAkC;AAAA,IACtC,KAAA,EAAO;AAAA,MACL,WAAW,eAAA,CAAgB,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAA,CAAM,UAAA;AAAA,MACjB,UAAA,EAAY,CAAC,CAAC,KAAA,CAAM;AAAA,KACtB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAW,eAAA,CAAgB;AAAA,KAC7B;AAAA,IACA,GAAG;AAAA,GACL;AAIA,EAAA,MAAM,8BAAA,GAAiC,sBACrC,GAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,0BAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,kBAAe,CAAA,EAClB,CAAA;AAGF,EAAA,OAAO;AAAA,IACL,sBAAA;AAAA,IACA,cAAA,EAAgB,8BAAA;AAAA,IAChB,iBAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,SAAA,EAAW,IAAA,CAAK,eAAA,CAAgB,SAAS;AAAA;AAC3C,GACF;AACF;;;;"}

package/dist/js/components/src/lib/hooks/useFieldError.mjs

@@ -0,0 +1,43 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import React, { memo, useId, useContext } from 'react';
+import '../propsContext/propsContext.mjs';
+import '../propsContext/components/PropsContextProvider.mjs';
+import formFieldStyles from '../../components/FormField/FormField.module.scss.mjs';
+import { FieldErrorContext } from 'react-aria-components';
+import { FieldError } from '../../components/FieldError/FieldError.mjs';
+import { TunnelExit } from '@mittwald/react-tunnel';
+import { ClearPropsContext } from '../propsContext/components/ClearPropsContext.mjs';
+
+const FieldErrorResetContext = memo((props) => /* @__PURE__ */ jsx(FieldErrorContext, { value: null, children: props.children }));
+const useFieldError = () => {
+  const id = useId();
+  const tunnelId = `${id}.fieldError`;
+  const currentOuterErrorContext = useContext(FieldErrorContext);
+  const fieldErrorViewPropsContext = {
+    FieldError: {
+      tunnelId,
+      className: formFieldStyles.fieldError
+    }
+  };
+  const FieldErrorView = () => /* @__PURE__ */ jsx(TunnelExit, { id: tunnelId, children: (children) => {
+    const currentInnerErrorContext = useContext(FieldErrorContext);
+    const errorContext = currentOuterErrorContext ?? currentInnerErrorContext;
+    if (React.Children.count(children) >= 1) {
+      return /* @__PURE__ */ jsx(ClearPropsContext, { children });
+    }
+    if (errorContext?.isInvalid && errorContext.validationErrors.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(FieldErrorContext, { value: errorContext, children: /* @__PURE__ */ jsx(FieldError, { className: formFieldStyles.fieldError }) }) });
+  } });
+  return {
+    fieldErrorViewPropsContext,
+    FieldErrorView,
+    FieldErrorResetContext
+  };
+};
+
+export { useFieldError };
+//# sourceMappingURL=useFieldError.mjs.map

package/dist/js/components/src/lib/hooks/useFieldError.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldError.mjs","sources":["../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, {\n  type FC,\n  type PropsWithChildren,\n  memo,\n  useContext,\n  useId,\n  type ReactNode,\n} from \"react\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { FieldErrorContext } from \"react-aria-components\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\n\nconst FieldErrorResetContext: FC<PropsWithChildren> = memo((props) => (\n  <FieldErrorContext value={null}>{props.children}</FieldErrorContext>\n));\n\nexport const useFieldError = () => {\n  const id = useId();\n  const tunnelId = `${id}.fieldError`;\n  const currentOuterErrorContext = useContext(FieldErrorContext);\n\n  const fieldErrorViewPropsContext: PropsContext = {\n    FieldError: {\n      tunnelId,\n      className: formFieldStyles.fieldError,\n    },\n  };\n\n  const FieldErrorView = () => (\n    <TunnelExit id={tunnelId}>\n      {(children: ReactNode) => {\n        const currentInnerErrorContext = useContext(FieldErrorContext);\n\n        const errorContext =\n          currentOuterErrorContext ?? currentInnerErrorContext;\n\n        if (React.Children.count(children) >= 1) {\n          return <ClearPropsContext>{children}</ClearPropsContext>;\n        }\n\n        if (\n          errorContext?.isInvalid &&\n          errorContext.validationErrors.length === 0\n        ) {\n          return null;\n        }\n\n        return (\n          <ClearPropsContext>\n            <FieldErrorContext value={errorContext}>\n              <FieldError className={formFieldStyles.fieldError} />\n            </FieldErrorContext>\n          </ClearPropsContext>\n        );\n      }}\n    </TunnelExit>\n  );\n\n  return {\n    fieldErrorViewPropsContext,\n    FieldErrorView,\n    FieldErrorResetContext,\n  } as const;\n};\n"],"names":[],"mappings":";;;;;;;;;;AAeA,MAAM,sBAAA,GAAgD,IAAA,CAAK,CAAC,KAAA,qBAC1D,GAAA,CAAC,qBAAkB,KAAA,EAAO,IAAA,EAAO,QAAA,EAAA,KAAA,CAAM,QAAA,EAAS,CACjD,CAAA;AAEM,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,KAAK,KAAA,EAAM;AACjB,EAAA,MAAM,QAAA,GAAW,GAAG,EAAE,CAAA,WAAA,CAAA;AACtB,EAAA,MAAM,wBAAA,GAA2B,WAAW,iBAAiB,CAAA;AAE7D,EAAA,MAAM,0BAAA,GAA2C;AAAA,IAC/C,UAAA,EAAY;AAAA,MACV,QAAA;AAAA,MACA,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,MAAM,iBAAiB,sBACrB,GAAA,CAAC,cAAW,EAAA,EAAI,QAAA,EACb,WAAC,QAAA,KAAwB;AACxB,IAAA,MAAM,wBAAA,GAA2B,WAAW,iBAAiB,CAAA;AAE7D,IAAA,MAAM,eACJ,wBAAA,IAA4B,wBAAA;AAE9B,IAAA,IAAI,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,QAAQ,KAAK,CAAA,EAAG;AACvC,MAAA,uBAAO,GAAA,CAAC,qBAAmB,QAAA,EAAS,CAAA;AAAA,IACtC;AAEA,IAAA,IACE,YAAA,EAAc,SAAA,IACd,YAAA,CAAa,gBAAA,CAAiB,WAAW,CAAA,EACzC;AACA,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBACE,GAAA,CAAC,iBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,YAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,CAAgB,UAAA,EAAY,CAAA,EACrD,CAAA,EACF,CAAA;AAAA,EAEJ,CAAA,EACF,CAAA;AAGF,EAAA,OAAO;AAAA,IACL,0BAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/js/components/src/lib/hooks/useManagedValue.mjs

@@ -2,12 +2,16 @@
 /* */
 import { useState } from 'react';
 
-const useManagedValue = (props, onChange = props.onChange) => {
-  const { value: valueFromProps, defaultValue: defaultValueFromProps } = props;
+const useManagedValue = (props, onChange = props.onChange, managedValuePropName = {
+  value: "value",
+  defaultValue: "defaultValue"
+}) => {
+  const valueFromProps = props[managedValuePropName.value];
+  const defaultValueFromProps = props[managedValuePropName.defaultValue];
   const isControlled = typeof valueFromProps !== "undefined";
   const hasDefaultValue = typeof defaultValueFromProps !== "undefined";
   const [internalValue, setInternalValue] = useState(
-    hasDefaultValue ? defaultValueFromProps : ""
+    hasDefaultValue ? defaultValueFromProps : valueFromProps
   );
   const value = isControlled ? valueFromProps : internalValue;
   const handleOnChange = (value2) => {

package/dist/js/components/src/lib/hooks/useManagedValue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useManagedValue.mjs","sources":["../../../../../../src/lib/hooks/useManagedValue.ts"],"sourcesContent":["import { useState } from \"react\";\n\ninterface MangedValueProps<V> {\n  value?: V;\n  defaultValue?: V;\n  onChange?: (value: V) => void;\n}\n\nexport const useManagedValue = <T extends string>(\n  props: MangedValueProps<T>,\n  onChange = props.onChange,\n) => {\n  const { value: valueFromProps, defaultValue: defaultValueFromProps } = props;\n\n  const isControlled = typeof valueFromProps !== \"undefined\";\n  const hasDefaultValue = typeof defaultValueFromProps !== \"undefined\";\n\n  const [internalValue, setInternalValue] = useState(\n    hasDefaultValue ? defaultValueFromProps : \"\",\n  );\n  const value = isControlled ? valueFromProps : internalValue;\n\n  const handleOnChange = (value: T) => {\n    onChange?.(value);\n\n    if (!isControlled) {\n      setInternalValue(() => value);\n    }\n  };\n\n  return { value, handleOnChange } as const;\n};\n"],"names":["value"],"mappings":";;AAQO,MAAM,eAAA,GAAkB,CAC7B,KAAA,EACA,QAAA,GAAW,MAAM,QAAA,KACd;AACH,EAAA,MAAM,EAAE,KAAA,EAAO,cAAA,EAAgB,YAAA,EAAc,uBAAsB,GAAI,KAAA;AAEvE,EAAA,MAAM,YAAA,GAAe,OAAO,cAAA,KAAmB,WAAA;AAC/C,EAAA,MAAM,eAAA,GAAkB,OAAO,qBAAA,KAA0B,WAAA;AAEzD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACxC,kBAAkB,qBAAA,GAAwB;AAAA,GAC5C;AACA,EAAA,MAAM,KAAA,GAAQ,eAAe,cAAA,GAAiB,aAAA;AAE9C,EAAA,MAAM,cAAA,GAAiB,CAACA,MAAAA,KAAa;AACnC,IAAA,QAAA,GAAWA,MAAK,CAAA;AAEhB,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,gBAAA,CAAiB,MAAMA,MAAK,CAAA;AAAA,IAC9B;AAAA,EACF,CAAA;AAEA,EAAA,OAAO,EAAE,OAAO,cAAA,EAAe;AACjC;;;;"}
+{"version":3,"file":"useManagedValue.mjs","sources":["../../../../../../src/lib/hooks/useManagedValue.ts"],"sourcesContent":["import { useState } from \"react\";\n\ninterface ManagedValuePropNames<K extends string> {\n  value: K;\n  defaultValue: K;\n}\n\ntype PossibleValueProps<P> = Extract<\n  keyof Omit<P, \"onChange\">,\n  string | boolean\n>;\n\nexport const useManagedValue = <\n  P extends object,\n  V = unknown,\n  PDV extends PossibleValueProps<P> = PossibleValueProps<P>,\n>(\n  props: P & { onChange?: (value: V) => void },\n  onChange = props.onChange,\n  managedValuePropName: ManagedValuePropNames<PDV> = {\n    value: \"value\" as PDV,\n    defaultValue: \"defaultValue\" as PDV,\n  },\n) => {\n  const valueFromProps = props[managedValuePropName.value] as V;\n  const defaultValueFromProps = props[managedValuePropName.defaultValue] as V;\n\n  const isControlled = typeof valueFromProps !== \"undefined\";\n  const hasDefaultValue = typeof defaultValueFromProps !== \"undefined\";\n\n  const [internalValue, setInternalValue] = useState(\n    hasDefaultValue ? defaultValueFromProps : valueFromProps,\n  );\n  const value = isControlled ? valueFromProps : internalValue;\n\n  const handleOnChange = (value: V) => {\n    onChange?.(value);\n\n    if (!isControlled) {\n      setInternalValue(() => value);\n    }\n  };\n\n  return { value, handleOnChange } as const;\n};\n"],"names":["value"],"mappings":";;AAYO,MAAM,kBAAkB,CAK7B,KAAA,EACA,QAAA,GAAW,KAAA,CAAM,UACjB,oBAAA,GAAmD;AAAA,EACjD,KAAA,EAAO,OAAA;AAAA,EACP,YAAA,EAAc;AAChB,CAAA,KACG;AACH,EAAA,MAAM,cAAA,GAAiB,KAAA,CAAM,oBAAA,CAAqB,KAAK,CAAA;AACvD,EAAA,MAAM,qBAAA,GAAwB,KAAA,CAAM,oBAAA,CAAqB,YAAY,CAAA;AAErE,EAAA,MAAM,YAAA,GAAe,OAAO,cAAA,KAAmB,WAAA;AAC/C,EAAA,MAAM,eAAA,GAAkB,OAAO,qBAAA,KAA0B,WAAA;AAEzD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACxC,kBAAkB,qBAAA,GAAwB;AAAA,GAC5C;AACA,EAAA,MAAM,KAAA,GAAQ,eAAe,cAAA,GAAiB,aAAA;AAE9C,EAAA,MAAM,cAAA,GAAiB,CAACA,MAAAA,KAAa;AACnC,IAAA,QAAA,GAAWA,MAAK,CAAA;AAEhB,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,gBAAA,CAAiB,MAAMA,MAAK,CAAA;AAAA,IAC9B;AAAA,EACF,CAAA;AAEA,EAAA,OAAO,EAAE,OAAO,cAAA,EAAe;AACjC;;;;"}

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

@@ -3,6 +3,7 @@ import { PropsWithClassName } from '../../lib/types/props';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
 export interface AutocompleteProps extends PropsWithChildren, PropsWithClassName, FlowComponentProps, Omit<Aria.AutocompleteProps, "children" | "onInputChange" | "inputValue"> {
+    isInvalid?: boolean;
 }
 /** @flr-generate all */
 export declare const Autocomplete: import('react').FunctionComponent<AutocompleteProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAc9C,MAAM,WAAW,iBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,eAAe,GAAG,YAAY,CAAC;CAAG;AAEhF,wBAAwB;AACxB,eAAO,MAAM,YAAY,sGAqFvB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAe9C,MAAM,WAAW,iBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,eAAe,GAAG,YAAY,CAAC;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAwB;AACxB,eAAO,MAAM,YAAY,sGAmGvB,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -1,9 +1,10 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { PropsWithChildren } from 'react';
 import * as Aria from "react-aria-components";
-export interface CheckboxProps extends PropsWithChildren<Omit<Aria.CheckboxProps, "children">>, FlowComponentProps<HTMLLabelElement> {
+export interface CheckboxProps extends PropsWithChildren<Omit<Aria.CheckboxProps, "children">>, FlowComponentProps {
+    inputClassName?: string;
 }
 /** @flr-generate all */
-export declare const Checkbox: import('react').FunctionComponent<CheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+export declare const Checkbox: import('react').FunctionComponent<CheckboxProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Checkbox;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAG9C,MAAM,WAAW,aACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,EAC7D,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C,wBAAwB;AACxB,eAAO,MAAM,QAAQ,oGAqBnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAO9C,MAAM,WAAW,aACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,EAC7D,kBAAkB;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAwB;AACxB,eAAO,MAAM,QAAQ,kGAgCnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}

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

@@ -1,8 +1,8 @@
 import { CheckboxProps } from '../Checkbox';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-export interface CheckboxButtonProps extends CheckboxProps, FlowComponentProps<HTMLLabelElement> {
+export interface CheckboxButtonProps extends CheckboxProps, FlowComponentProps {
 }
 /** @flr-generate all */
-export declare const CheckboxButton: import('react').FunctionComponent<CheckboxButtonProps & import('react').RefAttributes<HTMLLabelElement>>;
+export declare const CheckboxButton: import('react').FunctionComponent<CheckboxButtonProps & import('react').RefAttributes<HTMLDivElement>>;
 export default CheckboxButton;
 //# sourceMappingURL=CheckboxButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckboxButton/CheckboxButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,MAAM,WAAW,mBACf,SAAQ,aAAa,EACnB,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C,wBAAwB;AACxB,eAAO,MAAM,cAAc,0GAqBzB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CheckboxButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckboxButton/CheckboxButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAM/E,MAAM,WAAW,mBACf,SAAQ,aAAa,EACnB,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,cAAc,wGAuCzB,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAM/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAM9C,MAAM,WAAW,kBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC,EAClE,IAAI,CAAC,iBAAiB,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EACxC,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,aAAa,uGA6DxB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAM/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAM9C,MAAM,WAAW,kBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC,EAClE,IAAI,CAAC,iBAAiB,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EACxC,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,aAAa,uGA0DxB,CAAC;AAEH,eAAe,aAAa,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAY9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,KAAK,iBAAiB,EAAwB,MAAM,kBAAkB,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,EACjD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,EACpC,IAAI,CAAC,YAAY,EAAE,kBAAkB,CAAC,EACtC,iBAAiB,EACjB,kBAAkB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED,wBAAwB;AACxB,eAAO,MAAM,QAAQ,kGA4FnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAW9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,KAAK,iBAAiB,EAAwB,MAAM,kBAAkB,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAKjE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,EACjD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,EACpC,IAAI,CAAC,YAAY,EAAE,kBAAkB,CAAC,EACtC,iBAAiB,EACjB,kBAAkB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED,wBAAwB;AACxB,eAAO,MAAM,QAAQ,kGA6FnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/types/components/ComboBox/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComboBox/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAWjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAgB/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAelC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA4BpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComboBox/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAWjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAgB/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAelC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA4BpB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC"}

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

@@ -1,9 +1,7 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
 export interface DatePickerProps<T extends Aria.DateValue = Aria.DateValue> extends PropsWithChildren<Omit<Aria.DatePickerProps<T>, "children">>, FlowComponentProps {
-    /** The error message that is displayed below the input. */
-    errorMessage?: ReactNode;
 }
 /** @flr-generate all */
 export declare const DatePicker: import('react').FunctionComponent<DatePickerProps<Aria.DateValue> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI/D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAM9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAK9C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CACxE,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,EAClE,kBAAkB;IACpB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAwB;AACxB,eAAO,MAAM,UAAU,oHAmDrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAK9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAM9C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CACxE,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,EAClE,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,UAAU,oHA0CrB,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/types/components/DatePicker/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,UAAU,MAAM,UAAU,CAAC;AAUlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAWjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,UAAU,MAAM,UAAU,CAAC;AAWlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAWjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC"}

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

@@ -1,9 +1,7 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
 export interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue> extends PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, "children">>, FlowComponentProps {
-    /** The error message that is displayed below the input. */
-    errorMessage?: ReactNode;
 }
 /** @flr-generate all */
 export declare const DateRangePicker: import('react').FunctionComponent<DateRangePickerProps<Aria.DateValue> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAM9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAI9C,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAC7E,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,EACvE,kBAAkB;IACpB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAwB;AACxB,eAAO,MAAM,eAAe,yHAmD1B,CAAC;AAEH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAK9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAK9C,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAC7E,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,EACvE,kBAAkB;CAAG;AAEzB,wBAAwB;AACxB,eAAO,MAAM,eAAe,yHAyC1B,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/dist/types/components/DateRangePicker/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateRangePicker/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAK3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAWtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateRangePicker/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAM3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAQtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC"}