@fuf-stack/uniform 1.21.0 → 1.22.1

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

@@ -0,0 +1,166 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/DatePicker/DatePicker.d.ts
+declare const datePickerVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      inputWrapper?: import("tailwind-merge").ClassNameValue;
+      calendar?: import("tailwind-merge").ClassNameValue;
+      calendarContent?: import("tailwind-merge").ClassNameValue;
+      popoverContent?: import("tailwind-merge").ClassNameValue;
+      selectorButton?: import("tailwind-merge").ClassNameValue;
+      selectorIcon?: import("tailwind-merge").ClassNameValue;
+      timeInput?: import("tailwind-merge").ClassNameValue;
+      timeInputLabel?: import("tailwind-merge").ClassNameValue;
+      helperWrapper?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      inputWrapper?: import("tailwind-merge").ClassNameValue;
+      calendar?: import("tailwind-merge").ClassNameValue;
+      calendarContent?: import("tailwind-merge").ClassNameValue;
+      popoverContent?: import("tailwind-merge").ClassNameValue;
+      selectorButton?: import("tailwind-merge").ClassNameValue;
+      selectorIcon?: import("tailwind-merge").ClassNameValue;
+      timeInput?: import("tailwind-merge").ClassNameValue;
+      timeInputLabel?: import("tailwind-merge").ClassNameValue;
+      helperWrapper?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  /** wrapper around the whole date picker */base: string; /** helper wrapper for error/description */
+  helperWrapper: string[]; /** the calendar element */
+  calendar: string; /** the calendar's content element */
+  calendarContent: string;
+  /**
+   * inner wrapper (HeroUI inputWrapper slot)
+   *
+   * NOTE: Unlike HeroUI Input, the DatePicker does not expose a
+   * `data-focus` indicator on the group, so the focus border has to be
+   * driven by the native `focus-within` state of the segment inputs.
+   */
+  inputWrapper: string; /** the calendar popover element */
+  popoverContent: string; /** selector button element */
+  selectorButton: string; /** selector icon element */
+  selectorIcon: string; /** the time-input component element */
+  timeInput: string; /** the time-input component's label element */
+  timeInputLabel: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      inputWrapper?: import("tailwind-merge").ClassNameValue;
+      calendar?: import("tailwind-merge").ClassNameValue;
+      calendarContent?: import("tailwind-merge").ClassNameValue;
+      popoverContent?: import("tailwind-merge").ClassNameValue;
+      selectorButton?: import("tailwind-merge").ClassNameValue;
+      selectorIcon?: import("tailwind-merge").ClassNameValue;
+      timeInput?: import("tailwind-merge").ClassNameValue;
+      timeInputLabel?: import("tailwind-merge").ClassNameValue;
+      helperWrapper?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  /** wrapper around the whole date picker */base: string; /** helper wrapper for error/description */
+  helperWrapper: string[]; /** the calendar element */
+  calendar: string; /** the calendar's content element */
+  calendarContent: string;
+  /**
+   * inner wrapper (HeroUI inputWrapper slot)
+   *
+   * NOTE: Unlike HeroUI Input, the DatePicker does not expose a
+   * `data-focus` indicator on the group, so the focus border has to be
+   * driven by the native `focus-within` state of the segment inputs.
+   */
+  inputWrapper: string; /** the calendar popover element */
+  popoverContent: string; /** selector button element */
+  selectorButton: string; /** selector icon element */
+  selectorIcon: string; /** the time-input component element */
+  timeInput: string; /** the time-input component's label element */
+  timeInputLabel: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  /** wrapper around the whole date picker */base: string; /** helper wrapper for error/description */
+  helperWrapper: string[]; /** the calendar element */
+  calendar: string; /** the calendar's content element */
+  calendarContent: string;
+  /**
+   * inner wrapper (HeroUI inputWrapper slot)
+   *
+   * NOTE: Unlike HeroUI Input, the DatePicker does not expose a
+   * `data-focus` indicator on the group, so the focus border has to be
+   * driven by the native `focus-within` state of the segment inputs.
+   */
+  inputWrapper: string; /** the calendar popover element */
+  popoverContent: string; /** selector button element */
+  selectorButton: string; /** selector icon element */
+  selectorIcon: string; /** the time-input component element */
+  timeInput: string; /** the time-input component's label element */
+  timeInputLabel: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof datePickerVariants>;
+type ClassName = TVClassName<typeof datePickerVariants>;
+interface DatePickerProps 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;
+  /** date picker is disabled */
+  disabled?: boolean;
+  /**
+   * Optional hour cycle override.
+   *
+   * When omitted, the picker uses the user's locale default (12-hour or 24-hour).
+   */
+  hourCycle?: 12 | 24;
+  /** hide timezone abbreviation for zoned values */
+  hideTimeZone?: boolean;
+  /** form field label */
+  label?: ReactNode;
+  /** latest selectable value as ISO string */
+  maxValue?: string;
+  /** earliest selectable value as ISO string */
+  minValue?: string;
+  /** form field name */
+  name: string;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /**
+   * Optional advanced override for the display/interpretation timezone.
+   *
+   * When omitted, the picker uses the current user's local timezone while
+   * `withTime` is enabled.
+   */
+  timeZone?: string;
+  /**
+   * Enables date-time mode.
+   *
+   * - `false` (default): date-only input (`day` granularity)
+   * - `true`: includes time segments (`minute` granularity)
+   */
+  withTime?: boolean;
+  /** value format stored in form state (`string` stores UTC ISO values) */
+  valueType?: 'dateValue' | 'string';
+}
+/**
+ * DatePicker component based on [HeroUI DatePicker](https://v2.heroui.com/docs/components/date-picker)
+ */
+declare const DatePicker: ({
+  className: _className,
+  hourCycle,
+  hideTimeZone,
+  maxValue,
+  minValue,
+  name,
+  timeZone,
+  valueType,
+  withTime,
+  ...uniformFieldProps
+}: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { DatePickerProps as n, DatePicker as t };
+//# sourceMappingURL=index-1EuWAERx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-1EuWAERx.d.ts","names":[],"sources":["../src/DatePicker/DatePicker.tsx"],"mappings":";;;;cAiBa,kBAAA,8BAAkB,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgC5B;;;;AAEkD;AAAA;;0BACC;0BAErB;wBAInB;qBAJ2B;;;KAHpC,YAAA,GAAe,OAAO,QAAQ,kBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,kBAAA;AAAA,UAEnB,eAAA,SAAwB,YAAA;EAI3B;EAFZ,SAAA;EAUA;EARA,SAAA,GAAY,SAAA;EAYZ;EAVA,QAAA;EAYA;;;;;EANA,SAAA;EA4BA;EA1BA,YAAA;EA0BS;EAxBT,KAAA,GAAQ,SAAA;EAuIT;EArIC,QAAA;EA4BkB;EA1BlB,QAAA;EA0BkB;EAxBlB,IAAA;EAwBkB;EAtBlB,MAAA;EAsBkB;;;;;;EAflB,QAAA;EAekB;;;;;;EARlB,QAAA;EAQkB;EANlB,SAAA;AAAA;;;;cAMI,UAAA;EAAc,SAAA,EAAA,UAAA;EAAA,SAAA;EAAA,YAAA;EAAA,QAAA;EAAA,QAAA;EAAA,IAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAWjB,eAAA,iCAAe,GAAA,CAAA,OAAA"}

package/dist/{index-RCXYx5Yp.d.ts → index-2VnDgA2J.d.ts}

@@ -6,10 +6,10 @@ import { SwitchProps } from "@heroui/switch";
 declare const switchVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
-      label?: import("tailwind-merge").ClassNameValue;
-      errorMessage?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
+      label?: import("tailwind-merge").ClassNameValue;
       endContent?: import("tailwind-merge").ClassNameValue;
+      errorMessage?: import("tailwind-merge").ClassNameValue;
       outerWrapper?: import("tailwind-merge").ClassNameValue;
       startContent?: import("tailwind-merge").ClassNameValue;
       thumb?: import("tailwind-merge").ClassNameValue;
@@ -20,10 +20,10 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
 } | {
   [x: string]: {
     [x: string]: import("tailwind-merge").ClassNameValue | {
-      label?: import("tailwind-merge").ClassNameValue;
-      errorMessage?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
+      label?: import("tailwind-merge").ClassNameValue;
       endContent?: import("tailwind-merge").ClassNameValue;
+      errorMessage?: import("tailwind-merge").ClassNameValue;
       outerWrapper?: import("tailwind-merge").ClassNameValue;
       startContent?: import("tailwind-merge").ClassNameValue;
       thumb?: import("tailwind-merge").ClassNameValue;
@@ -44,10 +44,10 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
 }, undefined, {
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
-      label?: import("tailwind-merge").ClassNameValue;
-      errorMessage?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
+      label?: import("tailwind-merge").ClassNameValue;
       endContent?: import("tailwind-merge").ClassNameValue;
+      errorMessage?: import("tailwind-merge").ClassNameValue;
       outerWrapper?: import("tailwind-merge").ClassNameValue;
       startContent?: import("tailwind-merge").ClassNameValue;
       thumb?: import("tailwind-merge").ClassNameValue;
@@ -113,4 +113,4 @@ declare const Switch$1: ({
 }: SwitchProps$1) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { SwitchProps$1 as n, Switch$1 as t };
-//# sourceMappingURL=index-RCXYx5Yp.d.ts.map
+//# sourceMappingURL=index-2VnDgA2J.d.ts.map

package/dist/{index-RCXYx5Yp.d.ts.map → index-2VnDgA2J.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-RCXYx5Yp.d.ts","names":[],"sources":["../src/Switch/Switch.tsx"],"mappings":";;;;;cAaa,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiBtB,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,aAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,UAAA,GAAa,SAAA;;EAEb,KAAA,GAAQ,SAAA;;EAER,IAAA;EAEA,IAAA;;EAEA,YAAA,GAAe,SAAA;;EAEf,MAAA;;EAEA,SAAA,GAAY,WAAA;AAAA;;;;cAMR,QAAA;EAAU,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAQb,aAAA,iCAAW,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-2VnDgA2J.d.ts","names":[],"sources":["../src/Switch/Switch.tsx"],"mappings":";;;;;cAaa,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiBtB,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,aAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,UAAA,GAAa,SAAA;;EAEb,KAAA,GAAQ,SAAA;;EAER,IAAA;EAEA,IAAA;;EAEA,YAAA,GAAe,SAAA;;EAEf,MAAA;;EAEA,SAAA,GAAY,WAAA;AAAA;;;;cAMR,QAAA;EAAU,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAQb,aAAA,iCAAW,GAAA,CAAA,OAAA"}

package/dist/{index-Dz1C3MeK.d.cts → index-9_3XTDJC.d.cts}

@@ -4,8 +4,8 @@ import { ReactNode } from "react";
 declare const radioBoxesVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
-      label?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
+      label?: import("tailwind-merge").ClassNameValue;
       wrapper?: import("tailwind-merge").ClassNameValue;
       boxBase?: import("tailwind-merge").ClassNameValue;
       boxControl?: import("tailwind-merge").ClassNameValue;
@@ -17,8 +17,8 @@ declare const radioBoxesVariants: import("tailwind-variants").TVReturnType<{
 } | {
   [x: string]: {
     [x: string]: import("tailwind-merge").ClassNameValue | {
-      label?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
+      label?: import("tailwind-merge").ClassNameValue;
       wrapper?: import("tailwind-merge").ClassNameValue;
       boxBase?: import("tailwind-merge").ClassNameValue;
       boxControl?: import("tailwind-merge").ClassNameValue;
@@ -39,8 +39,8 @@ declare const radioBoxesVariants: import("tailwind-variants").TVReturnType<{
 }, undefined, {
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
-      label?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
+      label?: import("tailwind-merge").ClassNameValue;
       wrapper?: import("tailwind-merge").ClassNameValue;
       boxBase?: import("tailwind-merge").ClassNameValue;
       boxControl?: import("tailwind-merge").ClassNameValue;
@@ -171,4 +171,4 @@ declare const radioBoxVariants: import("tailwind-variants").TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 //#endregion
 export { RadioBoxes as n, RadioBoxesProps as r, radioBoxVariants as t };
-//# sourceMappingURL=index-Dz1C3MeK.d.cts.map
+//# sourceMappingURL=index-9_3XTDJC.d.cts.map

package/dist/{index-Dz1C3MeK.d.cts.map → index-9_3XTDJC.d.cts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Dz1C3MeK.d.cts","names":[],"sources":["../src/RadioBoxes/RadioBoxes.tsx","../src/RadioBoxes/RadioBox.tsx"],"mappings":";;;cAaa,kBAAA,8BAAkB,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgB1B,YAAA,GAAe,OAAO,QAAQ,kBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,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;EA1BG;EA4BH,KAAA,GAAQ,SAAA;;EAER,IAAA;EA9BmD;EAgCnD,OAAA,EAAS,gBAAA;EA/BG;EAiCZ,MAAA;AAAA;AAjCoD;AAEtD;;AAFsD,cAuChD,UAAA;EAAc,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAMjB,eAAA,iCAAe,GAAA,CAAA,OAAA;;;cClEL,gBAAA,8BAAgB,YAAA"}
+{"version":3,"file":"index-9_3XTDJC.d.cts","names":[],"sources":["../src/RadioBoxes/RadioBoxes.tsx","../src/RadioBoxes/RadioBox.tsx"],"mappings":";;;cAaa,kBAAA,8BAAkB,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgB1B,YAAA,GAAe,OAAO,QAAQ,kBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,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;EA1BG;EA4BH,KAAA,GAAQ,SAAA;;EAER,IAAA;EA9BmD;EAgCnD,OAAA,EAAS,gBAAA;EA/BG;EAiCZ,MAAA;AAAA;AAjCoD;AAEtD;;AAFsD,cAuChD,UAAA;EAAc,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAMjB,eAAA,iCAAe,GAAA,CAAA,OAAA;;;cClEL,gBAAA,8BAAgB,YAAA"}

package/dist/{index-CRMktKZA.d.ts → index-B0MgOw9G.d.ts}

@@ -5,19 +5,19 @@ import { ReactNode } from "react";
 declare const textAreaVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
-      input?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
-      inputWrapper?: import("tailwind-merge").ClassNameValue;
       clearButton?: import("tailwind-merge").ClassNameValue;
+      input?: import("tailwind-merge").ClassNameValue;
+      inputWrapper?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
   [x: string]: {
     [x: string]: import("tailwind-merge").ClassNameValue | {
-      input?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
-      inputWrapper?: import("tailwind-merge").ClassNameValue;
       clearButton?: import("tailwind-merge").ClassNameValue;
+      input?: import("tailwind-merge").ClassNameValue;
+      inputWrapper?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -28,10 +28,10 @@ declare const textAreaVariants: import("tailwind-variants").TVReturnType<{
 }, undefined, {
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
-      input?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
-      inputWrapper?: import("tailwind-merge").ClassNameValue;
       clearButton?: import("tailwind-merge").ClassNameValue;
+      input?: import("tailwind-merge").ClassNameValue;
+      inputWrapper?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -80,4 +80,4 @@ declare const TextArea: ({
 }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { TextAreaProps as n, TextArea as t };
-//# sourceMappingURL=index-CRMktKZA.d.ts.map
+//# sourceMappingURL=index-B0MgOw9G.d.ts.map

package/dist/{index-CRMktKZA.d.ts.map → index-B0MgOw9G.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CRMktKZA.d.ts","names":[],"sources":["../src/TextArea/TextArea.tsx"],"mappings":";;;;cAWa,gBAAA,8BAAgB,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAaxB,YAAA,GAAe,OAAO,QAAQ,gBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,gBAAA;AAAA,UAEnB,aAAA,SAAsB,YAAA;EAHnB;EAKlB,SAAA;EAJG;EAMH,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;EARsC;EAUlD,aAAA;EAR6B;EAU7B,QAAA;EANW;EAQX,KAAA,GAAQ,SAAA;EAAA;EAER,IAAA;EAdiD;EAgBjD,WAAA;EAhBqC;EAkBrC,MAAA;AAAA;;;;cAMI,QAAA;EAAY,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,aAAA;EAAA,IAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAOf,aAAA,iCAAa,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-B0MgOw9G.d.ts","names":[],"sources":["../src/TextArea/TextArea.tsx"],"mappings":";;;;cAWa,gBAAA,8BAAgB,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAaxB,YAAA,GAAe,OAAO,QAAQ,gBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,gBAAA;AAAA,UAEnB,aAAA,SAAsB,YAAA;EAHnB;EAKlB,SAAA;EAJG;EAMH,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;EARsC;EAUlD,aAAA;EAR6B;EAU7B,QAAA;EANW;EAQX,KAAA,GAAQ,SAAA;EAAA;EAER,IAAA;EAdiD;EAgBjD,WAAA;EAhBqC;EAkBrC,MAAA;AAAA;;;;cAMI,QAAA;EAAY,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,aAAA;EAAA,IAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAOf,aAAA,iCAAa,GAAA,CAAA,OAAA"}

package/dist/{index-BFpoR6oH.d.ts → index-B3JBVqnz.d.ts}

@@ -1,4 +1,4 @@
-import { t as DebugModeSettings } from "./FormContext-DjXw7wN6.js";
+import { t as DebugModeSettings } from "./FormContext-qrel_XTj.js";
 import { ReactNode } from "react";
 import { FieldValues, SubmitHandler } from "react-hook-form";
 import { VetoInstance } from "@fuf-stack/veto";
@@ -40,4 +40,4 @@ declare const Form: ({
 }: FormProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { FormProps as n, Form as t };
-//# sourceMappingURL=index-BFpoR6oH.d.ts.map
+//# sourceMappingURL=index-B3JBVqnz.d.ts.map

package/dist/{index-BFpoR6oH.d.ts.map → index-B3JBVqnz.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BFpoR6oH.d.ts","names":[],"sources":["../src/Form/Form.tsx"],"mappings":";;;;;;UAYiB,SAAA;;EAEf,QAAA,EAAU,SAAA,GAAY,SAAA;EAFE;EAIxB,SAAA;EAFU;EAIV,KAAA,GAAQ,iBAAA;EAAA;EAER,aAAA,GAAgB,WAAA;EAIQ;EAFxB,IAAA;EAMa;EAJb,QAAA,EAAU,aAAA,CAAc,WAAA;EAIC;EAFzB,MAAA;EAZU;EAcV,UAAA,GAAa,YAAA;EAZb;EAcA,iBAAA;AAAA;;;;cAMI,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,MAAA;EAAA,UAAA;EAAA;AAAA,GAUX,SAAA,iCAAS,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-B3JBVqnz.d.ts","names":[],"sources":["../src/Form/Form.tsx"],"mappings":";;;;;;UAYiB,SAAA;;EAEf,QAAA,EAAU,SAAA,GAAY,SAAA;EAFE;EAIxB,SAAA;EAFU;EAIV,KAAA,GAAQ,iBAAA;EAAA;EAER,aAAA,GAAgB,WAAA;EAIQ;EAFxB,IAAA;EAMa;EAJb,QAAA,EAAU,aAAA,CAAc,WAAA;EAIC;EAFzB,MAAA;EAZU;EAcV,UAAA,GAAa,YAAA;EAZb;EAcA,iBAAA;AAAA;;;;cAMI,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,MAAA;EAAA,UAAA;EAAA;AAAA,GAUX,SAAA,iCAAS,GAAA,CAAA,OAAA"}

package/dist/{index-E28aP0vt.d.cts → index-B5SfdA5O.d.cts}

@@ -96,4 +96,4 @@ declare const FieldCard: ({
 }: FieldCardProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { FieldCardProps as n, fieldCardVariants as r, FieldCard as t };
-//# sourceMappingURL=index-E28aP0vt.d.cts.map
+//# sourceMappingURL=index-B5SfdA5O.d.cts.map

package/dist/{index-E28aP0vt.d.cts.map → index-B5SfdA5O.d.cts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-E28aP0vt.d.cts","names":[],"sources":["../src/FieldCard/FieldCard.tsx"],"mappings":";;;;cAsHa,iBAAA,8BAAiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8DA2DhB;mBAAG;qBAEA;;;;;;;;;;;;;;;;;;;8DAsBE;mBAKhB;qBAAc;yBALE;;;KAxBd,SAAA,GAAY,WAAW,QAAQ,iBAAA;AAAA,UAEnB,cAAA;EAsBE;EApBjB,QAAA,EAAU,SAAA;EAyBK;EAvBf,SAAA,GAAY,SAAA;EAkJb;EAhJC,KAAA,EAAO,SAAA;;EAEP,IAAA;;EAEA,MAAA;AAAA;;;;;;;;;;cAYI,SAAA;EAAa,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKhB,cAAA,iCAAc,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-B5SfdA5O.d.cts","names":[],"sources":["../src/FieldCard/FieldCard.tsx"],"mappings":";;;;cAsHa,iBAAA,8BAAiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8DA2DhB;mBAAG;qBAEA;;;;;;;;;;;;;;;;;;;8DAsBE;mBAKhB;qBAAc;yBALE;;;KAxBd,SAAA,GAAY,WAAW,QAAQ,iBAAA;AAAA,UAEnB,cAAA;EAsBE;EApBjB,QAAA,EAAU,SAAA;EAyBK;EAvBf,SAAA,GAAY,SAAA;EAkJb;EAhJC,KAAA,EAAO,SAAA;;EAEP,IAAA;;EAEA,MAAA;AAAA;;;;;;;;;;cAYI,SAAA;EAAa,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKhB,cAAA,iCAAc,GAAA,CAAA,OAAA"}

package/dist/{index-CgqDr0Iv.d.ts → index-B87U0Tx5.d.ts}

@@ -1,4 +1,4 @@
-import { t as InputValueTransform } from "./useInputValueTransform-C51LmUxi.js";
+import { t as InputValueTransform } from "./useInputValueTransform-dLfFIYW4.js";
 import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
 import { ReactNode } from "react";
 
@@ -6,19 +6,19 @@ import { ReactNode } from "react";
 declare const inputVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
-      input?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
-      inputWrapper?: import("tailwind-merge").ClassNameValue;
       clearButton?: import("tailwind-merge").ClassNameValue;
+      input?: import("tailwind-merge").ClassNameValue;
+      inputWrapper?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
   [x: string]: {
     [x: string]: import("tailwind-merge").ClassNameValue | {
-      input?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
-      inputWrapper?: import("tailwind-merge").ClassNameValue;
       clearButton?: import("tailwind-merge").ClassNameValue;
+      input?: import("tailwind-merge").ClassNameValue;
+      inputWrapper?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -29,10 +29,10 @@ declare const inputVariants: import("tailwind-variants").TVReturnType<{
 }, undefined, {
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
-      input?: import("tailwind-merge").ClassNameValue;
       base?: import("tailwind-merge").ClassNameValue;
-      inputWrapper?: import("tailwind-merge").ClassNameValue;
       clearButton?: import("tailwind-merge").ClassNameValue;
+      input?: import("tailwind-merge").ClassNameValue;
+      inputWrapper?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -98,4 +98,4 @@ declare const Input: ({
 }: InputProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { InputProps as n, Input as t };
-//# sourceMappingURL=index-CgqDr0Iv.d.ts.map
+//# sourceMappingURL=index-B87U0Tx5.d.ts.map

package/dist/{index-CgqDr0Iv.d.ts.map → index-B87U0Tx5.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CgqDr0Iv.d.ts","names":[],"sources":["../src/Input/Input.tsx"],"mappings":";;;;;cAca,aAAA,8BAAa,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAarB,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAEnB,UAAA,SAAmB,YAAA;EAHhB;EAKlB,SAAA;EAJG;EAMH,SAAA,GAAY,SAAA;;EAEZ,SAAA;EAR+C;EAU/C,aAAA;EAR0B;EAU1B,QAAA;EANY;EAQZ,UAAA,GAAa,SAAA;EAEL;EAAR,KAAA,GAAQ,SAAA;EAcI;EAZZ,IAAA;EAhB8C;EAkB9C,OAAA;EAlBkC;EAoBlC,WAAA;EAhBA;EAkBA,IAAA;EAhBA;EAkBA,YAAA,GAAe,SAAA;EAdf;EAgBA,MAAA;EAda;EAgBb,SAAA,GAAY,mBAAA;EAdJ;EAgBR,IAAA;AAAA;;;;cAMI,KAAA;EAAS,SAAA,EAAA,UAAA;EAAA,SAAA;EAAA,aAAA;EAAA,UAAA;EAAA,IAAA;EAAA,OAAA;EAAA,WAAA;EAAA,IAAA;EAAA,YAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAYZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-B87U0Tx5.d.ts","names":[],"sources":["../src/Input/Input.tsx"],"mappings":";;;;;cAca,aAAA,8BAAa,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAarB,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAEnB,UAAA,SAAmB,YAAA;EAHhB;EAKlB,SAAA;EAJG;EAMH,SAAA,GAAY,SAAA;;EAEZ,SAAA;EAR+C;EAU/C,aAAA;EAR0B;EAU1B,QAAA;EANY;EAQZ,UAAA,GAAa,SAAA;EAEL;EAAR,KAAA,GAAQ,SAAA;EAcI;EAZZ,IAAA;EAhB8C;EAkB9C,OAAA;EAlBkC;EAoBlC,WAAA;EAhBA;EAkBA,IAAA;EAhBA;EAkBA,YAAA,GAAe,SAAA;EAdf;EAgBA,MAAA;EAda;EAgBb,SAAA,GAAY,mBAAA;EAdJ;EAgBR,IAAA;AAAA;;;;cAMI,KAAA;EAAS,SAAA,EAAA,UAAA;EAAA,SAAA;EAAA,aAAA;EAAA,UAAA;EAAA,IAAA;EAAA,OAAA;EAAA,WAAA;EAAA,IAAA;EAAA,YAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAYZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}

package/dist/index-BAg613AJ.d.cts

@@ -0,0 +1,224 @@
+//#region src/helpers/createOptionValueConverter/createOptionValueConverter.d.ts
+/**
+ * Creates a converter function that preserves the original type (string, number, or boolean)
+ * of option values when converting from string keys back to their original type.
+ *
+ * This is useful for radio/select components where the underlying UI library
+ * uses string keys internally, but we want to preserve number/boolean values in the form state.
+ *
+ * @param options - Array of options with a value property that can be string, number, or boolean
+ * @returns An object with:
+ *   - `convertToOriginalType`: Function to convert a string key back to its original type
+ *   - `numberValueKeys`: Set of string representations of number values (for internal use)
+ *   - `booleanValueKeys`: Map of string representations to boolean values (for internal use)
+ */
+declare const createOptionValueConverter: <T extends {
+  value: string | number | boolean;
+}>(options: T[]) => {
+  booleanValueKeys: Map<string, boolean>;
+  convertToOriginalType: (key: string | number | boolean) => string | number | boolean;
+  numberValueKeys: Set<string>;
+};
+//#endregion
+//#region src/helpers/nullishFields/nullishFields.d.ts
+/** Key used to wrap flat array elements when converting to form format */
+declare const flatArrayKey = "__FLAT__";
+/**
+ * Checks if a value is considered "empty" for validation display purposes.
+ *
+ * Used by useUniformField to determine when to show validation errors.
+ * Empty values don't trigger immediate error display (user must interact first).
+ *
+ * Handles:
+ * - Primitives: null, undefined, ''
+ * - Marker strings: __NULL__, __FALSE__, __ZERO__ (converted via fromNullishString)
+ * - Empty arrays: []
+ * - Objects with all empty values: {a: null, b: ''}
+ * - Flat array wrappers: {__FLAT__: null} or {__FLAT__: ''}
+ *
+ * @param value - The value to check (will be converted via fromNullishString first)
+ * @returns true if the value is empty
+ *
+ * @example
+ * isValueEmpty(null)                    // true
+ * isValueEmpty('')                      // true
+ * isValueEmpty('__NULL__')              // true (marker string)
+ * isValueEmpty([])                      // true (empty array)
+ * isValueEmpty({a: null})               // true (object with all empty values)
+ * isValueEmpty({__FLAT__: null})        // true (flat array wrapper with empty value)
+ * isValueEmpty({__FLAT__: ''})          // true
+ * isValueEmpty('hello')                 // false
+ * isValueEmpty([1, 2])                  // false
+ * isValueEmpty({a: 'value'})            // false
+ * isValueEmpty({__FLAT__: 'value'})     // false
+ */
+declare const isValueEmpty: (value: unknown) => boolean;
+/**
+ * Converts marker strings back to their original values when processing arrays
+ */
+declare const fromNullishString: (value: unknown) => unknown;
+/**
+ * Converts null/falsy values to marker strings for JSON processing
+ */
+declare const toNullishString: (value: unknown) => unknown;
+/**
+ * Converts field values to a format suitable for forms by:
+ * - Wrapping arrays of primitives as objects using the flatArrayKey `__FLAT__`
+ *   to satisfy RHF's requirement that array fields contain objects
+ * - Removing empty strings and null values from objects
+ *
+ * This conversion is required because React Hook Form does not support arrays with
+ * flat values (string, number, boolean, null). Array fields must contain objects.
+ * We work around this by wrapping primitive entries: `{ __FLAT__: <value> }`.
+ *
+ * @example
+ * const fields = {
+ *   name: 'John',
+ *   scores: [0, null, 75, false],
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     { score: null },
+ *     { score: 0 },
+ *     { score: false },
+ *     { score: '' },
+ *   ],
+ *   contact: {
+ *     email: '',
+ *     phone: null,
+ *     address: '123 Main St'
+ *   }
+ * };
+ *
+ * // Result:
+ * {
+ *   name: 'John',
+ *   scores: [
+ *     { __FLAT__: 0 },
+ *     { __FLAT__: null },
+ *     { __FLAT__: 75 },
+ *     { __FLAT__: false }
+ *   ],
+ *   // Arrays of objects are left as objects; empty/null properties are removed
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {}, // null score removed
+ *     { score: 0 },
+ *     { score: false },
+ *     {}, // empty string removed
+ *   ],
+ *   contact: {
+ *     address: '123 Main St'
+ *   }
+ * }
+ */
+declare const toFormFormat: (fields: Record<string, unknown>) => Record<string, unknown>;
+/**
+ * Converts form state to a format suitable for validation by:
+ * - Unwrapping flat array wrappers `{ __FLAT__: <value> }` back to primitives
+ * - Converting legacy string markers (__NULL__, __FALSE__, __ZERO__) back to their original values
+ * - Removing fields whose converted value is empty string or null
+ * - Removing empty arrays
+ *
+ * @example
+ * const formState = {
+ *   name: 'John',
+ *   scores: [
+ *     { __FLAT__: 75 },
+ *     { __FLAT__: 0 },
+ *     { __FLAT__: null },
+ *     { __FLAT__: false }
+ *   ],
+ *   emptyArray: [],
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {},
+ *     { score: 0 },
+ *     { score: false },
+ *     {},
+ *   ],
+ *   contact: {
+ *     address: '123 Main St',
+ *     fax: null
+ *   }
+ * };
+ *
+ * // Result:
+ * {
+ *   name: 'John',
+ *   scores: [75, 0, null, false],
+ *   // emptyArray is removed
+ *   // Objects inside arrays remain objects; empty entries remain empty objects
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {},
+ *     { score: 0 },
+ *     { score: false },
+ *     {},
+ *   ],
+ *   contact: {
+ *     address: '123 Main St'
+ *   }
+ * }
+ */
+declare const toValidationFormat: (formState: Record<string, unknown> | null | undefined) => Record<string, unknown> | null | undefined;
+/**
+ * Converts form state to a format suitable for submission by:
+ * - Applying all transformations from toValidationFormat
+ * - Additionally removing empty objects from the result
+ * - Filtering empty objects from arrays
+ * - Recursively cleaning nested structures
+ *
+ * **Why separate from toValidationFormat?**
+ *
+ * Empty objects must be preserved during validation so that custom refinements
+ * can run. For example, a FieldCard with "at least email or phone required"
+ * validation needs the object to exist (even if empty) for the refine to execute.
+ *
+ * However, for submission, empty objects are meaningless and should be removed
+ * to produce clean data for APIs.
+ *
+ * @example
+ * const formState = {
+ *   name: 'John',
+ *   contact: {},           // Empty FieldCard - will be removed
+ *   tags: [{}, {}, {}],    // All empty - array will be removed
+ *   items: [
+ *     { value: 'a' },
+ *     {},                  // Empty entry - will be filtered out
+ *     { value: 'b' }
+ *   ],
+ *   nested: {
+ *     deep: {}             // Nested empty - will be removed recursively
+ *   }
+ * };
+ *
+ * // Result:
+ * {
+ *   name: 'John',
+ *   items: [{ value: 'a' }, { value: 'b' }]
+ * }
+ */
+declare const toSubmitFormat: (formState: Record<string, unknown> | null | undefined) => Record<string, unknown> | null | undefined;
+/**
+ * Converts a field name to a testId by removing flat array key segments and slugifying.
+ * Removes all occurrences of `flatArrayKey` from the field name and applies slugify transformation.
+ *
+ * This is used to generate stable testIds for form fields that don't include
+ * the internal `__FLAT__` marker used for flat arrays.
+ *
+ * @param name - The field name as a string (e.g., 'tags.0.__FLAT__') or array path (e.g., ['tags', '0', '__FLAT__'])
+ * @returns The slugified field name with all flat array key segments removed (e.g., 'tags_0')
+ *
+ * @example
+ * ```ts
+ * nameToTestId('tags.0.__FLAT__') // => 'tags_0'
+ * nameToTestId('array.0.__FLAT__') // => 'array_0'
+ * nameToTestId('nested.array.0.__FLAT__.field') // => 'nested_array_0_field'
+ * nameToTestId('simple.field') // => 'simple_field'
+ * nameToTestId(['tags', '0', '__FLAT__']) // => 'tags_0'
+ * ```
+ */
+declare const nameToTestId: (name: string | readonly string[]) => string;
+//#endregion
+export { toFormFormat as a, toValidationFormat as c, nameToTestId as i, createOptionValueConverter as l, fromNullishString as n, toNullishString as o, isValueEmpty as r, toSubmitFormat as s, flatArrayKey as t };
+//# sourceMappingURL=index-BAg613AJ.d.cts.map

package/dist/index-BAg613AJ.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BAg613AJ.d.cts","names":[],"sources":["../src/helpers/createOptionValueConverter/createOptionValueConverter.ts","../src/helpers/nullishFields/nullishFields.ts"],"mappings":";;AAeA;;;;;;;;;;;;cAAa,0BAAA;EACC,KAAA;AAAA,GAEZ,OAAA,EAAS,CAAA;;;;;;;;cCfE,YAAA;;;;;;;;;;;;;;;;;;;;;;;AAAb;;;;AAAyB;AAsCzB;;cAAa,YAAA,GAAgB,KAAc;;AAAA;AA0B3C;cAAa,iBAAA,GAAqB,KAAc;;;AAAA;cAsCnC,eAAA,GAAmB,KAAc;;;;AAAA;AA6E9C;;;;;;;;AAwB6C;AAmD7C;;;;;;;;AAES;AAuKT;;;;;;;;AAES;AA2BT;;;;AAA6D;;;;;;;;;;;;;;;cAjRhD,YAAA,GAAgB,MAAA,EAAQ,MAAA,sBAwBE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmDhC,kBAAA,GACX,SAAA,EAAW,MAAA,yCACV,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAuKI,cAAA,GACX,SAAA,EAAW,MAAA,yCACV,MAAM;;;;;;;;;;;;;;;;;;;;cA2BI,YAAA,GAAgB,IAAgC"}