@mittwald/flow-react-components 0.2.0-alpha.196 → 0.2.0-alpha.197

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

@@ -9,15 +9,14 @@ import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { ReactAriaControlledValueFix } from '../../lib/react/ReactAriaControlledValueFix.mjs';
 
 const TextField = flowComponent("TextField", (props) => {
-  const { children, defaultValue, placeholder, ref, form, ...rest } = props;
+  const { children, placeholder, ref, form, ...rest } = props;
   const input = /* @__PURE__ */ jsx(ReactAriaControlledValueFix, { inputContext: Aria.InputContext, props, children: /* @__PURE__ */ jsx(
     Aria.Input,
     {
       form,
       placeholder,
       className: styles.textField,
-      ref,
-      defaultValue
+      ref
     }
   ) });
   return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.mjs","sources":["../../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import * 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\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface TextFieldProps\n  extends Omit<TextFieldBaseProps, \"input\" | \"className\">,\n    Pick<Aria.InputProps, \"placeholder\" | \"form\">,\n    PropsWithClassName,\n    FlowComponentProps<HTMLInputElement> {}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const { children, defaultValue, placeholder, ref, form, ...rest } = props;\n\n  const input = (\n    <ReactAriaControlledValueFix inputContext={Aria.InputContext} props={props}>\n      <Aria.Input\n        form={form}\n        placeholder={placeholder}\n        className={styles.textField}\n        ref={ref}\n        defaultValue={defaultValue}\n      />\n    </ReactAriaControlledValueFix>\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,EAAM,MAAA,EAAE,UAAU,YAAc,EAAA,WAAA,EAAa,KAAK,IAAM,EAAA,GAAG,MAAS,GAAA,KAAA;AAEpE,EAAA,MAAM,wBACH,GAAA,CAAA,2BAAA,EAAA,EAA4B,YAAc,EAAA,IAAA,CAAK,cAAc,KAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,GAAA;AAAA,MACA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,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 * as Aria from \"react-aria-components\";\nimport {\n  TextFieldBase,\n  type TextFieldBaseProps,\n} 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\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface TextFieldProps\n  extends Omit<TextFieldBaseProps, \"input\" | \"className\">,\n    Pick<Aria.InputProps, \"placeholder\" | \"form\">,\n    PropsWithClassName,\n    FlowComponentProps<HTMLInputElement> {}\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    <ReactAriaControlledValueFix inputContext={Aria.InputContext} props={props}>\n      <Aria.Input\n        form={form}\n        placeholder={placeholder}\n        className={styles.textField}\n        ref={ref}\n      />\n    </ReactAriaControlledValueFix>\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":";;;;;;;;AAsBO,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,wBACH,GAAA,CAAA,2BAAA,EAAA,EAA4B,YAAc,EAAA,IAAA,CAAK,cAAc,KAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB;AAAA;AAAA,GAEJ,EAAA,CAAA;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/src/components/TextFieldBase/TextFieldBase.mjs

@@ -54,6 +54,7 @@ const TextFieldBase = (props) => {
       ...rest,
       className: rootClassName,
       onChange: handleOnChange,
+      value: rest.value ?? "",
       children: [
         input,
         /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }),

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 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\";\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  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        ref={ref}\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":";;;;;;;;;;;;;AAuBa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,KAAA,EAAO,oBAAoB,GAAK,EAAA,GAAG,MAC9D,GAAA,KAAA;AACF,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,MACC,GAAA;AAAA,MACC,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, 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 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\";\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  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        ref={ref}\n        {...rest}\n        className={rootClassName}\n        onChange={handleOnChange}\n        /** Prevent weired reset behavior when value is 'undefined' */\n        value={rest.value ?? \"\"}\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":";;;;;;;;;;;;;AAuBa,MAAA,aAAA,GAAwC,CAAC,KAAU,KAAA;AAC9D,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,KAAA,EAAO,oBAAoB,GAAK,EAAA,GAAG,MAC9D,GAAA,KAAA;AACF,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,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MACX,QAAU,EAAA,cAAA;AAAA,MAEV,KAAA,EAAO,KAAK,KAAS,IAAA,EAAA;AAAA,MAEpB,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/src/integrations/react-hook-form/components/Field/Field.mjs

@@ -12,75 +12,62 @@ import { useController } from 'react-hook-form';
 
 function Field(props) {
   const { children, name, defaultValue, ...rest } = props;
+  const controller = useController(props);
   const formContext = useFormContext();
-  const form = formContext.form;
-  const uncontrolledField = {
-    field: form.register(name),
-    fieldState: form.getFieldState(name)
-  };
-  const controlledField = useController(props);
-  const buildFieldProps = (field) => ({
-    ...field.field,
-    defaultValue,
+  const value = controller.field.value;
+  const fieldProps = {
+    ...controller.field,
     name,
     form: formContext.id,
     isRequired: !!rest.rules?.required,
     validationBehavior: "aria",
-    isInvalid: field.fieldState.invalid,
-    onChange: (value) => {
-      field.field.onChange({
-        target: {
-          value
-        }
-      });
-    },
+    defaultValue,
+    isInvalid: controller.fieldState.invalid,
     children: dynamic((p) => /* @__PURE__ */ jsxs(Fragment, { children: [
       p.children,
-      /* @__PURE__ */ jsx(FieldErrorView, { children: field.fieldState.error?.message })
+      /* @__PURE__ */ jsx(FieldErrorView, { children: controller.fieldState.error?.message })
     ] }))
-  });
-  const uncontrolledProps = buildFieldProps(uncontrolledField);
-  const controlledProps = buildFieldProps(controlledField);
-  const controlledValue = controlledField.field.value;
+  };
+  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;
   const propsContext = {
-    SearchField: uncontrolledProps,
-    TextField: uncontrolledProps,
-    TextArea: uncontrolledProps,
+    SearchField: fieldProps,
+    TextField: fieldProps,
+    TextArea: fieldProps,
     Checkbox: {
-      ...controlledProps,
-      isSelected: controlledValue
+      ...fieldProps,
+      isSelected: value
     },
-    CheckboxGroup: controlledProps,
+    CheckboxGroup: fieldProps,
     CheckboxButton: {
-      ...controlledProps,
-      isSelected: controlledValue
+      ...fieldProps,
+      isSelected: value
     },
-    FileField: controlledProps,
-    NumberField: controlledProps,
-    RadioGroup: controlledProps,
+    FileField: fieldProps,
+    NumberField: fieldProps,
+    RadioGroup: fieldProps,
     Switch: {
-      ...controlledProps,
-      isSelected: controlledValue
+      ...fieldProps,
+      isSelected: value
     },
     Select: {
-      ...controlledProps,
-      selectedKey: controlledValue
+      ...fieldProps,
+      selectedKey: value
     },
-    Slider: controlledProps,
-    DatePicker: controlledProps,
-    DateRangePicker: controlledProps,
-    TimeField: controlledProps,
-    SegmentedControl: controlledProps,
+    Slider: fieldProps,
+    DatePicker: fieldProps,
+    DateRangePicker: fieldProps,
+    TimeField: fieldProps,
+    SegmentedControl: fieldProps,
     ComboBox: {
-      ...controlledProps,
-      defaultInputValue: controlledValue
+      ...fieldPropsWithoutValue,
+      selectedKey: value
     }
   };
   return /* @__PURE__ */ jsx(
     PropsContextProvider,
     {
       props: propsContext,
-      dependencies: [controlledField.fieldState, uncontrolledField.fieldState],
+      dependencies: [controller.fieldState, controller.field, value],
       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 FieldErrorView from \"@/views/FieldErrorView\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  useController,\n  type ControllerProps,\n  type FieldValues,\n  type UseFormReturn,\n} from \"react-hook-form\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\" | \"control\">,\n    PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const formContext = useFormContext<T>();\n  const form = formContext.form;\n\n  const uncontrolledField = {\n    field: form.register(name),\n    fieldState: form.getFieldState(name),\n  };\n  const controlledField = useController(props);\n\n  const buildFieldProps = (\n    field: typeof uncontrolledField | typeof controlledField,\n  ) => ({\n    ...field.field,\n    defaultValue,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    validationBehavior: \"aria\" as const,\n    isInvalid: field.fieldState.invalid,\n    onChange: (value: unknown) => {\n      field.field.onChange({\n        target: {\n          value,\n        },\n      });\n    },\n    children: dynamic((p) => (\n      <>\n        {p.children}\n        <FieldErrorView>{field.fieldState.error?.message}</FieldErrorView>\n      </>\n    )),\n  });\n\n  const uncontrolledProps = buildFieldProps(uncontrolledField);\n  const controlledProps = buildFieldProps(controlledField);\n  const controlledValue = controlledField.field.value;\n\n  const propsContext: PropsContext = {\n    SearchField: uncontrolledProps,\n    TextField: uncontrolledProps,\n    TextArea: uncontrolledProps,\n\n    Checkbox: {\n      ...controlledProps,\n      isSelected: controlledValue,\n    },\n    CheckboxGroup: controlledProps,\n    CheckboxButton: {\n      ...controlledProps,\n      isSelected: controlledValue,\n    },\n    FileField: controlledProps,\n    NumberField: controlledProps,\n    RadioGroup: controlledProps,\n    Switch: {\n      ...controlledProps,\n      isSelected: controlledValue,\n    },\n    Select: {\n      ...controlledProps,\n      selectedKey: controlledValue,\n    },\n    Slider: controlledProps,\n    DatePicker: controlledProps,\n    DateRangePicker: controlledProps,\n    TimeField: controlledProps,\n    SegmentedControl: controlledProps,\n    ComboBox: {\n      ...controlledProps,\n      defaultInputValue: controlledValue,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[controlledField.fieldState, uncontrolledField.fieldState]}\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"],"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 { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  useController,\n  type ControllerProps,\n  type FieldValues,\n  type UseFormReturn,\n} from \"react-hook-form\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\" | \"control\">,\n    PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const controller = useController(props);\n  const formContext = useFormContext<T>();\n  const value = controller.field.value;\n\n  const fieldProps = {\n    ...controller.field,\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      <>\n        {p.children}\n        <FieldErrorView>{controller.fieldState.error?.message}</FieldErrorView>\n      </>\n    )),\n  };\n\n  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n  const propsContext: PropsContext = {\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: fieldProps,\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    Slider: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\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"],"names":[],"mappings":";;;;;;;;;;AAgBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,IAAA,EAAM,YAAc,EAAA,GAAG,MAAS,GAAA,KAAA;AAElD,EAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA;AACtC,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAM,MAAA,KAAA,GAAQ,WAAW,KAAM,CAAA,KAAA;AAE/B,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,GAAG,UAAW,CAAA,KAAA;AAAA,IACd,IAAA;AAAA,IACA,MAAM,WAAY,CAAA,EAAA;AAAA,IAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,IAC1B,kBAAoB,EAAA,MAAA;AAAA,IACpB,YAAA;AAAA,IACA,SAAA,EAAW,WAAW,UAAW,CAAA,OAAA;AAAA,IACjC,QAAU,EAAA,OAAA,CAAQ,CAAC,CAAA,qBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAE,CAAA,CAAA,QAAA;AAAA,sBACF,GAAA,CAAA,cAAA,EAAA,EAAgB,QAAW,EAAA,UAAA,CAAA,UAAA,CAAW,OAAO,OAAQ,EAAA;AAAA,KAAA,EACxD,CACD;AAAA,GACH;AAEA,EAAA,MAAM,EAAE,KAAA,EAAO,YAAc,EAAA,GAAG,wBAA2B,GAAA,UAAA;AAE3D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA,UAAA;AAAA,IACb,SAAW,EAAA,UAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IAEV,QAAU,EAAA;AAAA,MACR,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,aAAe,EAAA,UAAA;AAAA,IACf,cAAgB,EAAA;AAAA,MACd,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,SAAW,EAAA,UAAA;AAAA,IACX,WAAa,EAAA,UAAA;AAAA,IACb,UAAY,EAAA,UAAA;AAAA,IACZ,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,WAAa,EAAA;AAAA,KACf;AAAA,IACA,MAAQ,EAAA,UAAA;AAAA,IACR,UAAY,EAAA,UAAA;AAAA,IACZ,eAAiB,EAAA,UAAA;AAAA,IACjB,SAAW,EAAA,UAAA;AAAA,IACX,gBAAkB,EAAA,UAAA;AAAA,IAClB,QAAU,EAAA;AAAA,MACR,GAAG,sBAAA;AAAA,MACH,WAAa,EAAA;AAAA;AACf,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,cAAc,CAAC,UAAA,CAAW,UAAY,EAAA,UAAA,CAAW,OAAO,KAAK,CAAA;AAAA,MAE5D;AAAA;AAAA,GACH;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}

package/dist/js/components/src/lib/react/ReactAriaControlledValueFix.mjs

@@ -2,25 +2,38 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import * as Aria from 'react-aria-components';
-import { Children, isValidElement } from 'react';
+import { Children, isValidElement, cloneElement } from 'react';
+import { mergeRefs } from '@react-aria/utils';
 
 const ReactAriaControlledValueFix = (props) => {
-  const { inputContext: context, children, props: originalInputProps } = props;
+  const { inputContext: context, children } = props;
   const child = Children.only(children);
   if (!isValidElement(child)) {
     throw new Error("Expected valid element");
   }
   const inputProps = child.props;
-  const inputRef = inputProps["ref"];
+  const ref = inputProps["ref"];
   const [contextProps, contextRef] = Aria.useContextProps(
     inputProps,
-    inputRef,
+    ref,
     context
   );
-  if (originalInputProps && typeof originalInputProps === "object" && !("value" in originalInputProps)) {
-    delete contextProps["value"];
-  }
-  return /* @__PURE__ */ jsx(Aria.Provider, { values: [[context, { ...contextProps, ref: contextRef }]], children: child });
+  const mergedRef = mergeRefs((el) => {
+    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
+      el.value = String(contextProps.value ?? "");
+    }
+  }, contextRef);
+  const uncontrolledContextProps = {
+    ...contextProps,
+    value: void 0,
+    ref: mergedRef
+  };
+  const uncontrolledInputProps = {
+    ...inputProps,
+    ref: void 0,
+    value: void 0
+  };
+  return /* @__PURE__ */ jsx(Aria.Provider, { values: [[context, uncontrolledContextProps]], children: cloneElement(child, uncontrolledInputProps) });
 };
 
 export { ReactAriaControlledValueFix };

package/dist/js/components/src/lib/react/ReactAriaControlledValueFix.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReactAriaControlledValueFix.mjs","sources":["../../../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport {\n  Children,\n  isValidElement,\n  type Context,\n  type FC,\n  type ForwardedRef,\n  type PropsWithChildren,\n} from \"react\";\n\nexport interface ReactAriaControlledValueFixProps extends PropsWithChildren {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  inputContext: Context<any>;\n  props: unknown;\n}\n\ninterface ChildProps {\n  [key: string]: unknown;\n  ref: ForwardedRef<Element>;\n}\n\n/**\n * React Aria (accidentally?!) enforces controlled inputs by always setting the\n * value prop on Inputs and TextAreas. This component uses React Arias context\n * prop API to only set the value prop, if it is present in the original\n * Input/TextArea component.\n *\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/textfield/src/useTextField.ts#L182\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/numberfield/src/useNumberField.ts#L206\n */\nexport const ReactAriaControlledValueFix: FC<\n  ReactAriaControlledValueFixProps\n> = (props) => {\n  const { inputContext: context, children, props: originalInputProps } = props;\n\n  const child = Children.only(children);\n  if (!isValidElement<ChildProps>(child)) {\n    throw new Error(\"Expected valid element\");\n  }\n\n  const inputProps = child.props;\n  const inputRef = inputProps[\"ref\"];\n\n  const [contextProps, contextRef] = Aria.useContextProps(\n    inputProps,\n    inputRef,\n    context,\n  );\n\n  // Here does the workaround his job\n  if (\n    originalInputProps &&\n    typeof originalInputProps === \"object\" &&\n    !(\"value\" in originalInputProps)\n  ) {\n    delete contextProps[\"value\"];\n  }\n\n  return (\n    <Aria.Provider values={[[context, { ...contextProps, ref: contextRef }]]}>\n      {child}\n    </Aria.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;AA8Ba,MAAA,2BAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,MAAM,EAAE,YAAc,EAAA,OAAA,EAAS,QAAU,EAAA,KAAA,EAAO,oBAAuB,GAAA,KAAA;AAEvE,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAA;AACpC,EAAI,IAAA,CAAC,cAA2B,CAAA,KAAK,CAAG,EAAA;AACtC,IAAM,MAAA,IAAI,MAAM,wBAAwB,CAAA;AAAA;AAG1C,EAAA,MAAM,aAAa,KAAM,CAAA,KAAA;AACzB,EAAM,MAAA,QAAA,GAAW,WAAW,KAAK,CAAA;AAEjC,EAAA,MAAM,CAAC,YAAA,EAAc,UAAU,CAAA,GAAI,IAAK,CAAA,eAAA;AAAA,IACtC,UAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,IACE,sBACA,OAAO,kBAAA,KAAuB,QAC9B,IAAA,EAAE,WAAW,kBACb,CAAA,EAAA;AACA,IAAA,OAAO,aAAa,OAAO,CAAA;AAAA;AAG7B,EAAA,2BACG,IAAK,CAAA,QAAA,EAAL,EAAc,MAAA,EAAQ,CAAC,CAAC,OAAA,EAAS,EAAE,GAAG,cAAc,GAAK,EAAA,UAAA,EAAY,CAAC,GACpE,QACH,EAAA,KAAA,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ReactAriaControlledValueFix.mjs","sources":["../../../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  type Context,\n  type FC,\n  type ForwardedRef,\n  type PropsWithChildren,\n} from \"react\";\nimport { mergeRefs } from \"@react-aria/utils\";\n\nexport interface ReactAriaControlledValueFixProps extends PropsWithChildren {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  inputContext: Context<any>;\n  props: unknown;\n}\n\ninterface ChildProps {\n  [key: string]: unknown;\n  ref: ForwardedRef<Element>;\n}\n\n/**\n * React Aria (accidentally?!) enforces controlled inputs by always setting the\n * value prop on Inputs and TextAreas with its context props API. This component\n * also uses this API to only unset the value prop. Furthermore setting an input\n * value is finally done by directly on the DOM element.\n *\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/textfield/src/useTextField.ts#L182\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/numberfield/src/useNumberField.ts#L206\n */\nexport const ReactAriaControlledValueFix: FC<\n  ReactAriaControlledValueFixProps\n> = (props) => {\n  const { inputContext: context, children } = props;\n\n  const child = Children.only(children);\n  if (!isValidElement<ChildProps>(child)) {\n    throw new Error(\"Expected valid element\");\n  }\n\n  const inputProps = child.props;\n  const ref = inputProps[\"ref\"];\n\n  const [contextProps, contextRef] = Aria.useContextProps(\n    inputProps,\n    ref,\n    context,\n  );\n\n  const mergedRef = mergeRefs((el) => {\n    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {\n      el.value = String(contextProps.value ?? \"\");\n    }\n  }, contextRef);\n\n  const uncontrolledContextProps = {\n    ...contextProps,\n    value: undefined,\n    ref: mergedRef,\n  };\n\n  const uncontrolledInputProps = {\n    ...inputProps,\n    ref: undefined,\n    value: undefined,\n  };\n\n  return (\n    <Aria.Provider values={[[context, uncontrolledContextProps]]}>\n      {cloneElement(child, uncontrolledInputProps)}\n    </Aria.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;AAgCa,MAAA,2BAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,MAAM,EAAE,YAAA,EAAc,OAAS,EAAA,QAAA,EAAa,GAAA,KAAA;AAE5C,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAA;AACpC,EAAI,IAAA,CAAC,cAA2B,CAAA,KAAK,CAAG,EAAA;AACtC,IAAM,MAAA,IAAI,MAAM,wBAAwB,CAAA;AAAA;AAG1C,EAAA,MAAM,aAAa,KAAM,CAAA,KAAA;AACzB,EAAM,MAAA,GAAA,GAAM,WAAW,KAAK,CAAA;AAE5B,EAAA,MAAM,CAAC,YAAA,EAAc,UAAU,CAAA,GAAI,IAAK,CAAA,eAAA;AAAA,IACtC,UAAA;AAAA,IACA,GAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAM,MAAA,SAAA,GAAY,SAAU,CAAA,CAAC,EAAO,KAAA;AAClC,IAAI,IAAA,EAAA,YAAc,gBAAoB,IAAA,EAAA,YAAc,mBAAqB,EAAA;AACvE,MAAA,EAAA,CAAG,KAAQ,GAAA,MAAA,CAAO,YAAa,CAAA,KAAA,IAAS,EAAE,CAAA;AAAA;AAC5C,KACC,UAAU,CAAA;AAEb,EAAA,MAAM,wBAA2B,GAAA;AAAA,IAC/B,GAAG,YAAA;AAAA,IACH,KAAO,EAAA,MAAA;AAAA,IACP,GAAK,EAAA;AAAA,GACP;AAEA,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,GAAG,UAAA;AAAA,IACH,GAAK,EAAA,MAAA;AAAA,IACL,KAAO,EAAA;AAAA,GACT;AAEA,EAAA,uBACG,GAAA,CAAA,IAAA,CAAK,QAAL,EAAA,EAAc,QAAQ,CAAC,CAAC,OAAS,EAAA,wBAAwB,CAAC,CAAA,EACxD,QAAa,EAAA,YAAA,CAAA,KAAA,EAAO,sBAAsB,CAC7C,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,WAAW,CAAC,EACrD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAAC,EAC7C,kBAAkB,EAClB,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,SAAS,qGAsBpB,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,WAAW,CAAC,EACrD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAAC,EAC7C,kBAAkB,EAClB,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,SAAS,qGAqBpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldBase.d.ts","sourceRoot":"","sources":["../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAU9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,WAAW,kBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,EAC9D,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACnD,wBAAwB;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8DhD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TextFieldBase.d.ts","sourceRoot":"","sources":["../../../../src/components/TextFieldBase/TextFieldBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAU9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,WAAW,kBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,EAC9D,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACnD,wBAAwB;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgEhD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/index/flr-universal.d.ts

@@ -1,5 +1,5 @@
 export * from '../components/Icon/components/icons';
-export { Action, BrowserOnly, ContextMenu, ContextMenuTrigger, List, ListItemView, Modal, ModalTrigger, Popover, PopoverTrigger, SettingsProvider, typedList, NotificationProvider, Wrap, type ActionFn, type ActionProps, type BrowserOnlyProps, type ContextMenuProps, type ContextMenuTriggerProps, type ListItemViewProps, type ListProps, type ModalProps, type ModalTriggerProps, type NotificationProviderProps, type WrapProps, } from '../components/public';
+export { Action, type ActionFn, type ActionProps, BrowserOnly, type BrowserOnlyProps, ContextMenu, type ContextMenuProps, ContextMenuTrigger, type ContextMenuTriggerProps, List, type ListProps, ListItemView, type ListItemViewProps, Modal, type ModalProps, ModalTrigger, type ModalTriggerProps, Popover, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, SettingsProvider, typedList, NotificationProvider, type NotificationProviderProps, Wrap, type WrapProps, } from '../components/public';
 export * from '../lib/controller/public';
 export * from '../lib/hooks/public';
 //# sourceMappingURL=flr-universal.d.ts.map

package/dist/types/index/flr-universal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flr-universal.d.ts","sourceRoot":"","sources":["../../../src/index/flr-universal.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AAEnD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,IAAI,EACJ,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC9B,KAAK,SAAS,GACf,MAAM,qBAAqB,CAAC;AAE7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"flr-universal.d.ts","sourceRoot":"","sources":["../../../src/index/flr-universal.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AAEnD,OAAO,EACL,MAAM,EACN,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,WAAW,EACX,KAAK,gBAAgB,EACrB,WAAW,EACX,KAAK,gBAAgB,EACrB,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,IAAI,EACJ,KAAK,SAAS,EACd,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,EACL,KAAK,UAAU,EACf,YAAY,EACZ,KAAK,iBAAiB,EACtB,OAAO,EACP,KAAK,YAAY,EACjB,cAAc,EACd,KAAK,mBAAmB,EACxB,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,IAAI,EACJ,KAAK,SAAS,GACf,MAAM,qBAAqB,CAAC;AAE7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC"}

package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC,EACpD,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CAqFhE;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,aAAa,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAC1D,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC,EACpD,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CAqEhE;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,aAAa,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAC1D,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC"}

package/dist/types/lib/react/ReactAriaControlledValueFix.d.ts

@@ -5,9 +5,9 @@ export interface ReactAriaControlledValueFixProps extends PropsWithChildren {
 }
 /**
  * React Aria (accidentally?!) enforces controlled inputs by always setting the
- * value prop on Inputs and TextAreas. This component uses React Arias context
- * prop API to only set the value prop, if it is present in the original
- * Input/TextArea component.
+ * value prop on Inputs and TextAreas with its context props API. This component
+ * also uses this API to only unset the value prop. Furthermore setting an input
+ * value is finally done by directly on the DOM element.
  *
  * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/textfield/src/useTextField.ts#L182
  * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/numberfield/src/useNumberField.ts#L206

package/dist/types/lib/react/ReactAriaControlledValueFix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactAriaControlledValueFix.d.ts","sourceRoot":"","sources":["../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;IAEzE,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;CAChB;AAOD;;;;;;;;GAQG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,gCAAgC,CAgCjC,CAAC"}
+{"version":3,"file":"ReactAriaControlledValueFix.d.ts","sourceRoot":"","sources":["../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;IAEzE,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;CAChB;AAOD;;;;;;;;GAQG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,gCAAgC,CAyCjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.196",
+  "version": "0.2.0-alpha.197",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "0.2.0-alpha.196",
+    "@mittwald/react-tunnel": "0.2.0-alpha.197",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.0.14",
     "@react-aria/utils": "^3.28.1",
@@ -92,7 +92,7 @@
   "devDependencies": {
     "@faker-js/faker": "^9.6.0",
     "@internationalized/date": "^3.7.0",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.196",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.197",
     "@mittwald/react-use-promise": "^2.6.0",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -173,5 +173,5 @@
       "optional": true
     }
   },
-  "gitHead": "a41e7343793f038ea87b790a88cb35ea4828913a"
+  "gitHead": "61f07e056e1f7f034820439186c9fc56d51bc19c"
 }