@fuf-stack/uniform 0.22.0 → 0.23.0

package/dist/hooks/useInputValueDebounce/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkI2PJDXWBcjs = require('../../chunk-I2PJDXWB.cjs');
-require('../../chunk-TSB65253.cjs');
+var _chunkOWWUTKGYcjs = require('../../chunk-OWWUTKGY.cjs');
+require('../../chunk-P6HJOG7D.cjs');
 require('../../chunk-555JRYCS.cjs');
 
 
-exports.useInputValueDebounce = _chunkI2PJDXWBcjs.useInputValueDebounce;
+exports.useInputValueDebounce = _chunkOWWUTKGYcjs.useInputValueDebounce;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/useInputValueDebounce/index.d.cts

@@ -8,10 +8,10 @@ interface UseInputValueDebounceOptions {
     /** The onChange function to call with debounced value */
     onChange: (...event: any[]) => void;
     /** Value transformation functions */
-    transformValue?: InputValueTransform;
+    transform?: InputValueTransform;
     /** Input type to handle number conversion (optional) */
     type?: 'text' | 'number' | 'password';
-    /** The value to debounce */
+    /** The initial form value */
     value: string | number;
 }
 interface UseInputValueDebounceReturn {
@@ -40,9 +40,9 @@ interface UseInputValueDebounceReturn {
  * @param options.debounceDelay Delay in milliseconds (default: 300)
  * @param options.onBlur Function to call after flushing debounced value
  * @param options.onChange Function to call with debounced value
- * @param options.transformValue Optional transform functions for display ↔ form value conversion
+ * @param options.transform Optional transform functions for display ↔ form value conversion
  * @param options.type Input type for number conversion ('text' | 'number' | 'password')
- * @param options.value The value to debounce
+ * @param options.value The initial form value
  * @returns Object containing enhanced onChange, onBlur, and immediate display value
  *
  * @example
@@ -80,11 +80,11 @@ interface UseInputValueDebounceReturn {
  *   debounceDelay: 300,
  *   onBlur: field.onBlur,
  *   onChange: field.onChange,
- *   transformValue: currencyTransform,
+ *   transform: currencyTransform,
  *   value: field.value, // Display: "$100.00", Form: 100
  * });
  * ```
  */
-declare const useInputValueDebounce: ({ debounceDelay, onBlur, onChange, transformValue, type, value, }: UseInputValueDebounceOptions) => UseInputValueDebounceReturn;
+declare const useInputValueDebounce: ({ debounceDelay, onBlur, onChange, transform, type, value, }: UseInputValueDebounceOptions) => UseInputValueDebounceReturn;
 
 export { type UseInputValueDebounceOptions, type UseInputValueDebounceReturn, useInputValueDebounce };

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

@@ -8,10 +8,10 @@ interface UseInputValueDebounceOptions {
     /** The onChange function to call with debounced value */
     onChange: (...event: any[]) => void;
     /** Value transformation functions */
-    transformValue?: InputValueTransform;
+    transform?: InputValueTransform;
     /** Input type to handle number conversion (optional) */
     type?: 'text' | 'number' | 'password';
-    /** The value to debounce */
+    /** The initial form value */
     value: string | number;
 }
 interface UseInputValueDebounceReturn {
@@ -40,9 +40,9 @@ interface UseInputValueDebounceReturn {
  * @param options.debounceDelay Delay in milliseconds (default: 300)
  * @param options.onBlur Function to call after flushing debounced value
  * @param options.onChange Function to call with debounced value
- * @param options.transformValue Optional transform functions for display ↔ form value conversion
+ * @param options.transform Optional transform functions for display ↔ form value conversion
  * @param options.type Input type for number conversion ('text' | 'number' | 'password')
- * @param options.value The value to debounce
+ * @param options.value The initial form value
  * @returns Object containing enhanced onChange, onBlur, and immediate display value
  *
  * @example
@@ -80,11 +80,11 @@ interface UseInputValueDebounceReturn {
  *   debounceDelay: 300,
  *   onBlur: field.onBlur,
  *   onChange: field.onChange,
- *   transformValue: currencyTransform,
+ *   transform: currencyTransform,
  *   value: field.value, // Display: "$100.00", Form: 100
  * });
  * ```
  */
-declare const useInputValueDebounce: ({ debounceDelay, onBlur, onChange, transformValue, type, value, }: UseInputValueDebounceOptions) => UseInputValueDebounceReturn;
+declare const useInputValueDebounce: ({ debounceDelay, onBlur, onChange, transform, type, value, }: UseInputValueDebounceOptions) => UseInputValueDebounceReturn;
 
 export { type UseInputValueDebounceOptions, type UseInputValueDebounceReturn, useInputValueDebounce };

package/dist/hooks/useInputValueDebounce/index.js

@@ -1,7 +1,7 @@
 import {
   useInputValueDebounce
-} from "../../chunk-KMDTMBYI.js";
-import "../../chunk-G5UX55XC.js";
+} from "../../chunk-U5WBLGZV.js";
+import "../../chunk-Q2BOMFJ5.js";
 import "../../chunk-K2V4ULA2.js";
 export {
   useInputValueDebounce

package/dist/hooks/useInputValueTransform/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTSB65253cjs = require('../../chunk-TSB65253.cjs');
+var _chunkP6HJOG7Dcjs = require('../../chunk-P6HJOG7D.cjs');
 require('../../chunk-555JRYCS.cjs');
 
 
-exports.useInputValueTransform = _chunkTSB65253cjs.useInputValueTransform;
+exports.useInputValueTransform = _chunkP6HJOG7Dcjs.useInputValueTransform;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/useInputValueTransform/index.d.cts

@@ -1,43 +1,38 @@
 interface InputValueTransform {
     /** Transforms the form value to display value (e.g., 1000 → "$1,000") */
-    displayValue: (value: string | number) => string | number;
+    toDisplayValue: (value: string | number) => string | number;
     /** Transforms the display value to form value (e.g., "$1,000" → 1000) */
-    formValue: (value: string) => string | number;
+    toFormValue: (value: string) => string | number;
 }
 interface UseInputValueTransformOptions {
-    /** The current form field value */
-    value: string | number;
     /** Input type for special number handling */
     type?: 'text' | 'number' | 'password';
     /** Value transformation functions */
-    transformValue?: InputValueTransform;
+    transform?: InputValueTransform;
 }
 interface UseInputValueTransformReturn {
-    /** The current display value for the input */
-    displayValue: string | number;
-    /** Input change handler (pass directly to onChange) */
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Gets the form value from current display value */
-    getFormValue: () => string | number;
+    /** Converts any form value to display value */
+    toDisplayValue: (formValue: string | number) => string | number;
+    /** Converts any display value to form value */
+    toFormValue: (displayValue: string | number) => string | number;
 }
 /**
- * Custom hook for handling input value transformations between display and form values.
+ * Custom hook providing utility functions for value transformations between display and form values.
  *
- * This hook manages the separation between what the user sees (display value) and what gets
- * stored in the form (form value). It's particularly useful for:
+ * This hook provides pure conversion functions without any state management. It's useful for:
  * - Currency formatting ($1,000 display vs 1000 stored)
  * - Number inputs with special handling
  * - Date formatting (MM/DD/YYYY display vs ISO date stored)
  * - Phone number formatting ((555) 123-4567 display vs 5551234567 stored)
  *
  * **Key Features:**
- * - Immediate display value updates for responsive UI
- * - Automatic external value synchronization (form resets, setValue calls)
+ * - Pure conversion functions (no state)
  * - Special number input handling (empty string preservation)
  * - Bidirectional value transformations
+ * - Memoized functions for performance
  *
  * @param options Configuration for value transformation
- * @returns Display value management and form value conversion
+ * @returns Pure conversion utility functions
  *
  * @example
  * ```tsx
@@ -47,70 +42,43 @@ interface UseInputValueTransformReturn {
  *   formValue: (val) => parseFloat(val.replace(/[$,]/g, '')) || 0
  * };
  *
- * const { displayValue, handleInputChange, getFormValue } = useInputValueTransform({
- *   value: 1000,
- *   transformValue: currencyTransform
+ * const { toDisplayValue, toFormValue } = useInputValueTransform({
+ *   transform: currencyTransform
  * });
- * // displayValue = "$1,000"
- * // getFormValue() = 1000
- * ```
- *
- * @example
- * ```tsx
- * // Phone number formatting
- * const phoneTransform = {
- *   displayValue: (val) => {
- *     const cleaned = val.toString().replace(/\D/g, '');
- *     const match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/);
- *     return match ? `(${match[1]}) ${match[2]}-${match[3]}` : val;
- *   },
- *   formValue: (val) => val.replace(/\D/g, '')
- * };
  *
- * const { displayValue, handleInputChange, getFormValue } = useInputValueTransform({
- *   value: '5551234567',
- *   transformValue: phoneTransform
- * });
- * // displayValue = "(555) 123-4567"
- * // getFormValue() = "5551234567"
+ * const displayVal = toDisplayValue(1000); // "$1,000"
+ * const formVal = toFormValue("$1,500"); // 1500
  * ```
  *
  * @example
  * ```tsx
  * // Number input (no transforms needed)
- * const { displayValue, handleInputChange, getFormValue } = useInputValueTransform({
- *   value: 42,
+ * const { toDisplayValue, toFormValue } = useInputValueTransform({
  *   type: 'number'
  * });
+ *
  * // Handles empty string → empty string (not NaN)
  * // Handles "123" → 123 (string to number conversion)
  * ```
  *
  * @example
  * ```tsx
- * // Usage in a form component
- * const MyInput = ({ field, transformValue }) => {
- *   const { displayValue, handleInputChange, getFormValue } = useInputValueTransform({
- *     value: field.value,
- *     transformValue
- *   });
+ * // Integration with debouncing
+ * const MyInput = ({ field, transform }) => {
+ *   const transform = useInputValueTransform({ transform });
  *
- *   // Debounce the form updates (optional)
- *   useInputValueDebounce({
- *     value: getFormValue(),
+ *   const { onChange, onBlur, value } = useInputValueDebounce({
+ *     ...transform,
+ *     initialValue: field.value,
+ *     debounceDelay: 300,
+ *     onBlur: field.onBlur,
  *     onChange: field.onChange,
- *     debounceDelay: 300
  *   });
  *
- *   return (
- *     <input
- *       value={displayValue}
- *       onChange={handleInputChange}
- *     />
- *   );
+ *   return <input value={value} onChange={onChange} onBlur={onBlur} />;
  * };
  * ```
  */
-declare const useInputValueTransform: ({ value, type, transformValue, }: UseInputValueTransformOptions) => UseInputValueTransformReturn;
+declare const useInputValueTransform: ({ type, transform, }: UseInputValueTransformOptions) => UseInputValueTransformReturn;
 
 export { type InputValueTransform, type UseInputValueTransformOptions, type UseInputValueTransformReturn, useInputValueTransform };

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

@@ -1,43 +1,38 @@
 interface InputValueTransform {
     /** Transforms the form value to display value (e.g., 1000 → "$1,000") */
-    displayValue: (value: string | number) => string | number;
+    toDisplayValue: (value: string | number) => string | number;
     /** Transforms the display value to form value (e.g., "$1,000" → 1000) */
-    formValue: (value: string) => string | number;
+    toFormValue: (value: string) => string | number;
 }
 interface UseInputValueTransformOptions {
-    /** The current form field value */
-    value: string | number;
     /** Input type for special number handling */
     type?: 'text' | 'number' | 'password';
     /** Value transformation functions */
-    transformValue?: InputValueTransform;
+    transform?: InputValueTransform;
 }
 interface UseInputValueTransformReturn {
-    /** The current display value for the input */
-    displayValue: string | number;
-    /** Input change handler (pass directly to onChange) */
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Gets the form value from current display value */
-    getFormValue: () => string | number;
+    /** Converts any form value to display value */
+    toDisplayValue: (formValue: string | number) => string | number;
+    /** Converts any display value to form value */
+    toFormValue: (displayValue: string | number) => string | number;
 }
 /**
- * Custom hook for handling input value transformations between display and form values.
+ * Custom hook providing utility functions for value transformations between display and form values.
  *
- * This hook manages the separation between what the user sees (display value) and what gets
- * stored in the form (form value). It's particularly useful for:
+ * This hook provides pure conversion functions without any state management. It's useful for:
  * - Currency formatting ($1,000 display vs 1000 stored)
  * - Number inputs with special handling
  * - Date formatting (MM/DD/YYYY display vs ISO date stored)
  * - Phone number formatting ((555) 123-4567 display vs 5551234567 stored)
  *
  * **Key Features:**
- * - Immediate display value updates for responsive UI
- * - Automatic external value synchronization (form resets, setValue calls)
+ * - Pure conversion functions (no state)
  * - Special number input handling (empty string preservation)
  * - Bidirectional value transformations
+ * - Memoized functions for performance
  *
  * @param options Configuration for value transformation
- * @returns Display value management and form value conversion
+ * @returns Pure conversion utility functions
  *
  * @example
  * ```tsx
@@ -47,70 +42,43 @@ interface UseInputValueTransformReturn {
  *   formValue: (val) => parseFloat(val.replace(/[$,]/g, '')) || 0
  * };
  *
- * const { displayValue, handleInputChange, getFormValue } = useInputValueTransform({
- *   value: 1000,
- *   transformValue: currencyTransform
+ * const { toDisplayValue, toFormValue } = useInputValueTransform({
+ *   transform: currencyTransform
  * });
- * // displayValue = "$1,000"
- * // getFormValue() = 1000
- * ```
- *
- * @example
- * ```tsx
- * // Phone number formatting
- * const phoneTransform = {
- *   displayValue: (val) => {
- *     const cleaned = val.toString().replace(/\D/g, '');
- *     const match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/);
- *     return match ? `(${match[1]}) ${match[2]}-${match[3]}` : val;
- *   },
- *   formValue: (val) => val.replace(/\D/g, '')
- * };
  *
- * const { displayValue, handleInputChange, getFormValue } = useInputValueTransform({
- *   value: '5551234567',
- *   transformValue: phoneTransform
- * });
- * // displayValue = "(555) 123-4567"
- * // getFormValue() = "5551234567"
+ * const displayVal = toDisplayValue(1000); // "$1,000"
+ * const formVal = toFormValue("$1,500"); // 1500
  * ```
  *
  * @example
  * ```tsx
  * // Number input (no transforms needed)
- * const { displayValue, handleInputChange, getFormValue } = useInputValueTransform({
- *   value: 42,
+ * const { toDisplayValue, toFormValue } = useInputValueTransform({
  *   type: 'number'
  * });
+ *
  * // Handles empty string → empty string (not NaN)
  * // Handles "123" → 123 (string to number conversion)
  * ```
  *
  * @example
  * ```tsx
- * // Usage in a form component
- * const MyInput = ({ field, transformValue }) => {
- *   const { displayValue, handleInputChange, getFormValue } = useInputValueTransform({
- *     value: field.value,
- *     transformValue
- *   });
+ * // Integration with debouncing
+ * const MyInput = ({ field, transform }) => {
+ *   const transform = useInputValueTransform({ transform });
  *
- *   // Debounce the form updates (optional)
- *   useInputValueDebounce({
- *     value: getFormValue(),
+ *   const { onChange, onBlur, value } = useInputValueDebounce({
+ *     ...transform,
+ *     initialValue: field.value,
+ *     debounceDelay: 300,
+ *     onBlur: field.onBlur,
  *     onChange: field.onChange,
- *     debounceDelay: 300
  *   });
  *
- *   return (
- *     <input
- *       value={displayValue}
- *       onChange={handleInputChange}
- *     />
- *   );
+ *   return <input value={value} onChange={onChange} onBlur={onBlur} />;
  * };
  * ```
  */
-declare const useInputValueTransform: ({ value, type, transformValue, }: UseInputValueTransformOptions) => UseInputValueTransformReturn;
+declare const useInputValueTransform: ({ type, transform, }: UseInputValueTransformOptions) => UseInputValueTransformReturn;
 
 export { type InputValueTransform, type UseInputValueTransformOptions, type UseInputValueTransformReturn, useInputValueTransform };

package/dist/hooks/useInputValueTransform/index.js

@@ -1,6 +1,6 @@
 import {
   useInputValueTransform
-} from "../../chunk-G5UX55XC.js";
+} from "../../chunk-Q2BOMFJ5.js";
 import "../../chunk-K2V4ULA2.js";
 export {
   useInputValueTransform

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIAMV2JNUcjs = require('./chunk-IAMV2JNU.cjs');
+var _chunkI4OVSJFQcjs = require('./chunk-I4OVSJFQ.cjs');
 
 
 var _chunkU3XAM5F4cjs = require('./chunk-U3XAM5F4.cjs');
@@ -9,10 +9,10 @@ var _chunkU3XAM5F4cjs = require('./chunk-U3XAM5F4.cjs');
 var _chunkPL44Y7AMcjs = require('./chunk-PL44Y7AM.cjs');
 
 
-var _chunkQTROOQ53cjs = require('./chunk-QTROOQ53.cjs');
+var _chunkDOBUPJPNcjs = require('./chunk-DOBUPJPN.cjs');
 
 
-var _chunkSHB3Z5GNcjs = require('./chunk-SHB3Z5GN.cjs');
+var _chunkAZT3TDWZcjs = require('./chunk-AZT3TDWZ.cjs');
 
 
 var _chunkGKAVSIH3cjs = require('./chunk-GKAVSIH3.cjs');
@@ -27,7 +27,7 @@ var _chunkXALYGZ3Rcjs = require('./chunk-XALYGZ3R.cjs');
 var _chunkTTD3KL6Ecjs = require('./chunk-TTD3KL6E.cjs');
 
 
-var _chunk2EYP66KFcjs = require('./chunk-2EYP66KF.cjs');
+var _chunkSG6PWCRLcjs = require('./chunk-SG6PWCRL.cjs');
 
 
 var _chunkUOTSJ55Bcjs = require('./chunk-UOTSJ55B.cjs');
@@ -56,10 +56,10 @@ var _chunkY6EAPURVcjs = require('./chunk-Y6EAPURV.cjs');
 var _chunkL4YPB7MUcjs = require('./chunk-L4YPB7MU.cjs');
 
 
-var _chunkI2PJDXWBcjs = require('./chunk-I2PJDXWB.cjs');
+var _chunkOWWUTKGYcjs = require('./chunk-OWWUTKGY.cjs');
 
 
-var _chunkTSB65253cjs = require('./chunk-TSB65253.cjs');
+var _chunkP6HJOG7Dcjs = require('./chunk-P6HJOG7D.cjs');
 require('./chunk-555JRYCS.cjs');
 
 
@@ -88,5 +88,5 @@ require('./chunk-555JRYCS.cjs');
 
 
 
-exports.CheckboxGroup = _chunkGKAVSIH3cjs.CheckboxGroup_default; exports.FieldArray = _chunkNMYLBRT5cjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkPA2DQCBYcjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkGNYQC5IJcjs.FieldValidationError_default; exports.Form = _chunkXALYGZ3Rcjs.Form_default; exports.Grid = _chunkTTD3KL6Ecjs.Grid_default; exports.Input = _chunk2EYP66KFcjs.Input_default; exports.RadioBoxes = _chunkUOTSJ55Bcjs.RadioBoxes_default; exports.RadioGroup = _chunkSGXLTMB5cjs.RadioGroup_default; exports.RadioTabs = _chunkIAMV2JNUcjs.RadioTabs_default; exports.Select = _chunkU3XAM5F4cjs.Select_default; exports.SubmitButton = _chunkPL44Y7AMcjs.SubmitButton_default; exports.Switch = _chunkQTROOQ53cjs.Switch_default; exports.TextArea = _chunkSHB3Z5GNcjs.TextArea_default; exports.checkFieldIsRequired = _chunkY6EAPURVcjs.checkFieldIsRequired; exports.fromNullishString = _chunkL4YPB7MUcjs.fromNullishString; exports.toFormFormat = _chunkL4YPB7MUcjs.toFormFormat; exports.toNullishString = _chunkL4YPB7MUcjs.toNullishString; exports.toValidationFormat = _chunkL4YPB7MUcjs.toValidationFormat; exports.useClientValidation = _chunkY6EAPURVcjs.useClientValidation; exports.useController = _chunkY6EAPURVcjs.useController; exports.useFieldArray = _chunkY6EAPURVcjs.useFieldArray; exports.useFormContext = _chunkY6EAPURVcjs.useFormContext; exports.useInput = _chunkY6EAPURVcjs.useInput; exports.useInputValueDebounce = _chunkI2PJDXWBcjs.useInputValueDebounce; exports.useInputValueTransform = _chunkTSB65253cjs.useInputValueTransform;
+exports.CheckboxGroup = _chunkGKAVSIH3cjs.CheckboxGroup_default; exports.FieldArray = _chunkNMYLBRT5cjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkPA2DQCBYcjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkGNYQC5IJcjs.FieldValidationError_default; exports.Form = _chunkXALYGZ3Rcjs.Form_default; exports.Grid = _chunkTTD3KL6Ecjs.Grid_default; exports.Input = _chunkSG6PWCRLcjs.Input_default; exports.RadioBoxes = _chunkUOTSJ55Bcjs.RadioBoxes_default; exports.RadioGroup = _chunkSGXLTMB5cjs.RadioGroup_default; exports.RadioTabs = _chunkI4OVSJFQcjs.RadioTabs_default; exports.Select = _chunkU3XAM5F4cjs.Select_default; exports.SubmitButton = _chunkPL44Y7AMcjs.SubmitButton_default; exports.Switch = _chunkDOBUPJPNcjs.Switch_default; exports.TextArea = _chunkAZT3TDWZcjs.TextArea_default; exports.checkFieldIsRequired = _chunkY6EAPURVcjs.checkFieldIsRequired; exports.fromNullishString = _chunkL4YPB7MUcjs.fromNullishString; exports.toFormFormat = _chunkL4YPB7MUcjs.toFormFormat; exports.toNullishString = _chunkL4YPB7MUcjs.toNullishString; exports.toValidationFormat = _chunkL4YPB7MUcjs.toValidationFormat; exports.useClientValidation = _chunkY6EAPURVcjs.useClientValidation; exports.useController = _chunkY6EAPURVcjs.useController; exports.useFieldArray = _chunkY6EAPURVcjs.useFieldArray; exports.useFormContext = _chunkY6EAPURVcjs.useFormContext; exports.useInput = _chunkY6EAPURVcjs.useInput; exports.useInputValueDebounce = _chunkOWWUTKGYcjs.useInputValueDebounce; exports.useInputValueTransform = _chunkP6HJOG7Dcjs.useInputValueTransform;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -8,7 +8,7 @@ export { useFieldArray } from 'react-hook-form';
 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 { I as Input, a as InputProps } from './Input-qD-RcDl4.cjs';
+export { I as Input, a as InputProps } from './Input-Com9bFxL.cjs';
 export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-_TDlmw0L.cjs';
 export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-CU_xw0BL.cjs';
 export { R as RadioBoxes, a as RadioBoxesProps } from './RadioBoxes-BmJBBZVd.cjs';
@@ -16,7 +16,7 @@ export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-BJijfixt.cjs
 export { R as RadioTabs, a as RadioTabsProps } from './RadioTabs-CT8PT7ky.cjs';
 export { S as Select, a as SelectProps } from './Select-JRwrSDew.cjs';
 export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-C81VCkmx.cjs';
-export { S as Switch, a as SwitchProps } from './Switch-CLs964dL.cjs';
+export { S as Switch, a as SwitchProps } from './Switch-BaMtW2HN.cjs';
 export { T as TextArea, a as TextAreaProps } from './TextArea-DnFGyl4a.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
@@ -27,3 +27,4 @@ import '@fuf-stack/veto';
 import './FormContext-ldCpxKnY.cjs';
 import '@fuf-stack/pixels';
 import 'react-select';
+import '@heroui/switch';

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export { useFieldArray } from 'react-hook-form';
 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 { I as Input, a as InputProps } from './Input-DsBWaOSk.js';
+export { I as Input, a as InputProps } from './Input-BpsVvxwO.js';
 export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-_TDlmw0L.js';
 export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-CU_xw0BL.js';
 export { R as RadioBoxes, a as RadioBoxesProps } from './RadioBoxes-BmJBBZVd.js';
@@ -16,7 +16,7 @@ export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-BJijfixt.js'
 export { R as RadioTabs, a as RadioTabsProps } from './RadioTabs-CT8PT7ky.js';
 export { S as Select, a as SelectProps } from './Select-JRwrSDew.js';
 export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-C81VCkmx.js';
-export { S as Switch, a as SwitchProps } from './Switch-CLs964dL.js';
+export { S as Switch, a as SwitchProps } from './Switch-BaMtW2HN.js';
 export { T as TextArea, a as TextAreaProps } from './TextArea-DnFGyl4a.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
@@ -27,3 +27,4 @@ import '@fuf-stack/veto';
 import './FormContext-ldCpxKnY.js';
 import '@fuf-stack/pixels';
 import 'react-select';
+import '@heroui/switch';

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   RadioTabs_default
-} from "./chunk-IZFO7YMQ.js";
+} from "./chunk-GHO2VFUQ.js";
 import {
   Select_default
 } from "./chunk-TCYPTU4E.js";
@@ -9,10 +9,10 @@ import {
 } from "./chunk-3BE3GUCZ.js";
 import {
   Switch_default
-} from "./chunk-NR5MV234.js";
+} from "./chunk-3PTHYFAU.js";
 import {
   TextArea_default
-} from "./chunk-XDHY7DXJ.js";
+} from "./chunk-NNKOK5EU.js";
 import {
   CheckboxGroup_default
 } from "./chunk-O7DOVGO2.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk-B62HKKMS.js";
 import {
   Input_default
-} from "./chunk-EPY6UDD3.js";
+} from "./chunk-QDFIRRB5.js";
 import {
   RadioBoxes_default
 } from "./chunk-X2PR2IOK.js";
@@ -56,10 +56,10 @@ import {
 } from "./chunk-57WY5GAE.js";
 import {
   useInputValueDebounce
-} from "./chunk-KMDTMBYI.js";
+} from "./chunk-U5WBLGZV.js";
 import {
   useInputValueTransform
-} from "./chunk-G5UX55XC.js";
+} from "./chunk-Q2BOMFJ5.js";
 import "./chunk-K2V4ULA2.js";
 export {
   CheckboxGroup_default as CheckboxGroup,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "fuf react form library",
   "author": "Hannes Tiede",
   "homepage": "https://github.com/fuf-stack/pixels#readme",
@@ -143,8 +143,8 @@
     "react-icons": "5.5.0",
     "react-hook-form": "7.55.0",
     "react-select": "5.10.1",
+    "@fuf-stack/pixels": "0.45.0",
     "@fuf-stack/pixel-utils": "0.5.5",
-    "@fuf-stack/pixels": "0.43.10",
     "@fuf-stack/veto": "0.12.1"
   },
   "devDependencies": {
@@ -155,8 +155,8 @@
     "react-dom": "19.0.0",
     "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1",
-    "@repo/vite-config": "0.0.1"
+    "@repo/vite-config": "0.0.1",
+    "@repo/tsup-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts",

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

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-2EYP66KF.cjs","../src/Input/Input.tsx","../src/Input/index.ts"],"names":["Input_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-2EYP66KF.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\nimport type { InputValueTransform } from '../hooks';\n\nimport { Input as HeroInput } from '@heroui/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext, useInputValueDebounce } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface InputProps {\n  /** CSS class name */\n  className?: string;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** input field is disabled */\n  disabled?: boolean;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** form field label (set to false to disable label) */\n  label?: string | false;\n  /** form field name */\n  name: string;\n  /** form field placeholder */\n  placeholder?: string;\n  /** size of the input */\n  size?: 'sm' | 'md' | 'lg';\n  /** content added to the start of the input field */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** allows disentangled display and form values for a field */\n  transformValue?: InputValueTransform;\n  /** input type */\n  type?: 'number' | 'password';\n}\n\n/**\n * Input component based on [HeroUI Input](https://www.heroui.com//docs/components/input)\n */\nconst Input = ({\n  className = undefined,\n  debounceDelay = 300,\n  disabled = false,\n  endContent = undefined,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  size = undefined,\n  startContent = undefined,\n  testId: _testId = undefined,\n  transformValue = undefined,\n  type = undefined,\n}: InputProps) => {\n  const { control, debugMode, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const { field } = useController({\n    control,\n    disabled,\n    name,\n  });\n\n  const {\n    disabled: isDisabled,\n    onChange: fieldOnChange,\n    onBlur: fieldOnBlur,\n    value: fieldValue,\n    ref,\n  } = field;\n\n  // Use hook that provides debounced onChange and enhanced blur handling\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    transformValue,\n    type,\n    value: fieldValue,\n  });\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  return (\n    <HeroInput\n      className={cn(className)}\n      classNames={{\n        inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n      }}\n      data-testid={testId}\n      endContent={endContent}\n      errorMessage={\n        error && <FieldValidationError error={error} testId={testId} />\n      }\n      isDisabled={isDisabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={\n        showLabel && (\n          <>\n            {label}\n            {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n          </>\n        )\n      }\n      labelPlacement=\"outside\"\n      name={name}\n      onBlur={onBlur}\n      onChange={onChange}\n      placeholder={placeholder}\n      radius=\"sm\"\n      ref={ref}\n      size={size}\n      startContent={startContent}\n      type={type}\n      // @ts-expect-error can be number for input type number\n      value={value}\n      variant=\"bordered\"\n    />\n  );\n};\n\nexport default Input;\n","import Input from './Input';\n\nexport type { InputProps } from './Input';\n\nexport { Input };\n\nexport default Input;\n"]}

package/dist/chunk-EPY6UDD3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Input/Input.tsx","../src/Input/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { InputValueTransform } from '../hooks';\n\nimport { Input as HeroInput } from '@heroui/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext, useInputValueDebounce } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface InputProps {\n  /** CSS class name */\n  className?: string;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** input field is disabled */\n  disabled?: boolean;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** form field label (set to false to disable label) */\n  label?: string | false;\n  /** form field name */\n  name: string;\n  /** form field placeholder */\n  placeholder?: string;\n  /** size of the input */\n  size?: 'sm' | 'md' | 'lg';\n  /** content added to the start of the input field */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** allows disentangled display and form values for a field */\n  transformValue?: InputValueTransform;\n  /** input type */\n  type?: 'number' | 'password';\n}\n\n/**\n * Input component based on [HeroUI Input](https://www.heroui.com//docs/components/input)\n */\nconst Input = ({\n  className = undefined,\n  debounceDelay = 300,\n  disabled = false,\n  endContent = undefined,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  size = undefined,\n  startContent = undefined,\n  testId: _testId = undefined,\n  transformValue = undefined,\n  type = undefined,\n}: InputProps) => {\n  const { control, debugMode, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const { field } = useController({\n    control,\n    disabled,\n    name,\n  });\n\n  const {\n    disabled: isDisabled,\n    onChange: fieldOnChange,\n    onBlur: fieldOnBlur,\n    value: fieldValue,\n    ref,\n  } = field;\n\n  // Use hook that provides debounced onChange and enhanced blur handling\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    transformValue,\n    type,\n    value: fieldValue,\n  });\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  return (\n    <HeroInput\n      className={cn(className)}\n      classNames={{\n        inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n      }}\n      data-testid={testId}\n      endContent={endContent}\n      errorMessage={\n        error && <FieldValidationError error={error} testId={testId} />\n      }\n      isDisabled={isDisabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={\n        showLabel && (\n          <>\n            {label}\n            {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n          </>\n        )\n      }\n      labelPlacement=\"outside\"\n      name={name}\n      onBlur={onBlur}\n      onChange={onChange}\n      placeholder={placeholder}\n      radius=\"sm\"\n      ref={ref}\n      size={size}\n      startContent={startContent}\n      type={type}\n      // @ts-expect-error can be number for input type number\n      value={value}\n      variant=\"bordered\"\n    />\n  );\n};\n\nexport default Input;\n","import Input from './Input';\n\nexport type { InputProps } from './Input';\n\nexport { Input };\n\nexport default Input;\n"],"mappings":";;;;;;;;;;;;;;;AAGA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,UAAU;AAyFF,SAOP,UAPO,KAOP,YAPO;AArDjB,IAAM,QAAQ,CAAC;AAAA,EACb,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,eAAe;AAAA,EACf,QAAQ,UAAU;AAAA,EAClB,iBAAiB;AAAA,EACjB,OAAO;AACT,MAAkB;AAChB,QAAM,EAAE,SAAS,WAAW,cAAc,IAAI,eAAe;AAC7D,QAAM,EAAE,OAAO,SAAS,UAAU,OAAO,IAAI,cAAc,MAAM,OAAO;AAExE,QAAM,EAAE,MAAM,IAAI,cAAc;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,EACF,IAAI;AAGJ,QAAM,EAAE,UAAU,QAAQ,MAAM,IAAI,sBAAsB;AAAA,IACxD;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,CAAC;AAED,QAAM,uBAAuB,cAAc;AAC3C,QAAM,YAAY,SAAS;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS;AAAA,MACvB,YAAY;AAAA,QACV,cAAc;AAAA,MAChB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,cACE,SAAS,oBAAC,gCAAqB,OAAc,QAAgB;AAAA,MAE/D;AAAA,MACA,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,OACE,aACE,iCACG;AAAA;AAAA,QACA,wBAAwB,oBAAC,iCAAsB,QAAgB;AAAA,SAClE;AAAA,MAGJ,gBAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA,SAAQ;AAAA;AAAA,EACV;AAEJ;AAEA,IAAO,gBAAQ;;;ACtHf,IAAOA,iBAAQ;","names":["Input_default"]}