@fuf-stack/uniform 1.10.3 → 1.11.0

package/dist/chunk-GEC75GNL.js

@@ -1,137 +0,0 @@
-import {
-  FieldCopyTestIdButton_default
-} from "./chunk-NTDKZW4E.js";
-import {
-  FieldValidationError_default
-} from "./chunk-ELYGQTXB.js";
-import {
-  useController
-} from "./chunk-5MTIQ6WD.js";
-import {
-  useInput
-} from "./chunk-AHJJIANM.js";
-import {
-  useInputValueTransform
-} from "./chunk-CNTOODUQ.js";
-import {
-  useFormContext
-} from "./chunk-SJWL6EMI.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-K2V4ULA2.js";
-
-// src/hooks/useUniformField/useUniformField.tsx
-import { isTestEnvironment } from "@fuf-stack/pixel-utils";
-import { useDebounce } from "@fuf-stack/pixels";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var useDebouncedInvalid = (invalid, delayMs) => {
-  const debouncedInvalid = useDebounce(invalid, delayMs);
-  if (isTestEnvironment()) {
-    return invalid;
-  }
-  return debouncedInvalid;
-};
-var useUniformField = (params) => {
-  var _a;
-  const {
-    name,
-    ariaLabel: customAriaLabel,
-    disabled = false,
-    testId: explicitTestId,
-    label,
-    type,
-    transform
-  } = params;
-  const {
-    control,
-    debugMode,
-    formState: { submitCount },
-    getFieldState,
-    getValues,
-    resetField
-  } = useFormContext();
-  const {
-    error,
-    invalid: rawInvalid,
-    isDirty,
-    isTouched,
-    required,
-    testId
-  } = getFieldState(name, explicitTestId);
-  const { field } = useController({
-    control,
-    disabled,
-    name
-  });
-  const {
-    onChange: fieldOnChange,
-    value: fieldValue,
-    disabled: isDisabled,
-    onBlur,
-    ref
-  } = field;
-  const { toDisplayValue, toFormValue } = useInputValueTransform({
-    type,
-    transform
-  });
-  const transformedValue = toDisplayValue(fieldValue);
-  const transformedOnChange = (eventOrValue) => {
-    var _a2, _b;
-    const displayValue = (_b = (_a2 = eventOrValue == null ? void 0 : eventOrValue.target) == null ? void 0 : _a2.value) != null ? _b : eventOrValue;
-    const formValue = toFormValue(displayValue);
-    fieldOnChange(formValue);
-  };
-  const defaultValue = (_a = getValues()) == null ? void 0 : _a[name];
-  const showInvalid = rawInvalid && (isDirty || isTouched || submitCount > 0);
-  const invalid = useDebouncedInvalid(showInvalid, 200);
-  const showTestIdCopyButton = debugMode === "debug-testids";
-  const labelNode = !!label || showTestIdCopyButton ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    label !== false ? label : null,
-    showTestIdCopyButton ? /* @__PURE__ */ jsx(FieldCopyTestIdButton_default, { testId }) : null
-  ] }) : null;
-  const errorMessage = /* @__PURE__ */ jsx(FieldValidationError_default, { error, testId });
-  const { getErrorMessageProps, getLabelProps, getHelperWrapperProps } = useInput({
-    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"
-  });
-  const ariaLabel = customAriaLabel != null ? customAriaLabel : typeof label === "string" ? label : name;
-  return {
-    ariaLabel,
-    control,
-    debugMode,
-    defaultValue,
-    disabled: isDisabled,
-    error,
-    errorMessage,
-    field: __spreadProps(__spreadValues({}, field), {
-      value: transformedValue,
-      onChange: transformedOnChange
-    }),
-    getErrorMessageProps,
-    getHelperWrapperProps,
-    getLabelProps,
-    getValues,
-    invalid,
-    label: labelNode,
-    onBlur,
-    onChange: transformedOnChange,
-    ref,
-    required,
-    resetField,
-    testId
-  };
-};
-
-export {
-  useUniformField
-};
-//# sourceMappingURL=chunk-GEC75GNL.js.map

package/dist/chunk-GEC75GNL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useUniformField/useUniformField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { FieldError, FieldValues, Path } from 'react-hook-form';\nimport type { InputValueTransform } from '../useInputValueTransform/useInputValueTransform';\n\nimport React from 'react';\n\nimport { isTestEnvironment } from '@fuf-stack/pixel-utils';\nimport { useDebounce } from '@fuf-stack/pixels';\n\nimport { FieldCopyTestIdButton } from '../../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../../partials/FieldValidationError';\nimport { useController } from '../useController/useController';\nimport { useFormContext } from '../useFormContext/useFormContext';\nimport { useInput } from '../useInput/useInput';\nimport { useInputValueTransform } from '../useInputValueTransform/useInputValueTransform';\n\n/**\n * Debounce invalid state changes to prevent UI flicker on rapid changes.\n *\n * Primary purpose: Reduce UI flicker when validation state changes rapidly\n * (e.g., during fast typing). Without debouncing, error messages would flash\n * in/out rapidly, creating a poor UX.\n *\n * Secondary benefit: When animations are enabled (default), gives time for\n * enter/exit animations to complete smoothly.\n *\n * Behavior:\n * - Debounces both true → false and false → true transitions by `delayMs`\n * - Disabled in test environments for immediate snapshots\n */\nconst useDebouncedInvalid = (invalid: boolean, delayMs: number) => {\n  const debouncedInvalid = useDebounce(invalid, delayMs);\n\n  // Disable debouncing in test environments for immediate snapshots\n  if (isTestEnvironment()) {\n    return invalid;\n  }\n\n  return debouncedInvalid;\n};\n\nexport interface UseUniformFieldParams<\n  TFieldValues extends FieldValues = FieldValues,\n  TDisplay = unknown,\n> {\n  /** Form field name */\n  name: Path<TFieldValues> & string;\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** Disable the field */\n  disabled?: boolean;\n  /** Optional label content */\n  label?: ReactNode;\n  /** Optional explicit test id used to build stable test ids */\n  testId?: string;\n  /** Optional value transformation between form and display values */\n  transform?: InputValueTransform<TDisplay>;\n  /** Input type for special number handling */\n  type?: 'text' | 'number' | 'password';\n}\n\nexport interface UseUniformFieldReturn<\n  TFieldValues extends FieldValues = FieldValues,\n> {\n  /** Computed aria-label fallback (field name) when no visible label exists. Components can override based on their accessibility needs (e.g., if placeholder provides sufficient context) */\n  ariaLabel: string | undefined;\n  /** react-hook-form control instance for advanced integrations */\n  control: ReturnType<typeof useFormContext<TFieldValues>>['control'];\n  /** Debug mode from Uniform provider */\n  debugMode: ReturnType<typeof useFormContext<TFieldValues>>['debugMode'];\n  /** Current value used to initialize uncontrolled components */\n  defaultValue: unknown;\n  /** Whether the field is currently disabled (from RHF) */\n  disabled: boolean | undefined;\n  /** Validation error(s) for the field */\n  error: FieldError[] | undefined;\n  /** Pre-built errorMessage node to plug into components */\n  errorMessage: ReactNode | null;\n  /** RHF controller field with transformed value/onChange (use this for simple components) */\n  field: ReturnType<typeof useController<TFieldValues>>['field'];\n  /** Helper to spread standardized error message props to underlying components */\n  getErrorMessageProps: ReturnType<typeof useInput>['getErrorMessageProps'];\n  /** Helper to spread standardized helper wrapper props (for spacing/animation) */\n  getHelperWrapperProps: ReturnType<typeof useInput>['getHelperWrapperProps'];\n  /** Helper to spread standardized label props to underlying components */\n  getLabelProps: ReturnType<typeof useInput>['getLabelProps'];\n  /** Access current form values (converted to validation-friendly format) */\n  getValues: ReturnType<typeof useFormContext<TFieldValues>>['getValues'];\n  /** Whether the field should show invalid state (debounced for smooth animations). True when field is invalid AND (dirty OR touched OR submitted) */\n  invalid: boolean;\n  /** Computed label node including optional test id copy button */\n  label: ReactNode | null;\n  /** onBlur handler from controller */\n  onBlur: ReturnType<typeof useController<TFieldValues>>['field']['onBlur'];\n  /** onChange handler from controller (with transform applied) */\n  onChange: ReturnType<typeof useController<TFieldValues>>['field']['onChange'];\n  /** Ref to forward to underlying control */\n  ref: ReturnType<typeof useController<TFieldValues>>['field']['ref'];\n  /** Whether the field is required according to validation schema */\n  required: boolean;\n  /** Reset a specific field in the form */\n  resetField: ReturnType<typeof useFormContext<TFieldValues>>['resetField'];\n  /** Generated HTML data-testid for the field */\n  testId: string;\n}\n\n/**\n * Combines frequently used form field logic into a single hook.\n *\n * Provides:\n * - Enhanced form context (validation-aware state, `testId`, value transforms)\n * - Controller field with nullish conversion handling\n * - Value transformation via `transform` prop:\n *   • Allows disentangled display and form values (e.g., string ↔ object, boolean ↔ array)\n *   • Automatically applies `toDisplayValue` to field value for components\n *   • Automatically applies `toFormValue` to display value when onChange is called\n *   • Works with `type` prop for automatic number/string conversion\n *   • Examples: storing objects while displaying strings, storing booleans as arrays, enriching values with metadata\n * - Debounced `invalid` state with smart timing:\n *   • `true` (field becomes invalid): applies immediately so errors show right away\n *   • `false` (field becomes valid): delayed 200ms to allow smooth exit animations\n *   • Respects `prefers-reduced-motion` by skipping delays when user prefers reduced motion\n * - Smart `invalid` visibility (via `showInvalid`):\n *   • Shows errors when field is dirty OR touched OR form has been submitted\n *   • Prevents showing errors on pristine/untouched fields for better UX\n *   • Works well for all field types (text inputs, checkboxes, radios, arrays)\n * - Prebuilt `errorMessage` React node using `FieldValidationError`\n * - Computed `label` node which appends a `FieldCopyTestIdButton` in\n *   `debug-testids` mode\n * - `defaultValue` for uncontrolled defaults and all usual field handlers\n * - Access to form utilities: `control`, `getValues`, `resetField`\n * - Presentation helpers: `getLabelProps`, `getErrorMessageProps`,\n *   `getHelperWrapperProps` for consistent wiring to underlying UI components\n */\nexport const useUniformField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TDisplay = unknown,\n>(\n  params: UseUniformFieldParams<TFieldValues, TDisplay>,\n): UseUniformFieldReturn<TFieldValues> => {\n  const {\n    name,\n    ariaLabel: customAriaLabel,\n    disabled = false,\n    testId: explicitTestId,\n    label,\n    type,\n    transform,\n  } = params;\n\n  const {\n    control,\n    debugMode,\n    formState: { submitCount },\n    getFieldState,\n    getValues,\n    resetField,\n  } = useFormContext<TFieldValues>();\n\n  const {\n    error,\n    invalid: rawInvalid,\n    isDirty,\n    isTouched,\n    required,\n    testId,\n  } = getFieldState(name, explicitTestId);\n\n  const { field } = useController<TFieldValues>({\n    control,\n    disabled,\n    name,\n  });\n  const {\n    onChange: fieldOnChange,\n    value: fieldValue,\n    disabled: isDisabled,\n    onBlur,\n    ref,\n  } = field;\n\n  // Get transform utilities (but don't apply them automatically)\n  // Components can choose how to use them (directly or via useInputValueDebounce)\n  const { toDisplayValue, toFormValue } = useInputValueTransform<TDisplay>({\n    type,\n    transform,\n  });\n\n  // For components without special needs: apply transform to value and onChange\n  const transformedValue = toDisplayValue(fieldValue);\n  const transformedOnChange = (eventOrValue: TDisplay | React.ChangeEvent) => {\n    // Extract value from event or use value directly\n    const displayValue =\n      (eventOrValue as React.ChangeEvent<HTMLInputElement>)?.target?.value ??\n      eventOrValue;\n    const formValue = toFormValue(displayValue as TDisplay);\n    fieldOnChange(formValue as typeof fieldValue);\n  };\n\n  const defaultValue = (getValues() as Record<string, unknown>)?.[\n    name as string\n  ];\n\n  /**\n   * Determine when to show the invalid state to the user.\n   *\n   * Show errors when the field is invalid AND any of these conditions are met:\n   *   - Field is dirty (value changed from initial) - good for checkboxes/radios/arrays\n   *   - Field is touched (focused and blurred) - good for text inputs\n   *   - Form has been submitted - shows all errors after submit attempt\n   *\n   * This prevents showing errors on pristine/untouched fields for better UX.\n   * Examples:\n   *   - Text input: User loads form with empty required field → no error shown yet\n   *   - Text input: User focuses and blurs → error shows (via isTouched)\n   *   - Checkbox group: User clicks first checkbox → error shows immediately (via isDirty)\n   *   - Any field: User submits form → all errors show (via submitCount)\n   *\n   * The entire condition is debounced to prevent flickering and allow smooth animations\n   * when any of the states (invalid, isDirty, isTouched, submitCount) change.\n   */\n  const showInvalid = rawInvalid && (isDirty || isTouched || submitCount > 0);\n  const invalid = useDebouncedInvalid(showInvalid, 200);\n\n  // Build a label node that:\n  // - shows the provided label (unless explicitly set to false)\n  // - appends a copy-to-clipboard button for the test id in `debug-testids` mode\n  // Consumers can pass this directly to component `label` props\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const labelNode: ReactNode | null =\n    !!label || showTestIdCopyButton ? (\n      <>\n        {label !== false ? label : null}\n        {showTestIdCopyButton ? (\n          <FieldCopyTestIdButton testId={testId} />\n        ) : null}\n      </>\n    ) : null;\n\n  // Ready-to-render error message; consumers can drop this into their\n  // component `errorMessage` prop without repeating mapping/markup\n  const errorMessage = <FieldValidationError error={error} testId={testId} />;\n\n  // Generate standardized props for label, helper wrapper and error message\n  // so consumers can spread them directly into UI components (e.g. HeroUI),\n  // keeping animations/spacing consistent across fields\n  const { getErrorMessageProps, getLabelProps, getHelperWrapperProps } =\n    useInput({\n      ref,\n      classNames: {\n        // set padding to 0 for error message exit animation\n        helperWrapper: 'p-0',\n      },\n      errorMessage: JSON.stringify(error),\n      isInvalid: invalid,\n      isRequired: required,\n      label,\n      labelPlacement: 'outside',\n    });\n\n  // Compute aria-label: prefer custom prop, then use string label if available, otherwise field name\n  // Components can further override this based on their specific accessibility needs\n  // (e.g., Input/TextArea may skip this if they have a meaningful placeholder)\n  const ariaLabel =\n    customAriaLabel ?? (typeof label === 'string' ? label : name);\n\n  return {\n    ariaLabel,\n    control,\n    debugMode,\n    defaultValue,\n    disabled: isDisabled,\n    error,\n    errorMessage,\n    field: {\n      ...field,\n      value: transformedValue as typeof field.value,\n      onChange: transformedOnChange as typeof field.onChange,\n    },\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    getLabelProps,\n    getValues,\n    invalid,\n    label: labelNode,\n    onBlur,\n    onChange: transformedOnChange as typeof field.onChange,\n    ref,\n    required,\n    resetField,\n    testId,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAgOtB,mBAGI,KAHJ;AAzMN,IAAM,sBAAsB,CAAC,SAAkB,YAAoB;AACjE,QAAM,mBAAmB,YAAY,SAAS,OAAO;AAGrD,MAAI,kBAAkB,GAAG;AACvB,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AA+FO,IAAM,kBAAkB,CAI7B,WACwC;AA3I1C;AA4IE,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW,EAAE,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAA6B;AAEjC,QAAM;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc,MAAM,cAAc;AAEtC,QAAM,EAAE,MAAM,IAAI,cAA4B;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM;AAAA,IACJ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF,IAAI;AAIJ,QAAM,EAAE,gBAAgB,YAAY,IAAI,uBAAiC;AAAA,IACvE;AAAA,IACA;AAAA,EACF,CAAC;AAGD,QAAM,mBAAmB,eAAe,UAAU;AAClD,QAAM,sBAAsB,CAAC,iBAA+C;AA9L9E,QAAAA,KAAA;AAgMI,UAAM,gBACH,MAAAA,MAAA,6CAAsD,WAAtD,gBAAAA,IAA8D,UAA9D,YACD;AACF,UAAM,YAAY,YAAY,YAAwB;AACtD,kBAAc,SAA8B;AAAA,EAC9C;AAEA,QAAM,gBAAgB,eAAU,MAAV,mBACpB;AAqBF,QAAM,cAAc,eAAe,WAAW,aAAa,cAAc;AACzE,QAAM,UAAU,oBAAoB,aAAa,GAAG;AAMpD,QAAM,uBAAuB,cAAc;AAC3C,QAAM,YACJ,CAAC,CAAC,SAAS,uBACT,iCACG;AAAA,cAAU,QAAQ,QAAQ;AAAA,IAC1B,uBACC,oBAAC,iCAAsB,QAAgB,IACrC;AAAA,KACN,IACE;AAIN,QAAM,eAAe,oBAAC,gCAAqB,OAAc,QAAgB;AAKzE,QAAM,EAAE,sBAAsB,eAAe,sBAAsB,IACjE,SAAS;AAAA,IACP;AAAA,IACA,YAAY;AAAA;AAAA,MAEV,eAAe;AAAA,IACjB;AAAA,IACA,cAAc,KAAK,UAAU,KAAK;AAAA,IAClC,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA,gBAAgB;AAAA,EAClB,CAAC;AAKH,QAAM,YACJ,4CAAoB,OAAO,UAAU,WAAW,QAAQ;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAO,iCACF,QADE;AAAA,MAEL,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":["_a"]}

package/dist/chunk-HEPNEBRF.cjs

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkFYN7ZWLWcjs = require('./chunk-FYN7ZWLW.cjs');
-
-// src/hooks/useWatchUserChange/useWatchUserChange.ts
-var _react = require('react');
-var useWatchUserChange = ({
-  watch: watchField,
-  onChange
-}) => {
-  const { setValue, resetField, reset, userChange } = _chunkFYN7ZWLWcjs.useFormContext.call(void 0, );
-  _react.useEffect.call(void 0, () => {
-    const listener = (fieldName, value) => {
-      if (fieldName === watchField) {
-        onChange(value, { setValue, resetField, reset });
-      }
-    };
-    const unsubscribe = userChange.subscribe(listener);
-    return unsubscribe;
-  }, [watchField, onChange, setValue, resetField, reset, userChange]);
-};
-
-
-
-exports.useWatchUserChange = useWatchUserChange;
-//# sourceMappingURL=chunk-HEPNEBRF.cjs.map

package/dist/chunk-HEPNEBRF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-HEPNEBRF.cjs","../src/hooks/useWatchUserChange/useWatchUserChange.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACIA,8BAA0B;AA4EnB,IAAM,mBAAA,EAAqB,CAEhC;AAAA,EACA,KAAA,EAAO,UAAA;AAAA,EACP;AACF,CAAA,EAAA,GAA+C;AAC7C,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,WAAW,EAAA,EAC9C,8CAAA,CAA6B;AAE/B,EAAA,8BAAA,CAAU,EAAA,GAAM;AAEd,IAAA,MAAM,SAAA,EAAW,CAAC,SAAA,EAA+B,KAAA,EAAA,GAAmB;AAElE,MAAA,GAAA,CAAI,UAAA,IAAc,UAAA,EAAY;AAE5B,QAAA,QAAA,CAAS,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,MAAM,CAAC,CAAA;AAAA,MACjD;AAAA,IACF,CAAA;AAGA,IAAA,MAAM,YAAA,EAAc,UAAA,CAAW,SAAA,CAAU,QAAQ,CAAA;AAGjD,IAAA,OAAO,WAAA;AAAA,EACT,CAAA,EAAG,CAAC,UAAA,EAAY,QAAA,EAAU,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,UAAU,CAAC,CAAA;AACpE,CAAA;ADxFA;AACA;AACE;AACF,gDAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-HEPNEBRF.cjs","sourcesContent":[null,"import type {\n  FieldValues,\n  Path,\n  UseFormReset,\n  UseFormResetField,\n  UseFormSetValue,\n} from 'react-hook-form';\n\nimport { useEffect } from 'react';\n\nimport { useFormContext } from '../useFormContext/useFormContext';\n\nexport interface UseWatchUserChangeOptions<TFieldValues extends FieldValues> {\n  /** Field name to watch for user changes */\n  watch: Path<TFieldValues>;\n  /**\n   * Callback when watched field is changed by user input.\n   * Receives the new value and form helpers (setValue, resetField, reset).\n   */\n  onChange: (\n    value: unknown,\n    helpers: {\n      setValue: UseFormSetValue<TFieldValues>;\n      resetField: UseFormResetField<TFieldValues>;\n      reset: UseFormReset<TFieldValues>;\n    },\n  ) => void;\n}\n\n/**\n * Hook that watches for user changes on a specific form field.\n *\n * Only triggers on manual user input (typing, clicking, selecting),\n * NOT on programmatic changes like form.reset() or form.setValue().\n *\n * This hook subscribes to field changes at the source (useController),\n * ensuring immediate and accurate detection of user interactions.\n *\n * Use cases:\n * - Reset dependent fields when parent field changes\n * - Set mode-specific default values when a toggle changes\n * - Clear form sections based on user selections\n * - Trigger side effects only on user interaction\n *\n * Note: To watch multiple fields, call this hook multiple times.\n *\n * @example\n * ```tsx\n * // Reset city and address when user changes country\n * useWatchUserChange({\n *   watch: 'country',\n *   onChange: (value, { resetField }) => {\n *     resetField('city');\n *     resetField('address');\n *   },\n * });\n *\n * // Set defaults when user changes payment method\n * useWatchUserChange({\n *   watch: 'paymentMethod',\n *   onChange: (value, { setValue }) => {\n *     if (value === 'credit') {\n *       setValue('installments', 3);\n *     } else {\n *       setValue('installments', 1);\n *     }\n *   },\n * });\n *\n * // Watch multiple fields by calling the hook multiple times\n * useWatchUserChange({\n *   watch: 'category',\n *   onChange: (value, { resetField }) => {\n *     resetField('productId');\n *   },\n * });\n * useWatchUserChange({\n *   watch: 'brand',\n *   onChange: (value, { resetField }) => {\n *     resetField('productId');\n *   },\n * });\n * ```\n */\nexport const useWatchUserChange = <\n  TFieldValues extends FieldValues = FieldValues,\n>({\n  watch: watchField,\n  onChange,\n}: UseWatchUserChangeOptions<TFieldValues>) => {\n  const { setValue, resetField, reset, userChange } =\n    useFormContext<TFieldValues>();\n\n  useEffect(() => {\n    // Create listener that checks if changed field is the one we're watching\n    const listener = (fieldName: Path<TFieldValues>, value: unknown) => {\n      // Check if this is the field we're watching\n      if (fieldName === watchField) {\n        // Call the onChange callback with helpers\n        onChange(value, { setValue, resetField, reset });\n      }\n    };\n\n    // Subscribe to user changes\n    const unsubscribe = userChange.subscribe(listener);\n\n    // Cleanup on unmount\n    return unsubscribe;\n  }, [watchField, onChange, setValue, resetField, reset, userChange]);\n};\n"]}

package/dist/chunk-IR75YRIZ.js

@@ -1,171 +0,0 @@
-import {
-  useUniformField
-} from "./chunk-GEC75GNL.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-K2V4ULA2.js";
-
-// src/Slider/Slider.tsx
-import { useRef } from "react";
-import { Slider as HeroUISlider } from "@heroui/slider";
-import { VisuallyHidden } from "@react-aria/visually-hidden";
-import { cn, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var sliderVariants = tv({
-  slots: {
-    base: "group",
-    endContent: "",
-    errorMessage: "ml-1 mt-1",
-    filler: "",
-    // see HeroUI styles for group-data condition,
-    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts
-    label: 'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-["*"]',
-    labelWrapper: "",
-    mark: "",
-    startContent: "",
-    step: "",
-    thumb: "",
-    track: "",
-    trackWrapper: "",
-    value: ""
-  }
-});
-var Slider = (_a) => {
-  var _b = _a, {
-    className = void 0,
-    endContent = void 0,
-    fillOffset = void 0,
-    name,
-    showSteps = false,
-    size = "md",
-    startContent = void 0,
-    step = 1,
-    minValue = 0,
-    maxValue = 100
-  } = _b, uniformFieldProps = __objRest(_b, [
-    "className",
-    "endContent",
-    "fillOffset",
-    "name",
-    "showSteps",
-    "size",
-    "startContent",
-    "step",
-    "minValue",
-    "maxValue"
-  ]);
-  var _a2;
-  const {
-    ariaLabel,
-    disabled,
-    field,
-    getErrorMessageProps,
-    getHelperWrapperProps,
-    invalid,
-    label,
-    onBlur,
-    onChange,
-    ref,
-    required,
-    errorMessage,
-    testId
-  } = useUniformField(__spreadValues({
-    name
-  }, uniformFieldProps));
-  const visualSliderRef = useRef(null);
-  const variants = sliderVariants();
-  const classNames = variantsToClassNames(variants, className, "base");
-  const currentValue = field.value != null ? Number(field.value) : minValue;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames.base,
-      "data-invalid": invalid,
-      "data-required": required,
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            "aria-label": ariaLabel,
-            disabled,
-            max: maxValue,
-            min: minValue,
-            name,
-            onBlur,
-            step,
-            tabIndex: -1,
-            type: "range",
-            value: currentValue,
-            onChange: (e) => {
-              onChange(Number(e.target.value));
-            },
-            onFocus: () => {
-              var _a3;
-              (_a3 = visualSliderRef.current) == null ? void 0 : _a3.focus();
-            }
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          HeroUISlider,
-          {
-            ref: visualSliderRef,
-            "aria-label": ariaLabel,
-            color: invalid ? "danger" : "primary",
-            endContent,
-            fillOffset,
-            isDisabled: disabled,
-            label,
-            maxValue,
-            minValue,
-            name: `${name}_slider`,
-            onBlur,
-            onChange,
-            showSteps,
-            size,
-            startContent,
-            step,
-            value: currentValue,
-            classNames: {
-              endContent: classNames.endContent,
-              filler: classNames.filler,
-              label: classNames.label,
-              labelWrapper: classNames.labelWrapper,
-              mark: classNames.mark,
-              startContent: classNames.startContent,
-              step: classNames.step,
-              thumb: classNames.thumb,
-              track: classNames.track,
-              trackWrapper: classNames.trackWrapper,
-              value: classNames.value
-            }
-          }
-        ),
-        invalid ? /* @__PURE__ */ jsx(
-          "div",
-          __spreadProps(__spreadValues({}, getHelperWrapperProps()), {
-            className: cn(
-              (_a2 = getHelperWrapperProps()) == null ? void 0 : _a2.className,
-              // force helper to be visible (for some reason it's hidden by default) and remove margin
-              "ml-0 block"
-            ),
-            children: /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, getErrorMessageProps()), { children: errorMessage }))
-          })
-        ) : null
-      ]
-    }
-  );
-};
-var Slider_default = Slider;
-
-// src/Slider/index.ts
-var Slider_default2 = Slider_default;
-
-export {
-  Slider_default,
-  Slider_default2
-};
-//# sourceMappingURL=chunk-IR75YRIZ.js.map

package/dist/chunk-IR75YRIZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Slider/Slider.tsx","../src/Slider/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { useRef } from 'react';\n\nimport { Slider as HeroUISlider } from '@heroui/slider';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\n\nexport const sliderVariants = tv({\n  slots: {\n    base: 'group',\n    endContent: '',\n    errorMessage: 'ml-1 mt-1',\n    filler: '',\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      'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\n    labelWrapper: '',\n    mark: '',\n    startContent: '',\n    step: '',\n    thumb: '',\n    track: '',\n    trackWrapper: '',\n    value: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof sliderVariants>;\ntype ClassName = TVClassName<typeof sliderVariants>;\n\nexport interface SliderProps extends VariantProps {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** input field is disabled */\n  disabled?: boolean;\n  /** Content to display at the end of the slider */\n  endContent?: ReactNode;\n  /** The offset from where the fill should start */\n  fillOffset?: number;\n  /** form field label */\n  label?: string;\n  /** form field name */\n  name: string;\n  /**\n   * Whether to show step dots on the slider\n   * @default false\n   */\n  showSteps?: boolean;\n  /**\n   * The size of the slider\n   * @default \"md\"\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /** Content to display at the start of the slider */\n  startContent?: ReactNode;\n  /**\n   * The step value of the slider\n   * @default 1\n   */\n  step?: number;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /**\n   * The minimum value of the slider\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The maximum value of the slider\n   * @default 100\n   */\n  maxValue?: number;\n}\n\n/**\n * Slider component based on [HeroUI Slider](https://www.heroui.com//docs/components/slider)\n */\nconst Slider = ({\n  className = undefined,\n  endContent = undefined,\n  fillOffset = undefined,\n  name,\n  showSteps = false,\n  size = 'md',\n  startContent = undefined,\n  step = 1,\n  minValue = 0,\n  maxValue = 100,\n  ...uniformFieldProps\n}: SliderProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    field,\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    invalid,\n    label,\n    onBlur,\n    onChange,\n    ref,\n    required,\n    errorMessage,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Ref for the visual slider to forward focus\n  const visualSliderRef = useRef<HTMLDivElement>(null);\n\n  // classNames from slots\n  const variants = sliderVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // Get the current value, defaulting to minValue if null/undefined\n  const currentValue = field.value != null ? Number(field.value) : minValue;\n\n  return (\n    <div\n      className={classNames.base}\n      data-invalid={invalid}\n      data-required={required}\n      data-testid={testId}\n    >\n      {/* Visually hidden input for form accessibility and focus management */}\n      <VisuallyHidden>\n        <input\n          ref={ref}\n          aria-label={ariaLabel}\n          disabled={disabled}\n          max={maxValue}\n          min={minValue}\n          name={name}\n          onBlur={onBlur}\n          step={step}\n          tabIndex={-1}\n          type=\"range\"\n          value={currentValue}\n          onChange={(e) => {\n            onChange(Number(e.target.value));\n          }}\n          onFocus={() => {\n            // When RHF focuses this hidden input (e.g., on validation error),\n            // forward focus to the visual slider to show focus ring\n            visualSliderRef.current?.focus();\n          }}\n        />\n      </VisuallyHidden>\n      {/* Visual HeroUISlider component */}\n      <HeroUISlider\n        ref={visualSliderRef}\n        aria-label={ariaLabel}\n        color={invalid ? 'danger' : 'primary'}\n        endContent={endContent}\n        fillOffset={fillOffset}\n        isDisabled={disabled}\n        label={label}\n        maxValue={maxValue}\n        minValue={minValue}\n        name={`${name}_slider`}\n        onBlur={onBlur}\n        onChange={onChange}\n        showSteps={showSteps}\n        size={size}\n        startContent={startContent}\n        step={step}\n        value={currentValue}\n        classNames={{\n          endContent: classNames.endContent,\n          filler: classNames.filler,\n          label: classNames.label,\n          labelWrapper: classNames.labelWrapper,\n          mark: classNames.mark,\n          startContent: classNames.startContent,\n          step: classNames.step,\n          thumb: classNames.thumb,\n          track: classNames.track,\n          trackWrapper: classNames.trackWrapper,\n          value: classNames.value,\n        }}\n      />\n      {invalid ? (\n        <div\n          {...getHelperWrapperProps()}\n          className={cn(\n            getHelperWrapperProps()?.className,\n            // force helper to be visible (for some reason it's hidden by default) and remove margin\n            'ml-0 block',\n          )}\n        >\n          <div {...getErrorMessageProps()}>{errorMessage}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Slider;\n","import Slider from './Slider';\n\nexport type { SliderProps } from './Slider';\n\nexport { Slider };\n\nexport default Slider;\n"],"mappings":"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","names":["_a","Slider_default"]}

package/dist/chunk-IV45K4WU.js

@@ -1,277 +0,0 @@
-import {
-  toFormFormat,
-  toValidationFormat
-} from "./chunk-O2XJNQQK.js";
-import {
-  __async,
-  __objRest,
-  __restKey,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-K2V4ULA2.js";
-
-// src/Form/subcomponents/FormContext.tsx
-import React, { useCallback, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
-import { FormProvider as HookFormProvider, useForm } from "react-hook-form";
-import createDebug from "debug";
-import { useLocalStorage } from "@fuf-stack/pixels";
-
-// src/Form/subcomponents/FormResolver.ts
-import { useMemo, useRef, useState } from "react";
-import { and, veto } from "@fuf-stack/veto";
-var useClientValidationManager = () => {
-  const [clientValidationSchemas, setClientValidationSchemas] = useState({});
-  const setClientValidationSchema = useMemo(() => {
-    return (key, schema) => {
-      setClientValidationSchemas((prev) => {
-        if (!prev[key] && !schema) {
-          return prev;
-        }
-        if (!schema) {
-          const _a = prev, { [key]: _removed } = _a, rest = __objRest(_a, [__restKey(key)]);
-          return rest;
-        }
-        return __spreadProps(__spreadValues({}, prev), { [key]: schema });
-      });
-    };
-  }, []);
-  return {
-    clientValidationSchemas,
-    setClientValidationSchema
-  };
-};
-var useExtendedValidation = (baseValidation) => {
-  const { clientValidationSchemas, setClientValidationSchema } = useClientValidationManager();
-  const clientSchemaValues = useMemo(
-    () => {
-      const keys = Object.keys(clientValidationSchemas).sort();
-      return keys.map((key) => {
-        return clientValidationSchemas[key];
-      }).filter(Boolean);
-    },
-    // Include the object identity to react to schema instance updates with same shape
-    [clientValidationSchemas]
-  );
-  const extendedValidation = useMemo(
-    () => {
-      const hasBaseValidation = !!baseValidation;
-      const hasClientSchemas = clientSchemaValues.length > 0;
-      if (!hasBaseValidation && !hasClientSchemas) {
-        return void 0;
-      }
-      if (!hasClientSchemas) {
-        return baseValidation;
-      }
-      const clientSchemasCombined = clientSchemaValues.reduce(
-        // @ts-expect-error is ok, because initially it is null
-        (combined, clientSchema) => {
-          return combined ? and(combined, clientSchema) : clientSchema;
-        },
-        null
-      );
-      if (hasBaseValidation && clientSchemasCombined) {
-        return veto(and(baseValidation.schema, clientSchemasCombined));
-      }
-      if (clientSchemasCombined) {
-        return veto(clientSchemasCombined);
-      }
-      return baseValidation;
-    },
-    // Recompute when validation schema instances change
-    [baseValidation, clientSchemaValues]
-  );
-  return {
-    extendedValidation,
-    setClientValidationSchema
-  };
-};
-var useFormResolver = (extendedValidation) => {
-  const validationErrors = useRef(void 0);
-  const resolver = useMemo(() => {
-    if (!extendedValidation) {
-      return void 0;
-    }
-    return (values) => __async(null, null, function* () {
-      var _a, _b, _c, _d;
-      const validationValues = (_a = toValidationFormat(values)) != null ? _a : {};
-      const result = yield extendedValidation.validateAsync(validationValues);
-      validationErrors.current = (_b = result.errors) != null ? _b : void 0;
-      return {
-        values: (_c = result.data) != null ? _c : {},
-        errors: (_d = result.errors) != null ? _d : {}
-      };
-    });
-  }, [extendedValidation]);
-  const validationErrorsHash = JSON.stringify(validationErrors.current);
-  return {
-    resolver,
-    validationErrors: validationErrors.current,
-    validationErrorsHash
-  };
-};
-
-// src/Form/subcomponents/FormContext.tsx
-import { jsx } from "react/jsx-runtime";
-var debug = createDebug("uniform:FormContext");
-var DEBUG_MODE_LOCAL_STORAGE_KEY_DEFAULT = "uniform:debug-mode";
-if (!window.__UNIFORM_CONTEXT__) {
-  window.__UNIFORM_CONTEXT__ = React.createContext(
-    {
-      debugMode: "off",
-      preventSubmit: () => {
-        return void 0;
-      },
-      setDebugMode: () => {
-        return void 0;
-      },
-      triggerSubmit: () => {
-        return void 0;
-      },
-      userChange: {
-        subscribe: () => {
-          return () => {
-            return void 0;
-          };
-        },
-        notify: () => {
-          return void 0;
-        }
-      },
-      validation: {
-        setClientValidationSchema: () => {
-          return void 0;
-        }
-      }
-    }
-  );
-  debug("Creating new UniformContext instance");
-} else {
-  debug(
-    "Reusing existing UniformContext instance from window.__UNIFORM_CONTEXT__"
-  );
-}
-var UniformContext = window.__UNIFORM_CONTEXT__;
-debug("UniformContext exported", {
-  contextExists: !!UniformContext,
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  windowContextExists: !!window.__UNIFORM_CONTEXT__,
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  contextsMatch: UniformContext === window.__UNIFORM_CONTEXT__
-});
-var FormProvider = ({
-  children,
-  debugModeSettings = void 0,
-  initialValues = void 0,
-  onSubmit,
-  validation: baseValidation = void 0,
-  validationTrigger
-}) => {
-  var _a, _b;
-  const [debugMode, setDebugMode] = useLocalStorage(
-    (_a = debugModeSettings == null ? void 0 : debugModeSettings.localStorageKey) != null ? _a : DEBUG_MODE_LOCAL_STORAGE_KEY_DEFAULT,
-    "off"
-  );
-  const { extendedValidation, setClientValidationSchema } = useExtendedValidation(baseValidation);
-  const { resolver, validationErrors, validationErrorsHash } = useFormResolver(extendedValidation);
-  const methods = useForm({
-    defaultValues: initialValues ? toFormFormat(initialValues) : initialValues,
-    // set rhf mode
-    // see: https://react-hook-form.com/docs/useform#mode
-    mode: validationTrigger,
-    resolver
-  });
-  const isValid = (_b = methods.formState) == null ? void 0 : _b.isValid;
-  const [preventSubmit, setPreventSubmit] = useState2(false);
-  const userChangeListenersRef = useRef2(/* @__PURE__ */ new Set());
-  const subscribeUserChange = useCallback(
-    (listener) => {
-      userChangeListenersRef.current.add(listener);
-      return () => {
-        userChangeListenersRef.current.delete(listener);
-      };
-    },
-    []
-  );
-  const notifyUserChange = useCallback(
-    (fieldName, value) => {
-      userChangeListenersRef.current.forEach((listener) => {
-        listener(fieldName, value);
-      });
-    },
-    []
-  );
-  const handleSubmit = (e) => __async(null, null, function* () {
-    debug("handleSubmit called", {
-      preventSubmit,
-      formStateIsValid: methods.formState.isValid,
-      validationErrors: methods.formState.errors,
-      validationTrigger,
-      formValues: methods.getValues()
-    });
-    if (methods.formState.isValid && preventSubmit) {
-      debug("\u26D4 Form submit PREVENTED", {
-        formStateIsValid: methods.formState.isValid,
-        preventSubmit
-      });
-      console.warn(
-        "[FormProvider] form submit was prevented because preventSubmit is true..."
-      );
-      e == null ? void 0 : e.preventDefault();
-      return Promise.resolve();
-    }
-    debug("\u2713 Form submit ALLOWED", {
-      formStateIsValid: methods.formState.isValid,
-      preventSubmit,
-      reason: !methods.formState.isValid ? "Form is invalid (will trigger validation and show errors)" : "Form is valid and preventSubmit is false"
-    });
-    const wrappedOnSubmit = (data, event) => {
-      var _a2;
-      const submitData = (_a2 = toValidationFormat(data)) != null ? _a2 : {};
-      debug("onSubmit callback called", { submitData });
-      return onSubmit(submitData, event);
-    };
-    yield methods.handleSubmit(wrappedOnSubmit)(e);
-    debug("handleSubmit completed");
-  });
-  const contextValue = useMemo2(
-    () => {
-      return {
-        // set debugMode to disabled when debugModeSettings.disable is true
-        // otherwise use current debug mode from localStorage
-        debugMode: (debugModeSettings == null ? void 0 : debugModeSettings.disable) ? "disabled" : debugMode,
-        preventSubmit: (prevent) => {
-          debug("preventSubmit called", {
-            previousValue: preventSubmit,
-            newValue: prevent,
-            formStateIsValid: methods.formState.isValid,
-            validationErrors: methods.formState.errors
-          });
-          setPreventSubmit(prevent);
-        },
-        setClientValidationSchema,
-        setDebugMode,
-        triggerSubmit: handleSubmit,
-        userChange: {
-          subscribe: subscribeUserChange,
-          notify: notifyUserChange
-        },
-        validation: {
-          baseInstance: baseValidation,
-          instance: extendedValidation,
-          errors: validationErrors,
-          setClientValidationSchema
-        }
-      };
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [debugMode, debugModeSettings == null ? void 0 : debugModeSettings.disable, validationErrorsHash]
-  );
-  return /* @__PURE__ */ jsx(UniformContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(HookFormProvider, __spreadProps(__spreadValues({}, methods), { children: children({ handleSubmit, isValid }) })) });
-};
-var FormContext_default = FormProvider;
-
-export {
-  UniformContext,
-  FormContext_default
-};
-//# sourceMappingURL=chunk-IV45K4WU.js.map