@fuf-stack/uniform 1.19.3 → 1.20.0

package/dist/{useWatchUserChange-CH4x16_r.d.ts.map → useWatchUserChange-BjRKMix1.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"useWatchUserChange-CH4x16_r.d.ts","names":[],"sources":["../src/hooks/useWatchUserChange/useWatchUserChange.ts"],"mappings":";;;UAYiB,yBAAA,sBAA+C,WAAA;;EAE9D,KAAA,EAAO,IAAA,CAAK,YAAA;EAF4B;;;;EAOxC,QAAA,GACE,KAAA,WACA,OAAA;IACE,QAAA,EAAU,eAAA,CAAgB,YAAA;IAC1B,UAAA,EAAY,iBAAA,CAAkB,YAAA;IAC9B,KAAA,EAAO,YAAA,CAAa,YAAA;EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;AA8D1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAa,kBAAA,wBACU,WAAA,GAAc,WAAA;EACnC,KAAA,EAAA,UAAA;EAAA;AAAA,GAGC,yBAAA,CAA0B,YAAA"}
+{"version":3,"file":"useWatchUserChange-BjRKMix1.d.ts","names":[],"sources":["../src/hooks/useWatchUserChange/useWatchUserChange.ts"],"mappings":";;;UAYiB,yBAAA,sBAA+C,WAAA;;EAE9D,KAAA,EAAO,IAAA,CAAK,YAAA;EAF4B;;;;EAOxC,QAAA,GACE,KAAA,WACA,OAAA;IACE,QAAA,EAAU,eAAA,CAAgB,YAAA;IAC1B,UAAA,EAAY,iBAAA,CAAkB,YAAA;IAC9B,KAAA,EAAO,YAAA,CAAa,YAAA;EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;AACrB;AA6DL;;;;;;;;;;;;;;;;;;;;;AAKyC;;;;;;;;;;;;;;cAL5B,kBAAA,wBACU,WAAA,GAAc,WAAA;EACnC,KAAA,EAAA,UAAA;EAAA;AAAA,GAGC,yBAAA,CAA0B,YAAA"}

package/dist/useWatchUserChange-CBuIa5kU.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useWatchUserChange-CBuIa5kU.cjs","names":["useFormContext"],"sources":["../src/hooks/useWatchUserChange/useWatchUserChange.ts"],"sourcesContent":["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 * Also does NOT trigger when selecting the same value (e.g., clicking\n * an already-selected option in a Select).\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,MAAa,sBAEX,EACA,OAAO,YACP,eAC6C;CAC7C,MAAM,EAAE,UAAU,YAAY,OAAO,eACnCA,uBAAAA,gBAA8B;AAEhC,EAAA,GAAA,MAAA,iBAAgB;EAEd,MAAM,YAAY,WAA+B,UAAmB;AAElE,OAAI,cAAc,WAEhB,UAAS,OAAO;IAAE;IAAU;IAAY;IAAO,CAAC;;AAQpD,SAHoB,WAAW,UAAU,SAGvB;IACjB;EAAC;EAAY;EAAU;EAAU;EAAY;EAAO;EAAW,CAAC"}
+{"version":3,"file":"useWatchUserChange-CBuIa5kU.cjs","names":["useFormContext"],"sources":["../src/hooks/useWatchUserChange/useWatchUserChange.ts"],"sourcesContent":["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 * Also does NOT trigger when selecting the same value (e.g., clicking\n * an already-selected option in a Select).\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,MAAa,sBAEX,EACA,OAAO,YACP,eAC6C;CAC7C,MAAM,EAAE,UAAU,YAAY,OAAO,eACnCA,uBAAAA,eAA6B;CAE/B,CAAA,GAAA,MAAA,iBAAgB;EAEd,MAAM,YAAY,WAA+B,UAAmB;GAElE,IAAI,cAAc,YAEhB,SAAS,OAAO;IAAE;IAAU;IAAY;GAAM,CAAC;EAEnD;EAMA,OAHoB,WAAW,UAAU,QAGxB;CACnB,GAAG;EAAC;EAAY;EAAU;EAAU;EAAY;EAAO;CAAU,CAAC;AACpE"}

package/dist/useWatchUserChange-CLgLc5W4.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWatchUserChange-CLgLc5W4.js","names":[],"sources":["../src/hooks/useWatchUserChange/useWatchUserChange.ts"],"sourcesContent":["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 * Also does NOT trigger when selecting the same value (e.g., clicking\n * an already-selected option in a Select).\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,MAAa,sBAEX,EACA,OAAO,YACP,eAC6C;CAC7C,MAAM,EAAE,UAAU,YAAY,OAAO,eACnC,gBAA8B;AAEhC,iBAAgB;EAEd,MAAM,YAAY,WAA+B,UAAmB;AAElE,OAAI,cAAc,WAEhB,UAAS,OAAO;IAAE;IAAU;IAAY;IAAO,CAAC;;AAQpD,SAHoB,WAAW,UAAU,SAGvB;IACjB;EAAC;EAAY;EAAU;EAAU;EAAY;EAAO;EAAW,CAAC"}
+{"version":3,"file":"useWatchUserChange-CLgLc5W4.js","names":[],"sources":["../src/hooks/useWatchUserChange/useWatchUserChange.ts"],"sourcesContent":["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 * Also does NOT trigger when selecting the same value (e.g., clicking\n * an already-selected option in a Select).\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,MAAa,sBAEX,EACA,OAAO,YACP,eAC6C;CAC7C,MAAM,EAAE,UAAU,YAAY,OAAO,eACnC,eAA6B;CAE/B,gBAAgB;EAEd,MAAM,YAAY,WAA+B,UAAmB;GAElE,IAAI,cAAc,YAEhB,SAAS,OAAO;IAAE;IAAU;IAAY;GAAM,CAAC;EAEnD;EAMA,OAHoB,WAAW,UAAU,QAGxB;CACnB,GAAG;EAAC;EAAY;EAAU;EAAU;EAAY;EAAO;CAAU,CAAC;AACpE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "1.19.3",
+  "version": "1.20.0",
   "description": "fuf react form library",
   "author": "Fröhlich ∧ Frei",
   "homepage": "https://github.com/fuf-stack/pixels#readme",
@@ -154,23 +154,23 @@
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@fuf-stack/pixel-motion": "1.2.0",
-    "@fuf-stack/pixel-utils": "1.2.0",
-    "@fuf-stack/pixels": "1.9.0",
-    "@fuf-stack/veto": "1.0.2",
-    "@heroui/button": "2.2.24",
-    "@heroui/checkbox": "2.3.24",
-    "@heroui/input": "2.4.25",
-    "@heroui/number-input": "2.0.18",
-    "@heroui/radio": "2.3.24",
-    "@heroui/select": "2.4.25",
-    "@heroui/slider": "2.4.24",
-    "@heroui/switch": "2.2.22",
-    "@heroui/system": "2.4.20",
-    "@heroui/theme": "2.4.20",
+    "@fuf-stack/pixel-utils": "1.3.0",
+    "@fuf-stack/pixels": "1.10.0",
+    "@fuf-stack/veto": "1.1.0",
+    "@heroui/button": "2.2.32",
+    "@heroui/checkbox": "2.3.32",
+    "@heroui/input": "2.4.33",
+    "@heroui/number-input": "2.0.23",
+    "@heroui/radio": "2.3.32",
+    "@heroui/select": "2.4.33",
+    "@heroui/slider": "2.4.29",
+    "@heroui/switch": "2.2.27",
+    "@heroui/system": "2.4.28",
+    "@heroui/theme": "2.4.26",
     "@react-aria/visually-hidden": "3.9.0",
     "debug": "4.4.3",
     "framer-motion": "12.38.0",
-    "react-hook-form": "7.72.1",
+    "react-hook-form": "7.75.0",
     "react-icons": "5.6.0",
     "react-select": "5.10.2"
   },
@@ -178,12 +178,8 @@
     "@types/debug": "4.1.13",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "react": "19.2.5",
-    "react-dom": "19.2.5"
+    "react": "19.2.6",
+    "react-dom": "19.2.6"
   },
-  "inlinedDependencies": {
-    "tailwind-merge": "3.3.1",
-    "tailwind-variants": "2.0.1"
-  },
-  "gitHead": "05b0e631b977d2933a03be33226d52c112b8f1f9"
+  "gitHead": "cc422600dec1cf097eddb3700a7704c7289e4670"
 }

package/dist/FormContext-B4KQxdl7.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormContext-B4KQxdl7.d.ts","names":[],"sources":["../src/Form/subcomponents/FormContext.tsx"],"mappings":";;;;;UAsBiB,iBAAA;EAAiB;EAEhC,OAAA;EAAA;EAEA,eAAA;AAAA;;;;KAMU,kBAAA,0CACV,SAAA,EAAW,IAAA,CAAK,YAAA,GAChB,KAAA"}

package/dist/FormContext-BuG3xZFe.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormContext-BuG3xZFe.d.cts","names":[],"sources":["../src/Form/subcomponents/FormContext.tsx"],"mappings":";;;;;UAsBiB,iBAAA;EAAiB;EAEhC,OAAA;EAAA;EAEA,eAAA;AAAA;;;;KAMU,kBAAA,0CACV,SAAA,EAAW,IAAA,CAAK,YAAA,GAChB,KAAA"}

package/dist/index-1Gzrph8R.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-1Gzrph8R.d.cts","names":[],"sources":["../src/RadioBoxes/RadioBoxes.tsx","../src/RadioBoxes/RadioBox.tsx"],"mappings":";;;;;cAaa,kBAAA;;mBAcX,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,YAAA,GAAe,OAAA,QAAe,kBAAA;AAAA,KAC9B,SAAA,GAAY,WAAA,QAAmB,kBAAA;AAAA,UAEnB,gBAAA;;EAEf,WAAA,GAAc,SAAA;;EAEd,QAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,IAAA,GAAO,SAAA;;EAEP,MAAA;;EAEA,KAAA;AAAA;AAAA,UAGe,eAAA,SAAwB,YAAA;;EAEvC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,MAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,IAAA;;EAEA,OAAA,EAAS,gBAAA;;EAET,MAAA;AAAA;;;;cAMI,UAAA;EAAc,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAMjB,eAAA,KAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;;;cClEL,gBAAA,EAqBX,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAA,YAAA"}

package/dist/index-1PiP0cNG.d.ts

@@ -1,278 +0,0 @@
-import { n as ClassNameValue, t as TVReturnType } from "./index-DwqOejxR.js";
-import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import { Props } from "react-select";
-
-//#region src/Select/Select.d.ts
-declare const selectVariants: TVReturnType<{
-  [key: string]: {
-    [key: string]: ClassNameValue | {
-      base?: ClassNameValue;
-      input?: ClassNameValue;
-      placeholder?: ClassNameValue;
-      label?: ClassNameValue;
-      control?: ClassNameValue;
-      menu?: ClassNameValue;
-      option?: ClassNameValue;
-      group?: ClassNameValue;
-      clearIndicator?: ClassNameValue;
-      control_focused?: ClassNameValue;
-      crossIcon?: ClassNameValue;
-      downChevron?: ClassNameValue;
-      dropdownIndicator?: ClassNameValue;
-      groupHeading?: ClassNameValue;
-      indicatorsContainer?: ClassNameValue;
-      indicatorSeparator?: ClassNameValue;
-      loadingIndicator?: ClassNameValue;
-      loadingMessage?: ClassNameValue;
-      menuList?: ClassNameValue;
-      menuPortal?: ClassNameValue;
-      multiValue?: ClassNameValue;
-      multiValueContainer?: ClassNameValue;
-      multiValueLabel?: ClassNameValue;
-      multiValueRemove?: ClassNameValue;
-      noOptionsMessage?: ClassNameValue;
-      option_focused?: ClassNameValue;
-      option_selected?: ClassNameValue;
-      selectContainer?: ClassNameValue;
-      singleValue?: ClassNameValue;
-      valueContainer?: ClassNameValue;
-    };
-  };
-} | {
-  [x: string]: {
-    [x: string]: ClassNameValue | {
-      base?: ClassNameValue;
-      input?: ClassNameValue;
-      placeholder?: ClassNameValue;
-      label?: ClassNameValue;
-      control?: ClassNameValue;
-      menu?: ClassNameValue;
-      option?: ClassNameValue;
-      group?: ClassNameValue;
-      clearIndicator?: ClassNameValue;
-      control_focused?: ClassNameValue;
-      crossIcon?: ClassNameValue;
-      downChevron?: ClassNameValue;
-      dropdownIndicator?: ClassNameValue;
-      groupHeading?: ClassNameValue;
-      indicatorsContainer?: ClassNameValue;
-      indicatorSeparator?: ClassNameValue;
-      loadingIndicator?: ClassNameValue;
-      loadingMessage?: ClassNameValue;
-      menuList?: ClassNameValue;
-      menuPortal?: ClassNameValue;
-      multiValue?: ClassNameValue;
-      multiValueContainer?: ClassNameValue;
-      multiValueLabel?: ClassNameValue;
-      multiValueRemove?: ClassNameValue;
-      noOptionsMessage?: ClassNameValue;
-      option_focused?: ClassNameValue;
-      option_selected?: ClassNameValue;
-      selectContainer?: ClassNameValue;
-      singleValue?: ClassNameValue;
-      valueContainer?: ClassNameValue;
-    };
-  };
-} | {}, {
-  base: string;
-  clearIndicator: string;
-  control: string;
-  control_focused: string;
-  crossIcon: string;
-  downChevron: string;
-  dropdownIndicator: string;
-  group: string;
-  groupHeading: string;
-  indicatorsContainer: string;
-  indicatorSeparator: string;
-  input: string;
-  label: string;
-  loadingIndicator: string;
-  loadingMessage: string;
-  menu: string;
-  menuList: string;
-  menuPortal: string;
-  multiValue: string;
-  multiValueContainer: string;
-  multiValueLabel: string;
-  multiValueRemove: string;
-  noOptionsMessage: string;
-  option_focused: string;
-  option_selected: string;
-  option: string;
-  placeholder: string;
-  selectContainer: string;
-  singleValue: string;
-  valueContainer: string;
-}, undefined, {
-  [key: string]: {
-    [key: string]: ClassNameValue | {
-      base?: ClassNameValue;
-      input?: ClassNameValue;
-      placeholder?: ClassNameValue;
-      label?: ClassNameValue;
-      control?: ClassNameValue;
-      menu?: ClassNameValue;
-      option?: ClassNameValue;
-      group?: ClassNameValue;
-      clearIndicator?: ClassNameValue;
-      control_focused?: ClassNameValue;
-      crossIcon?: ClassNameValue;
-      downChevron?: ClassNameValue;
-      dropdownIndicator?: ClassNameValue;
-      groupHeading?: ClassNameValue;
-      indicatorsContainer?: ClassNameValue;
-      indicatorSeparator?: ClassNameValue;
-      loadingIndicator?: ClassNameValue;
-      loadingMessage?: ClassNameValue;
-      menuList?: ClassNameValue;
-      menuPortal?: ClassNameValue;
-      multiValue?: ClassNameValue;
-      multiValueContainer?: ClassNameValue;
-      multiValueLabel?: ClassNameValue;
-      multiValueRemove?: ClassNameValue;
-      noOptionsMessage?: ClassNameValue;
-      option_focused?: ClassNameValue;
-      option_selected?: ClassNameValue;
-      selectContainer?: ClassNameValue;
-      singleValue?: ClassNameValue;
-      valueContainer?: ClassNameValue;
-    };
-  };
-} | {}, {
-  base: string;
-  clearIndicator: string;
-  control: string;
-  control_focused: string;
-  crossIcon: string;
-  downChevron: string;
-  dropdownIndicator: string;
-  group: string;
-  groupHeading: string;
-  indicatorsContainer: string;
-  indicatorSeparator: string;
-  input: string;
-  label: string;
-  loadingIndicator: string;
-  loadingMessage: string;
-  menu: string;
-  menuList: string;
-  menuPortal: string;
-  multiValue: string;
-  multiValueContainer: string;
-  multiValueLabel: string;
-  multiValueRemove: string;
-  noOptionsMessage: string;
-  option_focused: string;
-  option_selected: string;
-  option: string;
-  placeholder: string;
-  selectContainer: string;
-  singleValue: string;
-  valueContainer: string;
-}, TVReturnType<unknown, {
-  base: string;
-  clearIndicator: string;
-  control: string;
-  control_focused: string;
-  crossIcon: string;
-  downChevron: string;
-  dropdownIndicator: string;
-  group: string;
-  groupHeading: string;
-  indicatorsContainer: string;
-  indicatorSeparator: string;
-  input: string;
-  label: string;
-  loadingIndicator: string;
-  loadingMessage: string;
-  menu: string;
-  menuList: string;
-  menuPortal: string;
-  multiValue: string;
-  multiValueContainer: string;
-  multiValueLabel: string;
-  multiValueRemove: string;
-  noOptionsMessage: string;
-  option_focused: string;
-  option_selected: string;
-  option: string;
-  placeholder: string;
-  selectContainer: string;
-  singleValue: string;
-  valueContainer: string;
-}, undefined, unknown, unknown, undefined>>;
-interface SelectOption {
-  /**
-   * True when option was auto-generated because the value wasn't found in options.
-   * Use in renderOptionLabel to render a component that fetches the real label.
-   */
-  isFallback?: boolean;
-  /** option label */
-  label?: ReactNode;
-  /** option value */
-  value: string | number;
-}
-type VariantProps = TVProps<typeof selectVariants>;
-type ClassName = TVClassName<typeof selectVariants>;
-interface SelectProps extends VariantProps {
-  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
-  ariaLabel?: string;
-  /** CSS class name */
-  className?: ClassName;
-  /** Determine if the  */
-  clearable?: boolean;
-  /** Set the select to disabled state. */
-  disabled?: boolean;
-  /** Filter Select Options */
-  filterOption?: undefined | ((option?: SelectOption, inputValue?: string) => boolean);
-  /** Format the label of the option */
-  renderOptionLabel?: undefined | Props['formatOptionLabel'];
-  /** The value of the search input */
-  inputValue?: string;
-  /** Label that should be associated with the select. */
-  label?: ReactNode;
-  /** Set the select to a loading state. */
-  loading?: boolean;
-  /** switch between single and multi select mode. */
-  multiSelect?: boolean;
-  /** The name for the Select component, used by react-hook-form */
-  name: string;
-  /** Placeholder that is displayed when nothing is selected */
-  placeholder?: string;
-  /** The options for the Select component */
-  options: SelectOption[];
-  /** Handle change events on the input */
-  onInputChange?: Props['onInputChange'];
-  /**
-   * Fallback option(s) for async selects when value isn't in current options.
-   * Use when the selected value may not be in the options list (e.g., after
-   * search results change). Used only if value not found in options.
-   * For single select: pass the option object or undefined
-   * For multi-select: pass an array of option objects
-   */
-  selectedOptionFallback?: SelectOption | SelectOption[];
-  /** HTML data-testid attribute used in e2e tests */
-  testId?: string;
-}
-/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */
-declare const Select: ({
-  className,
-  clearable,
-  filterOption,
-  renderOptionLabel,
-  inputValue,
-  loading,
-  multiSelect,
-  name,
-  onInputChange,
-  options,
-  placeholder,
-  selectedOptionFallback,
-  ...uniformFieldProps
-}: SelectProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { SelectProps as n, Select as t };
-//# sourceMappingURL=index-1PiP0cNG.d.ts.map

package/dist/index-1PiP0cNG.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-1PiP0cNG.d.ts","names":[],"sources":["../src/Select/Select.tsx"],"mappings":";;;;;;;cAea,cAAA;;mBA0CX,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAEQ,YAAA;;;;;EAKR,UAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,KAAA;AAAA;AAAA,KAGG,YAAA,GAAe,OAAA,QAAe,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAA,QAAmB,cAAA;AAAA,UAEnB,WAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,SAAA;;EAEA,QAAA;;EAEA,YAAA,iBAEM,MAAA,GAAS,YAAA,EAAc,UAAA;;EAE7B,iBAAA,eAAgC,KAAA;;EAEhC,UAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,OAAA;;EAEA,WAAA;;EAEA,IAAA;;EAEA,WAAA;;EAEA,OAAA,EAAS,YAAA;;EAET,aAAA,GAAgB,KAAA;;;;;;;;EAQhB,sBAAA,GAAyB,YAAA,GAAe,YAAA;;EAExC,MAAA;AAAA;;cAkDI,MAAA;EAAU,SAAA;EAAA,SAAA;EAAA,YAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,OAAA;EAAA,WAAA;EAAA,IAAA;EAAA,aAAA;EAAA,OAAA;EAAA,WAAA;EAAA,sBAAA;EAAA,GAAA;AAAA,GAcb,WAAA,KAAW,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/index-2Xp98tj6.d.cts

@@ -1,278 +0,0 @@
-import { n as ClassNameValue, t as TVReturnType } from "./index-DsC0y6kU.cjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
-import { ReactNode } from "react";
-import { Props } from "react-select";
-
-//#region src/Select/Select.d.ts
-declare const selectVariants: TVReturnType<{
-  [key: string]: {
-    [key: string]: ClassNameValue | {
-      base?: ClassNameValue;
-      input?: ClassNameValue;
-      placeholder?: ClassNameValue;
-      label?: ClassNameValue;
-      control?: ClassNameValue;
-      menu?: ClassNameValue;
-      option?: ClassNameValue;
-      group?: ClassNameValue;
-      clearIndicator?: ClassNameValue;
-      control_focused?: ClassNameValue;
-      crossIcon?: ClassNameValue;
-      downChevron?: ClassNameValue;
-      dropdownIndicator?: ClassNameValue;
-      groupHeading?: ClassNameValue;
-      indicatorsContainer?: ClassNameValue;
-      indicatorSeparator?: ClassNameValue;
-      loadingIndicator?: ClassNameValue;
-      loadingMessage?: ClassNameValue;
-      menuList?: ClassNameValue;
-      menuPortal?: ClassNameValue;
-      multiValue?: ClassNameValue;
-      multiValueContainer?: ClassNameValue;
-      multiValueLabel?: ClassNameValue;
-      multiValueRemove?: ClassNameValue;
-      noOptionsMessage?: ClassNameValue;
-      option_focused?: ClassNameValue;
-      option_selected?: ClassNameValue;
-      selectContainer?: ClassNameValue;
-      singleValue?: ClassNameValue;
-      valueContainer?: ClassNameValue;
-    };
-  };
-} | {
-  [x: string]: {
-    [x: string]: ClassNameValue | {
-      base?: ClassNameValue;
-      input?: ClassNameValue;
-      placeholder?: ClassNameValue;
-      label?: ClassNameValue;
-      control?: ClassNameValue;
-      menu?: ClassNameValue;
-      option?: ClassNameValue;
-      group?: ClassNameValue;
-      clearIndicator?: ClassNameValue;
-      control_focused?: ClassNameValue;
-      crossIcon?: ClassNameValue;
-      downChevron?: ClassNameValue;
-      dropdownIndicator?: ClassNameValue;
-      groupHeading?: ClassNameValue;
-      indicatorsContainer?: ClassNameValue;
-      indicatorSeparator?: ClassNameValue;
-      loadingIndicator?: ClassNameValue;
-      loadingMessage?: ClassNameValue;
-      menuList?: ClassNameValue;
-      menuPortal?: ClassNameValue;
-      multiValue?: ClassNameValue;
-      multiValueContainer?: ClassNameValue;
-      multiValueLabel?: ClassNameValue;
-      multiValueRemove?: ClassNameValue;
-      noOptionsMessage?: ClassNameValue;
-      option_focused?: ClassNameValue;
-      option_selected?: ClassNameValue;
-      selectContainer?: ClassNameValue;
-      singleValue?: ClassNameValue;
-      valueContainer?: ClassNameValue;
-    };
-  };
-} | {}, {
-  base: string;
-  clearIndicator: string;
-  control: string;
-  control_focused: string;
-  crossIcon: string;
-  downChevron: string;
-  dropdownIndicator: string;
-  group: string;
-  groupHeading: string;
-  indicatorsContainer: string;
-  indicatorSeparator: string;
-  input: string;
-  label: string;
-  loadingIndicator: string;
-  loadingMessage: string;
-  menu: string;
-  menuList: string;
-  menuPortal: string;
-  multiValue: string;
-  multiValueContainer: string;
-  multiValueLabel: string;
-  multiValueRemove: string;
-  noOptionsMessage: string;
-  option_focused: string;
-  option_selected: string;
-  option: string;
-  placeholder: string;
-  selectContainer: string;
-  singleValue: string;
-  valueContainer: string;
-}, undefined, {
-  [key: string]: {
-    [key: string]: ClassNameValue | {
-      base?: ClassNameValue;
-      input?: ClassNameValue;
-      placeholder?: ClassNameValue;
-      label?: ClassNameValue;
-      control?: ClassNameValue;
-      menu?: ClassNameValue;
-      option?: ClassNameValue;
-      group?: ClassNameValue;
-      clearIndicator?: ClassNameValue;
-      control_focused?: ClassNameValue;
-      crossIcon?: ClassNameValue;
-      downChevron?: ClassNameValue;
-      dropdownIndicator?: ClassNameValue;
-      groupHeading?: ClassNameValue;
-      indicatorsContainer?: ClassNameValue;
-      indicatorSeparator?: ClassNameValue;
-      loadingIndicator?: ClassNameValue;
-      loadingMessage?: ClassNameValue;
-      menuList?: ClassNameValue;
-      menuPortal?: ClassNameValue;
-      multiValue?: ClassNameValue;
-      multiValueContainer?: ClassNameValue;
-      multiValueLabel?: ClassNameValue;
-      multiValueRemove?: ClassNameValue;
-      noOptionsMessage?: ClassNameValue;
-      option_focused?: ClassNameValue;
-      option_selected?: ClassNameValue;
-      selectContainer?: ClassNameValue;
-      singleValue?: ClassNameValue;
-      valueContainer?: ClassNameValue;
-    };
-  };
-} | {}, {
-  base: string;
-  clearIndicator: string;
-  control: string;
-  control_focused: string;
-  crossIcon: string;
-  downChevron: string;
-  dropdownIndicator: string;
-  group: string;
-  groupHeading: string;
-  indicatorsContainer: string;
-  indicatorSeparator: string;
-  input: string;
-  label: string;
-  loadingIndicator: string;
-  loadingMessage: string;
-  menu: string;
-  menuList: string;
-  menuPortal: string;
-  multiValue: string;
-  multiValueContainer: string;
-  multiValueLabel: string;
-  multiValueRemove: string;
-  noOptionsMessage: string;
-  option_focused: string;
-  option_selected: string;
-  option: string;
-  placeholder: string;
-  selectContainer: string;
-  singleValue: string;
-  valueContainer: string;
-}, TVReturnType<unknown, {
-  base: string;
-  clearIndicator: string;
-  control: string;
-  control_focused: string;
-  crossIcon: string;
-  downChevron: string;
-  dropdownIndicator: string;
-  group: string;
-  groupHeading: string;
-  indicatorsContainer: string;
-  indicatorSeparator: string;
-  input: string;
-  label: string;
-  loadingIndicator: string;
-  loadingMessage: string;
-  menu: string;
-  menuList: string;
-  menuPortal: string;
-  multiValue: string;
-  multiValueContainer: string;
-  multiValueLabel: string;
-  multiValueRemove: string;
-  noOptionsMessage: string;
-  option_focused: string;
-  option_selected: string;
-  option: string;
-  placeholder: string;
-  selectContainer: string;
-  singleValue: string;
-  valueContainer: string;
-}, undefined, unknown, unknown, undefined>>;
-interface SelectOption {
-  /**
-   * True when option was auto-generated because the value wasn't found in options.
-   * Use in renderOptionLabel to render a component that fetches the real label.
-   */
-  isFallback?: boolean;
-  /** option label */
-  label?: ReactNode;
-  /** option value */
-  value: string | number;
-}
-type VariantProps = TVProps<typeof selectVariants>;
-type ClassName = TVClassName<typeof selectVariants>;
-interface SelectProps extends VariantProps {
-  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
-  ariaLabel?: string;
-  /** CSS class name */
-  className?: ClassName;
-  /** Determine if the  */
-  clearable?: boolean;
-  /** Set the select to disabled state. */
-  disabled?: boolean;
-  /** Filter Select Options */
-  filterOption?: undefined | ((option?: SelectOption, inputValue?: string) => boolean);
-  /** Format the label of the option */
-  renderOptionLabel?: undefined | Props['formatOptionLabel'];
-  /** The value of the search input */
-  inputValue?: string;
-  /** Label that should be associated with the select. */
-  label?: ReactNode;
-  /** Set the select to a loading state. */
-  loading?: boolean;
-  /** switch between single and multi select mode. */
-  multiSelect?: boolean;
-  /** The name for the Select component, used by react-hook-form */
-  name: string;
-  /** Placeholder that is displayed when nothing is selected */
-  placeholder?: string;
-  /** The options for the Select component */
-  options: SelectOption[];
-  /** Handle change events on the input */
-  onInputChange?: Props['onInputChange'];
-  /**
-   * Fallback option(s) for async selects when value isn't in current options.
-   * Use when the selected value may not be in the options list (e.g., after
-   * search results change). Used only if value not found in options.
-   * For single select: pass the option object or undefined
-   * For multi-select: pass an array of option objects
-   */
-  selectedOptionFallback?: SelectOption | SelectOption[];
-  /** HTML data-testid attribute used in e2e tests */
-  testId?: string;
-}
-/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */
-declare const Select: ({
-  className,
-  clearable,
-  filterOption,
-  renderOptionLabel,
-  inputValue,
-  loading,
-  multiSelect,
-  name,
-  onInputChange,
-  options,
-  placeholder,
-  selectedOptionFallback,
-  ...uniformFieldProps
-}: SelectProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-export { SelectProps as n, Select as t };
-//# sourceMappingURL=index-2Xp98tj6.d.cts.map