@fuf-stack/uniform 1.10.3 → 1.11.0

package/dist/chunk-264VRHMT.js

@@ -1,105 +0,0 @@
-import {
-  useInputValueDebounce
-} from "./chunk-LEMQGDFE.js";
-import {
-  useUniformField
-} from "./chunk-GEC75GNL.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 {
-    ariaLabel,
-    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",
-      "aria-label": !placeholder || placeholder.trim() === "" ? ariaLabel : void 0,
-      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-264VRHMT.js.map

package/dist/chunk-264VRHMT.js.map

@@ -1 +0,0 @@
-{"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 } from '../hooks/useInputValueDebounce';\nimport { useUniformField } from '../hooks/useUniformField';\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  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\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    ariaLabel,\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}\n      variant=\"bordered\"\n      // Only add aria-label if there's no meaningful placeholder (HeroUI uses placeholder as aria-label)\n      aria-label={\n        !placeholder || placeholder.trim() === '' ? ariaLabel : undefined\n      }\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;AAmFrC;AA7EG,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;AA6BD,IAAM,WAAW,CAAC,OAOG;AAPH,eAChB;AAAA,eAAW;AAAA,IACX,WAAW,aAAa;AAAA,IACxB,gBAAgB;AAAA,IAChB;AAAA,IACA,cAAc;AAAA,EAxDhB,IAmDkB,IAMb,8BANa,IAMb;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ;AAAA,IACA;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,MAER,cACE,CAAC,eAAe,YAAY,KAAK,MAAM,KAAK,YAAY;AAAA,MAE1D,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;;;ACpHf,IAAOA,oBAAQ;","names":["TextArea_default"]}

package/dist/chunk-26VE4IGU.js

@@ -1,68 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-SJWL6EMI.js";
-import {
-  flatArrayKey
-} from "./chunk-O2XJNQQK.js";
-import {
-  __async
-} from "./chunk-K2V4ULA2.js";
-
-// src/hooks/useClientValidation/useClientValidation.ts
-import { useEffect, useId } from "react";
-import { array, objectLoose } from "@fuf-stack/veto";
-var useClientValidation = (data, schemaFactory, options) => {
-  var _a;
-  const {
-    formState: { touchedFields },
-    validation: { setClientValidationSchema },
-    trigger
-  } = useFormContext();
-  const autoGeneratedKey = useId();
-  const key = (_a = options == null ? void 0 : options.key) != null ? _a : autoGeneratedKey;
-  const dataHash = JSON.stringify(data);
-  useEffect(() => {
-    if (data != null) {
-      const validationSchema = schemaFactory(data);
-      setClientValidationSchema(key, validationSchema);
-    } else {
-      setClientValidationSchema(key, null);
-    }
-    const touchedFieldNames = Object.keys(touchedFields);
-    if (touchedFieldNames.length > 0) {
-      setTimeout(() => __async(null, null, function* () {
-        return trigger(touchedFieldNames);
-      }), 1);
-    }
-    return () => {
-      setClientValidationSchema(key, null);
-    };
-  }, [dataHash, key]);
-};
-var clientValidationSchemaByName = (name, fieldSchema) => {
-  const segments = name.split(".");
-  let schema = fieldSchema;
-  for (let i = segments.length - 1; i >= 0; i -= 1) {
-    const segment = segments[i];
-    const isNumeric = /^\d+$/.test(segment);
-    const isFlatArrayKey = segment === flatArrayKey;
-    if (isFlatArrayKey) {
-      continue;
-    }
-    if (isNumeric) {
-      schema = array(schema).optional();
-    } else {
-      const obj = objectLoose({
-        [segment]: schema
-      });
-      schema = i > 0 ? obj.optional() : obj;
-    }
-  }
-  return schema;
-};
-
-export {
-  useClientValidation,
-  clientValidationSchemaByName
-};
-//# sourceMappingURL=chunk-26VE4IGU.js.map

package/dist/chunk-26VE4IGU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useClientValidation/useClientValidation.ts"],"sourcesContent":["import type { VetoTypeAny } from '@fuf-stack/veto';\n\nimport { useEffect, useId } from 'react';\n\nimport { array, objectLoose } from '@fuf-stack/veto';\n\nimport { flatArrayKey } from '../../helpers';\nimport { useFormContext } from '../useFormContext/useFormContext';\n\n/**\n * Hook for adding dynamic client-side validation to forms.\n *\n * Client validation is used for context-dependent validation rules that require external data\n * (e.g., checking if a username already exists). It complements base validation (passed to Form),\n * which handles static rules like \"required\", min/max length, format, etc.\n *\n * **Typical pattern:**\n * - Base validation: Static, always-on rules (required, format, length constraints)\n * - Client validation: Dynamic rules based on external data (uniqueness, business logic)\n * - Client schemas should use `.nullish()` to allow empty values (base validation handles \"required\")\n *\n * Automatically manages validation schema lifecycle: sets schema when data is provided,\n * clears schema when data is null/undefined, and cleans up on unmount. When the client\n * validation schema changes, automatically re-validates all touched fields.\n *\n * @param data - Data to create validation schema from (or null/undefined to clear validation)\n * @param schemaFactory - Function that creates a validation schema from the data. Schemas should typically use `.nullish()`.\n * @param options - Optional configuration object\n * @param options.key - Optional custom key for registration. Useful when multiple instances should share validation (e.g., in field arrays)\n *\n * @example\n * ```tsx\n * // Base validation handles \"required\" and format\n * const baseSchema = veto({ username: vt.string({ min: 3 }) });\n *\n * // Client validation adds dynamic uniqueness check\n * const { data: teamData } = useTeamQuery(teamId);\n * useClientValidation(teamData, (data) =>\n *   vt.objectLoose({\n *     username: vt.string()\n *       .refine(\n *         (value) => !data.existingUsers.includes(value),\n *         { message: 'Username already exists' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   })\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Using custom key in a field array to avoid multiple registrations\n * fields.map((field, index) => (\n *   useClientValidation(\n *     userData,\n *     (data) => clientValidationSchemaByName(\n *       `items.${index}.name`,\n *       vt.string()\n *         .refine((val) => !data.forbidden.includes(val), { message: 'Name not allowed' })\n *         .nullish()\n *     ),\n *     { key: 'items-validation' } // All instances share the same key\n *   )\n * ));\n * ```\n */\nexport const useClientValidation = <TData = unknown>(\n  data: TData | null | undefined,\n  schemaFactory: (data: TData) => VetoTypeAny,\n  options?: { key?: string },\n): void => {\n  const {\n    formState: { touchedFields },\n    validation: { setClientValidationSchema },\n    trigger,\n  } = useFormContext();\n\n  // Use provided key or auto-generate unique key\n  const autoGeneratedKey = useId();\n  const key = options?.key ?? autoGeneratedKey;\n\n  // Use data hash instead of object reference to avoid unnecessary re-runs\n  // when data object reference changes but data remains the same\n  const dataHash = JSON.stringify(data);\n\n  // Single effect to manage validation schema lifecycle\n  useEffect(() => {\n    // Set validation schema when data is available\n    if (data != null) {\n      const validationSchema = schemaFactory(data);\n      setClientValidationSchema(key, validationSchema);\n    } else {\n      // Clear validation schema when no data\n      setClientValidationSchema(key, null);\n    }\n\n    // Re-validate all touched fields when client validation schema changes\n    const touchedFieldNames = Object.keys(touchedFields);\n    if (touchedFieldNames.length > 0) {\n      // Use setTimeout to ensure the client validation schema update has propagated\n      // before triggering re-validation (fixes race condition)\n      setTimeout(async () => {\n        return trigger(touchedFieldNames);\n      }, 1);\n    }\n\n    // Cleanup on unmount or when dependencies change\n    return () => {\n      setClientValidationSchema(key, null);\n    };\n    // Only re-run when data (dataHash) or key changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataHash, key]);\n};\n\n/**\n * Helper function to create a veto looseObject schema for a single field with nested path support.\n *\n * Parses field paths (dot-notation) and creates properly nested loose object schemas with array support.\n * All intermediate objects and arrays are marked as optional to allow partial data structures.\n * Numeric segments in the path are treated as array indices, and the parent field is wrapped in an array schema.\n * Supports flat arrays (arrays of primitives) via the special `__FLAT__` key.\n *\n * **Important:** The fieldSchema should typically use `.nullish()` to allow empty values. This is because:\n * - Base validation (passed to Form) handles \"required\" constraints\n * - Client validation adds dynamic, context-dependent rules (e.g., \"username already exists\")\n * - Form data processing converts empty strings in flat arrays to `null` (not `undefined`)\n * - `.nullish()` accepts both `null` and `undefined`, while `.optional()` only accepts `undefined`\n *\n * This pattern ensures client validation only validates non-empty values, while base validation\n * enforces required fields and basic constraints (min length, format, etc.).\n *\n * @param name - The dot-separated path to the field (e.g., 'username', 'user.profile.email', 'items.0.name', 'tags.0.__FLAT__')\n * @param fieldSchema - The veto validation schema for the field. Should typically use `.nullish()` to allow empty values.\n * @returns A nested loose object schema matching the field path structure with proper type inference\n *\n * @example\n * ```tsx\n * // Typical usage: base validation handles \"required\", client validation adds dynamic rules\n * // Base validation (in Form component)\n * const baseSchema = veto({ username: vt.string({ min: 3 }) }); // Required + min length\n *\n * // Client validation (dynamic check for existing usernames)\n * const { data: userData } = useUserQuery(userId);\n * useClientValidation(userData, (data) =>\n *   clientValidationSchemaByName(\n *     'username',\n *     vt.string()\n *       .refine(\n *         (value) => !data.existingUsernames.includes(value),\n *         { message: 'Username already taken' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   )\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Nested field path with dynamic validation\n * clientValidationSchemaByName(\n *   'user.profile.email',\n *   vt.string()\n *     .refine(\n *       (value) => !reservedEmails.includes(value),\n *       { message: 'This email is reserved' }\n *     )\n *     .nullish()\n * )\n * // => objectLoose({ user: objectLoose({ profile: objectLoose({ email: ... }).optional() }).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Array of objects with dynamic validation\n * clientValidationSchemaByName(\n *   'items.0.tag',\n *   vt.string()\n *     .refine((value) => !forbiddenTags.includes(value), { message: 'Tag not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ items: array(objectLoose({ tag: ... })).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Flat array (array of primitives) with dynamic validation\n * clientValidationSchemaByName(\n *   'tags.0.__FLAT__',\n *   vt.string()\n *     .refine((value) => !forbiddenWords.includes(value), { message: 'Word not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ tags: array(vt.string().refine(...).nullish()).optional() })\n * ```\n */\nexport const clientValidationSchemaByName = <T extends VetoTypeAny>(\n  name: string,\n  fieldSchema: T,\n) => {\n  const segments = name.split('.');\n\n  // Build schema from innermost to outermost\n  let schema: VetoTypeAny = fieldSchema;\n\n  // Process segments in reverse order to build nested structure\n  for (let i = segments.length - 1; i >= 0; i -= 1) {\n    const segment = segments[i];\n\n    const isNumeric = /^\\d+$/.test(segment);\n    const isFlatArrayKey = segment === flatArrayKey;\n\n    if (isFlatArrayKey) {\n      // Skip the __FLAT__ key - it's just a marker for flat arrays\n      // The schema is already correct (primitive type), just continue\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (isNumeric) {\n      // Current segment is an array index - wrap current schema in optional array\n      schema = array(schema).optional();\n    } else {\n      // Current segment is a field name - wrap in objectLoose\n      // Make it optional if it's an intermediate object (not the root)\n      const obj = objectLoose({\n        [segment]: schema,\n      });\n      schema = i > 0 ? obj.optional() : obj;\n    }\n  }\n\n  return schema;\n};\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,WAAW,aAAa;AAEjC,SAAS,OAAO,mBAAmB;AA8D5B,IAAM,sBAAsB,CACjC,MACA,eACA,YACS;AAtEX;AAuEE,QAAM;AAAA,IACJ,WAAW,EAAE,cAAc;AAAA,IAC3B,YAAY,EAAE,0BAA0B;AAAA,IACxC;AAAA,EACF,IAAI,eAAe;AAGnB,QAAM,mBAAmB,MAAM;AAC/B,QAAM,OAAM,wCAAS,QAAT,YAAgB;AAI5B,QAAM,WAAW,KAAK,UAAU,IAAI;AAGpC,YAAU,MAAM;AAEd,QAAI,QAAQ,MAAM;AAChB,YAAM,mBAAmB,cAAc,IAAI;AAC3C,gCAA0B,KAAK,gBAAgB;AAAA,IACjD,OAAO;AAEL,gCAA0B,KAAK,IAAI;AAAA,IACrC;AAGA,UAAM,oBAAoB,OAAO,KAAK,aAAa;AACnD,QAAI,kBAAkB,SAAS,GAAG;AAGhC,iBAAW,MAAY;AACrB,eAAO,QAAQ,iBAAiB;AAAA,MAClC,IAAG,CAAC;AAAA,IACN;AAGA,WAAO,MAAM;AACX,gCAA0B,KAAK,IAAI;AAAA,IACrC;AAAA,EAGF,GAAG,CAAC,UAAU,GAAG,CAAC;AACpB;AAmFO,IAAM,+BAA+B,CAC1C,MACA,gBACG;AACH,QAAM,WAAW,KAAK,MAAM,GAAG;AAG/B,MAAI,SAAsB;AAG1B,WAAS,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG;AAChD,UAAM,UAAU,SAAS,CAAC;AAE1B,UAAM,YAAY,QAAQ,KAAK,OAAO;AACtC,UAAM,iBAAiB,YAAY;AAEnC,QAAI,gBAAgB;AAIlB;AAAA,IACF;AAEA,QAAI,WAAW;AAEb,eAAS,MAAM,MAAM,EAAE,SAAS;AAAA,IAClC,OAAO;AAGL,YAAM,MAAM,YAAY;AAAA,QACtB,CAAC,OAAO,GAAG;AAAA,MACb,CAAC;AACD,eAAS,IAAI,IAAI,IAAI,SAAS,IAAI;AAAA,IACpC;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/chunk-2HDXHQOC.js

@@ -1,215 +0,0 @@
-import {
-  useUniformField
-} from "./chunk-GEC75GNL.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-K2V4ULA2.js";
-
-// src/SwitchBox/SwitchBox.tsx
-import { useRef } from "react";
-import { useSwitch } from "@heroui/switch";
-import { VisuallyHidden } from "@react-aria/visually-hidden";
-import { cn, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var switchBoxVariants = tv({
-  slots: {
-    box: "group inline-flex w-full cursor-pointer items-center justify-between rounded-lg border-2 border-default hover:bg-content2 data-[selected=true]:border-focus",
-    description: "text-foreground opacity-70",
-    icon: "",
-    label: 'font-medium text-foreground group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-["*"]',
-    wrapper: "",
-    thumb: "",
-    thumbIcon: ""
-  },
-  variants: {
-    isDisabled: {
-      true: {
-        box: "pointer-events-none opacity-disabled"
-      }
-    },
-    isInvalid: {
-      true: {
-        box: "!border-danger",
-        label: "!text-danger"
-      }
-    },
-    size: {
-      sm: {
-        box: "gap-2 p-3",
-        description: "text-xs",
-        label: "text-xs"
-      },
-      md: {
-        box: "gap-4 p-4",
-        description: "text-small",
-        label: "text-sm"
-      },
-      lg: {
-        box: "gap-4 p-5",
-        description: "text-small",
-        label: "text-base"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var SwitchBox = (_a) => {
-  var _b = _a, {
-    className = void 0,
-    description = void 0,
-    icon = void 0,
-    name,
-    size = void 0,
-    thumbIcon = void 0
-  } = _b, uniformFieldProps = __objRest(_b, [
-    "className",
-    "description",
-    "icon",
-    "name",
-    "size",
-    "thumbIcon"
-  ]);
-  var _a2;
-  const {
-    defaultValue,
-    disabled,
-    errorMessage,
-    field,
-    getErrorMessageProps,
-    getHelperWrapperProps,
-    invalid,
-    label,
-    onBlur,
-    onChange,
-    ref,
-    required,
-    testId
-  } = useUniformField(__spreadValues({
-    name
-  }, uniformFieldProps));
-  const visualSwitchRef = useRef(null);
-  const {
-    Component,
-    slots,
-    isSelected,
-    getBaseProps,
-    getInputProps,
-    getWrapperProps
-  } = useSwitch({
-    defaultSelected: !!defaultValue,
-    isDisabled: disabled,
-    isSelected: !!field.value,
-    name: `${name}_switch`,
-    onValueChange: onChange,
-    size,
-    thumbIcon
-  });
-  const variants = switchBoxVariants({
-    isDisabled: disabled,
-    isInvalid: invalid,
-    size
-  });
-  const classNames = variantsToClassNames(variants, className, "box");
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      Component,
-      __spreadProps(__spreadValues({}, getBaseProps()), {
-        className: classNames.box,
-        "data-invalid": invalid,
-        "data-required": required,
-        "data-testid": testId,
-        children: [
-          /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref,
-                "aria-label": typeof label === "string" ? label : name,
-                checked: !!field.value,
-                name,
-                tabIndex: -1,
-                type: "checkbox",
-                onChange: (e) => {
-                  onChange(e.target.checked);
-                },
-                onFocus: () => {
-                  var _a3;
-                  (_a3 = visualSwitchRef.current) == null ? void 0 : _a3.focus();
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              __spreadProps(__spreadValues({
-                ref: visualSwitchRef
-              }, getInputProps()), {
-                onBlur: (e) => {
-                  var _a3, _b2;
-                  (_b2 = (_a3 = getInputProps()).onBlur) == null ? void 0 : _b2.call(_a3, e);
-                  onBlur();
-                }
-              })
-            )
-          ] }),
-          !icon ? /* @__PURE__ */ jsx(
-            "span",
-            __spreadProps(__spreadValues({}, getWrapperProps()), {
-              className: cn(getWrapperProps().className, classNames.wrapper),
-              children: /* @__PURE__ */ jsx("span", { className: cn(slots.thumb({ class: classNames.thumb })), children: thumbIcon && typeof thumbIcon === "function" ? thumbIcon({
-                isSelected: !!isSelected,
-                className: slots.thumbIcon({ class: classNames.thumbIcon }),
-                width: "1em",
-                height: "1em",
-                "data-checked": isSelected ? "true" : "false"
-              }) : thumbIcon })
-            })
-          ) : null,
-          icon ? /* @__PURE__ */ jsx("div", { className: classNames.icon, children: icon }) : null,
-          /* @__PURE__ */ jsxs("div", { className: "grow", children: [
-            label ? /* @__PURE__ */ jsx("div", { className: classNames.label, children: label }) : null,
-            description ? /* @__PURE__ */ jsx("div", { className: classNames.description, children: description }) : null
-          ] }),
-          icon ? /* @__PURE__ */ jsx(
-            "span",
-            __spreadProps(__spreadValues({}, getWrapperProps()), {
-              className: cn(getWrapperProps().className, classNames.wrapper),
-              children: /* @__PURE__ */ jsx("span", { className: cn(slots.thumb({ class: classNames.thumb })), children: thumbIcon && typeof thumbIcon === "function" ? thumbIcon({
-                isSelected: !!isSelected,
-                className: slots.thumbIcon({ class: classNames.thumbIcon }),
-                width: "1em",
-                height: "1em",
-                "data-checked": isSelected ? "true" : "false"
-              }) : thumbIcon })
-            })
-          ) : null
-        ]
-      })
-    ),
-    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 SwitchBox_default = SwitchBox;
-
-// src/SwitchBox/index.ts
-var SwitchBox_default2 = SwitchBox_default;
-
-export {
-  switchBoxVariants,
-  SwitchBox_default,
-  SwitchBox_default2
-};
-//# sourceMappingURL=chunk-2HDXHQOC.js.map

package/dist/chunk-2HDXHQOC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/SwitchBox/SwitchBox.tsx","../src/SwitchBox/index.ts"],"sourcesContent":["import type { TVClassName } from '@fuf-stack/pixel-utils';\nimport type { SwitchProps as HeroSwitchProps } from '@heroui/switch';\nimport type { ReactNode } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useSwitch } from '@heroui/switch';\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 switchBoxVariants = tv({\n  slots: {\n    box: 'group inline-flex w-full cursor-pointer items-center justify-between rounded-lg border-2 border-default hover:bg-content2 data-[selected=true]:border-focus',\n    description: 'text-foreground opacity-70',\n    icon: '',\n    label:\n      'font-medium text-foreground group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\n    wrapper: '',\n    thumb: '',\n    thumbIcon: '',\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        box: 'pointer-events-none opacity-disabled',\n      },\n    },\n    isInvalid: {\n      true: {\n        box: '!border-danger',\n        label: '!text-danger',\n      },\n    },\n    size: {\n      sm: {\n        box: 'gap-2 p-3',\n        description: 'text-xs',\n        label: 'text-xs',\n      },\n      md: {\n        box: 'gap-4 p-4',\n        description: 'text-small',\n        label: 'text-sm',\n      },\n      lg: {\n        box: 'gap-4 p-5',\n        description: 'text-small',\n        label: 'text-base',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\ntype ClassName = TVClassName<typeof switchBoxVariants>;\n\nexport interface SwitchBoxProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Description text displayed below the label */\n  description?: ReactNode;\n  /** whether the switch should be disabled */\n  disabled?: boolean;\n  /** Icon to be displayed in the box */\n  icon?: ReactNode;\n  /** component displayed as the label */\n  label?: ReactNode;\n  /** name the field is registered under */\n  name: string;\n  /** whether the field is required */\n  required?: boolean;\n  /* Size of the switch */\n  size?: 'sm' | 'md' | 'lg';\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Icon to be displayed inside the thumb */\n  thumbIcon?: HeroSwitchProps['thumbIcon'];\n}\n\n/**\n * SwitchBox component - A card-like box with a switch control\n */\nconst SwitchBox = ({\n  className = undefined,\n  description = undefined,\n  icon = undefined,\n  name,\n  size = undefined,\n  thumbIcon = undefined,\n  ...uniformFieldProps\n}: SwitchBoxProps) => {\n  const {\n    defaultValue,\n    disabled,\n    errorMessage,\n    field,\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    invalid,\n    label,\n    onBlur,\n    onChange,\n    ref,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Ref for the visual switch to forward focus\n  const visualSwitchRef = useRef<HTMLInputElement>(null);\n\n  // Use the useSwitch hook to get access to all the necessary props\n  const {\n    Component,\n    slots,\n    isSelected,\n    getBaseProps,\n    getInputProps,\n    getWrapperProps,\n  } = useSwitch({\n    defaultSelected: !!defaultValue,\n    isDisabled: disabled,\n    isSelected: !!field.value,\n    name: `${name}_switch`,\n    onValueChange: onChange,\n    size,\n    thumbIcon,\n  });\n\n  // classNames from slots\n  const variants = switchBoxVariants({\n    isDisabled: disabled,\n    isInvalid: invalid,\n    size,\n  });\n  const classNames = variantsToClassNames(variants, className, 'box');\n\n  return (\n    <div>\n      <Component\n        {...getBaseProps()}\n        className={classNames.box}\n        data-invalid={invalid}\n        data-required={required}\n        data-testid={testId}\n      >\n        <VisuallyHidden>\n          <input\n            ref={ref}\n            aria-label={typeof label === 'string' ? label : name}\n            checked={!!field.value}\n            name={name}\n            tabIndex={-1}\n            type=\"checkbox\"\n            onChange={(e) => {\n              onChange(e.target.checked);\n            }}\n            onFocus={() => {\n              // When RHF focuses this hidden input (e.g., on validation error),\n              // forward focus to the visual switch to show focus ring\n              visualSwitchRef.current?.focus();\n            }}\n          />\n          {/* Visual switch input for focus ring */}\n          <input\n            ref={visualSwitchRef}\n            {...getInputProps()}\n            onBlur={(e) => {\n              // Call HeroUI's internal onBlur to clear focus state and remove focus ring\n              getInputProps().onBlur?.(e);\n              // Then call RHF's onBlur to mark field as touched\n              onBlur();\n            }}\n          />\n        </VisuallyHidden>\n        {!icon ? (\n          <span\n            {...getWrapperProps()}\n            className={cn(getWrapperProps().className, classNames.wrapper)}\n          >\n            <span className={cn(slots.thumb({ class: classNames.thumb }))}>\n              {thumbIcon && typeof thumbIcon === 'function'\n                ? thumbIcon({\n                    isSelected: !!isSelected,\n                    className: slots.thumbIcon({ class: classNames.thumbIcon }),\n                    width: '1em',\n                    height: '1em',\n                    'data-checked': isSelected ? 'true' : 'false',\n                  })\n                : thumbIcon}\n            </span>\n          </span>\n        ) : null}\n        {icon ? <div className={classNames.icon}>{icon}</div> : null}\n        <div className=\"grow\">\n          {label ? <div className={classNames.label}>{label}</div> : null}\n          {description ? (\n            <div className={classNames.description}>{description}</div>\n          ) : null}\n        </div>\n        {icon ? (\n          <span\n            {...getWrapperProps()}\n            className={cn(getWrapperProps().className, classNames.wrapper)}\n          >\n            <span className={cn(slots.thumb({ class: classNames.thumb }))}>\n              {thumbIcon && typeof thumbIcon === 'function'\n                ? thumbIcon({\n                    isSelected: !!isSelected,\n                    className: slots.thumbIcon({ class: classNames.thumbIcon }),\n                    width: '1em',\n                    height: '1em',\n                    'data-checked': isSelected ? 'true' : 'false',\n                  })\n                : thumbIcon}\n            </span>\n          </span>\n        ) : null}\n      </Component>\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 SwitchBox;\n","import SwitchBox from './SwitchBox';\n\nexport type { SwitchBoxProps } from './SwitchBox';\n\nexport { switchBoxVariants } from './SwitchBox';\nexport { SwitchBox };\n\nexport default SwitchBox;\n"],"mappings":"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","names":["_a","_b","SwitchBox_default"]}

package/dist/chunk-2UQCRQEJ.cjs

@@ -1,68 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkFYN7ZWLWcjs = require('./chunk-FYN7ZWLW.cjs');
-
-
-var _chunkOKJWLH7Tcjs = require('./chunk-OKJWLH7T.cjs');
-
-
-var _chunk555JRYCScjs = require('./chunk-555JRYCS.cjs');
-
-// src/hooks/useClientValidation/useClientValidation.ts
-var _react = require('react');
-var _veto = require('@fuf-stack/veto');
-var useClientValidation = (data, schemaFactory, options) => {
-  var _a;
-  const {
-    formState: { touchedFields },
-    validation: { setClientValidationSchema },
-    trigger
-  } = _chunkFYN7ZWLWcjs.useFormContext.call(void 0, );
-  const autoGeneratedKey = _react.useId.call(void 0, );
-  const key = (_a = options == null ? void 0 : options.key) != null ? _a : autoGeneratedKey;
-  const dataHash = JSON.stringify(data);
-  _react.useEffect.call(void 0, () => {
-    if (data != null) {
-      const validationSchema = schemaFactory(data);
-      setClientValidationSchema(key, validationSchema);
-    } else {
-      setClientValidationSchema(key, null);
-    }
-    const touchedFieldNames = Object.keys(touchedFields);
-    if (touchedFieldNames.length > 0) {
-      setTimeout(() => _chunk555JRYCScjs.__async.call(void 0, null, null, function* () {
-        return trigger(touchedFieldNames);
-      }), 1);
-    }
-    return () => {
-      setClientValidationSchema(key, null);
-    };
-  }, [dataHash, key]);
-};
-var clientValidationSchemaByName = (name, fieldSchema) => {
-  const segments = name.split(".");
-  let schema = fieldSchema;
-  for (let i = segments.length - 1; i >= 0; i -= 1) {
-    const segment = segments[i];
-    const isNumeric = /^\d+$/.test(segment);
-    const isFlatArrayKey = segment === _chunkOKJWLH7Tcjs.flatArrayKey;
-    if (isFlatArrayKey) {
-      continue;
-    }
-    if (isNumeric) {
-      schema = _veto.array.call(void 0, schema).optional();
-    } else {
-      const obj = _veto.objectLoose.call(void 0, {
-        [segment]: schema
-      });
-      schema = i > 0 ? obj.optional() : obj;
-    }
-  }
-  return schema;
-};
-
-
-
-
-exports.useClientValidation = useClientValidation; exports.clientValidationSchemaByName = clientValidationSchemaByName;
-//# sourceMappingURL=chunk-2UQCRQEJ.cjs.map

package/dist/chunk-2UQCRQEJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-2UQCRQEJ.cjs","../src/hooks/useClientValidation/useClientValidation.ts"],"names":[],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-2UQCRQEJ.cjs","sourcesContent":[null,"import type { VetoTypeAny } from '@fuf-stack/veto';\n\nimport { useEffect, useId } from 'react';\n\nimport { array, objectLoose } from '@fuf-stack/veto';\n\nimport { flatArrayKey } from '../../helpers';\nimport { useFormContext } from '../useFormContext/useFormContext';\n\n/**\n * Hook for adding dynamic client-side validation to forms.\n *\n * Client validation is used for context-dependent validation rules that require external data\n * (e.g., checking if a username already exists). It complements base validation (passed to Form),\n * which handles static rules like \"required\", min/max length, format, etc.\n *\n * **Typical pattern:**\n * - Base validation: Static, always-on rules (required, format, length constraints)\n * - Client validation: Dynamic rules based on external data (uniqueness, business logic)\n * - Client schemas should use `.nullish()` to allow empty values (base validation handles \"required\")\n *\n * Automatically manages validation schema lifecycle: sets schema when data is provided,\n * clears schema when data is null/undefined, and cleans up on unmount. When the client\n * validation schema changes, automatically re-validates all touched fields.\n *\n * @param data - Data to create validation schema from (or null/undefined to clear validation)\n * @param schemaFactory - Function that creates a validation schema from the data. Schemas should typically use `.nullish()`.\n * @param options - Optional configuration object\n * @param options.key - Optional custom key for registration. Useful when multiple instances should share validation (e.g., in field arrays)\n *\n * @example\n * ```tsx\n * // Base validation handles \"required\" and format\n * const baseSchema = veto({ username: vt.string({ min: 3 }) });\n *\n * // Client validation adds dynamic uniqueness check\n * const { data: teamData } = useTeamQuery(teamId);\n * useClientValidation(teamData, (data) =>\n *   vt.objectLoose({\n *     username: vt.string()\n *       .refine(\n *         (value) => !data.existingUsers.includes(value),\n *         { message: 'Username already exists' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   })\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Using custom key in a field array to avoid multiple registrations\n * fields.map((field, index) => (\n *   useClientValidation(\n *     userData,\n *     (data) => clientValidationSchemaByName(\n *       `items.${index}.name`,\n *       vt.string()\n *         .refine((val) => !data.forbidden.includes(val), { message: 'Name not allowed' })\n *         .nullish()\n *     ),\n *     { key: 'items-validation' } // All instances share the same key\n *   )\n * ));\n * ```\n */\nexport const useClientValidation = <TData = unknown>(\n  data: TData | null | undefined,\n  schemaFactory: (data: TData) => VetoTypeAny,\n  options?: { key?: string },\n): void => {\n  const {\n    formState: { touchedFields },\n    validation: { setClientValidationSchema },\n    trigger,\n  } = useFormContext();\n\n  // Use provided key or auto-generate unique key\n  const autoGeneratedKey = useId();\n  const key = options?.key ?? autoGeneratedKey;\n\n  // Use data hash instead of object reference to avoid unnecessary re-runs\n  // when data object reference changes but data remains the same\n  const dataHash = JSON.stringify(data);\n\n  // Single effect to manage validation schema lifecycle\n  useEffect(() => {\n    // Set validation schema when data is available\n    if (data != null) {\n      const validationSchema = schemaFactory(data);\n      setClientValidationSchema(key, validationSchema);\n    } else {\n      // Clear validation schema when no data\n      setClientValidationSchema(key, null);\n    }\n\n    // Re-validate all touched fields when client validation schema changes\n    const touchedFieldNames = Object.keys(touchedFields);\n    if (touchedFieldNames.length > 0) {\n      // Use setTimeout to ensure the client validation schema update has propagated\n      // before triggering re-validation (fixes race condition)\n      setTimeout(async () => {\n        return trigger(touchedFieldNames);\n      }, 1);\n    }\n\n    // Cleanup on unmount or when dependencies change\n    return () => {\n      setClientValidationSchema(key, null);\n    };\n    // Only re-run when data (dataHash) or key changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataHash, key]);\n};\n\n/**\n * Helper function to create a veto looseObject schema for a single field with nested path support.\n *\n * Parses field paths (dot-notation) and creates properly nested loose object schemas with array support.\n * All intermediate objects and arrays are marked as optional to allow partial data structures.\n * Numeric segments in the path are treated as array indices, and the parent field is wrapped in an array schema.\n * Supports flat arrays (arrays of primitives) via the special `__FLAT__` key.\n *\n * **Important:** The fieldSchema should typically use `.nullish()` to allow empty values. This is because:\n * - Base validation (passed to Form) handles \"required\" constraints\n * - Client validation adds dynamic, context-dependent rules (e.g., \"username already exists\")\n * - Form data processing converts empty strings in flat arrays to `null` (not `undefined`)\n * - `.nullish()` accepts both `null` and `undefined`, while `.optional()` only accepts `undefined`\n *\n * This pattern ensures client validation only validates non-empty values, while base validation\n * enforces required fields and basic constraints (min length, format, etc.).\n *\n * @param name - The dot-separated path to the field (e.g., 'username', 'user.profile.email', 'items.0.name', 'tags.0.__FLAT__')\n * @param fieldSchema - The veto validation schema for the field. Should typically use `.nullish()` to allow empty values.\n * @returns A nested loose object schema matching the field path structure with proper type inference\n *\n * @example\n * ```tsx\n * // Typical usage: base validation handles \"required\", client validation adds dynamic rules\n * // Base validation (in Form component)\n * const baseSchema = veto({ username: vt.string({ min: 3 }) }); // Required + min length\n *\n * // Client validation (dynamic check for existing usernames)\n * const { data: userData } = useUserQuery(userId);\n * useClientValidation(userData, (data) =>\n *   clientValidationSchemaByName(\n *     'username',\n *     vt.string()\n *       .refine(\n *         (value) => !data.existingUsernames.includes(value),\n *         { message: 'Username already taken' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   )\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Nested field path with dynamic validation\n * clientValidationSchemaByName(\n *   'user.profile.email',\n *   vt.string()\n *     .refine(\n *       (value) => !reservedEmails.includes(value),\n *       { message: 'This email is reserved' }\n *     )\n *     .nullish()\n * )\n * // => objectLoose({ user: objectLoose({ profile: objectLoose({ email: ... }).optional() }).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Array of objects with dynamic validation\n * clientValidationSchemaByName(\n *   'items.0.tag',\n *   vt.string()\n *     .refine((value) => !forbiddenTags.includes(value), { message: 'Tag not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ items: array(objectLoose({ tag: ... })).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Flat array (array of primitives) with dynamic validation\n * clientValidationSchemaByName(\n *   'tags.0.__FLAT__',\n *   vt.string()\n *     .refine((value) => !forbiddenWords.includes(value), { message: 'Word not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ tags: array(vt.string().refine(...).nullish()).optional() })\n * ```\n */\nexport const clientValidationSchemaByName = <T extends VetoTypeAny>(\n  name: string,\n  fieldSchema: T,\n) => {\n  const segments = name.split('.');\n\n  // Build schema from innermost to outermost\n  let schema: VetoTypeAny = fieldSchema;\n\n  // Process segments in reverse order to build nested structure\n  for (let i = segments.length - 1; i >= 0; i -= 1) {\n    const segment = segments[i];\n\n    const isNumeric = /^\\d+$/.test(segment);\n    const isFlatArrayKey = segment === flatArrayKey;\n\n    if (isFlatArrayKey) {\n      // Skip the __FLAT__ key - it's just a marker for flat arrays\n      // The schema is already correct (primitive type), just continue\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (isNumeric) {\n      // Current segment is an array index - wrap current schema in optional array\n      schema = array(schema).optional();\n    } else {\n      // Current segment is a field name - wrap in objectLoose\n      // Make it optional if it's an intermediate object (not the root)\n      const obj = objectLoose({\n        [segment]: schema,\n      });\n      schema = i > 0 ? obj.optional() : obj;\n    }\n  }\n\n  return schema;\n};\n"]}

package/dist/chunk-36LBVB45.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-36LBVB45.js.map

package/dist/chunk-36LBVB45.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-3JAVQAL5.cjs

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=chunk-3JAVQAL5.cjs.map

package/dist/chunk-3JAVQAL5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3JAVQAL5.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3JAVQAL5.cjs"}

package/dist/chunk-3ZQXSGR2.cjs

@@ -1,67 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-var _chunk555JRYCScjs = require('./chunk-555JRYCS.cjs');
-
-// src/hooks/useInputValueDebounce/useInputValueDebounce.ts
-var _react = require('react');
-var useInputValueDebounce = ({
-  debounceDelay = 300,
-  onBlur,
-  onChange,
-  value
-}) => {
-  const [currentValue, setCurrentValue] = _react.useState.call(void 0, value);
-  const timeoutRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    setCurrentValue(value);
-  }, [value]);
-  const handleChange = _react.useCallback.call(void 0, 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (...event) => {
-      var _a, _b, _c;
-      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);
-      }
-      const executeOnChange = () => {
-        var _a2;
-        if ((_a2 = event[0]) == null ? void 0 : _a2.target) {
-          const convertedEvent = _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, event[0]), {
-            target: _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, event[0].target), {
-              value: newValue
-            })
-          });
-          onChange(convertedEvent, ...event.slice(1));
-        } else {
-          onChange(newValue);
-        }
-      };
-      if (debounceDelay <= 0) {
-        executeOnChange();
-      } else {
-        timeoutRef.current = setTimeout(executeOnChange, debounceDelay);
-      }
-    },
-    [onChange, debounceDelay]
-  );
-  const handleBlur = _react.useCallback.call(void 0, () => {
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = null;
-      onChange(currentValue);
-    }
-    onBlur();
-  }, [onChange, onBlur, currentValue]);
-  return {
-    onChange: handleChange,
-    onBlur: handleBlur,
-    value: currentValue
-  };
-};
-
-
-
-exports.useInputValueDebounce = useInputValueDebounce;
-//# sourceMappingURL=chunk-3ZQXSGR2.cjs.map

package/dist/chunk-3ZQXSGR2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3ZQXSGR2.cjs","../src/hooks/useInputValueDebounce/useInputValueDebounce.ts"],"names":["_a"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3ZQXSGR2.cjs","sourcesContent":[null,"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"]}