@fuf-stack/uniform 0.22.0 → 0.22.1

package/dist/CheckboxGroup/index.cjs

@@ -6,8 +6,8 @@ require('../chunk-PA2DQCBY.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 

package/dist/CheckboxGroup/index.js

@@ -6,8 +6,8 @@ import "../chunk-BQGN3JTU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   CheckboxGroup_default as CheckboxGroup,

package/dist/FieldArray/index.cjs

@@ -7,8 +7,8 @@ require('../chunk-PA2DQCBY.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 

package/dist/FieldArray/index.js

@@ -7,8 +7,8 @@ import "../chunk-BQGN3JTU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   FieldArray_default as FieldArray,

package/dist/Form/index.cjs

@@ -4,8 +4,8 @@
 var _chunkXALYGZ3Rcjs = require('../chunk-XALYGZ3R.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 

package/dist/Form/index.js

@@ -4,8 +4,8 @@ import {
 } from "../chunk-DPOGZE5O.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   Form_default as Form,

package/dist/Input/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk2EYP66KFcjs = require('../chunk-2EYP66KF.cjs');
+var _chunkSG6PWCRLcjs = require('../chunk-SG6PWCRL.cjs');
 require('../chunk-PA2DQCBY.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Input = _chunk2EYP66KFcjs.Input_default; exports.default = _chunk2EYP66KFcjs.Input_default2;
+exports.Input = _chunkSG6PWCRLcjs.Input_default; exports.default = _chunkSG6PWCRLcjs.Input_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Input/index.d.cts

@@ -1,5 +1,5 @@
-import { I as Input } from '../Input-qD-RcDl4.cjs';
-export { a as InputProps } from '../Input-qD-RcDl4.cjs';
+import { I as Input } from '../Input-Com9bFxL.cjs';
+export { a as InputProps } from '../Input-Com9bFxL.cjs';
 import 'react/jsx-runtime';
 import 'react';
 import '../hooks/useInputValueTransform/index.cjs';

package/dist/Input/index.d.ts

@@ -1,5 +1,5 @@
-import { I as Input } from '../Input-DsBWaOSk.js';
-export { a as InputProps } from '../Input-DsBWaOSk.js';
+import { I as Input } from '../Input-BpsVvxwO.js';
+export { a as InputProps } from '../Input-BpsVvxwO.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../hooks/useInputValueTransform/index.js';

package/dist/Input/index.js

@@ -1,13 +1,13 @@
 import {
   Input_default,
   Input_default2
-} from "../chunk-EPY6UDD3.js";
+} from "../chunk-QDFIRRB5.js";
 import "../chunk-BQGN3JTU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   Input_default as Input,

package/dist/{Input-DsBWaOSk.d.ts → Input-BpsVvxwO.d.ts}

@@ -24,13 +24,13 @@ interface InputProps {
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
     /** allows disentangled display and form values for a field */
-    transformValue?: InputValueTransform;
+    transform?: InputValueTransform;
     /** input type */
     type?: 'number' | 'password';
 }
 /**
  * Input component based on [HeroUI Input](https://www.heroui.com//docs/components/input)
  */
-declare const Input: ({ className, debounceDelay, disabled, endContent, label, name, placeholder, size, startContent, testId: _testId, transformValue, type, }: InputProps) => react_jsx_runtime.JSX.Element;
+declare const Input: ({ className, debounceDelay, disabled, endContent, label, name, placeholder, size, startContent, testId: _testId, transform, type, }: InputProps) => react_jsx_runtime.JSX.Element;
 
 export { Input as I, type InputProps as a };

package/dist/{Input-qD-RcDl4.d.cts → Input-Com9bFxL.d.cts}

@@ -24,13 +24,13 @@ interface InputProps {
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
     /** allows disentangled display and form values for a field */
-    transformValue?: InputValueTransform;
+    transform?: InputValueTransform;
     /** input type */
     type?: 'number' | 'password';
 }
 /**
  * Input component based on [HeroUI Input](https://www.heroui.com//docs/components/input)
  */
-declare const Input: ({ className, debounceDelay, disabled, endContent, label, name, placeholder, size, startContent, testId: _testId, transformValue, type, }: InputProps) => react_jsx_runtime.JSX.Element;
+declare const Input: ({ className, debounceDelay, disabled, endContent, label, name, placeholder, size, startContent, testId: _testId, transform, type, }: InputProps) => react_jsx_runtime.JSX.Element;
 
 export { Input as I, type InputProps as a };

package/dist/RadioBoxes/index.cjs

@@ -6,8 +6,8 @@ require('../chunk-PA2DQCBY.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 

package/dist/RadioBoxes/index.js

@@ -6,8 +6,8 @@ import "../chunk-BQGN3JTU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   RadioBoxes_default as RadioBoxes,

package/dist/RadioGroup/index.cjs

@@ -6,8 +6,8 @@ require('../chunk-PA2DQCBY.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 

package/dist/RadioGroup/index.js

@@ -6,8 +6,8 @@ import "../chunk-BQGN3JTU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   RadioGroup_default as RadioGroup,

package/dist/RadioTabs/index.cjs

@@ -6,8 +6,8 @@ require('../chunk-PA2DQCBY.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 

package/dist/RadioTabs/index.js

@@ -6,8 +6,8 @@ import "../chunk-BQGN3JTU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   RadioTabs_default as RadioTabs,

package/dist/Select/index.cjs

@@ -6,8 +6,8 @@ require('../chunk-PA2DQCBY.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 

package/dist/Select/index.js

@@ -6,8 +6,8 @@ import "../chunk-BQGN3JTU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   Select_default as Select,

package/dist/SubmitButton/index.cjs

@@ -4,8 +4,8 @@
 var _chunkPL44Y7AMcjs = require('../chunk-PL44Y7AM.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 

package/dist/SubmitButton/index.js

@@ -4,8 +4,8 @@ import {
 } from "../chunk-3BE3GUCZ.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   SubmitButton_default as SubmitButton,

package/dist/Switch/index.cjs

@@ -6,8 +6,8 @@ require('../chunk-PA2DQCBY.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 

package/dist/Switch/index.js

@@ -6,8 +6,8 @@ import "../chunk-BQGN3JTU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   Switch_default as Switch,

package/dist/TextArea/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkSHB3Z5GNcjs = require('../chunk-SHB3Z5GN.cjs');
+var _chunkAZT3TDWZcjs = require('../chunk-AZT3TDWZ.cjs');
 require('../chunk-PA2DQCBY.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-Y6EAPURV.cjs');
 require('../chunk-L4YPB7MU.cjs');
-require('../chunk-I2PJDXWB.cjs');
-require('../chunk-TSB65253.cjs');
+require('../chunk-OWWUTKGY.cjs');
+require('../chunk-P6HJOG7D.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.TextArea = _chunkSHB3Z5GNcjs.TextArea_default; exports.default = _chunkSHB3Z5GNcjs.TextArea_default2;
+exports.TextArea = _chunkAZT3TDWZcjs.TextArea_default; exports.default = _chunkAZT3TDWZcjs.TextArea_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/TextArea/index.js

@@ -1,13 +1,13 @@
 import {
   TextArea_default,
   TextArea_default2
-} from "../chunk-XDHY7DXJ.js";
+} from "../chunk-NNKOK5EU.js";
 import "../chunk-BQGN3JTU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-7QWLAPOT.js";
 import "../chunk-57WY5GAE.js";
-import "../chunk-KMDTMBYI.js";
-import "../chunk-G5UX55XC.js";
+import "../chunk-U5WBLGZV.js";
+import "../chunk-Q2BOMFJ5.js";
 import "../chunk-K2V4ULA2.js";
 export {
   TextArea_default as TextArea,

package/dist/{chunk-SHB3Z5GN.cjs → chunk-AZT3TDWZ.cjs}

@@ -10,7 +10,7 @@ var _chunkGNYQC5IJcjs = require('./chunk-GNYQC5IJ.cjs');
 var _chunkY6EAPURVcjs = require('./chunk-Y6EAPURV.cjs');
 
 
-var _chunkI2PJDXWBcjs = require('./chunk-I2PJDXWB.cjs');
+var _chunkOWWUTKGYcjs = require('./chunk-OWWUTKGY.cjs');
 
 // src/TextArea/TextArea.tsx
 var _input = require('@heroui/input');
@@ -40,7 +40,7 @@ var TextArea = ({
     value: fieldValue,
     ref
   } = field;
-  const { onChange, onBlur, value } = _chunkI2PJDXWBcjs.useInputValueDebounce.call(void 0, {
+  const { onChange, onBlur, value } = _chunkOWWUTKGYcjs.useInputValueDebounce.call(void 0, {
     debounceDelay,
     onBlur: fieldOnBlur,
     onChange: fieldOnChange,
@@ -85,4 +85,4 @@ var TextArea_default2 = TextArea_default;
 
 
 exports.TextArea_default = TextArea_default; exports.TextArea_default2 = TextArea_default2;
-//# sourceMappingURL=chunk-SHB3Z5GN.cjs.map
+//# sourceMappingURL=chunk-AZT3TDWZ.cjs.map

package/dist/{chunk-SHB3Z5GN.cjs.map → chunk-AZT3TDWZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-SHB3Z5GN.cjs","../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"names":["TextArea_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACZA,sCAAyC;AAEzC,oDAAmB;AA0EF,+CAAA;AA9CjB,IAAM,SAAA,EAAW,CAAC;AAAA,EAChB,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,cAAA,EAAgB,GAAA;AAAA,EAChB,SAAA,EAAW,KAAA;AAAA,EACX,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,IAAA;AAAA,EACA,YAAA,EAAc,GAAA;AAAA,EACd,MAAA,EAAQ,QAAA,EAAU,KAAA;AACpB,CAAA,EAAA,GAAqB;AACnB,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,cAAc,EAAA,EAAI,8CAAA,CAAe;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,QAAA,EAAU,OAAO,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,EAAE,MAAM,EAAA,EAAI,6CAAA;AAAc,IAC9B,OAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,UAAA;AAAA,IACV,QAAA,EAAU,aAAA;AAAA,IACV,MAAA,EAAQ,WAAA;AAAA,IACR,KAAA,EAAO,UAAA;AAAA,IACP;AAAA,EACF,EAAA,EAAI,KAAA;AAGJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAA,EAAQ,MAAM,EAAA,EAAI,qDAAA;AAAsB,IACxD,aAAA;AAAA,IACA,MAAA,EAAQ,WAAA;AAAA,IACR,QAAA,EAAU,aAAA;AAAA,IACV,KAAA,EAAO;AAAA,EACT,CAAC,CAAA;AAED,EAAA,MAAM,qBAAA,EAAuB,UAAA,IAAc,eAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,MAAA,GAAS,oBAAA;AAE3B,EAAA,uBACE,6BAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,MACvB,UAAA,EAAY;AAAA,QACV,YAAA,EAAc;AAAA,MAChB,CAAA;AAAA,MACA,aAAA,EAAa,MAAA;AAAA,MACb,YAAA,EACE,MAAA,mBAAS,6BAAA,8CAAC,EAAA,EAAqB,KAAA,EAAc,OAAA,CAAgB,CAAA;AAAA,MAE/D,UAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,SAAA,EAAW,OAAA;AAAA,MACX,KAAA,EACE,UAAA,mBACE,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,qBAAA,mBAAwB,6BAAA,+CAAC,EAAA,EAAsB,OAAA,CAAgB;AAAA,MAAA,EAAA,CAClE,CAAA;AAAA,MAGJ,cAAA,EAAe,SAAA;AAAA,MACf,IAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MAEP;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,iBAAA,EAAQ,QAAA;AD1Bf;AACA;AE1EA,IAAOA,kBAAAA,EAAQ,gBAAA;AF4Ef;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-SHB3Z5GN.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { Textarea as HeroTextArea } 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 TextAreaProps {\n  /** Child components. The content of the textarea. */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** Determines if the TextArea is disabled or not. */\n  disabled?: boolean;\n  /** Label displayed above the TextArea. */\n  label?: ReactNode;\n  /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** placeholder for the textArea content. */\n  placeholder?: string;\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)\n */\nconst TextArea = ({\n  children = null,\n  className = undefined,\n  debounceDelay = 300,\n  disabled = false,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  testId: _testId = undefined,\n}: TextAreaProps) => {\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 debounced handlers for form updates\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    value: fieldValue,\n  });\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  return (\n    <HeroTextArea\n      className={cn(className)}\n      classNames={{\n        inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n      }}\n      data-testid={testId}\n      errorMessage={\n        error && <FieldValidationError error={error} testId={testId} />\n      }\n      isDisabled={isDisabled}\n      isRequired={required}\n      isInvalid={invalid}\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      ref={ref}\n      value={value as string}\n      variant=\"bordered\"\n    >\n      {children}\n    </HeroTextArea>\n  );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-AZT3TDWZ.cjs","../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"names":["TextArea_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACZA,sCAAyC;AAEzC,oDAAmB;AA0EF,+CAAA;AA9CjB,IAAM,SAAA,EAAW,CAAC;AAAA,EAChB,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,cAAA,EAAgB,GAAA;AAAA,EAChB,SAAA,EAAW,KAAA;AAAA,EACX,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,IAAA;AAAA,EACA,YAAA,EAAc,GAAA;AAAA,EACd,MAAA,EAAQ,QAAA,EAAU,KAAA;AACpB,CAAA,EAAA,GAAqB;AACnB,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,cAAc,EAAA,EAAI,8CAAA,CAAe;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,QAAA,EAAU,OAAO,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,EAAE,MAAM,EAAA,EAAI,6CAAA;AAAc,IAC9B,OAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,UAAA;AAAA,IACV,QAAA,EAAU,aAAA;AAAA,IACV,MAAA,EAAQ,WAAA;AAAA,IACR,KAAA,EAAO,UAAA;AAAA,IACP;AAAA,EACF,EAAA,EAAI,KAAA;AAGJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAA,EAAQ,MAAM,EAAA,EAAI,qDAAA;AAAsB,IACxD,aAAA;AAAA,IACA,MAAA,EAAQ,WAAA;AAAA,IACR,QAAA,EAAU,aAAA;AAAA,IACV,KAAA,EAAO;AAAA,EACT,CAAC,CAAA;AAED,EAAA,MAAM,qBAAA,EAAuB,UAAA,IAAc,eAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,MAAA,GAAS,oBAAA;AAE3B,EAAA,uBACE,6BAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,MACvB,UAAA,EAAY;AAAA,QACV,YAAA,EAAc;AAAA,MAChB,CAAA;AAAA,MACA,aAAA,EAAa,MAAA;AAAA,MACb,YAAA,EACE,MAAA,mBAAS,6BAAA,8CAAC,EAAA,EAAqB,KAAA,EAAc,OAAA,CAAgB,CAAA;AAAA,MAE/D,UAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,SAAA,EAAW,OAAA;AAAA,MACX,KAAA,EACE,UAAA,mBACE,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,qBAAA,mBAAwB,6BAAA,+CAAC,EAAA,EAAsB,OAAA,CAAgB;AAAA,MAAA,EAAA,CAClE,CAAA;AAAA,MAGJ,cAAA,EAAe,SAAA;AAAA,MACf,IAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MAEP;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,iBAAA,EAAQ,QAAA;AD1Bf;AACA;AE1EA,IAAOA,kBAAAA,EAAQ,gBAAA;AF4Ef;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-AZT3TDWZ.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { Textarea as HeroTextArea } 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 TextAreaProps {\n  /** Child components. The content of the textarea. */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** Determines if the TextArea is disabled or not. */\n  disabled?: boolean;\n  /** Label displayed above the TextArea. */\n  label?: ReactNode;\n  /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** placeholder for the textArea content. */\n  placeholder?: string;\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)\n */\nconst TextArea = ({\n  children = null,\n  className = undefined,\n  debounceDelay = 300,\n  disabled = false,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  testId: _testId = undefined,\n}: TextAreaProps) => {\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 debounced handlers for form updates\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    value: fieldValue,\n  });\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  return (\n    <HeroTextArea\n      className={cn(className)}\n      classNames={{\n        inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n      }}\n      data-testid={testId}\n      errorMessage={\n        error && <FieldValidationError error={error} testId={testId} />\n      }\n      isDisabled={isDisabled}\n      isRequired={required}\n      isInvalid={invalid}\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      ref={ref}\n      value={value as string}\n      variant=\"bordered\"\n    >\n      {children}\n    </HeroTextArea>\n  );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"]}

package/dist/{chunk-XDHY7DXJ.js → chunk-NNKOK5EU.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-7QWLAPOT.js";
 import {
   useInputValueDebounce
-} from "./chunk-KMDTMBYI.js";
+} from "./chunk-U5WBLGZV.js";
 
 // src/TextArea/TextArea.tsx
 import { Textarea as HeroTextArea } from "@heroui/input";
@@ -85,4 +85,4 @@ export {
   TextArea_default,
   TextArea_default2
 };
-//# sourceMappingURL=chunk-XDHY7DXJ.js.map
+//# sourceMappingURL=chunk-NNKOK5EU.js.map

package/dist/{chunk-I2PJDXWB.cjs → chunk-OWWUTKGY.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTSB65253cjs = require('./chunk-TSB65253.cjs');
+var _chunkP6HJOG7Dcjs = require('./chunk-P6HJOG7D.cjs');
 
 
 
@@ -12,50 +12,27 @@ var useInputValueDebounce = ({
   debounceDelay = 300,
   onBlur,
   onChange,
-  transformValue,
+  transform,
   type,
   value
 }) => {
-  const transform = _chunkTSB65253cjs.useInputValueTransform.call(void 0, {
-    transformValue,
-    type,
-    value
+  const { toDisplayValue, toFormValue } = _chunkP6HJOG7Dcjs.useInputValueTransform.call(void 0, {
+    transform,
+    type
   });
-  const getFormValue = _react.useCallback.call(void 0, 
-    (rawValue) => {
-      const stringValue = String(rawValue);
-      if (transformValue) {
-        return transformValue.formValue(stringValue);
-      }
-      if (type === "number" && stringValue !== "") {
-        const numValue = Number(stringValue);
-        return Number.isNaN(numValue) ? rawValue : numValue;
-      }
-      return rawValue;
-    },
-    [transformValue, type]
-  );
-  const displayValue = transformValue ? transform.displayValue : value;
-  const [currentDisplayValue, setCurrentDisplayValue] = _react.useState.call(void 0, displayValue);
+  const [displayValue, setDisplayValue] = _react.useState.call(void 0, () => toDisplayValue(value));
   const timeoutRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    setCurrentDisplayValue(displayValue);
-  }, [displayValue]);
+    setDisplayValue(toDisplayValue(value));
+  }, [value, toDisplayValue]);
   const handleChange = _react.useCallback.call(void 0, 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (...event) => {
-      var _a, _b, _c, _d;
-      const newValue = (_c = (_b = (_a = event[0]) == null ? void 0 : _a.target) == null ? void 0 : _b.value) != null ? _c : event[0];
-      let displayVal = newValue;
-      if (!transformValue && type === "number" && newValue !== "") {
-        const numValue = Number(newValue);
-        displayVal = Number.isNaN(numValue) ? newValue : numValue;
-      }
-      setCurrentDisplayValue(displayVal);
-      if (transformValue && ((_d = event[0]) == null ? void 0 : _d.target)) {
-        transform.handleInputChange(event[0]);
-      }
-      const formValue = getFormValue(newValue);
+      var _a, _b, _c;
+      const rawValue = (_c = (_b = (_a = event[0]) == null ? void 0 : _a.target) == null ? void 0 : _b.value) != null ? _c : event[0];
+      const newDisplayValue = transform ? rawValue : toDisplayValue(rawValue);
+      setDisplayValue(newDisplayValue);
+      const formValue = toFormValue(newDisplayValue);
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }
@@ -78,25 +55,25 @@ var useInputValueDebounce = ({
         timeoutRef.current = setTimeout(executeOnChange, debounceDelay);
       }
     },
-    [onChange, debounceDelay, transformValue, transform, type, getFormValue]
+    [onChange, debounceDelay, toDisplayValue, toFormValue, transform]
   );
   const handleBlur = _react.useCallback.call(void 0, () => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
       timeoutRef.current = null;
-      const formValue = getFormValue(currentDisplayValue);
+      const formValue = toFormValue(displayValue);
       onChange(formValue);
     }
     onBlur();
-  }, [currentDisplayValue, onChange, onBlur, getFormValue]);
+  }, [onChange, onBlur, toFormValue, displayValue]);
   return {
     onChange: handleChange,
     onBlur: handleBlur,
-    value: currentDisplayValue
+    value: displayValue
   };
 };
 
 
 
 exports.useInputValueDebounce = useInputValueDebounce;
-//# sourceMappingURL=chunk-I2PJDXWB.cjs.map
+//# sourceMappingURL=chunk-OWWUTKGY.cjs.map

package/dist/chunk-OWWUTKGY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-OWWUTKGY.cjs","../src/hooks/useInputValueDebounce/useInputValueDebounce.ts"],"names":["_a"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-OWWUTKGY.cjs","sourcesContent":[null,"import type { InputValueTransform } from '../useInputValueTransform/useInputValueTransform';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useInputValueTransform } from '../useInputValueTransform/useInputValueTransform';\n\nexport interface UseInputValueDebounceOptions {\n  /** Debounce delay in milliseconds (default: 300) */\n  debounceDelay?: number;\n  /** The onBlur function to call after flushing debounced value */\n  onBlur: () => void;\n  /** The onChange function to call with debounced value */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange: (...event: any[]) => void;\n  /** Value transformation functions */\n  transform?: InputValueTransform;\n  /** Input type to handle number conversion (optional) */\n  type?: 'text' | 'number' | 'password';\n  /** The initial form value */\n  value: string | number;\n}\n\nexport interface UseInputValueDebounceReturn {\n  /** Enhanced onChange function with debouncing */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange: (...event: any[]) => void;\n  /** Enhanced onBlur function that flushes current value immediately */\n  onBlur: () => void;\n  /** The field value that is displayed - updates immediately */\n  value: string | number;\n}\n\n/**\n * Custom hook for debouncing input value changes with immediate blur support.\n *\n * Provides immediate visual feedback by updating the display value instantly,\n * while debouncing the actual form state changes. When the input loses focus,\n * any pending debounced changes are immediately flushed.\n *\n * **Key Features:**\n * - **Debouncing**: Delays form updates until user stops typing\n * - **Transform support**: Optional value transformation between display and form values\n * - **Number conversion**: Automatic conversion for number inputs\n * - **Immediate display updates**: UI stays responsive during debouncing\n * - **Blur flushing**: Immediately applies pending changes on blur\n *\n * @param options Configuration for debounced value handling\n * @param options.debounceDelay Delay in milliseconds (default: 300)\n * @param options.onBlur Function to call after flushing debounced value\n * @param options.onChange Function to call with debounced value\n * @param options.transform Optional transform functions for display ↔ form value conversion\n * @param options.type Input type for number conversion ('text' | 'number' | 'password')\n * @param options.value The initial form value\n * @returns Object containing enhanced onChange, onBlur, and immediate display value\n *\n * @example\n * Basic usage with debouncing:\n * ```tsx\n * const { onChange, onBlur, value } = useInputValueDebounce({\n *   debounceDelay: 300,\n *   onBlur: field.onBlur,\n *   onChange: field.onChange,\n *   value: field.value,\n * });\n * ```\n *\n * @example\n * Number input with automatic conversion:\n * ```tsx\n * const { onChange, onBlur, value } = useInputValueDebounce({\n *   debounceDelay: 300,\n *   onBlur: field.onBlur,\n *   onChange: field.onChange,\n *   type: 'number',\n *   value: field.value, // Display: 123 (number), Form: 123 (number)\n * });\n * ```\n *\n * @example\n * Currency formatting with transforms:\n * ```tsx\n * const currencyTransform = {\n *   displayValue: (val) => val ? `$${Number(val).toFixed(2)}` : '',\n *   formValue: (val) => Number(val.replace(/[$,]/g, '')) || 0\n * };\n *\n * const { onChange, onBlur, value } = useInputValueDebounce({\n *   debounceDelay: 300,\n *   onBlur: field.onBlur,\n *   onChange: field.onChange,\n *   transform: currencyTransform,\n *   value: field.value, // Display: \"$100.00\", Form: 100\n * });\n * ```\n */\nexport const useInputValueDebounce = ({\n  debounceDelay = 300,\n  onBlur,\n  onChange,\n  transform,\n  type,\n  value,\n}: UseInputValueDebounceOptions): UseInputValueDebounceReturn => {\n  // Get conversion utilities from transform hook\n  const { toDisplayValue, toFormValue } = useInputValueTransform({\n    transform,\n    type,\n  });\n\n  // Track display value for synchronous updates\n  const [displayValue, setDisplayValue] = useState(() => toDisplayValue(value));\n\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  // Sync with external value changes\n  useEffect(() => {\n    setDisplayValue(toDisplayValue(value));\n  }, [value, toDisplayValue]);\n\n  // Enhanced onChange handler with debouncing\n  const handleChange = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (...event: any[]) => {\n      // Extract the raw input value\n      const rawValue = event[0]?.target?.value ?? event[0];\n\n      // For transforms, user input is already in display format\n      // For number types, convert strings to numbers for display\n      const newDisplayValue = transform ? rawValue : toDisplayValue(rawValue);\n      setDisplayValue(newDisplayValue);\n\n      // Convert to form value using transform utilities\n      const formValue = toFormValue(newDisplayValue);\n\n      // Clear existing timeout\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      const executeOnChange = () => {\n        // Preserve event structure if original was an event\n        if (event[0]?.target) {\n          const convertedEvent = {\n            ...event[0],\n            target: {\n              ...event[0].target,\n              value: formValue,\n            },\n          };\n          onChange(convertedEvent, ...event.slice(1));\n        } else {\n          onChange(formValue);\n        }\n      };\n\n      // Execute immediately or after delay\n      if (debounceDelay <= 0) {\n        executeOnChange();\n      } else {\n        timeoutRef.current = setTimeout(executeOnChange, debounceDelay);\n      }\n    },\n    [onChange, debounceDelay, toDisplayValue, toFormValue, transform],\n  );\n\n  // Enhanced blur handler\n  const handleBlur = useCallback(() => {\n    // Flush pending changes\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n\n      // Get form value from current display value\n      const formValue = toFormValue(displayValue);\n      onChange(formValue);\n    }\n    onBlur();\n  }, [onChange, onBlur, toFormValue, displayValue]);\n\n  return {\n    onChange: handleChange,\n    onBlur: handleBlur,\n    value: displayValue,\n  };\n};\n"]}

package/dist/chunk-P6HJOG7D.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useInputValueTransform/useInputValueTransform.ts
+var _react = require('react');
+var useInputValueTransform = ({
+  type,
+  transform
+}) => {
+  const toDisplayValue = _react.useCallback.call(void 0, 
+    (formValue) => {
+      if (transform == null ? void 0 : transform.toDisplayValue) {
+        return transform.toDisplayValue(formValue != null ? formValue : "");
+      }
+      if (type === "number") {
+        if (formValue === "") return "";
+        const numValue = Number(formValue);
+        return Number.isNaN(numValue) ? formValue : numValue;
+      }
+      return formValue != null ? formValue : "";
+    },
+    [type, transform]
+  );
+  const toFormValue = _react.useCallback.call(void 0, 
+    (displayValue) => {
+      if (type === "number") {
+        if (displayValue === "") return "";
+        const numValue = Number(displayValue);
+        return Number.isNaN(numValue) ? displayValue : numValue;
+      }
+      return (transform == null ? void 0 : transform.toFormValue) ? transform.toFormValue(displayValue) : displayValue;
+    },
+    [type, transform]
+  );
+  return {
+    toDisplayValue,
+    toFormValue
+  };
+};
+
+
+
+exports.useInputValueTransform = useInputValueTransform;
+//# sourceMappingURL=chunk-P6HJOG7D.cjs.map

package/dist/chunk-P6HJOG7D.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-P6HJOG7D.cjs","../src/hooks/useInputValueTransform/useInputValueTransform.ts"],"names":[],"mappings":"AAAA;ACAA,8BAA4B;AAsFrB,IAAM,uBAAA,EAAyB,CAAC;AAAA,EACrC,IAAA;AAAA,EACA;AACF,CAAA,EAAA,GAAmE;AAIjE,EAAA,MAAM,eAAA,EAAiB,gCAAA;AAAA,IACrB,CAAC,SAAA,EAAA,GAAgD;AAC/C,MAAA,GAAA,CAAI,UAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,SAAA,CAAW,cAAA,EAAgB;AAC7B,QAAA,OAAO,SAAA,CAAU,cAAA,CAAe,UAAA,GAAA,KAAA,EAAA,UAAA,EAAa,EAAE,CAAA;AAAA,MACjD;AAGA,MAAA,GAAA,CAAI,KAAA,IAAS,QAAA,EAAU;AACrB,QAAA,GAAA,CAAI,UAAA,IAAc,EAAA,EAAI,OAAO,EAAA;AAC7B,QAAA,MAAM,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA;AACjC,QAAA,OAAO,MAAA,CAAO,KAAA,CAAM,QAAQ,EAAA,EAAI,UAAA,EAAY,QAAA;AAAA,MAC9C;AAEA,MAAA,OAAO,UAAA,GAAA,KAAA,EAAA,UAAA,EAAa,EAAA;AAAA,IACtB,CAAA;AAAA,IACA,CAAC,IAAA,EAAM,SAAS;AAAA,EAClB,CAAA;AAKA,EAAA,MAAM,YAAA,EAAc,gCAAA;AAAA,IAClB,CAAC,YAAA,EAAA,GAAmD;AAClD,MAAA,GAAA,CAAI,KAAA,IAAS,QAAA,EAAU;AACrB,QAAA,GAAA,CAAI,aAAA,IAAiB,EAAA,EAAI,OAAO,EAAA;AAChC,QAAA,MAAM,SAAA,EAAW,MAAA,CAAO,YAAY,CAAA;AACpC,QAAA,OAAO,MAAA,CAAO,KAAA,CAAM,QAAQ,EAAA,EAAI,aAAA,EAAe,QAAA;AAAA,MACjD;AAEA,MAAA,OAAA,CAAO,UAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,SAAA,CAAW,WAAA,EAAA,EACd,SAAA,CAAU,WAAA,CAAY,YAAsB,EAAA,EAC5C,YAAA;AAAA,IACN,CAAA;AAAA,IACA,CAAC,IAAA,EAAM,SAAS;AAAA,EAClB,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,cAAA;AAAA,IACA;AAAA,EACF,CAAA;AACF,CAAA;ADjGA;AACA;AACE;AACF,wDAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-P6HJOG7D.cjs","sourcesContent":[null,"import { useCallback } from 'react';\n\nexport interface InputValueTransform {\n  /** Transforms the form value to display value (e.g., 1000 → \"$1,000\") */\n  toDisplayValue: (value: string | number) => string | number;\n  /** Transforms the display value to form value (e.g., \"$1,000\" → 1000) */\n  toFormValue: (value: string) => string | number;\n}\n\nexport interface UseInputValueTransformOptions {\n  /** Input type for special number handling */\n  type?: 'text' | 'number' | 'password';\n  /** Value transformation functions */\n  transform?: InputValueTransform;\n}\n\nexport interface UseInputValueTransformReturn {\n  /** Converts any form value to display value */\n  toDisplayValue: (formValue: string | number) => string | number;\n  /** Converts any display value to form value */\n  toFormValue: (displayValue: string | number) => string | number;\n}\n\n/**\n * Custom hook providing utility functions for value transformations between display and form values.\n *\n * This hook provides pure conversion functions without any state management. It's useful for:\n * - Currency formatting ($1,000 display vs 1000 stored)\n * - Number inputs with special handling\n * - Date formatting (MM/DD/YYYY display vs ISO date stored)\n * - Phone number formatting ((555) 123-4567 display vs 5551234567 stored)\n *\n * **Key Features:**\n * - Pure conversion functions (no state)\n * - Special number input handling (empty string preservation)\n * - Bidirectional value transformations\n * - Memoized functions for performance\n *\n * @param options Configuration for value transformation\n * @returns Pure conversion utility functions\n *\n * @example\n * ```tsx\n * // Currency formatting\n * const currencyTransform = {\n *   displayValue: (val) => val ? `$${Number(val).toLocaleString()}` : '',\n *   formValue: (val) => parseFloat(val.replace(/[$,]/g, '')) || 0\n * };\n *\n * const { toDisplayValue, toFormValue } = useInputValueTransform({\n *   transform: currencyTransform\n * });\n *\n * const displayVal = toDisplayValue(1000); // \"$1,000\"\n * const formVal = toFormValue(\"$1,500\"); // 1500\n * ```\n *\n * @example\n * ```tsx\n * // Number input (no transforms needed)\n * const { toDisplayValue, toFormValue } = useInputValueTransform({\n *   type: 'number'\n * });\n *\n * // Handles empty string → empty string (not NaN)\n * // Handles \"123\" → 123 (string to number conversion)\n * ```\n *\n * @example\n * ```tsx\n * // Integration with debouncing\n * const MyInput = ({ field, transform }) => {\n *   const transform = useInputValueTransform({ transform });\n *\n *   const { onChange, onBlur, value } = useInputValueDebounce({\n *     ...transform,\n *     initialValue: field.value,\n *     debounceDelay: 300,\n *     onBlur: field.onBlur,\n *     onChange: field.onChange,\n *   });\n *\n *   return <input value={value} onChange={onChange} onBlur={onBlur} />;\n * };\n * ```\n */\nexport const useInputValueTransform = ({\n  type,\n  transform,\n}: UseInputValueTransformOptions): UseInputValueTransformReturn => {\n  /**\n   * Converts any form value to display value\n   */\n  const toDisplayValue = useCallback(\n    (formValue: string | number): string | number => {\n      if (transform?.toDisplayValue) {\n        return transform.toDisplayValue(formValue ?? '');\n      }\n\n      // For number type, convert valid strings to numbers for display\n      if (type === 'number') {\n        if (formValue === '') return '';\n        const numValue = Number(formValue);\n        return Number.isNaN(numValue) ? formValue : numValue;\n      }\n\n      return formValue ?? '';\n    },\n    [type, transform],\n  );\n\n  /**\n   * Converts any display value to form value\n   */\n  const toFormValue = useCallback(\n    (displayValue: string | number): string | number => {\n      if (type === 'number') {\n        if (displayValue === '') return '';\n        const numValue = Number(displayValue);\n        return Number.isNaN(numValue) ? displayValue : numValue;\n      }\n\n      return transform?.toFormValue\n        ? transform.toFormValue(displayValue as string)\n        : displayValue;\n    },\n    [type, transform],\n  );\n\n  return {\n    toDisplayValue,\n    toFormValue,\n  };\n};\n"]}