@fuf-stack/uniform 1.9.0 → 1.10.0

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

@@ -1,9 +1,9 @@
-import { useController } from '../useController/index.js';
-import * as _heroui_input from '@heroui/input';
+import { ReactNode } from 'react';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, ArrayPath } from 'react-hook-form';
-import { ReactNode } from 'react';
+import { useController } from '../useController/index.js';
 import { useFormContext } from '../useFormContext/index.js';
+import * as _heroui_input from '@heroui/input';
 import '@fuf-stack/veto';
 import '../../FormContext-9Firwt4k.js';
 
@@ -20,8 +20,8 @@ interface UseUniformFieldArrayProps<TFieldValues extends FieldValues = FieldValu
     disabled?: boolean;
     /** Optional explicit test id used to build stable test ids */
     testId?: string;
-    /** Optional label content; pass false to suppress label entirely */
-    label?: ReactNode | false;
+    /** Optional label content */
+    label?: ReactNode;
 }
 /**
  * Enhanced useFieldArray hook with initialization and animation logic.
@@ -36,6 +36,7 @@ interface UseUniformFieldArrayProps<TFieldValues extends FieldValues = FieldValu
  * @see https://react-hook-form.com/docs/usefieldarray
  */
 declare const useUniformFieldArray: <TFieldValues extends FieldValues = FieldValues>({ name, flat, elementInitialValue: _elementInitialValue, lastElementNotRemovable, disabled, testId: explicitTestId, label, }: UseUniformFieldArrayProps<TFieldValues>) => {
+    ariaLabel: string | undefined;
     control: react_hook_form.Control<TFieldValues, any, TFieldValues>;
     debugMode: ReturnType<typeof useFormContext<TFieldValues_1>>["debugMode"];
     defaultValue: unknown;

package/dist/hooks/useUniformFieldArray/index.js

@@ -1,14 +1,15 @@
 import {
   useUniformFieldArray
-} from "../../chunk-DQAZSXD6.js";
-import "../../chunk-7FOSZV75.js";
+} from "../../chunk-BUFKWZNC.js";
+import "../../chunk-36LBVB45.js";
+import "../../chunk-4KEI3VRK.js";
 import "../../chunk-NTDKZW4E.js";
 import "../../chunk-ELYGQTXB.js";
 import "../../chunk-GE7HUIAK.js";
-import "../../chunk-ZZW7JZ2U.js";
-import "../../chunk-TUIK3MER.js";
 import "../../chunk-AHJJIANM.js";
 import "../../chunk-CNTOODUQ.js";
+import "../../chunk-ZZW7JZ2U.js";
+import "../../chunk-TUIK3MER.js";
 import "../../chunk-BOCYHTFE.js";
 import "../../chunk-K2V4ULA2.js";
 export {

package/dist/index.cjs

@@ -1,64 +1,68 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLTE7PW7Fcjs = require('./chunk-LTE7PW7F.cjs');
+var _chunkNKIZA3ZOcjs = require('./chunk-NKIZA3ZO.cjs');
 
 
-var _chunkV65AMUKKcjs = require('./chunk-V65AMUKK.cjs');
 
+var _chunk6RZT2BKHcjs = require('./chunk-6RZT2BKH.cjs');
 
-var _chunk2OXNDD5Wcjs = require('./chunk-2OXNDD5W.cjs');
 
+var _chunkXSS4REAScjs = require('./chunk-XSS4REAS.cjs');
 
-var _chunkJQQ32JODcjs = require('./chunk-JQQ32JOD.cjs');
 
+var _chunk6UORUDZVcjs = require('./chunk-6UORUDZV.cjs');
 
-var _chunkVIV3MSIXcjs = require('./chunk-VIV3MSIX.cjs');
 
+var _chunk4LLSZ6GNcjs = require('./chunk-4LLSZ6GN.cjs');
 
 
-var _chunkFUMQULCRcjs = require('./chunk-FUMQULCR.cjs');
+var _chunkKOV7U4QAcjs = require('./chunk-KOV7U4QA.cjs');
 
 
-var _chunkSR76XJW4cjs = require('./chunk-SR76XJW4.cjs');
+var _chunkPTCZOUQXcjs = require('./chunk-PTCZOUQX.cjs');
 
 
-var _chunkXC3C2W4Mcjs = require('./chunk-XC3C2W4M.cjs');
+var _chunkMSJP25N4cjs = require('./chunk-MSJP25N4.cjs');
 
 
-var _chunk7O6LAGV2cjs = require('./chunk-7O6LAGV2.cjs');
 
+var _chunkOIKPQMQ2cjs = require('./chunk-OIKPQMQ2.cjs');
 
-var _chunkRRG5ZLVFcjs = require('./chunk-RRG5ZLVF.cjs');
 
+var _chunkV45YAJT4cjs = require('./chunk-V45YAJT4.cjs');
 
-var _chunkTTD3KL6Ecjs = require('./chunk-TTD3KL6E.cjs');
 
+var _chunkCM2LLV5Ncjs = require('./chunk-CM2LLV5N.cjs');
 
-var _chunkIU4RL2D7cjs = require('./chunk-IU4RL2D7.cjs');
 
+var _chunkHYOALQIVcjs = require('./chunk-HYOALQIV.cjs');
 
 
-var _chunkTHCIT66Icjs = require('./chunk-THCIT66I.cjs');
+var _chunkMVFEXRWQcjs = require('./chunk-MVFEXRWQ.cjs');
 
 
-var _chunk7WKVH43Mcjs = require('./chunk-7WKVH43M.cjs');
-require('./chunk-KWJMKX5J.cjs');
+var _chunkJRE5KEX3cjs = require('./chunk-JRE5KEX3.cjs');
+require('./chunk-3JAVQAL5.cjs');
 
 
-var _chunkMEYGGRBQcjs = require('./chunk-MEYGGRBQ.cjs');
 
+var _chunkFQDOJIQFcjs = require('./chunk-FQDOJIQF.cjs');
 
-var _chunkNKIZA3ZOcjs = require('./chunk-NKIZA3ZO.cjs');
+
+var _chunkTTD3KL6Ecjs = require('./chunk-TTD3KL6E.cjs');
 
 
+var _chunkIZ5SPNVQcjs = require('./chunk-IZ5SPNVQ.cjs');
 
-var _chunk6RZT2BKHcjs = require('./chunk-6RZT2BKH.cjs');
+
+var _chunk3ZQXSGR2cjs = require('./chunk-3ZQXSGR2.cjs');
 
 
-var _chunkNTOYCWCJcjs = require('./chunk-NTOYCWCJ.cjs');
 
+var _chunkWRKONOOVcjs = require('./chunk-WRKONOOV.cjs');
 
-var _chunkYCCBMAN2cjs = require('./chunk-YCCBMAN2.cjs');
+
+var _chunkOED4DYBDcjs = require('./chunk-OED4DYBD.cjs');
 
 
 var _chunkOE5BOGGXcjs = require('./chunk-OE5BOGGX.cjs');
@@ -70,15 +74,15 @@ var _chunkNHEZXA4Hcjs = require('./chunk-NHEZXA4H.cjs');
 var _chunkNV4YVZYXcjs = require('./chunk-NV4YVZYX.cjs');
 
 
+var _chunkPCTYJUY7cjs = require('./chunk-PCTYJUY7.cjs');
 
-var _chunkUUGUQGMXcjs = require('./chunk-UUGUQGMX.cjs');
-require('./chunk-UBLASN6D.cjs');
 
+var _chunk56TQOKG7cjs = require('./chunk-56TQOKG7.cjs');
 
-var _chunkPCTYJUY7cjs = require('./chunk-PCTYJUY7.cjs');
 
 
-var _chunk56TQOKG7cjs = require('./chunk-56TQOKG7.cjs');
+var _chunkUUGUQGMXcjs = require('./chunk-UUGUQGMX.cjs');
+require('./chunk-UBLASN6D.cjs');
 
 
 
@@ -126,5 +130,7 @@ require('./chunk-555JRYCS.cjs');
 
 
 
-exports.Checkboxes = _chunkXC3C2W4Mcjs.Checkboxes_default; exports.FieldArray = _chunk7O6LAGV2cjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkOE5BOGGXcjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkNHEZXA4Hcjs.FieldValidationError_default; exports.Form = _chunkRRG5ZLVFcjs.Form_default; exports.Grid = _chunkTTD3KL6Ecjs.Grid_default; exports.Input = _chunkIU4RL2D7cjs.Input_default; exports.RadioBoxes = _chunkTHCIT66Icjs.RadioBoxes_default; exports.RadioTabs = _chunk7WKVH43Mcjs.RadioTabs_default; exports.Radios = _chunkLTE7PW7Fcjs.Radios_default; exports.Select = _chunkV65AMUKKcjs.Select_default; exports.Slider = _chunk2OXNDD5Wcjs.Slider_default; exports.SubmitButton = _chunkJQQ32JODcjs.SubmitButton_default; exports.Switch = _chunkVIV3MSIXcjs.Switch_default; exports.SwitchBox = _chunkFUMQULCRcjs.SwitchBox_default; exports.TextArea = _chunkSR76XJW4cjs.TextArea_default; exports.checkFieldIsRequired = _chunkUUGUQGMXcjs.checkFieldIsRequired; exports.clientValidationSchemaByName = _chunk6RZT2BKHcjs.clientValidationSchemaByName; exports.flatArrayKey = _chunkTKICOKNScjs.flatArrayKey; exports.fromNullishString = _chunkTKICOKNScjs.fromNullishString; exports.isTestEnvironment = _chunkTKICOKNScjs.isTestEnvironment; exports.nameToTestId = _chunkTKICOKNScjs.nameToTestId; exports.radioBoxVariants = _chunkTHCIT66Icjs.radioBoxVariants; exports.switchBoxVariants = _chunkFUMQULCRcjs.switchBoxVariants; exports.toFormFormat = _chunkTKICOKNScjs.toFormFormat; exports.toNullishString = _chunkTKICOKNScjs.toNullishString; exports.toValidationFormat = _chunkTKICOKNScjs.toValidationFormat; exports.useClientValidation = _chunk6RZT2BKHcjs.useClientValidation; exports.useController = _chunkNV4YVZYXcjs.useController; exports.useFormContext = _chunkUUGUQGMXcjs.useFormContext; exports.useInput = _chunkPCTYJUY7cjs.useInput; exports.useInputValueDebounce = _chunkNTOYCWCJcjs.useInputValueDebounce; exports.useInputValueTransform = _chunk56TQOKG7cjs.useInputValueTransform; exports.useUniformField = _chunkYCCBMAN2cjs.useUniformField; exports.useUniformFieldArray = _chunkMEYGGRBQcjs.useUniformFieldArray; exports.useWatchUserChange = _chunkNKIZA3ZOcjs.useWatchUserChange;
+
+
+exports.Checkboxes = _chunkCM2LLV5Ncjs.Checkboxes_default; exports.FieldArray = _chunkHYOALQIVcjs.FieldArray_default; exports.FieldCard = _chunkFQDOJIQFcjs.FieldCard_default; exports.FieldCopyTestIdButton = _chunkOE5BOGGXcjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkNHEZXA4Hcjs.FieldValidationError_default; exports.Form = _chunkJRE5KEX3cjs.Form_default; exports.Grid = _chunkTTD3KL6Ecjs.Grid_default; exports.Input = _chunkIZ5SPNVQcjs.Input_default; exports.RadioBoxes = _chunkWRKONOOVcjs.RadioBoxes_default; exports.RadioTabs = _chunkXSS4REAScjs.RadioTabs_default; exports.Radios = _chunk6UORUDZVcjs.Radios_default; exports.Select = _chunk4LLSZ6GNcjs.Select_default; exports.Slider = _chunkKOV7U4QAcjs.Slider_default; exports.SubmitButton = _chunkPTCZOUQXcjs.SubmitButton_default; exports.Switch = _chunkMSJP25N4cjs.Switch_default; exports.SwitchBox = _chunkOIKPQMQ2cjs.SwitchBox_default; exports.TextArea = _chunkV45YAJT4cjs.TextArea_default; exports.checkFieldIsRequired = _chunkUUGUQGMXcjs.checkFieldIsRequired; exports.clientValidationSchemaByName = _chunk6RZT2BKHcjs.clientValidationSchemaByName; exports.fieldCardVariants = _chunkFQDOJIQFcjs.fieldCardVariants; exports.flatArrayKey = _chunkTKICOKNScjs.flatArrayKey; exports.fromNullishString = _chunkTKICOKNScjs.fromNullishString; exports.isTestEnvironment = _chunkTKICOKNScjs.isTestEnvironment; exports.nameToTestId = _chunkTKICOKNScjs.nameToTestId; exports.radioBoxVariants = _chunkWRKONOOVcjs.radioBoxVariants; exports.switchBoxVariants = _chunkOIKPQMQ2cjs.switchBoxVariants; exports.toFormFormat = _chunkTKICOKNScjs.toFormFormat; exports.toNullishString = _chunkTKICOKNScjs.toNullishString; exports.toValidationFormat = _chunkTKICOKNScjs.toValidationFormat; exports.useClientValidation = _chunk6RZT2BKHcjs.useClientValidation; exports.useController = _chunkNV4YVZYXcjs.useController; exports.useFormContext = _chunkUUGUQGMXcjs.useFormContext; exports.useInput = _chunkPCTYJUY7cjs.useInput; exports.useInputValueDebounce = _chunk3ZQXSGR2cjs.useInputValueDebounce; exports.useInputValueTransform = _chunk56TQOKG7cjs.useInputValueTransform; exports.useUniformField = _chunkOED4DYBDcjs.useUniformField; exports.useUniformFieldArray = _chunkMVFEXRWQcjs.useUniformFieldArray; exports.useWatchUserChange = _chunkNKIZA3ZOcjs.useWatchUserChange;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,2pEAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,qxEAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/index.cjs"}

package/dist/index.d.cts

@@ -1,29 +1,30 @@
-export { b as CheckboxOption, C as Checkboxes, a as CheckboxesProps } from './Checkboxes-CDjOYw76.cjs';
-export { F as FieldArray, a as FieldArrayChildrenRenderFn, b as FieldArrayFeatures, c as FieldArrayProps } from './FieldArray-Cql1zcch.cjs';
+export { b as CheckboxOption, C as Checkboxes, a as CheckboxesProps } from './Checkboxes-CBgO9itq.cjs';
+export { F as FieldArray, a as FieldArrayChildrenRenderFn, b as FieldArrayFeatures, c as FieldArrayProps } from './FieldArray-72vn2MG9.cjs';
+export { FieldCard, FieldCardProps, fieldCardVariants } from './FieldCard/index.cjs';
 export { F as Form, a as FormProps } from './Form-BZZJPLsi.cjs';
 export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.cjs';
 export { flatArrayKey, fromNullishString, isTestEnvironment, nameToTestId, toFormFormat, toNullishString, toValidationFormat } from './helpers/index.cjs';
+export { I as Input, a as InputProps } from './Input-BGYDOpbo.cjs';
+export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-_TDlmw0L.cjs';
+export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DwtLkGMo.cjs';
+export { R as RadioBoxes, a as RadioBoxesProps, r as radioBoxVariants } from './RadioBox-DnqCiTR1.cjs';
+export { R as Radios, a as RadiosProps } from './Radios-lLVlvY_B.cjs';
+export { R as RadioTabs, a as RadioTabsProps } from './RadioTabs-DkR5fvl4.cjs';
+export { S as Select, a as SelectProps } from './Select-DWlnKj5c.cjs';
+export { S as Slider, a as SliderProps } from './Slider-CxHvafJA.cjs';
+export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-DqaxyVpp.cjs';
+export { S as Switch, a as SwitchProps } from './Switch-B4AuHAMX.cjs';
+export { S as SwitchBox, a as SwitchBoxProps, s as switchBoxVariants } from './SwitchBox-q1I7a0NX.cjs';
+export { T as TextArea, a as TextAreaProps } from './TextArea-CYcFOcun.cjs';
 export { clientValidationSchemaByName, useClientValidation } from './hooks/useClientValidation/index.cjs';
 export { UseControllerProps, UseControllerReturn, useController } from './hooks/useController/index.cjs';
-export { UseUniformFieldArrayProps, useUniformFieldArray } from './hooks/useUniformFieldArray/index.cjs';
 export { checkFieldIsRequired, useFormContext } from './hooks/useFormContext/index.cjs';
 export { useInput } from '@heroui/input';
 export { UseInputValueDebounceOptions, UseInputValueDebounceReturn, useInputValueDebounce } from './hooks/useInputValueDebounce/index.cjs';
 export { InputValueTransform, UseInputValueTransformOptions, UseInputValueTransformReturn, useInputValueTransform } from './hooks/useInputValueTransform/index.cjs';
 export { UseUniformFieldParams, UseUniformFieldReturn, useUniformField } from './hooks/useUniformField/index.cjs';
+export { UseUniformFieldArrayProps, useUniformFieldArray } from './hooks/useUniformFieldArray/index.cjs';
 export { UseWatchUserChangeOptions, useWatchUserChange } from './hooks/useWatchUserChange/index.cjs';
-export { I as Input, a as InputProps } from './Input-DMVTcinm.cjs';
-export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-_TDlmw0L.cjs';
-export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DwtLkGMo.cjs';
-export { R as RadioBoxes, a as RadioBoxesProps, r as radioBoxVariants } from './RadioBox-B0s3q9g6.cjs';
-export { R as Radios, a as RadiosProps } from './Radios-DprlJhoq.cjs';
-export { R as RadioTabs, a as RadioTabsProps } from './RadioTabs-D9Px3XEs.cjs';
-export { S as Select, a as SelectProps } from './Select-CDkZmZp2.cjs';
-export { S as Slider, a as SliderProps } from './Slider-CIVhjJy1.cjs';
-export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-DqaxyVpp.cjs';
-export { S as Switch, a as SwitchProps } from './Switch-CqBVdRJe.cjs';
-export { S as SwitchBox, a as SwitchBoxProps, s as switchBoxVariants } from './SwitchBox-q1I7a0NX.cjs';
-export { T as TextArea, a as TextAreaProps } from './TextArea-DhxNWYNg.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
@@ -31,7 +32,7 @@ import 'react';
 import '@fuf-stack/veto';
 import 'react-hook-form';
 import './FormContext-9Firwt4k.cjs';
-import '@fuf-stack/veto/dist/types.d-CNPgNK-V';
 import '@fuf-stack/pixels';
 import 'react-select';
 import '@heroui/switch';
+import '@fuf-stack/veto/dist/types.d-CNPgNK-V';

package/dist/index.d.ts

@@ -1,29 +1,30 @@
-export { b as CheckboxOption, C as Checkboxes, a as CheckboxesProps } from './Checkboxes-wWzFP2sn.js';
-export { F as FieldArray, a as FieldArrayChildrenRenderFn, b as FieldArrayFeatures, c as FieldArrayProps } from './FieldArray-Cql1zcch.js';
+export { b as CheckboxOption, C as Checkboxes, a as CheckboxesProps } from './Checkboxes-CFbsc6zg.js';
+export { F as FieldArray, a as FieldArrayChildrenRenderFn, b as FieldArrayFeatures, c as FieldArrayProps } from './FieldArray-72vn2MG9.js';
+export { FieldCard, FieldCardProps, fieldCardVariants } from './FieldCard/index.js';
 export { F as Form, a as FormProps } from './Form-zsUjI2yq.js';
 export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.js';
 export { flatArrayKey, fromNullishString, isTestEnvironment, nameToTestId, toFormFormat, toNullishString, toValidationFormat } from './helpers/index.js';
+export { I as Input, a as InputProps } from './Input-__SqMh2n.js';
+export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-_TDlmw0L.js';
+export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DwtLkGMo.js';
+export { R as RadioBoxes, a as RadioBoxesProps, r as radioBoxVariants } from './RadioBox-DnqCiTR1.js';
+export { R as Radios, a as RadiosProps } from './Radios-lLVlvY_B.js';
+export { R as RadioTabs, a as RadioTabsProps } from './RadioTabs-DkR5fvl4.js';
+export { S as Select, a as SelectProps } from './Select-DWlnKj5c.js';
+export { S as Slider, a as SliderProps } from './Slider-CxHvafJA.js';
+export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-DqaxyVpp.js';
+export { S as Switch, a as SwitchProps } from './Switch-B4AuHAMX.js';
+export { S as SwitchBox, a as SwitchBoxProps, s as switchBoxVariants } from './SwitchBox-q1I7a0NX.js';
+export { T as TextArea, a as TextAreaProps } from './TextArea-CYcFOcun.js';
 export { clientValidationSchemaByName, useClientValidation } from './hooks/useClientValidation/index.js';
 export { UseControllerProps, UseControllerReturn, useController } from './hooks/useController/index.js';
-export { UseUniformFieldArrayProps, useUniformFieldArray } from './hooks/useUniformFieldArray/index.js';
 export { checkFieldIsRequired, useFormContext } from './hooks/useFormContext/index.js';
 export { useInput } from '@heroui/input';
 export { UseInputValueDebounceOptions, UseInputValueDebounceReturn, useInputValueDebounce } from './hooks/useInputValueDebounce/index.js';
 export { InputValueTransform, UseInputValueTransformOptions, UseInputValueTransformReturn, useInputValueTransform } from './hooks/useInputValueTransform/index.js';
 export { UseUniformFieldParams, UseUniformFieldReturn, useUniformField } from './hooks/useUniformField/index.js';
+export { UseUniformFieldArrayProps, useUniformFieldArray } from './hooks/useUniformFieldArray/index.js';
 export { UseWatchUserChangeOptions, useWatchUserChange } from './hooks/useWatchUserChange/index.js';
-export { I as Input, a as InputProps } from './Input-BcdS2xBM.js';
-export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-_TDlmw0L.js';
-export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DwtLkGMo.js';
-export { R as RadioBoxes, a as RadioBoxesProps, r as radioBoxVariants } from './RadioBox-B0s3q9g6.js';
-export { R as Radios, a as RadiosProps } from './Radios-DprlJhoq.js';
-export { R as RadioTabs, a as RadioTabsProps } from './RadioTabs-D9Px3XEs.js';
-export { S as Select, a as SelectProps } from './Select-CDkZmZp2.js';
-export { S as Slider, a as SliderProps } from './Slider-CIVhjJy1.js';
-export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-DqaxyVpp.js';
-export { S as Switch, a as SwitchProps } from './Switch-CqBVdRJe.js';
-export { S as SwitchBox, a as SwitchBoxProps, s as switchBoxVariants } from './SwitchBox-q1I7a0NX.js';
-export { T as TextArea, a as TextAreaProps } from './TextArea-DhxNWYNg.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
@@ -31,7 +32,7 @@ import 'react';
 import '@fuf-stack/veto';
 import 'react-hook-form';
 import './FormContext-9Firwt4k.js';
-import '@fuf-stack/veto/dist/types.d-CNPgNK-V';
 import '@fuf-stack/pixels';
 import 'react-select';
 import '@heroui/switch';
+import '@fuf-stack/veto/dist/types.d-CNPgNK-V';

package/dist/index.js

@@ -1,64 +1,68 @@
+import {
+  useWatchUserChange
+} from "./chunk-IKOYYA75.js";
+import {
+  clientValidationSchemaByName,
+  useClientValidation
+} from "./chunk-WWRIMXSN.js";
+import {
+  RadioTabs_default
+} from "./chunk-FHYUMBE3.js";
 import {
   Radios_default
-} from "./chunk-246OISWB.js";
+} from "./chunk-2EQEKXG2.js";
 import {
   Select_default
-} from "./chunk-CG7GDQAP.js";
+} from "./chunk-MODH7W2M.js";
 import {
   Slider_default
-} from "./chunk-LUO4I3TW.js";
+} from "./chunk-YMXUVBQ3.js";
 import {
   SubmitButton_default
-} from "./chunk-A3PYIWG2.js";
+} from "./chunk-BZ2PD2JG.js";
 import {
   Switch_default
-} from "./chunk-XMCL3F4W.js";
+} from "./chunk-7TUWJWLN.js";
 import {
   SwitchBox_default,
   switchBoxVariants
-} from "./chunk-UUGSI3FD.js";
+} from "./chunk-5UGCZ7OA.js";
 import {
   TextArea_default
-} from "./chunk-JICFOKDO.js";
+} from "./chunk-XSVEW3KN.js";
 import {
   Checkboxes_default
-} from "./chunk-MHQ2V7UW.js";
+} from "./chunk-QPKHR6WH.js";
 import {
   FieldArray_default
-} from "./chunk-XXLYUZY4.js";
+} from "./chunk-GQF5HVA4.js";
+import {
+  useUniformFieldArray
+} from "./chunk-BUFKWZNC.js";
 import {
   Form_default
-} from "./chunk-Y7YEI6T2.js";
+} from "./chunk-P2TT7HU5.js";
+import "./chunk-36LBVB45.js";
+import {
+  FieldCard_default,
+  fieldCardVariants
+} from "./chunk-7WBYC3BC.js";
 import {
   Grid_default
 } from "./chunk-B62HKKMS.js";
 import {
   Input_default
-} from "./chunk-CEVS6WSG.js";
+} from "./chunk-O5KAFUBE.js";
+import {
+  useInputValueDebounce
+} from "./chunk-LEMQGDFE.js";
 import {
   RadioBoxes_default,
   radioBoxVariants
-} from "./chunk-XBVXMQBW.js";
-import {
-  RadioTabs_default
-} from "./chunk-IZZTVGEW.js";
-import "./chunk-V3GDAELU.js";
-import {
-  useUniformFieldArray
-} from "./chunk-DQAZSXD6.js";
-import {
-  useWatchUserChange
-} from "./chunk-IKOYYA75.js";
-import {
-  clientValidationSchemaByName,
-  useClientValidation
-} from "./chunk-WWRIMXSN.js";
-import {
-  useInputValueDebounce
-} from "./chunk-ZJDU5EPE.js";
+} from "./chunk-M5IL7INR.js";
 import {
   useUniformField
-} from "./chunk-7FOSZV75.js";
+} from "./chunk-4KEI3VRK.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-NTDKZW4E.js";
@@ -68,17 +72,17 @@ import {
 import {
   useController
 } from "./chunk-GE7HUIAK.js";
-import {
-  checkFieldIsRequired,
-  useFormContext
-} from "./chunk-ZZW7JZ2U.js";
-import "./chunk-TUIK3MER.js";
 import {
   useInput
 } from "./chunk-AHJJIANM.js";
 import {
   useInputValueTransform
 } from "./chunk-CNTOODUQ.js";
+import {
+  checkFieldIsRequired,
+  useFormContext
+} from "./chunk-ZZW7JZ2U.js";
+import "./chunk-TUIK3MER.js";
 import {
   flatArrayKey,
   fromNullishString,
@@ -92,6 +96,7 @@ import "./chunk-K2V4ULA2.js";
 export {
   Checkboxes_default as Checkboxes,
   FieldArray_default as FieldArray,
+  FieldCard_default as FieldCard,
   FieldCopyTestIdButton_default as FieldCopyTestIdButton,
   FieldValidationError_default as FieldValidationError,
   Form_default as Form,
@@ -108,6 +113,7 @@ export {
   TextArea_default as TextArea,
   checkFieldIsRequired,
   clientValidationSchemaByName,
+  fieldCardVariants,
   flatArrayKey,
   fromNullishString,
   isTestEnvironment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "fuf react form library",
   "author": "Fröhlich ∧ Frei",
   "homepage": "https://github.com/fuf-stack/pixels#readme",
@@ -26,6 +26,11 @@
       "import": "./dist/FieldArray/index.js",
       "require": "./dist/FieldArray/index.cjs"
     },
+    "./FieldCard": {
+      "types": "./dist/FieldCard/index.d.ts",
+      "import": "./dist/FieldCard/index.js",
+      "require": "./dist/FieldCard/index.cjs"
+    },
     "./Form": {
       "types": "./dist/Form/index.d.ts",
       "import": "./dist/Form/index.js",
@@ -41,11 +46,6 @@
       "import": "./dist/helpers/index.js",
       "require": "./dist/helpers/index.cjs"
     },
-    "./hooks": {
-      "types": "./dist/hooks/index.d.ts",
-      "import": "./dist/hooks/index.js",
-      "require": "./dist/hooks/index.cjs"
-    },
     "./hooks/useClientValidation": {
       "types": "./dist/hooks/useClientValidation/index.d.ts",
       "import": "./dist/hooks/useClientValidation/index.js",
@@ -182,7 +182,7 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fuf-stack/pixel-motion": "1.0.26",
     "@fuf-stack/pixel-utils": "1.0.5",
-    "@fuf-stack/pixels": "1.5.1",
+    "@fuf-stack/pixels": "1.6.0",
     "@fuf-stack/veto": "0.12.6",
     "@heroui/button": "2.2.24",
     "@heroui/checkbox": "2.3.24",
@@ -208,5 +208,5 @@
     "react": "19.1.1",
     "react-dom": "19.1.1"
   },
-  "gitHead": "4bfab45e67836b7919048409e4897c8b888efb33"
+  "gitHead": "fe6c7dd0a5c39fad2b83c0371bb3918086865b30"
 }

package/dist/chunk-246OISWB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Radios/Radios.tsx","../src/Radios/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport {\n  Radio as HeroRadio,\n  RadioGroup as HeroRadioGroup,\n} from '@heroui/radio';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks';\n\nexport const radiosVariants = tv({\n  slots: {\n    // Needs group for group-data condition\n    base: 'group gap-0',\n    itemBase: '',\n    itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n    itemDescription: '',\n    itemLabel: 'text-sm',\n    itemLabelWrapper: '',\n    itemWrapper:\n      'group-data-[invalid=true]:border-danger! [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus',\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'mb-2 inline-flex text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n    wrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof radiosVariants>;\ntype ClassName = TVClassName<typeof radiosVariants>;\n\nexport interface RadioOption {\n  /** disables the option */\n  disabled?: boolean;\n  /** option label */\n  label?: React.ReactNode;\n  /** option icon */\n  icon?: ReactNode;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n  /** option value */\n  value: string;\n}\n\nexport interface RadiosProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Determines if the Buttons are disabled or not. */\n  disabled?: boolean;\n  /** determines orientation of the Buttons. */\n  inline?: boolean;\n  /** Label displayed next to the RadioButton. */\n  label?: ReactNode;\n  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** Radio button configuration. */\n  options: RadioOption[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * Radios component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)\n */\nconst Radios = ({\n  className = undefined,\n  inline = false,\n  name,\n  options,\n  ...uniformFieldProps\n}: RadiosProps): ReactElement => {\n  const {\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, ref },\n    invalid,\n    label,\n    required,\n    defaultValue,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // classNames from slots\n  const variants = radiosVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const itemClassNames = {\n    base: classNames.itemBase,\n    control: classNames.itemControl,\n    description: classNames.itemDescription,\n    label: classNames.itemLabel,\n    labelWrapper: classNames.itemLabelWrapper,\n    wrapper: classNames.itemWrapper,\n  };\n\n  return (\n    <HeroRadioGroup\n      ref={ref}\n      classNames={classNames}\n      // see HeroUI styles for group-data condition (data-invalid),\n      // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n      data-invalid={invalid}\n      data-required={required}\n      data-testid={testId}\n      defaultValue={defaultValue as string | undefined}\n      errorMessage={errorMessage}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label ? <legend>{label}</legend> : null}\n      name={name}\n      onBlur={onBlur}\n      orientation={inline ? 'horizontal' : 'vertical'}\n    >\n      {options.map((option) => {\n        if ('value' in option) {\n          const optionTestId = slugify(\n            `${testId}_option_${option.testId ?? option.value}`,\n            { replaceDots: true },\n          );\n          return (\n            <HeroRadio\n              key={option.value}\n              classNames={itemClassNames}\n              data-testid={optionTestId}\n              isDisabled={!!disabled || option.disabled}\n              onChange={onChange}\n              value={option.value}\n            >\n              {option.label ?? option.value}\n            </HeroRadio>\n          );\n        }\n        return null;\n      })}\n    </HeroRadioGroup>\n  );\n};\n\nexport default Radios;\n","import Radios from './Radios';\n\nexport type { RadiosProps } from './Radios';\n\nexport { Radios };\n\nexport default Radios;\n"],"mappings":";;;;;;;;;AAGA;AAAA,EACE,SAAS;AAAA,EACT,cAAc;AAAA,OACT;AAEP,SAAS,SAAS,IAAI,4BAA4B;AA0G7B;AAtGd,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,aACE;AAAA;AAAA,IAEF,OACE;AAAA,IACF,SAAS;AAAA,EACX;AACF,CAAC;AAsCD,IAAM,SAAS,CAAC,OAMiB;AANjB,eACd;AAAA,gBAAY;AAAA,IACZ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EAtEF,IAkEgB,IAKX,8BALW,IAKX;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,QAAQ,UAAU,IAAI;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,gBAAgB;AAAA,IAClB;AAAA,KACG,kBACJ;AAGD,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,QAAM,iBAAiB;AAAA,IACrB,MAAM,WAAW;AAAA,IACjB,SAAS,WAAW;AAAA,IACpB,aAAa,WAAW;AAAA,IACxB,OAAO,WAAW;AAAA,IAClB,cAAc,WAAW;AAAA,IACzB,SAAS,WAAW;AAAA,EACtB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MAGA,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,OAAO,QAAQ,oBAAC,YAAQ,iBAAM,IAAY;AAAA,MAC1C;AAAA,MACA;AAAA,MACA,aAAa,SAAS,eAAe;AAAA,MAEpC,kBAAQ,IAAI,CAAC,WAAW;AAvH/B,YAAAA,KAAAC;AAwHQ,YAAI,WAAW,QAAQ;AACrB,gBAAM,eAAe;AAAA,YACnB,GAAG,MAAM,YAAWD,MAAA,OAAO,WAAP,OAAAA,MAAiB,OAAO,KAAK;AAAA,YACjD,EAAE,aAAa,KAAK;AAAA,UACtB;AACA,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,YAAY;AAAA,cACZ,eAAa;AAAA,cACb,YAAY,CAAC,CAAC,YAAY,OAAO;AAAA,cACjC;AAAA,cACA,OAAO,OAAO;AAAA,cAEb,WAAAC,MAAA,OAAO,UAAP,OAAAA,MAAgB,OAAO;AAAA;AAAA,YAPnB,OAAO;AAAA,UAQd;AAAA,QAEJ;AACA,eAAO;AAAA,MACT,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AC1If,IAAOC,kBAAQ;","names":["_a","_b","Radios_default"]}

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

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

package/dist/chunk-7FOSZV75.js.map

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