@fuf-stack/uniform 0.20.0 → 0.20.1

package/dist/CheckboxGroup/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkNVSZYURKcjs = require('../chunk-NVSZYURK.cjs');
+var _chunkUYLC4JOUcjs = require('../chunk-UYLC4JOU.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-F4VYFBYC.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.CheckboxGroup = _chunkNVSZYURKcjs.CheckboxGroup_default; exports.default = _chunkNVSZYURKcjs.CheckboxGroup_default2;
+exports.CheckboxGroup = _chunkUYLC4JOUcjs.CheckboxGroup_default; exports.default = _chunkUYLC4JOUcjs.CheckboxGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/CheckboxGroup/index.js

@@ -1,10 +1,10 @@
 import {
   CheckboxGroup_default,
   CheckboxGroup_default2
-} from "../chunk-OLPDYX6B.js";
+} from "../chunk-H7JL3BPU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-5R7ZPSN2.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/FieldArray/index.cjs

@@ -1,14 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk3ISETOB3cjs = require('../chunk-3ISETOB3.cjs');
+var _chunkCVCXMVCJcjs = require('../chunk-CVCXMVCJ.cjs');
+require('../chunk-TTD3KL6E.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-F4VYFBYC.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.FieldArray = _chunk3ISETOB3cjs.FieldArray_default; exports.default = _chunk3ISETOB3cjs.FieldArray_default2;
+exports.FieldArray = _chunkCVCXMVCJcjs.FieldArray_default; exports.default = _chunkCVCXMVCJcjs.FieldArray_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/FieldArray/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/FieldArray/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,mHAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/FieldArray/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/FieldArray/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,mHAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/FieldArray/index.cjs"}

package/dist/FieldArray/index.js

@@ -1,10 +1,11 @@
 import {
   FieldArray_default,
   FieldArray_default2
-} from "../chunk-LX775YU7.js";
+} from "../chunk-TKE5V4IU.js";
+import "../chunk-B62HKKMS.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-5R7ZPSN2.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/Form/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkIYR5A3CVcjs = require('../chunk-IYR5A3CV.cjs');
-require('../chunk-F4VYFBYC.cjs');
+var _chunkR4ICWOU4cjs = require('../chunk-R4ICWOU4.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Form = _chunkIYR5A3CVcjs.Form_default; exports.default = _chunkIYR5A3CVcjs.Form_default2;
+exports.Form = _chunkR4ICWOU4cjs.Form_default; exports.default = _chunkR4ICWOU4cjs.Form_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Form/index.js

@@ -1,8 +1,8 @@
 import {
   Form_default,
   Form_default2
-} from "../chunk-BPZ3U5RV.js";
-import "../chunk-5R7ZPSN2.js";
+} from "../chunk-6G5UDAYH.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/Grid/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk6GN255GPcjs = require('../chunk-6GN255GP.cjs');
+var _chunkTTD3KL6Ecjs = require('../chunk-TTD3KL6E.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.default = _chunk6GN255GPcjs.Grid_default2;
+exports.Grid = _chunkTTD3KL6Ecjs.Grid_default; exports.default = _chunkTTD3KL6Ecjs.Grid_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Grid/index.js

@@ -1,7 +1,7 @@
 import {
   Grid_default,
   Grid_default2
-} from "../chunk-PDCEKC3G.js";
+} from "../chunk-B62HKKMS.js";
 import "../chunk-K2V4ULA2.js";
 export {
   Grid_default as Grid,

package/dist/Input/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkBDJHUA55cjs = require('../chunk-BDJHUA55.cjs');
+var _chunkUKZDZ7B3cjs = require('../chunk-UKZDZ7B3.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-F4VYFBYC.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Input = _chunkBDJHUA55cjs.Input_default; exports.default = _chunkBDJHUA55cjs.Input_default2;
+exports.Input = _chunkUKZDZ7B3cjs.Input_default; exports.default = _chunkUKZDZ7B3cjs.Input_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Input/index.js

@@ -1,10 +1,10 @@
 import {
   Input_default,
   Input_default2
-} from "../chunk-FA74PMQ3.js";
+} from "../chunk-7GNNET4A.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-5R7ZPSN2.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/RadioBoxes/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkYLJC74CQcjs = require('../chunk-YLJC74CQ.cjs');
+var _chunkPHK5PELPcjs = require('../chunk-PHK5PELP.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-F4VYFBYC.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioBoxes = _chunkYLJC74CQcjs.RadioBoxes_default; exports.default = _chunkYLJC74CQcjs.RadioBoxes_default2;
+exports.RadioBoxes = _chunkPHK5PELPcjs.RadioBoxes_default; exports.default = _chunkPHK5PELPcjs.RadioBoxes_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioBoxes/index.js

@@ -1,10 +1,10 @@
 import {
   RadioBoxes_default,
   RadioBoxes_default2
-} from "../chunk-LBFJL6IA.js";
+} from "../chunk-HGEOXAH4.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-5R7ZPSN2.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/RadioGroup/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkCUDJVXZXcjs = require('../chunk-CUDJVXZX.cjs');
+var _chunkO46U5DHLcjs = require('../chunk-O46U5DHL.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-F4VYFBYC.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioGroup = _chunkCUDJVXZXcjs.RadioGroup_default; exports.default = _chunkCUDJVXZXcjs.RadioGroup_default2;
+exports.RadioGroup = _chunkO46U5DHLcjs.RadioGroup_default; exports.default = _chunkO46U5DHLcjs.RadioGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioGroup/index.js

@@ -1,10 +1,10 @@
 import {
   RadioGroup_default,
   RadioGroup_default2
-} from "../chunk-YNX7IORC.js";
+} from "../chunk-XGRFOK3R.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-5R7ZPSN2.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/RadioTabs/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkY33HTDL6cjs = require('../chunk-Y33HTDL6.cjs');
+var _chunkUN7777T3cjs = require('../chunk-UN7777T3.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-F4VYFBYC.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioTabs = _chunkY33HTDL6cjs.RadioTabs_default; exports.default = _chunkY33HTDL6cjs.RadioTabs_default2;
+exports.RadioTabs = _chunkUN7777T3cjs.RadioTabs_default; exports.default = _chunkUN7777T3cjs.RadioTabs_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioTabs/index.js

@@ -1,10 +1,10 @@
 import {
   RadioTabs_default,
   RadioTabs_default2
-} from "../chunk-4WVYRJCV.js";
+} from "../chunk-PSWYP5SU.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-5R7ZPSN2.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/Select/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkRKZQKPRJcjs = require('../chunk-RKZQKPRJ.cjs');
+var _chunkH5JXWAGHcjs = require('../chunk-H5JXWAGH.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-F4VYFBYC.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Select = _chunkRKZQKPRJcjs.Select_default; exports.default = _chunkRKZQKPRJcjs.Select_default2;
+exports.Select = _chunkH5JXWAGHcjs.Select_default; exports.default = _chunkH5JXWAGHcjs.Select_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Select/index.js

@@ -1,10 +1,10 @@
 import {
   Select_default,
   Select_default2
-} from "../chunk-FJTWQ6UG.js";
+} from "../chunk-C4WU74Y4.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-5R7ZPSN2.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/SubmitButton/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkQ5KXDJU7cjs = require('../chunk-Q5KXDJU7.cjs');
-require('../chunk-F4VYFBYC.cjs');
+var _chunkEBMEIX2Pcjs = require('../chunk-EBMEIX2P.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.SubmitButton = _chunkQ5KXDJU7cjs.SubmitButton_default; exports.default = _chunkQ5KXDJU7cjs.SubmitButton_default2;
+exports.SubmitButton = _chunkEBMEIX2Pcjs.SubmitButton_default; exports.default = _chunkEBMEIX2Pcjs.SubmitButton_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/SubmitButton/index.js

@@ -1,8 +1,8 @@
 import {
   SubmitButton_default,
   SubmitButton_default2
-} from "../chunk-M7CZ526K.js";
-import "../chunk-5R7ZPSN2.js";
+} from "../chunk-K4E35FS6.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/Switch/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkEHTJ2BYBcjs = require('../chunk-EHTJ2BYB.cjs');
+var _chunkDIVINFK2cjs = require('../chunk-DIVINFK2.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-F4VYFBYC.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Switch = _chunkEHTJ2BYBcjs.Switch_default; exports.default = _chunkEHTJ2BYBcjs.Switch_default2;
+exports.Switch = _chunkDIVINFK2cjs.Switch_default; exports.default = _chunkDIVINFK2cjs.Switch_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Switch/index.js

@@ -1,10 +1,10 @@
 import {
   Switch_default,
   Switch_default2
-} from "../chunk-3PAVDSMW.js";
+} from "../chunk-KJYR5Q6G.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-5R7ZPSN2.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/TextArea/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkJWYMBKE6cjs = require('../chunk-JWYMBKE6.cjs');
+var _chunkPT2XYC26cjs = require('../chunk-PT2XYC26.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-F4VYFBYC.cjs');
+require('../chunk-GDNP6OU3.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.TextArea = _chunkJWYMBKE6cjs.TextArea_default; exports.default = _chunkJWYMBKE6cjs.TextArea_default2;
+exports.TextArea = _chunkPT2XYC26cjs.TextArea_default; exports.default = _chunkPT2XYC26cjs.TextArea_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/TextArea/index.js

@@ -1,10 +1,10 @@
 import {
   TextArea_default,
   TextArea_default2
-} from "../chunk-43R3EVIW.js";
+} from "../chunk-AQHJJ6WW.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-5R7ZPSN2.js";
+import "../chunk-NXTFRKYX.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/{chunk-BPZ3U5RV.js → chunk-6G5UDAYH.js}

@@ -1,7 +1,7 @@
 import {
   FormContext_default,
   useFormContext
-} from "./chunk-5R7ZPSN2.js";
+} from "./chunk-NXTFRKYX.js";
 import {
   toValidationFormat
 } from "./chunk-UAV6PVB4.js";
@@ -151,4 +151,4 @@ export {
   Form_default,
   Form_default2
 };
-//# sourceMappingURL=chunk-BPZ3U5RV.js.map
+//# sourceMappingURL=chunk-6G5UDAYH.js.map

package/dist/{chunk-FA74PMQ3.js → chunk-7GNNET4A.js}

@@ -7,7 +7,7 @@ import {
 import {
   useController,
   useFormContext
-} from "./chunk-5R7ZPSN2.js";
+} from "./chunk-NXTFRKYX.js";
 
 // src/Input/Input.tsx
 import { Input as HeroInput } from "@heroui/input";
@@ -86,4 +86,4 @@ export {
   Input_default,
   Input_default2
 };
-//# sourceMappingURL=chunk-FA74PMQ3.js.map
+//# sourceMappingURL=chunk-7GNNET4A.js.map

package/dist/{chunk-43R3EVIW.js → chunk-AQHJJ6WW.js}

@@ -7,7 +7,7 @@ import {
 import {
   useController,
   useFormContext
-} from "./chunk-5R7ZPSN2.js";
+} from "./chunk-NXTFRKYX.js";
 
 // src/TextArea/TextArea.tsx
 import { Textarea as HeroTextArea } from "@heroui/input";
@@ -67,4 +67,4 @@ export {
   TextArea_default,
   TextArea_default2
 };
-//# sourceMappingURL=chunk-43R3EVIW.js.map
+//# sourceMappingURL=chunk-AQHJJ6WW.js.map

package/dist/{chunk-PDCEKC3G.js → chunk-B62HKKMS.js}

@@ -6,7 +6,7 @@ var Grid = ({
   className = void 0,
   testId = void 0
 }) => {
-  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-6", className), "data-testid": testId, children });
+  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-4", className), "data-testid": testId, children });
 };
 var Grid_default = Grid;
 
@@ -17,4 +17,4 @@ export {
   Grid_default,
   Grid_default2
 };
-//# sourceMappingURL=chunk-PDCEKC3G.js.map
+//# sourceMappingURL=chunk-B62HKKMS.js.map

package/dist/{chunk-PDCEKC3G.js.map → chunk-B62HKKMS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Grid/Grid.tsx","../src/Grid/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface GridProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Defines the default grid for form components\n */\nconst Grid = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n}: GridProps) => {\n  return (\n    <div className={cn('grid gap-6', className)} data-testid={testId}>\n      {children}\n    </div>\n  );\n};\n\nexport default Grid;\n","import Grid from './Grid';\n\nexport type { GridProps } from './Grid';\n\nexport { Grid };\n\nexport default Grid;\n"],"mappings":";AAEA,SAAS,UAAU;AAoBf;AANJ,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AACX,MAAiB;AACf,SACE,oBAAC,SAAI,WAAW,GAAG,cAAc,SAAS,GAAG,eAAa,QACvD,UACH;AAEJ;AAEA,IAAO,eAAQ;;;ACtBf,IAAOA,gBAAQ;","names":["Grid_default"]}
+{"version":3,"sources":["../src/Grid/Grid.tsx","../src/Grid/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface GridProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Defines the default grid for form components\n */\nconst Grid = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n}: GridProps) => {\n  return (\n    <div className={cn('grid gap-4', className)} data-testid={testId}>\n      {children}\n    </div>\n  );\n};\n\nexport default Grid;\n","import Grid from './Grid';\n\nexport type { GridProps } from './Grid';\n\nexport { Grid };\n\nexport default Grid;\n"],"mappings":";AAEA,SAAS,UAAU;AAoBf;AANJ,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AACX,MAAiB;AACf,SACE,oBAAC,SAAI,WAAW,GAAG,cAAc,SAAS,GAAG,eAAa,QACvD,UACH;AAEJ;AAEA,IAAO,eAAQ;;;ACtBf,IAAOA,gBAAQ;","names":["Grid_default"]}

package/dist/{chunk-FJTWQ6UG.js → chunk-C4WU74Y4.js}

@@ -7,7 +7,7 @@ import {
 import {
   useController,
   useFormContext
-} from "./chunk-5R7ZPSN2.js";
+} from "./chunk-NXTFRKYX.js";
 import {
   __spreadProps,
   __spreadValues
@@ -67,7 +67,7 @@ var ControlComponent = (props) => {
 };
 var OptionComponent = (props) => {
   var _a, _b, _c;
-  const testId = `${props.selectProps["data-testid"]}_select_option_${slugify((_c = (_a = props == null ? void 0 : props.data) == null ? void 0 : _a.testId) != null ? _c : (_b = props == null ? void 0 : props.data) == null ? void 0 : _b.value)}`;
+  const testId = `${props.selectProps["data-testid"]}_select_option_${slugify((_c = (_a = props == null ? void 0 : props.data) == null ? void 0 : _a.testId) != null ? _c : (_b = props == null ? void 0 : props.data) == null ? void 0 : _b.value, { replaceDots: true })}`;
   return /* @__PURE__ */ jsx("div", { "data-testid": testId, children: /* @__PURE__ */ jsx(components.Option, __spreadValues({}, props)) });
 };
 var DropdownIndicatorComponent = (props) => {
@@ -233,4 +233,4 @@ export {
   Select_default,
   Select_default2
 };
-//# sourceMappingURL=chunk-FJTWQ6UG.js.map
+//# sourceMappingURL=chunk-C4WU74Y4.js.map

package/dist/chunk-C4WU74Y4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Select/Select.tsx","../src/Select/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { Props } from 'react-select';\n\nimport { useState } from 'react';\nimport ReactSelect, { components } from 'react-select';\n\nimport { useSelect } from '@heroui/select';\n\nimport { cn, slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const selectVariants = tv({\n  slots: {\n    base: 'group leading-normal',\n    clearIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-foreground-800',\n    control:\n      'rounded-lg border-2 border-default-200 !duration-150 transition-background hover:border-default-400 group-data-[invalid=true]:border-danger group-data-[invalid=true]:hover:border-danger motion-reduce:transition-none',\n    control_focused: 'border-focus',\n    crossIcon: '',\n    downChevron: '',\n    dropdownIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-black',\n    group: '',\n    groupHeading: 'mb-1 ml-3 mt-2 text-sm text-foreground-500',\n    indicatorsContainer: 'gap-1 p-1',\n    indicatorSeparator: 'bg-default-300',\n    input: 'py-0.5 pl-1',\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      'pointer-events-auto relative bottom-1.5 ml-1 text-small 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    loadingIndicator: '',\n    loadingMessage: 'rounded-sm p-2 text-foreground-500',\n    menu: 'mt-2 rounded-xl border border-default-200 bg-content1 p-1 shadow-lg',\n    menuList: '',\n    // ensure menu has same z-index as modal so it is visible when rendered in modal\n    // see: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/modal.ts (see z-50)\n    menuPortal: '!z-50',\n    multiValue: 'items-center gap-1.5 rounded bg-default-100 py-0.5 pl-2 pr-1',\n    multiValueContainer: '',\n    multiValueLabel: 'py-0.5 leading-6',\n    multiValueRemove:\n      'rounded text-default-500 hover:cursor-pointer hover:border-default-300 hover:text-default-800',\n    noOptionsMessage: 'rounded-sm p-2 text-foreground-500',\n    option_focused: 'bg-default-100 active:bg-default-200',\n    option_selected: 'bg-default-300',\n    option: 'rounded px-3 py-2 hover:cursor-pointer',\n    placeholder: 'ml-1 py-0.5 pl-1 text-sm text-foreground-500',\n    selectContainer: '',\n    singleValue: '!ml-1 !leading-7',\n    valueContainer: 'gap-1 p-1',\n  },\n});\n\ntype SelectOption = {\n  /** option label */\n  label?: React.ReactNode;\n  /** option value */\n  value: string;\n};\n\ntype VariantProps = TVProps<typeof selectVariants>;\ntype ClassName = TVClassName<typeof selectVariants>;\n\nexport interface SelectProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName; // string;\n  /** Determine if the  */\n  clearable?: boolean;\n  /** Set the select to disabled state. */\n  disabled?: boolean;\n  /** Filter Select Options */\n  filterOption?:\n    | undefined\n    | ((option?: SelectOption, inputValue?: string) => boolean);\n  /** Format the label of the option */\n  renderOptionLabel?: undefined | Props['formatOptionLabel'];\n  /** The value of the search input */\n  inputValue?: string;\n  /** Label that should be associated with the select. */\n  label?: React.ReactNode;\n  /** Set the select to a loading state. */\n  loading?: boolean;\n  /** switch between single and multi select mode. */\n  multiSelect?: boolean;\n  /** The name for the Select component, used by react-hook-form */\n  name: string;\n  /** Placeholder that is displayed when nothing is selected */\n  placeholder?: string;\n  /** The options for the Select component */\n  options: SelectOption[];\n  /** Handle change events on the input */\n  onInputChange?: Props['onInputChange'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst InputComponent: typeof components.Input = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/prop-types, react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}`;\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <components.Input data-testid={testId} {...props} />;\n};\n\nconst ControlComponent: typeof components.Control = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/prop-types, react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_select`;\n  return (\n    <div data-testid={testId}>\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <components.Control {...props} />\n    </div>\n  );\n};\n\nconst OptionComponent: typeof components.Option = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/prop-types, react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_select_option_${slugify(props?.data?.testId ?? props?.data?.value, { replaceDots: true })}`;\n  return (\n    <div data-testid={testId}>\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <components.Option {...props} />\n    </div>\n  );\n};\n\nconst DropdownIndicatorComponent: typeof components.DropdownIndicator = (\n  props,\n) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/prop-types\n  const testId = props?.selectProps['data-testid'] as string;\n  return (\n    <div data-testid={`${testId}_select_dropdown`}>\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <components.DropdownIndicator {...props} />\n    </div>\n  );\n};\n\n/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */\nconst Select = ({\n  className = undefined,\n  clearable = true,\n  disabled = false,\n  filterOption = undefined,\n  renderOptionLabel = undefined,\n  inputValue = undefined,\n  label: _label = undefined,\n  loading = false,\n  multiSelect = false,\n  name,\n  onInputChange = undefined,\n  options,\n  placeholder = undefined,\n  testId: _testId = undefined,\n}: SelectProps) => {\n  const { control, debugMode, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const { field } = useController({ control, disabled, name });\n  const { onChange, value, ref, onBlur } = field;\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const variants = selectVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const {\n    getBaseProps,\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    getLabelProps,\n    getTriggerProps,\n    getValueProps,\n    label,\n  } = useSelect({\n    children: [],\n    classNames,\n    errorMessage: JSON.stringify(error),\n    isDisabled: disabled,\n    isInvalid: invalid,\n    isLoading: loading,\n    isRequired: required,\n    label: _label,\n    labelPlacement: 'outside',\n    placeholder: ' ',\n  });\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  return (\n    <div\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...getBaseProps()}\n      className={cn(classNames.base)}\n      data-testid={`${testId}_wrapper`}\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-required={required}\n    >\n      {showLabel && (\n        <label\n          className={classNames.label}\n          data-slot=\"label\"\n          htmlFor={`react-select-${name}-input`}\n          id={getLabelProps().id}\n        >\n          {label}\n          {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n        </label>\n      )}\n      <ReactSelect\n        aria-errormessage=\"\"\n        aria-labelledby={getTriggerProps()['aria-labelledby']?.split(' ')[1]}\n        aria-invalid={invalid}\n        classNames={{\n          control: () =>\n            cn(classNames.control, {\n              [classNames.control_focused]: isFocused && !invalid,\n            }),\n          clearIndicator: () => classNames.clearIndicator,\n          dropdownIndicator: () => classNames.dropdownIndicator,\n          groupHeading: () => classNames.groupHeading,\n          indicatorsContainer: () => classNames.indicatorsContainer,\n          indicatorSeparator: () => classNames.indicatorSeparator,\n          loadingIndicator: () => classNames.loadingIndicator,\n          loadingMessage: () => classNames.loadingMessage,\n          input: () => classNames.input,\n          menu: () => classNames.menu,\n          menuList: () => classNames.menuList,\n          menuPortal: () => classNames.menuPortal,\n          multiValue: () => classNames.multiValue,\n          multiValueLabel: () =>\n            cn(classNames.multiValueLabel, `${getValueProps().className}`),\n          multiValueRemove: () => classNames.multiValueRemove,\n          noOptionsMessage: () => classNames.noOptionsMessage,\n          option: ({\n            isFocused: optionIsFocused,\n            isSelected: optionIsSelected,\n          }) =>\n            cn(classNames.option, {\n              [classNames.option_focused]: optionIsFocused,\n              [classNames.option_selected]: optionIsSelected,\n            }),\n          placeholder: () => classNames.placeholder,\n          singleValue: () =>\n            cn(classNames.singleValue, `${getValueProps().className}`),\n          valueContainer: () => classNames.valueContainer,\n        }}\n        components={{\n          Input: InputComponent,\n          Option: OptionComponent,\n          DropdownIndicator: DropdownIndicatorComponent,\n          Control: ControlComponent,\n        }}\n        // Does not affect the testId of the select, but is needed to pass it to sub-components\n        data-testid={testId}\n        filterOption={filterOption}\n        formatOptionLabel={renderOptionLabel}\n        inputValue={inputValue}\n        instanceId={name}\n        isClearable={clearable}\n        isDisabled={disabled}\n        isLoading={loading}\n        isMulti={multiSelect}\n        name={name}\n        // set menuPosition to fixed so that menu can be rendered\n        // inside Card / Modal components, menuShouldBlockScroll\n        // prevents container scroll when menu is open\n        menuPosition=\"fixed\"\n        menuShouldBlockScroll\n        options={options}\n        placeholder={placeholder}\n        onBlur={(_e) => {\n          setIsFocused(false);\n          return onBlur();\n        }}\n        onChange={(option) => {\n          if (multiSelect) {\n            onChange(\n              (option as SelectOption[])?.map((_option) => _option.value),\n            );\n          } else {\n            onChange((option as SelectOption)?.value);\n          }\n        }}\n        onFocus={(_e) => {\n          setIsFocused(true);\n        }}\n        onInputChange={onInputChange}\n        ref={ref}\n        // set complete option as value by current field value\n        value={options.find((option) => option.value === value)}\n        unstyled\n      />\n      {error && (\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        <div {...getHelperWrapperProps()}>\n          {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n          <div {...getErrorMessageProps()}>\n            <FieldValidationError error={error} testId={testId} />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Select;\n","import Select from './Select';\n\nexport type { SelectProps } from './Select';\n\nexport { Select };\n\nexport default Select;\n"],"mappings":"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","names":["Select_default"]}

package/dist/{chunk-3ISETOB3.cjs → chunk-CVCXMVCJ.cjs}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkTTD3KL6Ecjs = require('./chunk-TTD3KL6E.cjs');
+
+
 var _chunkGNYQC5IJcjs = require('./chunk-GNYQC5IJ.cjs');
 
 
@@ -8,7 +11,7 @@ var _chunkPA2DQCBYcjs = require('./chunk-PA2DQCBY.cjs');
 
 
 
-var _chunkF4VYFBYCcjs = require('./chunk-F4VYFBYC.cjs');
+var _chunkGDNP6OU3cjs = require('./chunk-GDNP6OU3.cjs');
 
 
 var _chunkCESGUF6Fcjs = require('./chunk-CESGUF6F.cjs');
@@ -115,9 +118,9 @@ var FieldArrayElement = ({
   testId = void 0
 }) => {
   var _a;
-  const { getFieldState } = _chunkF4VYFBYCcjs.useFormContext.call(void 0, );
+  const { getFieldState } = _chunkGDNP6OU3cjs.useFormContext.call(void 0, );
   const { error, invalid } = getFieldState(arrayFieldName, void 0);
-  const { getHelperWrapperProps, getErrorMessageProps } = _chunkF4VYFBYCcjs.useInput.call(void 0, {
+  const { getHelperWrapperProps, getErrorMessageProps } = _chunkGDNP6OU3cjs.useInput.call(void 0, {
     classNames: { helperWrapper: "block" },
     errorMessage: JSON.stringify(error),
     isInvalid: invalid,
@@ -150,7 +153,7 @@ var FieldArrayElement = ({
             {
               className: _pixelutils.cn.call(void 0, className.elementWrapper),
               "data-testid": `${testId}_element_wrapper`,
-              children
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTTD3KL6Ecjs.Grid_default, { children })
             }
           ),
           lastNotDeletable && fields.length === 1 ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -251,7 +254,7 @@ var fieldArrayVariants = _pixelutils.tv.call(void 0, {
     insertAfterButton: "text-xs font-medium",
     label: "!pointer-events-auto !static !z-0 -mb-1 ml-1 !inline-block",
     list: "m-0 w-full list-none",
-    listItem: "mb-4 flex w-full flex-row items-center",
+    listItem: "mb-4 flex w-full flex-row",
     removeButton: "ml-1",
     sortDragHandle: "mr-2 text-base text-xl"
   }
@@ -279,13 +282,13 @@ var FieldArray = ({
     getFieldState,
     trigger
     // watch
-  } = _chunkF4VYFBYCcjs.useFormContext.call(void 0, );
-  const { fields, append, remove, insert, move } = _chunkF4VYFBYCcjs.useFieldArray.call(void 0, {
+  } = _chunkGDNP6OU3cjs.useFormContext.call(void 0, );
+  const { fields, append, remove, insert, move } = _chunkGDNP6OU3cjs.useFieldArray.call(void 0, {
     control,
     name
   });
   const { error, testId, invalid, required } = getFieldState(name, _testId);
-  const { label, getLabelProps, getHelperWrapperProps, getErrorMessageProps } = _chunkF4VYFBYCcjs.useInput.call(void 0, {
+  const { label, getLabelProps, getHelperWrapperProps, getErrorMessageProps } = _chunkGDNP6OU3cjs.useInput.call(void 0, {
     isInvalid: invalid,
     isRequired: required,
     errorMessage: JSON.stringify(error),
@@ -320,7 +323,7 @@ var FieldArray = ({
         ] }),
         fields.map((field, index) => {
           const elementName = `${name}.${index}`;
-          const elementTestId = `${testId}${index}`;
+          const elementTestId = `${testId}_${index}`;
           const elementMethods = {
             append: () => append(elementInitialValue),
             duplicate: () => {
@@ -380,4 +383,4 @@ var FieldArray_default2 = FieldArray_default;
 
 
 exports.FieldArray_default = FieldArray_default; exports.FieldArray_default2 = FieldArray_default2;
-//# sourceMappingURL=chunk-3ISETOB3.cjs.map
+//# sourceMappingURL=chunk-CVCXMVCJ.cjs.map