@fuf-stack/uniform 1.4.2 → 1.5.1

package/dist/chunk-GVMEDVT5.cjs

@@ -0,0 +1,117 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkJ5FFM7WGcjs = require('./chunk-J5FFM7WG.cjs');
+
+
+
+var _chunk555JRYCScjs = require('./chunk-555JRYCS.cjs');
+
+// src/Radios/Radios.tsx
+
+
+
+var _radio = require('@heroui/radio');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var radiosVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    // Needs group for group-data condition
+    base: "group gap-0",
+    itemBase: "",
+    itemControl: "bg-focus group-data-[invalid=true]:bg-danger",
+    itemDescription: "",
+    itemLabel: "text-sm",
+    itemLabelWrapper: "",
+    itemWrapper: 'group-data-[invalid=true]:border-danger! [&:not(group-data-[invalid="true"]):not(group-data-[selected="false"])]:border-focus',
+    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts
+    label: "text-foreground group-data-[invalid=true]:text-danger mb-2 inline-flex text-sm subpixel-antialiased",
+    wrapper: ""
+  }
+});
+var Radios = (_a) => {
+  var _b = _a, {
+    className = void 0,
+    inline = false,
+    name,
+    options
+  } = _b, uniformFieldProps = _chunk555JRYCScjs.__objRest.call(void 0, _b, [
+    "className",
+    "inline",
+    "name",
+    "options"
+  ]);
+  const {
+    disabled,
+    errorMessage,
+    field: { onBlur, onChange, ref },
+    invalid,
+    label,
+    required,
+    defaultValue,
+    testId
+  } = _chunkJ5FFM7WGcjs.useUniformField.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {
+    name,
+    showInvalidWhen: "immediate"
+  }, uniformFieldProps));
+  const variants = radiosVariants();
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
+  const itemClassNames = {
+    base: classNames.itemBase,
+    control: classNames.itemControl,
+    description: classNames.itemDescription,
+    label: classNames.itemLabel,
+    labelWrapper: classNames.itemLabelWrapper,
+    wrapper: classNames.itemWrapper
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radio.RadioGroup,
+    {
+      ref,
+      classNames,
+      "data-invalid": invalid,
+      "data-required": required,
+      "data-testid": testId,
+      defaultValue,
+      errorMessage,
+      isDisabled: disabled,
+      isInvalid: invalid,
+      isRequired: required,
+      label: label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "legend", { children: label }) : null,
+      name,
+      onBlur,
+      orientation: inline ? "horizontal" : "vertical",
+      children: options.map((option) => {
+        var _a2, _b2;
+        if ("value" in option) {
+          const optionTestId = _pixelutils.slugify.call(void 0, 
+            `${testId}_option_${(_a2 = option.testId) != null ? _a2 : option.value}`,
+            { replaceDots: true }
+          );
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _radio.Radio,
+            {
+              classNames: itemClassNames,
+              "data-testid": optionTestId,
+              isDisabled: !!disabled || option.disabled,
+              onChange,
+              value: option.value,
+              children: (_b2 = option.label) != null ? _b2 : option.value
+            },
+            option.value
+          );
+        }
+        return null;
+      })
+    }
+  );
+};
+var Radios_default = Radios;
+
+// src/Radios/index.ts
+var Radios_default2 = Radios_default;
+
+
+
+
+exports.Radios_default = Radios_default; exports.Radios_default2 = Radios_default2;
+//# sourceMappingURL=chunk-GVMEDVT5.cjs.map

package/dist/chunk-GVMEDVT5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-GVMEDVT5.cjs","../src/Radios/Radios.tsx","../src/Radios/index.ts"],"names":["_a","_b","Radios_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-GVMEDVT5.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport {\n  Radio as HeroRadio,\n  RadioGroup as HeroRadioGroup,\n} from '@heroui/radio';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks';\n\nexport const radiosVariants = tv({\n  slots: {\n    // Needs group for group-data condition\n    base: 'group gap-0',\n    itemBase: '',\n    itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n    itemDescription: '',\n    itemLabel: 'text-sm',\n    itemLabelWrapper: '',\n    itemWrapper:\n      'group-data-[invalid=true]:border-danger! [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus',\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'text-foreground group-data-[invalid=true]:text-danger mb-2 inline-flex text-sm subpixel-antialiased',\n    wrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof radiosVariants>;\ntype ClassName = TVClassName<typeof radiosVariants>;\n\nexport interface RadioOption {\n  /** disables the option */\n  disabled?: boolean;\n  /** option label */\n  label?: React.ReactNode;\n  /** option icon */\n  icon?: ReactNode;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n  /** option value */\n  value: string;\n}\n\nexport interface RadiosProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Determines if the Buttons are disabled or not. */\n  disabled?: boolean;\n  /** determines orientation of the Buttons. */\n  inline?: boolean;\n  /** Label displayed next to the RadioButton. */\n  label?: ReactNode;\n  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** Radio button configuration. */\n  options: RadioOption[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * Radios component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)\n */\nconst Radios = ({\n  className = undefined,\n  inline = false,\n  name,\n  options,\n  ...uniformFieldProps\n}: RadiosProps): ReactElement => {\n  const {\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, ref },\n    invalid,\n    label,\n    required,\n    defaultValue,\n    testId,\n  } = useUniformField({\n    name,\n    showInvalidWhen: 'immediate',\n    ...uniformFieldProps,\n  });\n\n  // classNames from slots\n  const variants = radiosVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const itemClassNames = {\n    base: classNames.itemBase,\n    control: classNames.itemControl,\n    description: classNames.itemDescription,\n    label: classNames.itemLabel,\n    labelWrapper: classNames.itemLabelWrapper,\n    wrapper: classNames.itemWrapper,\n  };\n\n  return (\n    <HeroRadioGroup\n      ref={ref}\n      classNames={classNames}\n      // see HeroUI styles for group-data condition (data-invalid),\n      // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n      data-invalid={invalid}\n      data-required={required}\n      data-testid={testId}\n      defaultValue={defaultValue as string | undefined}\n      errorMessage={errorMessage}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label ? <legend>{label}</legend> : null}\n      name={name}\n      onBlur={onBlur}\n      orientation={inline ? 'horizontal' : 'vertical'}\n    >\n      {options.map((option) => {\n        if ('value' in option) {\n          const optionTestId = slugify(\n            `${testId}_option_${option.testId ?? option.value}`,\n            { replaceDots: true },\n          );\n          return (\n            <HeroRadio\n              key={option.value}\n              classNames={itemClassNames}\n              data-testid={optionTestId}\n              isDisabled={!!disabled || option.disabled}\n              onChange={onChange}\n              value={option.value}\n            >\n              {option.label ?? option.value}\n            </HeroRadio>\n          );\n        }\n        return null;\n      })}\n    </HeroRadioGroup>\n  );\n};\n\nexport default Radios;\n","import Radios from './Radios';\n\nexport type { RadiosProps } from './Radios';\n\nexport { Radios };\n\nexport default Radios;\n"]}

package/dist/chunk-HSKFVCTS.js

@@ -0,0 +1,103 @@
+import {
+  useUniformField
+} from "./chunk-CFH4VPJ4.js";
+import {
+  useInputValueDebounce
+} from "./chunk-6IU7IYYB.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-K2V4ULA2.js";
+
+// src/TextArea/TextArea.tsx
+import { Textarea as HeroTextArea } from "@heroui/input";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+var textAreaVariants = tv({
+  slots: {
+    /** wrapper around the whole input */
+    base: "",
+    /** clear button */
+    clearButton: "",
+    /** actual input element */
+    input: "",
+    /** inner wrapper (HeroUI inputWrapper slot) */
+    inputWrapper: "bg-content1 group-data-[focus=true]:border-focus"
+  }
+});
+var TextArea = (_a) => {
+  var _b = _a, {
+    children = null,
+    className: _className = void 0,
+    debounceDelay = 300,
+    name,
+    placeholder = " "
+  } = _b, uniformFieldProps = __objRest(_b, [
+    "children",
+    "className",
+    "debounceDelay",
+    "name",
+    "placeholder"
+  ]);
+  const {
+    disabled,
+    errorMessage,
+    field: {
+      onChange: fieldOnChange,
+      onBlur: fieldOnBlur,
+      value: fieldValue,
+      ref
+    },
+    invalid,
+    label,
+    required,
+    testId
+  } = useUniformField(__spreadValues({ name }, uniformFieldProps));
+  const { onChange, onBlur, value } = useInputValueDebounce({
+    debounceDelay,
+    onBlur: fieldOnBlur,
+    onChange: fieldOnChange,
+    value: fieldValue
+  });
+  const variants = textAreaVariants();
+  const classNames = variantsToClassNames(variants, _className, "base");
+  return /* @__PURE__ */ jsx(
+    HeroTextArea,
+    {
+      ref,
+      "data-testid": testId,
+      errorMessage,
+      id: testId,
+      isDisabled: disabled,
+      isInvalid: invalid,
+      isRequired: required,
+      label,
+      labelPlacement: "outside",
+      name,
+      onBlur,
+      onChange,
+      placeholder,
+      value,
+      variant: "bordered",
+      classNames: {
+        base: classNames.base,
+        clearButton: classNames.clearButton,
+        // set padding to 0 for error message exit animation
+        helperWrapper: "p-0",
+        input: classNames.input,
+        inputWrapper: classNames.inputWrapper
+      },
+      children
+    }
+  );
+};
+var TextArea_default = TextArea;
+
+// src/TextArea/index.ts
+var TextArea_default2 = TextArea_default;
+
+export {
+  TextArea_default,
+  TextArea_default2
+};
+//# sourceMappingURL=chunk-HSKFVCTS.js.map

package/dist/chunk-HSKFVCTS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Textarea as HeroTextArea } from '@heroui/input';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useInputValueDebounce, useUniformField } from '../hooks';\n\n// input variants\nexport const textAreaVariants = tv({\n  slots: {\n    /** wrapper around the whole input */\n    base: '',\n    /** clear button */\n    clearButton: '',\n    /** actual input element */\n    input: '',\n    /** inner wrapper (HeroUI inputWrapper slot) */\n    inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n  },\n});\n\ntype VariantProps = TVProps<typeof textAreaVariants>;\ntype ClassName = TVClassName<typeof textAreaVariants>;\n\nexport interface TextAreaProps extends VariantProps {\n  /** Child components. The content of the textarea. */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** Determines if the TextArea is disabled or not. */\n  disabled?: boolean;\n  /** Label displayed above the TextArea. */\n  label?: ReactNode;\n  /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** placeholder for the textArea content. */\n  placeholder?: string;\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)\n */\nconst TextArea = ({\n  children = null,\n  className: _className = undefined,\n  debounceDelay = 300,\n  name,\n  placeholder = ' ',\n  ...uniformFieldProps\n}: TextAreaProps) => {\n  const {\n    disabled,\n    errorMessage,\n    field: {\n      onChange: fieldOnChange,\n      onBlur: fieldOnBlur,\n      value: fieldValue,\n      ref,\n    },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({ name, ...uniformFieldProps });\n\n  // Use debounced handlers for form updates\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    value: fieldValue,\n  });\n\n  // classNames from slots\n  const variants = textAreaVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroTextArea\n      ref={ref}\n      data-testid={testId}\n      errorMessage={errorMessage}\n      id={testId}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label}\n      labelPlacement=\"outside\"\n      name={name}\n      onBlur={onBlur}\n      onChange={onChange}\n      placeholder={placeholder}\n      value={value as string}\n      variant=\"bordered\"\n      classNames={{\n        base: classNames.base,\n        clearButton: classNames.clearButton,\n        // set padding to 0 for error message exit animation\n        helperWrapper: 'p-0',\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n      }}\n    >\n      {children}\n    </HeroTextArea>\n  );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"],"mappings":";;;;;;;;;;;;AAGA,SAAS,YAAY,oBAAoB;AAEzC,SAAS,IAAI,4BAA4B;AA+ErC;AA1EG,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA;AAAA,IAEN,aAAa;AAAA;AAAA,IAEb,OAAO;AAAA;AAAA,IAEP,cAAc;AAAA,EAChB;AACF,CAAC;AA2BD,IAAM,WAAW,CAAC,OAOG;AAPH,eAChB;AAAA,eAAW;AAAA,IACX,WAAW,aAAa;AAAA,IACxB,gBAAgB;AAAA,IAChB;AAAA,IACA,cAAc;AAAA,EArDhB,IAgDkB,IAMb,8BANa,IAMb;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,gBAAgB,iBAAE,QAAS,kBAAmB;AAGlD,QAAM,EAAE,UAAU,QAAQ,MAAM,IAAI,sBAAsB;AAAA,IACxD;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,EACT,CAAC;AAGD,QAAM,WAAW,iBAAiB;AAClC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,IAAI;AAAA,MACJ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ;AAAA,MACA,gBAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,MAAM,WAAW;AAAA,QACjB,aAAa,WAAW;AAAA;AAAA,QAExB,eAAe;AAAA,QACf,OAAO,WAAW;AAAA,QAClB,cAAc,WAAW;AAAA,MAC3B;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ;;;AC5Gf,IAAOA,oBAAQ;","names":["TextArea_default"]}

package/dist/{chunk-2GYFDVXX.cjs → chunk-J5FFM7WG.cjs}

@@ -1,8 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _chunkOE5BOGGXcjs = require('./chunk-OE5BOGGX.cjs');
 
 
-var _chunkYGNY6CKUcjs = require('./chunk-YGNY6CKU.cjs');
+var _chunkNHEZXA4Hcjs = require('./chunk-NHEZXA4H.cjs');
+
+
+
+
+
+
+var _chunkZ353BLWIcjs = require('./chunk-Z353BLWI.cjs');
 
 
 
@@ -101,7 +109,7 @@ var useFormResolver = (extendedValidation) => {
     }
     return (values) => _chunk555JRYCScjs.__async.call(void 0, null, null, function* () {
       var _a, _b, _c, _d;
-      const validationValues = (_a = _chunkYGNY6CKUcjs.toValidationFormat.call(void 0, values)) != null ? _a : {};
+      const validationValues = (_a = _chunkZ353BLWIcjs.toValidationFormat.call(void 0, values)) != null ? _a : {};
       const result = yield extendedValidation.validateAsync(validationValues);
       validationErrors.current = (_b = result.errors) != null ? _b : void 0;
       return {
@@ -121,23 +129,28 @@ var useFormResolver = (extendedValidation) => {
 // src/Form/subcomponents/FormContext.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var DEBUG_MODE_LOCAL_STORAGE_KEY_DEFAULT = "uniform:debug-mode";
-var UniformContext = _react2.default.createContext({
-  debugMode: "off",
-  preventSubmit: () => {
-    return void 0;
-  },
-  setDebugMode: () => {
-    return void 0;
-  },
-  triggerSubmit: () => {
-    return void 0;
-  },
-  validation: {
-    setClientValidationSchema: () => {
-      return void 0;
+if (!window.__UNIFORM_CONTEXT__) {
+  window.__UNIFORM_CONTEXT__ = _react2.default.createContext(
+    {
+      debugMode: "off",
+      preventSubmit: () => {
+        return void 0;
+      },
+      setDebugMode: () => {
+        return void 0;
+      },
+      triggerSubmit: () => {
+        return void 0;
+      },
+      validation: {
+        setClientValidationSchema: () => {
+          return void 0;
+        }
+      }
     }
-  }
-});
+  );
+}
+var UniformContext = window.__UNIFORM_CONTEXT__;
 var FormProvider = ({
   children,
   debugModeSettings = void 0,
@@ -154,7 +167,7 @@ var FormProvider = ({
   const { extendedValidation, setClientValidationSchema } = useExtendedValidation(baseValidation);
   const { resolver, validationErrors, validationErrorsHash } = useFormResolver(extendedValidation);
   const methods = _reacthookform.useForm.call(void 0, {
-    defaultValues: initialValues,
+    defaultValues: initialValues ? _chunkZ353BLWIcjs.toFormFormat.call(void 0, initialValues) : initialValues,
     // set rhf mode
     // see: https://react-hook-form.com/docs/useform#mode
     mode: validationTrigger,
@@ -172,7 +185,7 @@ var FormProvider = ({
     }
     const wrappedOnSubmit = (data, event) => {
       var _a2;
-      const submitData = (_a2 = _chunkYGNY6CKUcjs.toValidationFormat.call(void 0, data)) != null ? _a2 : {};
+      const submitData = (_a2 = _chunkZ353BLWIcjs.toValidationFormat.call(void 0, data)) != null ? _a2 : {};
       return onSubmit(submitData, event);
     };
     yield methods.handleSubmit(wrappedOnSubmit)(e);
@@ -206,13 +219,30 @@ var FormContext_default = FormProvider;
 // src/hooks/useFormContext/useFormContext.ts
 var checkFieldIsRequired = (validation, path) => {
   const checkRequired = (schema) => {
-    if (schema.type === "array" && (schema == null ? void 0 : schema.minLength)) {
+    if (schema.type === "array") {
+      if (schema.isOptional || schema.isNullable) {
+        return false;
+      }
       return true;
     }
     return !schema.isOptional && !schema.isNullable;
   };
   return validation.checkSchemaPath(checkRequired, path);
 };
+var getValidationErrorsByName = (errors, name) => {
+  const keys = name.split(".").filter((k) => {
+    return k !== _chunkZ353BLWIcjs.flatArrayKey;
+  });
+  let current = errors;
+  keys.forEach((key) => {
+    if (current && typeof current === "object") {
+      current = current[key];
+    } else {
+      current = void 0;
+    }
+  });
+  return current;
+};
 var useFormContext = () => {
   const _a = _reacthookform.useFormContext.call(void 0, ), {
     formState,
@@ -230,23 +260,29 @@ var useFormContext = () => {
   ]);
   const uniformContext = _react.useContext.call(void 0, UniformContext);
   const getFieldState = (name, testId) => {
+    var _a2;
     const fieldPath = typeof name === "string" ? name.replace(/\[\d+\]/g, "").split(".") : name;
-    const required = (uniformContext == null ? void 0 : uniformContext.validation.instance) ? checkFieldIsRequired(uniformContext.validation.instance, fieldPath) : false;
-    const _a2 = getFieldStateOrig(name, formState), { error } = _a2, rest = _chunk555JRYCScjs.__objRest.call(void 0, _a2, ["error"]);
-    return _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, rest), {
+    const validationInstance = uniformContext == null ? void 0 : uniformContext.validation.instance;
+    const required = validationInstance ? checkFieldIsRequired(validationInstance, fieldPath) : false;
+    const error = getValidationErrorsByName(
+      (_a2 = uniformContext == null ? void 0 : uniformContext.validation.errors) != null ? _a2 : {},
+      name
+    );
+    const fieldState = getFieldStateOrig(name, formState);
+    return _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, fieldState), {
       error,
-      // Ensure correct type for error
+      invalid: !!error,
       required,
-      testId: _pixelutils.slugify.call(void 0, testId || name, { replaceDots: true })
+      testId: _pixelutils.slugify.call(void 0, testId != null ? testId : name, { replaceDots: true })
     });
   };
   const getValues = ((...args) => {
     const result = getValuesOrig(...args);
-    return _chunkYGNY6CKUcjs.toValidationFormat.call(void 0, result);
+    return _chunkZ353BLWIcjs.toValidationFormat.call(void 0, result);
   });
   const watch = ((...args) => {
     const result = watchOrig(...args);
-    return _chunkYGNY6CKUcjs.toValidationFormat.call(void 0, result);
+    return _chunkZ353BLWIcjs.toValidationFormat.call(void 0, result);
   });
   const subscribe = ((...args) => {
     const [options] = args;
@@ -255,7 +291,7 @@ var useFormContext = () => {
       const wrappedOptions = _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, options), {
         callback: (subscribeFormState) => {
           const convertedFormState = _chunk555JRYCScjs.__spreadValues.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, subscribeFormState), subscribeFormState.values && {
-            values: _chunkYGNY6CKUcjs.toValidationFormat.call(void 0, subscribeFormState.values)
+            values: _chunkZ353BLWIcjs.toValidationFormat.call(void 0, subscribeFormState.values)
           });
           return originalCallback(convertedFormState);
         }
@@ -312,10 +348,10 @@ var useController = (props) => {
       onChange: (...event) => {
         var _a, _b, _c;
         const value = (_c = (_b = (_a = event[0]) == null ? void 0 : _a.target) == null ? void 0 : _b.value) != null ? _c : event[0];
-        field.onChange(value === "" ? "" : _chunkYGNY6CKUcjs.toNullishString.call(void 0, value));
+        field.onChange(value === "" ? "" : _chunkZ353BLWIcjs.toNullishString.call(void 0, value));
       },
       // Convert null/undefined to empty string for UI display
-      value: _chunkYGNY6CKUcjs.fromNullishString.call(void 0, field.value)
+      value: _chunkZ353BLWIcjs.fromNullishString.call(void 0, field.value)
     }),
     formState,
     fieldState
@@ -328,6 +364,110 @@ var useController = (props) => {
 // src/hooks/useInput/useInput.ts
 var _input = require('@heroui/input');
 
+// src/hooks/useUniformField/useUniformField.tsx
+
+var _pixelmotion = require('@fuf-stack/pixel-motion');
+
+var useDebouncedInvalid = (value, delayMs) => {
+  const [state, setState] = _react.useState.call(void 0, value);
+  const timeoutRef = _react.useRef.call(void 0, null);
+  const prefersReducedMotion = _pixelmotion.useReducedMotion.call(void 0, );
+  _react.useEffect.call(void 0, () => {
+    if (prefersReducedMotion) {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+      setState(value);
+      return void 0;
+    }
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      setState(value);
+      timeoutRef.current = null;
+    }, delayMs);
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+    };
+  }, [value, delayMs, prefersReducedMotion]);
+  return state;
+};
+function useUniformField(params) {
+  var _a;
+  const {
+    name,
+    disabled = false,
+    testId: explicitTestId,
+    label,
+    showInvalidWhen = "touched"
+  } = params;
+  const {
+    control,
+    debugMode,
+    formState: { submitCount },
+    getFieldState,
+    getValues,
+    resetField
+  } = useFormContext();
+  const {
+    error,
+    invalid: rawInvalid,
+    isTouched,
+    required,
+    testId
+  } = getFieldState(name, explicitTestId);
+  const { field } = useController({ control, disabled, name });
+  const { onChange, disabled: isDisabled, onBlur, ref } = field;
+  const defaultValue = (_a = getValues()) == null ? void 0 : _a[name];
+  const invalid = useDebouncedInvalid(rawInvalid, 200);
+  const showInvalid = showInvalidWhen === "immediate" ? invalid || submitCount > 0 : invalid && (isTouched || submitCount > 0);
+  const showTestIdCopyButton = debugMode === "debug-testids";
+  const labelNode = !!label || showTestIdCopyButton ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    label !== false ? label : null,
+    showTestIdCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOE5BOGGXcjs.FieldCopyTestIdButton_default, { testId }) : null
+  ] }) : null;
+  const errorMessage = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNHEZXA4Hcjs.FieldValidationError_default, { error, testId });
+  const { getErrorMessageProps, getLabelProps, getHelperWrapperProps } = _input.useInput.call(void 0, {
+    ref,
+    classNames: {
+      // set padding to 0 for error message exit animation
+      helperWrapper: "p-0"
+    },
+    errorMessage: JSON.stringify(error),
+    isInvalid: invalid,
+    isRequired: required,
+    label,
+    labelPlacement: "outside"
+  });
+  return {
+    control,
+    debugMode,
+    defaultValue,
+    disabled: isDisabled,
+    error,
+    errorMessage,
+    field,
+    getErrorMessageProps,
+    getHelperWrapperProps,
+    getLabelProps,
+    getValues,
+    invalid: showInvalid,
+    label: labelNode,
+    onBlur,
+    onChange,
+    ref,
+    required,
+    resetField,
+    testId
+  };
+}
+
+
 
 
 
@@ -336,5 +476,5 @@ var _input = require('@heroui/input');
 
 
 
-exports.FormContext_default = FormContext_default; exports.checkFieldIsRequired = checkFieldIsRequired; exports.useFormContext = useFormContext; exports.useClientValidation = useClientValidation; exports.useController = useController; exports.useFieldArray = _reacthookform.useFieldArray; exports.useInput = _input.useInput;
-//# sourceMappingURL=chunk-2GYFDVXX.cjs.map
+exports.FormContext_default = FormContext_default; exports.checkFieldIsRequired = checkFieldIsRequired; exports.useFormContext = useFormContext; exports.useClientValidation = useClientValidation; exports.useController = useController; exports.useFieldArray = _reacthookform.useFieldArray; exports.useInput = _input.useInput; exports.useUniformField = useUniformField;
+//# sourceMappingURL=chunk-J5FFM7WG.cjs.map