@fuf-stack/uniform 1.6.5 → 1.8.0

package/dist/chunk-ZFZK6EM2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-ZFZK6EM2.cjs","../src/Checkboxes/Checkboxes.tsx","../src/Checkboxes/index.ts"],"names":["_a","Checkboxes_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-ZFZK6EM2.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type {\n  CheckboxGroupProps as HeroCheckboxGroupProps,\n  CheckboxProps as HeroCheckboxProps,\n} from '@heroui/checkbox';\nimport type { ReactNode } from 'react';\nimport type { FieldError } from 'react-hook-form';\nimport type { InputValueTransform } from '../hooks';\n\nimport {\n  Checkbox as HeroCheckbox,\n  CheckboxGroup as HeroCheckboxGroup,\n} from '@heroui/checkbox';\nimport { checkbox as heroCheckboxVariants } from '@heroui/theme';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const checkboxesVariants = tv({\n  slots: {\n    base: 'group', // Needs group for group-data condition\n    errorMessage: 'text-tiny',\n    // see HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'inline-flex text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger',\n    optionBase: '',\n    optionIcon: '',\n    optionLabel: '',\n    optionLabelSubline: 'text-foreground-400 !text-small',\n    optionWrapper: '',\n    wrapper: '',\n  },\n  variants: {\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/checkbox.ts\n    color: {\n      info: {\n        wrapper:\n          'text-info-foreground after:bg-info after:text-info-foreground',\n      },\n      ...heroCheckboxVariants.variants.color,\n    } as const,\n    lineThrough: {\n      true: {\n        optionLabel: [\n          ...heroCheckboxVariants.variants.lineThrough.true.label,\n          // fix stroke position when used with subline and enable animation\n          'relative before:transition-all before:duration-200',\n        ],\n        optionLabelSubline: 'group-data-[selected=true]:opacity-60',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof checkboxesVariants>;\ntype ClassName = TVClassName<typeof checkboxesVariants>;\n\nexport interface CheckboxOption {\n  /** option label */\n  label?: ReactNode;\n  /** subline displayed below the label */\n  labelSubline?: ReactNode;\n  /** option value */\n  value: string;\n  /** disables the option */\n  disabled?: boolean;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n}\n\nexport interface CheckboxesProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the checkboxes */\n  color?: VariantProps['color'];\n  /** Sets all checkboxes disabled */\n  disabled?: boolean;\n  /** Orientation of the checkboxes */\n  inline?: boolean;\n  /** Label displayed above the checkboxes */\n  label?: ReactNode;\n  /** Whether the checkboxes label should be crossed out */\n  lineThrough?: boolean;\n  /** Name the Field is registered on the form */\n  name: string;\n  /** Checkboxes that should be displayed. */\n  options: CheckboxOption[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** allows disentangled display and form values for a field */\n  transform?: InputValueTransform<string[]>;\n}\n\n/**\n * Checkboxes component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)\n */\nconst Checkboxes = ({\n  className = undefined,\n  color = 'primary',\n  inline = false,\n  lineThrough = false,\n  options,\n  name,\n  ...uniformFieldProps\n}: CheckboxesProps) => {\n  const {\n    disabled,\n    error: _error,\n    field: { onChange, value: fieldValue, ref, onBlur },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Ensure value is always an array (checkboxes need arrays)\n  const value = Array.isArray(fieldValue) ? fieldValue : [];\n\n  // Convert React Hook Form's nested error object structure to a flat array\n  // RHF errors can be nested like: checkboxField.0 (individual checkbox errors)\n  // and checkboxField._error (global field errors) - this flattens all\n  // error values into a single array for rendering with FieldValidationError\n  const errorFlat: FieldError[] =\n    (_error &&\n      Object.values(\n        _error as unknown as Record<string, FieldError[]>,\n      ).flat()) ??\n    [];\n  const errorMessage = (\n    <FieldValidationError error={errorFlat} testId={testId} />\n  );\n\n  // classNames from slots\n  const variants = checkboxesVariants({ lineThrough });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map slots to HeroUI class names\n  const heroCheckboxGroupClassNames: HeroCheckboxGroupProps['classNames'] = {\n    base: classNames.base,\n    label: classNames.label,\n    wrapper: classNames.wrapper,\n  };\n  const heroCheckboxClassNames: HeroCheckboxProps['classNames'] = {\n    base: classNames.optionBase,\n    icon: classNames.optionIcon,\n    label: classNames.optionLabel,\n    wrapper: classNames.optionWrapper,\n  };\n\n  return (\n    <HeroCheckboxGroup\n      ref={ref}\n      classNames={heroCheckboxGroupClassNames}\n      color={color === 'info' ? 'primary' : color}\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-testid={testId}\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      onChange={onChange}\n      orientation={inline ? 'horizontal' : 'vertical'}\n      value={value}\n    >\n      {options?.map((option) => {\n        const optionTestId = slugify(\n          `${testId}_option_${option?.testId ?? option?.value}`,\n          { replaceDots: true },\n        );\n\n        // set content and classes depending option has subline\n        const hasSubline = !!option.labelSubline;\n        let labelContent: ReactNode;\n        let optionClassNames = heroCheckboxClassNames;\n        if (hasSubline) {\n          labelContent = (\n            <div className=\"flex grow flex-col items-start\">\n              <span className={classNames.optionLabel}>{option.label}</span>\n              <span className={classNames.optionLabelSubline}>\n                {option.labelSubline}\n              </span>\n            </div>\n          );\n          // remove label classes from outer label when subline is used\n          optionClassNames = { ...optionClassNames, label: '' };\n        } else {\n          labelContent = option.label;\n        }\n\n        return (\n          <HeroCheckbox\n            key={`index_${option.value}`}\n            classNames={optionClassNames}\n            data-invalid={invalid}\n            data-testid={optionTestId}\n            isDisabled={!!disabled || option.disabled}\n            value={option?.value}\n            aria-label={\n              typeof option.label === 'string' ? option.label : option.value\n            }\n          >\n            {labelContent}\n          </HeroCheckbox>\n        );\n      })}\n    </HeroCheckboxGroup>\n  );\n};\n\nexport default Checkboxes;\n","import Checkboxes from './Checkboxes';\n\nexport type { CheckboxesProps, CheckboxOption } from './Checkboxes';\n\nexport { Checkboxes };\n\nexport default Checkboxes;\n"]}

package/dist/{chunk-MODD3TFE.js → chunk-ZJDU5EPE.js}

@@ -1,6 +1,3 @@
-import {
-  useInputValueTransform
-} from "./chunk-7KLFK2IT.js";
 import {
   __spreadProps,
   __spreadValues
@@ -12,29 +9,19 @@ var useInputValueDebounce = ({
   debounceDelay = 300,
   onBlur,
   onChange,
-  transform,
-  type,
   value
 }) => {
-  const { toDisplayValue, toFormValue } = useInputValueTransform({
-    transform,
-    type
-  });
-  const [displayValue, setDisplayValue] = useState(() => {
-    return toDisplayValue(value);
-  });
+  const [currentValue, setCurrentValue] = useState(value);
   const timeoutRef = useRef(null);
   useEffect(() => {
-    setDisplayValue(toDisplayValue(value));
-  }, [value, toDisplayValue]);
+    setCurrentValue(value);
+  }, [value]);
   const handleChange = useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (...event) => {
       var _a, _b, _c;
-      const rawValue = (_c = (_b = (_a = event[0]) == null ? void 0 : _a.target) == null ? void 0 : _b.value) != null ? _c : event[0];
-      const newDisplayValue = transform ? rawValue : toDisplayValue(rawValue);
-      setDisplayValue(newDisplayValue);
-      const formValue = toFormValue(newDisplayValue);
+      const newValue = (_c = (_b = (_a = event[0]) == null ? void 0 : _a.target) == null ? void 0 : _b.value) != null ? _c : event[0];
+      setCurrentValue(newValue);
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }
@@ -43,12 +30,12 @@ var useInputValueDebounce = ({
         if ((_a2 = event[0]) == null ? void 0 : _a2.target) {
           const convertedEvent = __spreadProps(__spreadValues({}, event[0]), {
             target: __spreadProps(__spreadValues({}, event[0].target), {
-              value: formValue
+              value: newValue
             })
           });
           onChange(convertedEvent, ...event.slice(1));
         } else {
-          onChange(formValue);
+          onChange(newValue);
         }
       };
       if (debounceDelay <= 0) {
@@ -57,25 +44,24 @@ var useInputValueDebounce = ({
         timeoutRef.current = setTimeout(executeOnChange, debounceDelay);
       }
     },
-    [onChange, debounceDelay, toDisplayValue, toFormValue, transform]
+    [onChange, debounceDelay]
   );
   const handleBlur = useCallback(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
       timeoutRef.current = null;
-      const formValue = toFormValue(displayValue);
-      onChange(formValue);
+      onChange(currentValue);
     }
     onBlur();
-  }, [onChange, onBlur, toFormValue, displayValue]);
+  }, [onChange, onBlur, currentValue]);
   return {
     onChange: handleChange,
     onBlur: handleBlur,
-    value: displayValue
+    value: currentValue
   };
 };
 
 export {
   useInputValueDebounce
 };
-//# sourceMappingURL=chunk-MODD3TFE.js.map
+//# sourceMappingURL=chunk-ZJDU5EPE.js.map

package/dist/chunk-ZJDU5EPE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useInputValueDebounce/useInputValueDebounce.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface UseInputValueDebounceOptions<TValue = unknown> {\n  /** Debounce delay in milliseconds (default: 300) */\n  debounceDelay?: number;\n  /** The onBlur function to call after flushing debounced value */\n  onBlur: () => void;\n  /** The onChange function to call with debounced value */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange: (...event: any[]) => void;\n  /** The field value */\n  value: TValue;\n}\n\nexport interface UseInputValueDebounceReturn<TValue = unknown> {\n  /** Enhanced onChange function with debouncing */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange: (...event: any[]) => void;\n  /** Enhanced onBlur function that flushes current value immediately */\n  onBlur: () => void;\n  /** The field value that is displayed - updates immediately */\n  value: TValue;\n}\n\n/**\n * Custom hook for debouncing value changes with immediate blur support.\n *\n * Provides immediate visual feedback by updating the value instantly,\n * while debouncing the actual onChange calls. When focus is lost,\n * any pending debounced changes are immediately flushed.\n *\n * **Key Features:**\n * - **Debouncing**: Delays onChange calls until user stops typing\n * - **Generic type support**: Works with any data type (strings, numbers, arrays, objects)\n * - **Immediate value updates**: UI stays responsive during debouncing\n * - **Blur flushing**: Immediately applies pending changes on blur\n *\n * **Note:** Value transformations should be handled at the `useUniformField` level,\n * not in this hook. This hook only handles debouncing timing.\n *\n * @param options Configuration for debounced value handling\n * @param options.debounceDelay Delay in milliseconds (default: 300)\n * @param options.onBlur Function to call after flushing debounced value\n * @param options.onChange Function to call with debounced value\n * @param options.value The field value\n * @returns Object containing enhanced onChange, onBlur, and immediate value\n *\n * @example\n * Basic usage with debouncing:\n * ```tsx\n * const { onChange, onBlur, value } = useInputValueDebounce({\n *   debounceDelay: 300,\n *   onBlur: field.onBlur,\n *   onChange: field.onChange,\n *   value: field.value,\n * });\n * ```\n */\nexport const useInputValueDebounce = <TValue = unknown>({\n  debounceDelay = 300,\n  onBlur,\n  onChange,\n  value,\n}: UseInputValueDebounceOptions<TValue>): UseInputValueDebounceReturn<TValue> => {\n  // Track value for synchronous updates\n  const [currentValue, setCurrentValue] = useState<TValue>(value);\n\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  // Sync with external value changes\n  useEffect(() => {\n    setCurrentValue(value);\n  }, [value]);\n\n  // Enhanced onChange handler with debouncing\n  const handleChange = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (...event: any[]) => {\n      // Extract the raw value\n      const newValue = (event[0]?.target?.value ?? event[0]) as TValue;\n      setCurrentValue(newValue);\n\n      // Clear existing timeout\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      const executeOnChange = () => {\n        // Preserve event structure if original was an event\n        if (event[0]?.target) {\n          const convertedEvent = {\n            ...event[0],\n            target: {\n              ...event[0].target,\n              value: newValue,\n            },\n          };\n          onChange(convertedEvent, ...event.slice(1));\n        } else {\n          onChange(newValue);\n        }\n      };\n\n      // Execute immediately or after delay\n      if (debounceDelay <= 0) {\n        executeOnChange();\n      } else {\n        timeoutRef.current = setTimeout(executeOnChange, debounceDelay);\n      }\n    },\n    [onChange, debounceDelay],\n  );\n\n  // Enhanced blur handler\n  const handleBlur = useCallback(() => {\n    // Flush pending changes\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      onChange(currentValue);\n    }\n    onBlur();\n  }, [onChange, onBlur, currentValue]);\n\n  return {\n    onChange: handleChange,\n    onBlur: handleBlur,\n    value: currentValue,\n  };\n};\n"],"mappings":";;;;;;AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AA0DlD,IAAM,wBAAwB,CAAmB;AAAA,EACtD,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AACF,MAAiF;AAE/E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiB,KAAK;AAE9D,QAAM,aAAa,OAA8B,IAAI;AAGrD,YAAU,MAAM;AACd,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAC,KAAK,CAAC;AAGV,QAAM,eAAe;AAAA;AAAA,IAEnB,IAAI,UAAiB;AA7EzB;AA+EM,YAAM,YAAY,uBAAM,CAAC,MAAP,mBAAU,WAAV,mBAAkB,UAAlB,YAA2B,MAAM,CAAC;AACpD,sBAAgB,QAAQ;AAGxB,UAAI,WAAW,SAAS;AACtB,qBAAa,WAAW,OAAO;AAAA,MACjC;AAEA,YAAM,kBAAkB,MAAM;AAvFpC,YAAAA;AAyFQ,aAAIA,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,QAAQ;AACpB,gBAAM,iBAAiB,iCAClB,MAAM,CAAC,IADW;AAAA,YAErB,QAAQ,iCACH,MAAM,CAAC,EAAE,SADN;AAAA,cAEN,OAAO;AAAA,YACT;AAAA,UACF;AACA,mBAAS,gBAAgB,GAAG,MAAM,MAAM,CAAC,CAAC;AAAA,QAC5C,OAAO;AACL,mBAAS,QAAQ;AAAA,QACnB;AAAA,MACF;AAGA,UAAI,iBAAiB,GAAG;AACtB,wBAAgB;AAAA,MAClB,OAAO;AACL,mBAAW,UAAU,WAAW,iBAAiB,aAAa;AAAA,MAChE;AAAA,IACF;AAAA,IACA,CAAC,UAAU,aAAa;AAAA,EAC1B;AAGA,QAAM,aAAa,YAAY,MAAM;AAEnC,QAAI,WAAW,SAAS;AACtB,mBAAa,WAAW,OAAO;AAC/B,iBAAW,UAAU;AACrB,eAAS,YAAY;AAAA,IACvB;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,QAAQ,YAAY,CAAC;AAEnC,SAAO;AAAA,IACL,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;","names":["_a"]}

package/dist/{chunk-7NZVPVK3.cjs → chunk-ZLTMRO6X.cjs}

@@ -1,9 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkBZ5OMN4Ycjs = require('./chunk-BZ5OMN4Y.cjs');
+var _chunkNTOYCWCJcjs = require('./chunk-NTOYCWCJ.cjs');
 
 
-var _chunkSOQ6GCN3cjs = require('./chunk-SOQ6GCN3.cjs');
+var _chunkOQUTHTOKcjs = require('./chunk-OQUTHTOK.cjs');
+
 
 
 
@@ -11,6 +12,7 @@ var _chunk555JRYCScjs = require('./chunk-555JRYCS.cjs');
 
 // src/Input/Input.tsx
 var _input = require('@heroui/input');
+var _numberinput = require('@heroui/number-input');
 var _pixelutils = require('@fuf-stack/pixel-utils');
 var _jsxruntime = require('react/jsx-runtime');
 var inputVariants = _pixelutils.tv.call(void 0, {
@@ -36,7 +38,6 @@ var Input = (_a) => {
     placeholder = " ",
     size = void 0,
     startContent = void 0,
-    transform = void 0,
     type = void 0
   } = _b, uniformFieldProps = _chunk555JRYCScjs.__objRest.call(void 0, _b, [
     "className",
@@ -48,7 +49,6 @@ var Input = (_a) => {
     "placeholder",
     "size",
     "startContent",
-    "transform",
     "type"
   ]);
   const {
@@ -65,13 +65,11 @@ var Input = (_a) => {
     required,
     testId,
     resetField
-  } = _chunkSOQ6GCN3cjs.useUniformField.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, { name }, uniformFieldProps));
-  const { onChange, onBlur, value } = _chunkBZ5OMN4Ycjs.useInputValueDebounce.call(void 0, {
+  } = _chunkOQUTHTOKcjs.useUniformField.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, { name, type }, uniformFieldProps));
+  const { onChange, onBlur, value } = _chunkNTOYCWCJcjs.useInputValueDebounce.call(void 0, {
     debounceDelay,
     onBlur: fieldOnBlur,
     onChange: fieldOnChange,
-    transform,
-    type,
     value: fieldValue
   });
   const clearableProps = clearable ? {
@@ -85,39 +83,55 @@ var Input = (_a) => {
   } : {};
   const variants = inputVariants();
   const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _input.Input,
-    _chunk555JRYCScjs.__spreadValues.call(void 0, {
-      ref,
-      "data-testid": testId,
-      endContent,
-      errorMessage,
-      id: testId,
-      isDisabled: disabled,
-      isInvalid: invalid,
-      isRequired: required,
-      label,
-      labelPlacement: "outside",
-      name,
-      onBlur,
-      onChange,
-      placeholder,
-      radius: "sm",
-      size,
-      startContent,
-      type,
-      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
-      }
-    }, clearableProps)
-  );
+  const commonProps = _chunk555JRYCScjs.__spreadValues.call(void 0, {
+    ref,
+    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
+    },
+    "data-testid": testId,
+    endContent,
+    errorMessage,
+    id: testId,
+    isDisabled: disabled,
+    isInvalid: invalid,
+    isRequired: required,
+    label,
+    labelPlacement: "outside",
+    name,
+    onBlur,
+    placeholder,
+    radius: "sm",
+    size,
+    startContent,
+    variant: "bordered"
+  }, clearableProps);
+  if (type === "number") {
+    const numberValue = value !== "" && value != null && !Number.isNaN(Number(value)) ? Number(value) : void 0;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _numberinput.NumberInput,
+      _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, commonProps), {
+        value: numberValue,
+        formatOptions: {
+          useGrouping: false
+        },
+        onChange: (e) => {
+          if (typeof e === "number") {
+            onChange({
+              target: { value: String(e) }
+            });
+          } else {
+            onChange(e);
+          }
+        }
+      })
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _input.Input, _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, commonProps), { onChange, type, value }));
 };
 var Input_default = Input;
 
@@ -128,4 +142,4 @@ var Input_default2 = Input_default;
 
 
 exports.Input_default = Input_default; exports.Input_default2 = Input_default2;
-//# sourceMappingURL=chunk-7NZVPVK3.cjs.map
+//# sourceMappingURL=chunk-ZLTMRO6X.cjs.map

package/dist/chunk-ZLTMRO6X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-ZLTMRO6X.cjs","../src/Input/Input.tsx","../src/Input/index.ts"],"names":["Input_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-ZLTMRO6X.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { InputProps as HeroInputProps } from '@heroui/input';\nimport type { ReactNode } from 'react';\nimport type { InputValueTransform } from '../hooks';\n\nimport { Input as HeroInput } from '@heroui/input';\n// eslint-disable-next-line import-x/no-unresolved\nimport { NumberInput as HeroNumberInput } from '@heroui/number-input';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useInputValueDebounce, useUniformField } from '../hooks';\n\n// input variants\nexport const inputVariants = 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 inputVariants>;\ntype ClassName = TVClassName<typeof inputVariants>;\n\nexport interface InputProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** shows clear button when input has value */\n  clearable?: boolean;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** input field is disabled */\n  disabled?: boolean;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** form field label (set to false to disable label) */\n  label?: string | false;\n  /** form field name */\n  name: string;\n  /** callback that is fired when the value is cleared */\n  onClear?: () => void;\n  /** form field placeholder */\n  placeholder?: string;\n  /** size of the input */\n  size?: 'sm' | 'md' | 'lg';\n  /** content added to the start of the input field */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** allows disentangled display and form values for a field */\n  transform?: InputValueTransform<string>;\n  /** input type */\n  type?: 'number' | 'password';\n}\n\n/**\n * Input component based on [HeroUI Input](https://www.heroui.com//docs/components/input)\n */\nconst Input = ({\n  className: _className = undefined,\n  clearable = false,\n  debounceDelay = 300,\n  endContent = undefined,\n  name,\n  onClear = undefined,\n  placeholder = ' ',\n  size = undefined,\n  startContent = undefined,\n  type = undefined,\n  ...uniformFieldProps\n}: InputProps) => {\n  const {\n    disabled,\n    field: {\n      onChange: fieldOnChange,\n      onBlur: fieldOnBlur,\n      value: fieldValue,\n      ref,\n    },\n    errorMessage,\n    invalid,\n    label,\n    required,\n    testId,\n    resetField,\n  } = useUniformField({ name, type, ...uniformFieldProps });\n\n  // Use hook that provides debounced onChange and enhanced blur handling\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    value: fieldValue,\n  });\n\n  // If input is clearable add props for clearing input value\n  const clearableProps: Pick<HeroInputProps, 'isClearable' | 'onClear'> =\n    clearable\n      ? {\n          isClearable: true,\n          onClear: () => {\n            // if field had initial value we do not reset it\n            // to that value, but clear it instead\n            resetField(name, { defaultValue: null });\n            // if onClear cb provided we call it\n            if (onClear) {\n              onClear();\n            }\n          },\n        }\n      : {};\n\n  // classNames from slots\n  const variants = inputVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  // Common props for both Input and NumberInput\n  const commonProps = {\n    ref,\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    'data-testid': testId,\n    endContent,\n    errorMessage,\n    id: testId,\n    isDisabled: disabled,\n    isInvalid: invalid,\n    isRequired: required,\n    label,\n    labelPlacement: 'outside' as const,\n    name,\n    onBlur,\n    placeholder,\n    radius: 'sm' as const,\n    size,\n    startContent,\n    variant: 'bordered' as const,\n    ...clearableProps,\n  };\n\n  // Render NumberInput for number type\n  if (type === 'number') {\n    // Parse the string value to number - use undefined for empty/cleared state\n    const numberValue =\n      value !== '' && value != null && !Number.isNaN(Number(value))\n        ? Number(value)\n        : undefined;\n\n    return (\n      <HeroNumberInput\n        {...commonProps}\n        value={numberValue}\n        // Disable thousands separator to avoid parsing issues\n        formatOptions={{\n          useGrouping: false,\n        }}\n        // NumberInput onChange receives either an event or a number\n        onChange={(e: React.ChangeEvent<HTMLInputElement> | number) => {\n          if (typeof e === 'number') {\n            // Convert number to synthetic event and pass through debounced onChange\n            onChange({\n              target: { value: String(e) },\n            } as React.ChangeEvent<HTMLInputElement>);\n          } else {\n            // Pass event through debounced onChange\n            onChange(e);\n          }\n        }}\n      />\n    );\n  }\n\n  // Render regular Input for text/password\n  return (\n    <HeroInput {...commonProps} onChange={onChange} type={type} value={value} />\n  );\n};\n\nexport default Input;\n","import Input from './Input';\n\nexport type { InputProps } from './Input';\n\nexport { Input };\n\nexport default Input;\n"]}

package/dist/hooks/index.cjs

@@ -1,32 +1,36 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-LTKRK3OS.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-KWJMKX5J.cjs');
 
 
-var _chunkBZ5OMN4Ycjs = require('../chunk-BZ5OMN4Y.cjs');
+var _chunkNTOYCWCJcjs = require('../chunk-NTOYCWCJ.cjs');
 
 
-var _chunk4WYC2RBEcjs = require('../chunk-4WYC2RBE.cjs');
+var _chunkIFBKJ5UZcjs = require('../chunk-IFBKJ5UZ.cjs');
 
 
-var _chunkVDTYZM6Ncjs = require('../chunk-VDTYZM6N.cjs');
-
-
-var _chunkSOQ6GCN3cjs = require('../chunk-SOQ6GCN3.cjs');
+var _chunkOQUTHTOKcjs = require('../chunk-OQUTHTOK.cjs');
+require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 
 
-var _chunkJMFDNTVCcjs = require('../chunk-JMFDNTVC.cjs');
+var _chunk7KEUEGRCcjs = require('../chunk-7KEUEGRC.cjs');
 
 
 var _chunkPCTYJUY7cjs = require('../chunk-PCTYJUY7.cjs');
-require('../chunk-OE5BOGGX.cjs');
 
 
+var _chunk56TQOKG7cjs = require('../chunk-56TQOKG7.cjs');
+
 
-var _chunkD3EZXJQHcjs = require('../chunk-D3EZXJQH.cjs');
+var _chunk4F45XA7Ycjs = require('../chunk-4F45XA7Y.cjs');
 
 
 
-var _chunk42NCLEX4cjs = require('../chunk-42NCLEX4.cjs');
+var _chunkEUTTXFWAcjs = require('../chunk-EUTTXFWA.cjs');
+
+
+
+var _chunk6LQ2O6SCcjs = require('../chunk-6LQ2O6SC.cjs');
+require('../chunk-4L3JXJ62.cjs');
 require('../chunk-Z353BLWI.cjs');
 require('../chunk-555JRYCS.cjs');
 
@@ -40,5 +44,6 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.checkFieldIsRequired = _chunk42NCLEX4cjs.checkFieldIsRequired; exports.clientValidationSchemaByName = _chunkD3EZXJQHcjs.clientValidationSchemaByName; exports.useClientValidation = _chunkD3EZXJQHcjs.useClientValidation; exports.useController = _chunkJMFDNTVCcjs.useController; exports.useFormContext = _chunk42NCLEX4cjs.useFormContext; exports.useInput = _chunkPCTYJUY7cjs.useInput; exports.useInputValueDebounce = _chunkBZ5OMN4Ycjs.useInputValueDebounce; exports.useInputValueTransform = _chunk4WYC2RBEcjs.useInputValueTransform; exports.useUniformField = _chunkSOQ6GCN3cjs.useUniformField; exports.useUniformFieldArray = _chunkVDTYZM6Ncjs.useUniformFieldArray;
+
+exports.checkFieldIsRequired = _chunk6LQ2O6SCcjs.checkFieldIsRequired; exports.clientValidationSchemaByName = _chunkEUTTXFWAcjs.clientValidationSchemaByName; exports.useClientValidation = _chunkEUTTXFWAcjs.useClientValidation; exports.useController = _chunk7KEUEGRCcjs.useController; exports.useFormContext = _chunk6LQ2O6SCcjs.useFormContext; exports.useInput = _chunkPCTYJUY7cjs.useInput; exports.useInputValueDebounce = _chunkNTOYCWCJcjs.useInputValueDebounce; exports.useInputValueTransform = _chunk56TQOKG7cjs.useInputValueTransform; exports.useUniformField = _chunkOQUTHTOKcjs.useUniformField; exports.useUniformFieldArray = _chunkIFBKJ5UZcjs.useUniformFieldArray; exports.useWatchUserChange = _chunk4F45XA7Ycjs.useWatchUserChange;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,yDAA8B;AAC9B;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,6pBAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B;AACE;AACA;AACF,yDAA8B;AAC9B;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,guBAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/index.cjs"}

package/dist/hooks/index.d.cts

@@ -6,8 +6,9 @@ export { useInput } from '@heroui/input';
 export { UseInputValueDebounceOptions, UseInputValueDebounceReturn, useInputValueDebounce } from './useInputValueDebounce/index.cjs';
 export { InputValueTransform, UseInputValueTransformOptions, UseInputValueTransformReturn, useInputValueTransform } from './useInputValueTransform/index.cjs';
 export { UseUniformFieldParams, UseUniformFieldReturn, useUniformField } from './useUniformField/index.cjs';
+export { UseWatchUserChangeOptions, useWatchUserChange } from './useWatchUserChange/index.cjs';
 import '@fuf-stack/veto/dist/types.d-CNPgNK-V';
 import '@fuf-stack/veto';
 import 'react-hook-form';
 import 'react';
-import '../FormContext-LRho0tno.cjs';
+import '../FormContext-9Firwt4k.cjs';

package/dist/hooks/index.d.ts

@@ -6,8 +6,9 @@ export { useInput } from '@heroui/input';
 export { UseInputValueDebounceOptions, UseInputValueDebounceReturn, useInputValueDebounce } from './useInputValueDebounce/index.js';
 export { InputValueTransform, UseInputValueTransformOptions, UseInputValueTransformReturn, useInputValueTransform } from './useInputValueTransform/index.js';
 export { UseUniformFieldParams, UseUniformFieldReturn, useUniformField } from './useUniformField/index.js';
+export { UseWatchUserChangeOptions, useWatchUserChange } from './useWatchUserChange/index.js';
 import '@fuf-stack/veto/dist/types.d-CNPgNK-V';
 import '@fuf-stack/veto';
 import 'react-hook-form';
 import 'react';
-import '../FormContext-LRho0tno.js';
+import '../FormContext-9Firwt4k.js';

package/dist/hooks/index.js

@@ -1,32 +1,36 @@
-import "../chunk-35V726MB.js";
+import "../chunk-V3GDAELU.js";
 import {
   useInputValueDebounce
-} from "../chunk-MODD3TFE.js";
-import {
-  useInputValueTransform
-} from "../chunk-7KLFK2IT.js";
+} from "../chunk-ZJDU5EPE.js";
 import {
   useUniformFieldArray
-} from "../chunk-X37C4SVI.js";
+} from "../chunk-FND5Z5BW.js";
 import {
   useUniformField
-} from "../chunk-D3JYMGTB.js";
+} from "../chunk-EGFB5WEK.js";
+import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import {
   useController
-} from "../chunk-CK362NWK.js";
+} from "../chunk-GKP3ONKO.js";
 import {
   useInput
 } from "../chunk-AHJJIANM.js";
-import "../chunk-NTDKZW4E.js";
+import {
+  useInputValueTransform
+} from "../chunk-CNTOODUQ.js";
+import {
+  useWatchUserChange
+} from "../chunk-PY4GCAFN.js";
 import {
   clientValidationSchemaByName,
   useClientValidation
-} from "../chunk-RI45RSNN.js";
+} from "../chunk-4TQ53WAY.js";
 import {
   checkFieldIsRequired,
   useFormContext
-} from "../chunk-NZ54JBSR.js";
+} from "../chunk-U45RW4FC.js";
+import "../chunk-LKR6D3RL.js";
 import "../chunk-76KOVUDN.js";
 import "../chunk-K2V4ULA2.js";
 export {
@@ -39,6 +43,7 @@ export {
   useInputValueDebounce,
   useInputValueTransform,
   useUniformField,
-  useUniformFieldArray
+  useUniformFieldArray,
+  useWatchUserChange
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/useClientValidation/index.cjs

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkD3EZXJQHcjs = require('../../chunk-D3EZXJQH.cjs');
-require('../../chunk-42NCLEX4.cjs');
+var _chunkEUTTXFWAcjs = require('../../chunk-EUTTXFWA.cjs');
+require('../../chunk-6LQ2O6SC.cjs');
+require('../../chunk-4L3JXJ62.cjs');
 require('../../chunk-Z353BLWI.cjs');
 require('../../chunk-555JRYCS.cjs');
 
 
 
-exports.clientValidationSchemaByName = _chunkD3EZXJQHcjs.clientValidationSchemaByName; exports.useClientValidation = _chunkD3EZXJQHcjs.useClientValidation;
+exports.clientValidationSchemaByName = _chunkEUTTXFWAcjs.clientValidationSchemaByName; exports.useClientValidation = _chunkEUTTXFWAcjs.useClientValidation;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/useClientValidation/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useClientValidation/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,2JAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useClientValidation/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useClientValidation/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,2JAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useClientValidation/index.cjs"}

package/dist/hooks/useClientValidation/index.js

@@ -1,8 +1,9 @@
 import {
   clientValidationSchemaByName,
   useClientValidation
-} from "../../chunk-RI45RSNN.js";
-import "../../chunk-NZ54JBSR.js";
+} from "../../chunk-4TQ53WAY.js";
+import "../../chunk-U45RW4FC.js";
+import "../../chunk-LKR6D3RL.js";
 import "../../chunk-76KOVUDN.js";
 import "../../chunk-K2V4ULA2.js";
 export {

package/dist/hooks/useController/index.cjs

@@ -1,9 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJMFDNTVCcjs = require('../../chunk-JMFDNTVC.cjs');
+var _chunk7KEUEGRCcjs = require('../../chunk-7KEUEGRC.cjs');
+require('../../chunk-4L3JXJ62.cjs');
 require('../../chunk-Z353BLWI.cjs');
 require('../../chunk-555JRYCS.cjs');
 
 
-exports.useController = _chunkJMFDNTVCcjs.useController;
+exports.useController = _chunk7KEUEGRCcjs.useController;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/useController/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useController/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,wDAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useController/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useController/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,wDAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useController/index.cjs"}

package/dist/hooks/useController/index.d.cts

@@ -17,6 +17,7 @@ interface UseControllerReturn<TFieldValues extends object = object> {
  * 2. Null/undefined values in form state are displayed as empty strings in the UI
  * 3. Handles both direct value changes and React synthetic events
  * 4. Maintains the same API as react-hook-form's useController
+ * 5. Notifies UniformContext's userChange listeners on field changes (enables useWatchUserChange hook)
  *
  * This enables consistent handling of empty/null values while keeping a clean API
  * for form inputs that expect string values.

package/dist/hooks/useController/index.d.ts

@@ -17,6 +17,7 @@ interface UseControllerReturn<TFieldValues extends object = object> {
  * 2. Null/undefined values in form state are displayed as empty strings in the UI
  * 3. Handles both direct value changes and React synthetic events
  * 4. Maintains the same API as react-hook-form's useController
+ * 5. Notifies UniformContext's userChange listeners on field changes (enables useWatchUserChange hook)
  *
  * This enables consistent handling of empty/null values while keeping a clean API
  * for form inputs that expect string values.

package/dist/hooks/useController/index.js

@@ -1,6 +1,7 @@
 import {
   useController
-} from "../../chunk-CK362NWK.js";
+} from "../../chunk-GKP3ONKO.js";
+import "../../chunk-LKR6D3RL.js";
 import "../../chunk-76KOVUDN.js";
 import "../../chunk-K2V4ULA2.js";
 export {

package/dist/hooks/useFormContext/index.cjs

@@ -1,11 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk42NCLEX4cjs = require('../../chunk-42NCLEX4.cjs');
+var _chunk6LQ2O6SCcjs = require('../../chunk-6LQ2O6SC.cjs');
+require('../../chunk-4L3JXJ62.cjs');
 require('../../chunk-Z353BLWI.cjs');
 require('../../chunk-555JRYCS.cjs');
 
 
 
-exports.checkFieldIsRequired = _chunk42NCLEX4cjs.checkFieldIsRequired; exports.useFormContext = _chunk42NCLEX4cjs.useFormContext;
+exports.checkFieldIsRequired = _chunk6LQ2O6SCcjs.checkFieldIsRequired; exports.useFormContext = _chunk6LQ2O6SCcjs.useFormContext;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/useFormContext/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useFormContext/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,iIAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useFormContext/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useFormContext/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,iIAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useFormContext/index.cjs"}

package/dist/hooks/useFormContext/index.d.cts

@@ -1,7 +1,7 @@
 import * as _fuf_stack_veto from '@fuf-stack/veto';
 import { VetoInstance, VetoFormattedError } from '@fuf-stack/veto';
 import * as React from 'react';
-import { D as DebugModeSettings } from '../../FormContext-LRho0tno.cjs';
+import { D as DebugModeSettings, U as UserChangeListener } from '../../FormContext-9Firwt4k.cjs';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, Path, FieldError } from 'react-hook-form';
 
@@ -29,6 +29,10 @@ declare const useFormContext: <TFieldValues extends FieldValues = FieldValues, T
     preventSubmit: (prevent: boolean) => void;
     setDebugMode: (debugMode: "debug" | "debug-testids" | "off" | "disabled") => void;
     triggerSubmit: (e?: React.BaseSyntheticEvent) => Promise<void> | void;
+    userChange: {
+        subscribe: (listener: UserChangeListener) => () => void;
+        notify: (fieldName: string, value: unknown) => void;
+    };
     validation: {
         baseInstance?: VetoInstance;
         instance?: VetoInstance;

package/dist/hooks/useFormContext/index.d.ts

@@ -1,7 +1,7 @@
 import * as _fuf_stack_veto from '@fuf-stack/veto';
 import { VetoInstance, VetoFormattedError } from '@fuf-stack/veto';
 import * as React from 'react';
-import { D as DebugModeSettings } from '../../FormContext-LRho0tno.js';
+import { D as DebugModeSettings, U as UserChangeListener } from '../../FormContext-9Firwt4k.js';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, Path, FieldError } from 'react-hook-form';
 
@@ -29,6 +29,10 @@ declare const useFormContext: <TFieldValues extends FieldValues = FieldValues, T
     preventSubmit: (prevent: boolean) => void;
     setDebugMode: (debugMode: "debug" | "debug-testids" | "off" | "disabled") => void;
     triggerSubmit: (e?: React.BaseSyntheticEvent) => Promise<void> | void;
+    userChange: {
+        subscribe: (listener: UserChangeListener) => () => void;
+        notify: (fieldName: string, value: unknown) => void;
+    };
     validation: {
         baseInstance?: VetoInstance;
         instance?: VetoInstance;

package/dist/hooks/useFormContext/index.js

@@ -1,7 +1,8 @@
 import {
   checkFieldIsRequired,
   useFormContext
-} from "../../chunk-NZ54JBSR.js";
+} from "../../chunk-U45RW4FC.js";
+import "../../chunk-LKR6D3RL.js";
 import "../../chunk-76KOVUDN.js";
 import "../../chunk-K2V4ULA2.js";
 export {

package/dist/hooks/useInputValueDebounce/index.cjs

@@ -1,9 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkBZ5OMN4Ycjs = require('../../chunk-BZ5OMN4Y.cjs');
-require('../../chunk-4WYC2RBE.cjs');
+var _chunkNTOYCWCJcjs = require('../../chunk-NTOYCWCJ.cjs');
 require('../../chunk-555JRYCS.cjs');
 
 
-exports.useInputValueDebounce = _chunkBZ5OMN4Ycjs.useInputValueDebounce;
+exports.useInputValueDebounce = _chunkNTOYCWCJcjs.useInputValueDebounce;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/useInputValueDebounce/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useInputValueDebounce/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,wEAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useInputValueDebounce/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useInputValueDebounce/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,wEAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/hooks/useInputValueDebounce/index.cjs"}