@fuf-stack/uniform 1.5.1 → 1.5.4

package/dist/Checkboxes/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkDHO4HSO7cjs = require('../chunk-DHO4HSO7.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunkPVB5EFWWcjs = require('../chunk-PVB5EFWW.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Checkboxes = _chunkDHO4HSO7cjs.Checkboxes_default; exports.default = _chunkDHO4HSO7cjs.Checkboxes_default2;
+exports.Checkboxes = _chunkPVB5EFWWcjs.Checkboxes_default; exports.default = _chunkPVB5EFWWcjs.Checkboxes_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Checkboxes/index.js

@@ -1,13 +1,13 @@
 import {
   Checkboxes_default,
   Checkboxes_default2
-} from "../chunk-2QLCCB3L.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-57GTLKQC.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.js";
 import "../chunk-K2V4ULA2.js";
 export {
   Checkboxes_default as Checkboxes,

package/dist/FieldArray/index.cjs

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk3YDAYNNBcjs = require('../chunk-3YDAYNNB.cjs');
+var _chunkZFOAPZDAcjs = require('../chunk-ZFOAPZDA.cjs');
 require('../chunk-TTD3KL6E.cjs');
-require('../chunk-J5FFM7WG.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.FieldArray = _chunk3YDAYNNBcjs.FieldArray_default; exports.default = _chunk3YDAYNNBcjs.FieldArray_default2;
+exports.FieldArray = _chunkZFOAPZDAcjs.FieldArray_default; exports.default = _chunkZFOAPZDAcjs.FieldArray_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/FieldArray/index.js

@@ -1,14 +1,14 @@
 import {
   FieldArray_default,
   FieldArray_default2
-} from "../chunk-4GBNXNCZ.js";
+} from "../chunk-UVCXMSCC.js";
 import "../chunk-B62HKKMS.js";
-import "../chunk-CFH4VPJ4.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.js";
 import "../chunk-K2V4ULA2.js";
 export {
   FieldArray_default as FieldArray,

package/dist/Form/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkEO4A7QGMcjs = require('../chunk-EO4A7QGM.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunkF6H3CFFXcjs = require('../chunk-F6H3CFFX.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Form = _chunkEO4A7QGMcjs.Form_default; exports.default = _chunkEO4A7QGMcjs.Form_default2;
+exports.Form = _chunkF6H3CFFXcjs.Form_default; exports.default = _chunkF6H3CFFXcjs.Form_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Form/index.js

@@ -1,13 +1,13 @@
 import {
   Form_default,
   Form_default2
-} from "../chunk-74NPRJVH.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-2TVCFRLE.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.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 _chunkEAJFV3ADcjs = require('../chunk-EAJFV3AD.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunkY4TP2U6Dcjs = require('../chunk-Y4TP2U6D.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Input = _chunkEAJFV3ADcjs.Input_default; exports.default = _chunkEAJFV3ADcjs.Input_default2;
+exports.Input = _chunkY4TP2U6Dcjs.Input_default; exports.default = _chunkY4TP2U6Dcjs.Input_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Input/index.js

@@ -1,13 +1,13 @@
 import {
   Input_default,
   Input_default2
-} from "../chunk-JLJB4A4K.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-QJETOENA.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.js";
 import "../chunk-K2V4ULA2.js";
 export {
   Input_default as Input,

package/dist/RadioBoxes/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk4MMOSRT3cjs = require('../chunk-4MMOSRT3.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunk3Z3F4LTXcjs = require('../chunk-3Z3F4LTX.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioBoxes = _chunk4MMOSRT3cjs.RadioBoxes_default; exports.default = _chunk4MMOSRT3cjs.RadioBoxes_default2;
+exports.RadioBoxes = _chunk3Z3F4LTXcjs.RadioBoxes_default; exports.default = _chunk3Z3F4LTXcjs.RadioBoxes_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioBoxes/index.js

@@ -1,13 +1,13 @@
 import {
   RadioBoxes_default,
   RadioBoxes_default2
-} from "../chunk-COLAXULB.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-CG7LKC5L.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.js";
 import "../chunk-K2V4ULA2.js";
 export {
   RadioBoxes_default as RadioBoxes,

package/dist/RadioTabs/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkTFMVYQGNcjs = require('../chunk-TFMVYQGN.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunkNCYGAFR2cjs = require('../chunk-NCYGAFR2.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioTabs = _chunkTFMVYQGNcjs.RadioTabs_default; exports.default = _chunkTFMVYQGNcjs.RadioTabs_default2;
+exports.RadioTabs = _chunkNCYGAFR2cjs.RadioTabs_default; exports.default = _chunkNCYGAFR2cjs.RadioTabs_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioTabs/index.js

@@ -1,13 +1,13 @@
 import {
   RadioTabs_default,
   RadioTabs_default2
-} from "../chunk-ZQ64MG7T.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-4TOWIBVX.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.js";
 import "../chunk-K2V4ULA2.js";
 export {
   RadioTabs_default as RadioTabs,

package/dist/Radios/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkGVMEDVT5cjs = require('../chunk-GVMEDVT5.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunkBQLB74OTcjs = require('../chunk-BQLB74OT.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Radios = _chunkGVMEDVT5cjs.Radios_default; exports.default = _chunkGVMEDVT5cjs.Radios_default2;
+exports.Radios = _chunkBQLB74OTcjs.Radios_default; exports.default = _chunkBQLB74OTcjs.Radios_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Radios/index.js

@@ -1,13 +1,13 @@
 import {
   Radios_default,
   Radios_default2
-} from "../chunk-TVMCTUQ4.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-U57PIYJR.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.js";
 import "../chunk-K2V4ULA2.js";
 export {
   Radios_default as Radios,

package/dist/Select/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk7NWHDCMEcjs = require('../chunk-7NWHDCME.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunkIOFHIMRRcjs = require('../chunk-IOFHIMRR.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Select = _chunk7NWHDCMEcjs.Select_default; exports.default = _chunk7NWHDCMEcjs.Select_default2;
+exports.Select = _chunkIOFHIMRRcjs.Select_default; exports.default = _chunkIOFHIMRRcjs.Select_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Select/index.js

@@ -1,13 +1,13 @@
 import {
   Select_default,
   Select_default2
-} from "../chunk-62BVHALF.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-33JULJXP.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.js";
 import "../chunk-K2V4ULA2.js";
 export {
   Select_default as Select,

package/dist/SubmitButton/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkKBUECB4Bcjs = require('../chunk-KBUECB4B.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunkJ2EEMMKCcjs = require('../chunk-J2EEMMKC.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.SubmitButton = _chunkKBUECB4Bcjs.SubmitButton_default; exports.default = _chunkKBUECB4Bcjs.SubmitButton_default2;
+exports.SubmitButton = _chunkJ2EEMMKCcjs.SubmitButton_default; exports.default = _chunkJ2EEMMKCcjs.SubmitButton_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/SubmitButton/index.js

@@ -1,13 +1,13 @@
 import {
   SubmitButton_default,
   SubmitButton_default2
-} from "../chunk-RW35BB4P.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-FUJZS2ZW.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.js";
 import "../chunk-K2V4ULA2.js";
 export {
   SubmitButton_default as SubmitButton,

package/dist/Switch/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk65BN4MRGcjs = require('../chunk-65BN4MRG.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunkNURK44ROcjs = require('../chunk-NURK44RO.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Switch = _chunk65BN4MRGcjs.Switch_default; exports.default = _chunk65BN4MRGcjs.Switch_default2;
+exports.Switch = _chunkNURK44ROcjs.Switch_default; exports.default = _chunkNURK44ROcjs.Switch_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Switch/index.js

@@ -1,13 +1,13 @@
 import {
   Switch_default,
   Switch_default2
-} from "../chunk-SLTUNYTD.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-RROVF7SO.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.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 _chunkRTFM4VRYcjs = require('../chunk-RTFM4VRY.cjs');
-require('../chunk-J5FFM7WG.cjs');
+var _chunkWPBRWZ6Gcjs = require('../chunk-WPBRWZ6G.cjs');
+require('../chunk-BGVM2RIC.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
-require('../chunk-FLK6OPFY.cjs');
-require('../chunk-P6HJOG7D.cjs');
+require('../chunk-BZ5OMN4Y.cjs');
+require('../chunk-4WYC2RBE.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.TextArea = _chunkRTFM4VRYcjs.TextArea_default; exports.default = _chunkRTFM4VRYcjs.TextArea_default2;
+exports.TextArea = _chunkWPBRWZ6Gcjs.TextArea_default; exports.default = _chunkWPBRWZ6Gcjs.TextArea_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/TextArea/index.js

@@ -1,13 +1,13 @@
 import {
   TextArea_default,
   TextArea_default2
-} from "../chunk-HSKFVCTS.js";
-import "../chunk-CFH4VPJ4.js";
+} from "../chunk-CICN5KXP.js";
+import "../chunk-XRV3STYH.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";
-import "../chunk-6IU7IYYB.js";
-import "../chunk-Q2BOMFJ5.js";
+import "../chunk-MODD3TFE.js";
+import "../chunk-7KLFK2IT.js";
 import "../chunk-K2V4ULA2.js";
 export {
   TextArea_default as TextArea,

package/dist/{chunk-74NPRJVH.js → chunk-2TVCFRLE.js}

@@ -1,7 +1,7 @@
 import {
   FormContext_default,
   useFormContext
-} from "./chunk-CFH4VPJ4.js";
+} from "./chunk-XRV3STYH.js";
 
 // src/Form/Form.tsx
 import { cn as cn2, slugify } from "@fuf-stack/pixel-utils";
@@ -32,7 +32,7 @@ var FormDebugViewer = ({ className = void 0 }) => {
       Button,
       {
         ariaLabel: "Enable form debug mode",
-        className: "text-default-400 fixed right-2.5 bottom-2.5 w-5",
+        className: "fixed bottom-2.5 right-2.5 w-5 text-default-400",
         icon: /* @__PURE__ */ jsx(FaBug, {}),
         variant: "light",
         onClick: () => {
@@ -67,7 +67,7 @@ var FormDebugViewer = ({ className = void 0 }) => {
         /* @__PURE__ */ jsx(
           Button,
           {
-            className: "mr-auto mb-4 ml-auto",
+            className: "mb-4 ml-auto mr-auto",
             icon: /* @__PURE__ */ jsx(FaBullseye, {}),
             variant: showDebugTestIds ? "solid" : "light",
             onClick: () => {
@@ -148,4 +148,4 @@ export {
   Form_default,
   Form_default2
 };
-//# sourceMappingURL=chunk-74NPRJVH.js.map
+//# sourceMappingURL=chunk-2TVCFRLE.js.map

package/dist/{chunk-74NPRJVH.js.map → chunk-2TVCFRLE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/Form.tsx","../src/Form/subcomponents/FormDebugViewer.tsx","../src/Form/index.ts"],"sourcesContent":["import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\nimport type { DebugModeSettings } from './subcomponents/FormContext';\n\nimport { cn, slugify } from '@fuf-stack/pixel-utils';\n\nimport FormProvider from './subcomponents/FormContext';\nimport FormDebugViewer from './subcomponents/FormDebugViewer';\n\nconst IS_TEST = process.env.NODE_ENV === 'test';\n\nexport interface FormProps {\n  /** form children */\n  children: ReactNode | ReactNode[];\n  /** CSS class name */\n  className?: string | string[];\n  /** settings for from debug mode */\n  debug?: DebugModeSettings;\n  /** initial form values */\n  initialValues?: FieldValues;\n  /** name of the form */\n  name?: string;\n  /** form submit handler */\n  onSubmit: SubmitHandler<FieldValues>;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** veto validation schema */\n  validation?: VetoInstance;\n  /** when the validation should be triggered */\n  validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * Form component that has to wrap every uniform\n */\nconst Form = ({\n  children,\n  className = undefined,\n  debug = undefined,\n  initialValues = undefined,\n  name = undefined,\n  onSubmit,\n  testId = undefined,\n  validation = undefined,\n  validationTrigger = 'all',\n}: FormProps) => {\n  return (\n    <FormProvider\n      debugModeSettings={debug}\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      validation={validation}\n      validationTrigger={validationTrigger}\n    >\n      {({ handleSubmit, isValid }) => {\n        return (\n          <div className=\"flex w-full flex-row justify-between gap-6\">\n            <form\n              className={cn('grow', className)}\n              data-form-is-valid={isValid}\n              data-testid={slugify(testId ?? name ?? '')}\n              name={name}\n              onSubmit={handleSubmit}\n            >\n              {children}\n            </form>\n            {/* render debug viewer when not in test environment and debug not disabled */}\n            {!IS_TEST && !debug?.disable && (\n              <FormDebugViewer className=\"w-96 shrink\" />\n            )}\n          </div>\n        );\n      }}\n    </FormProvider>\n  );\n};\n\nexport default Form;\n","import { FaTimes } from 'react-icons/fa';\nimport { FaBug, FaBullseye } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels/Button';\nimport { Card } from '@fuf-stack/pixels/Card';\nimport { Json } from '@fuf-stack/pixels/Json';\n\nimport { useFormContext } from '../../hooks';\n\n// import Json css (theme)\nimport '@fuf-stack/pixels/Json.css';\n\ninterface FormDebugViewerProps {\n  /** CSS class name */\n  className?: string;\n}\n\n/** Renders a form debug panel with information about the current form state */\nconst FormDebugViewer = ({ className = undefined }: FormDebugViewerProps) => {\n  const {\n    debugMode,\n    formState: { isValid, isSubmitting, submitCount, isSubmitSuccessful },\n    setDebugMode,\n    validation: { errors },\n    watch,\n  } = useFormContext();\n\n  const showDebugButton = debugMode === 'off';\n  const showDebugCard = debugMode === 'debug' || debugMode === 'debug-testids';\n  const showDebugTestIds = debugMode === 'debug-testids';\n\n  // TODO: maybe use new Watch component?\n  // see: https://github.com/react-hook-form/react-hook-form/pull/12986\n  const values = watch();\n\n  if (showDebugButton) {\n    return (\n      <Button\n        ariaLabel=\"Enable form debug mode\"\n        className=\"text-default-400 fixed right-2.5 bottom-2.5 w-5\"\n        icon={<FaBug />}\n        variant=\"light\"\n        onClick={() => {\n          setDebugMode('debug');\n        }}\n      />\n    );\n  }\n\n  // do not show card\n  if (!showDebugCard) {\n    return null;\n  }\n\n  return (\n    <Card\n      className={cn(className)}\n      header={\n        <div className=\"flex w-full flex-row justify-between\">\n          <span className=\"text-lg\">Debug Mode</span>\n          <Button\n            color=\"danger\"\n            icon={<FaTimes />}\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => {\n              setDebugMode('off');\n            }}\n          />\n        </div>\n      }\n    >\n      <Button\n        className=\"mr-auto mb-4 ml-auto\"\n        icon={<FaBullseye />}\n        variant={showDebugTestIds ? 'solid' : 'light'}\n        onClick={() => {\n          setDebugMode(debugMode === 'debug' ? 'debug-testids' : 'debug');\n        }}\n      >\n        {showDebugTestIds ? 'Hide CopyButton' : 'Show CopyButton'}\n      </Button>\n      <Json\n        value={{\n          values,\n          errors: errors ?? null,\n          submit: {\n            isValid,\n            isSubmitting,\n            isSubmitSuccessful,\n            submitCount,\n          },\n        }}\n      />\n    </Card>\n  );\n};\n\nexport default FormDebugViewer;\n","import Form from './Form';\n\nexport type { FormProps } from './Form';\n\nexport { Form };\n\nexport default Form;\n"],"mappings":"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","names":["cn","jsx","jsxs","cn","Form_default"]}
+{"version":3,"sources":["../src/Form/Form.tsx","../src/Form/subcomponents/FormDebugViewer.tsx","../src/Form/index.ts"],"sourcesContent":["import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\nimport type { DebugModeSettings } from './subcomponents/FormContext';\n\nimport { cn, slugify } from '@fuf-stack/pixel-utils';\n\nimport FormProvider from './subcomponents/FormContext';\nimport FormDebugViewer from './subcomponents/FormDebugViewer';\n\nconst IS_TEST = process.env.NODE_ENV === 'test';\n\nexport interface FormProps {\n  /** form children */\n  children: ReactNode | ReactNode[];\n  /** CSS class name */\n  className?: string | string[];\n  /** settings for from debug mode */\n  debug?: DebugModeSettings;\n  /** initial form values */\n  initialValues?: FieldValues;\n  /** name of the form */\n  name?: string;\n  /** form submit handler */\n  onSubmit: SubmitHandler<FieldValues>;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** veto validation schema */\n  validation?: VetoInstance;\n  /** when the validation should be triggered */\n  validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * Form component that has to wrap every uniform\n */\nconst Form = ({\n  children,\n  className = undefined,\n  debug = undefined,\n  initialValues = undefined,\n  name = undefined,\n  onSubmit,\n  testId = undefined,\n  validation = undefined,\n  validationTrigger = 'all',\n}: FormProps) => {\n  return (\n    <FormProvider\n      debugModeSettings={debug}\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      validation={validation}\n      validationTrigger={validationTrigger}\n    >\n      {({ handleSubmit, isValid }) => {\n        return (\n          <div className=\"flex w-full flex-row justify-between gap-6\">\n            <form\n              className={cn('grow', className)}\n              data-form-is-valid={isValid}\n              data-testid={slugify(testId ?? name ?? '')}\n              name={name}\n              onSubmit={handleSubmit}\n            >\n              {children}\n            </form>\n            {/* render debug viewer when not in test environment and debug not disabled */}\n            {!IS_TEST && !debug?.disable && (\n              <FormDebugViewer className=\"w-96 shrink\" />\n            )}\n          </div>\n        );\n      }}\n    </FormProvider>\n  );\n};\n\nexport default Form;\n","import { FaTimes } from 'react-icons/fa';\nimport { FaBug, FaBullseye } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels/Button';\nimport { Card } from '@fuf-stack/pixels/Card';\nimport { Json } from '@fuf-stack/pixels/Json';\n\nimport { useFormContext } from '../../hooks';\n\n// import Json css (theme)\nimport '@fuf-stack/pixels/Json.css';\n\ninterface FormDebugViewerProps {\n  /** CSS class name */\n  className?: string;\n}\n\n/** Renders a form debug panel with information about the current form state */\nconst FormDebugViewer = ({ className = undefined }: FormDebugViewerProps) => {\n  const {\n    debugMode,\n    formState: { isValid, isSubmitting, submitCount, isSubmitSuccessful },\n    setDebugMode,\n    validation: { errors },\n    watch,\n  } = useFormContext();\n\n  const showDebugButton = debugMode === 'off';\n  const showDebugCard = debugMode === 'debug' || debugMode === 'debug-testids';\n  const showDebugTestIds = debugMode === 'debug-testids';\n\n  // TODO: maybe use new Watch component?\n  // see: https://github.com/react-hook-form/react-hook-form/pull/12986\n  const values = watch();\n\n  if (showDebugButton) {\n    return (\n      <Button\n        ariaLabel=\"Enable form debug mode\"\n        className=\"fixed bottom-2.5 right-2.5 w-5 text-default-400\"\n        icon={<FaBug />}\n        variant=\"light\"\n        onClick={() => {\n          setDebugMode('debug');\n        }}\n      />\n    );\n  }\n\n  // do not show card\n  if (!showDebugCard) {\n    return null;\n  }\n\n  return (\n    <Card\n      className={cn(className)}\n      header={\n        <div className=\"flex w-full flex-row justify-between\">\n          <span className=\"text-lg\">Debug Mode</span>\n          <Button\n            color=\"danger\"\n            icon={<FaTimes />}\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => {\n              setDebugMode('off');\n            }}\n          />\n        </div>\n      }\n    >\n      <Button\n        className=\"mb-4 ml-auto mr-auto\"\n        icon={<FaBullseye />}\n        variant={showDebugTestIds ? 'solid' : 'light'}\n        onClick={() => {\n          setDebugMode(debugMode === 'debug' ? 'debug-testids' : 'debug');\n        }}\n      >\n        {showDebugTestIds ? 'Hide CopyButton' : 'Show CopyButton'}\n      </Button>\n      <Json\n        value={{\n          values,\n          errors: errors ?? null,\n          submit: {\n            isValid,\n            isSubmitting,\n            isSubmitSuccessful,\n            submitCount,\n          },\n        }}\n      />\n    </Card>\n  );\n};\n\nexport default FormDebugViewer;\n","import Form from './Form';\n\nexport type { FormProps } from './Form';\n\nexport { Form };\n\nexport default Form;\n"],"mappings":"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","names":["cn","jsx","jsxs","cn","Form_default"]}

package/dist/{chunk-62BVHALF.js → chunk-33JULJXP.js}

@@ -1,6 +1,6 @@
 import {
   useUniformField
-} from "./chunk-CFH4VPJ4.js";
+} from "./chunk-XRV3STYH.js";
 import {
   __objRest,
   __spreadProps,
@@ -16,36 +16,36 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var selectVariants = tv({
   slots: {
     base: "group leading-normal",
-    clearIndicator: "text-foreground-500 hover:bg-default-200 hover:text-foreground-800 rounded-md p-1 hover:cursor-pointer",
-    control: "border-default-200 bg-content1 transition-background hover:border-default-400 group-data-[invalid=true]:border-danger group-data-[invalid=true]:hover:border-danger rounded-lg border-2 duration-150! motion-reduce:transition-none",
+    clearIndicator: "rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-foreground-800",
+    control: "duration-150! rounded-lg border-2 border-default-200 bg-content1 transition-background hover:border-default-400 group-data-[invalid=true]:border-danger group-data-[invalid=true]:hover:border-danger motion-reduce:transition-none",
     control_focused: "border-focus",
     crossIcon: "",
     downChevron: "",
-    dropdownIndicator: "text-foreground-500 hover:bg-default-200 rounded-md p-1 hover:cursor-pointer hover:text-black",
+    dropdownIndicator: "rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-black",
     group: "",
-    groupHeading: "text-foreground-500 mt-2 mb-1 ml-3 text-sm",
+    groupHeading: "mb-1 ml-3 mt-2 text-sm text-foreground-500",
     indicatorsContainer: "gap-1 p-1",
     indicatorSeparator: "bg-default-300",
     input: "py-0.5 pl-1",
     // see HeroUI styles for group-data condition,
     // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts
-    label: 'text-small group-data-[invalid=true]:!text-danger group-data-[required=true]:after:text-danger pointer-events-auto relative bottom-1.5 ml-1 subpixel-antialiased group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:content-["*"]',
+    label: 'pointer-events-auto relative bottom-1.5 ml-1 subpixel-antialiased text-small 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-["*"]',
     loadingIndicator: "",
-    loadingMessage: "text-foreground-500 rounded-sm p-2",
-    menu: "border-default-200 bg-content1 mt-2 rounded-xl border p-1 shadow-lg",
+    loadingMessage: "rounded-sm p-2 text-foreground-500",
+    menu: "mt-2 rounded-xl border border-default-200 bg-content1 p-1 shadow-lg",
     menuList: "",
     // ensure menu has same z-index as modal so it is visible when rendered in modal
     // see: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/modal.ts (see z-50)
     menuPortal: "z-50!",
-    multiValue: "bg-default-100 items-center gap-1.5 rounded py-0.5 pr-1 pl-2",
+    multiValue: "items-center gap-1.5 rounded bg-default-100 py-0.5 pl-2 pr-1",
     multiValueContainer: "",
     multiValueLabel: "py-0.5 leading-6",
-    multiValueRemove: "text-default-500 hover:border-default-300 hover:text-default-800 rounded hover:cursor-pointer",
-    noOptionsMessage: "text-foreground-500 rounded-sm p-2",
+    multiValueRemove: "rounded text-default-500 hover:cursor-pointer hover:border-default-300 hover:text-default-800",
+    noOptionsMessage: "rounded-sm p-2 text-foreground-500",
     option_focused: "bg-default-100 active:bg-default-200",
     option_selected: "bg-default-300",
     option: "rounded px-3 py-2 hover:cursor-pointer",
-    placeholder: "text-foreground-500 ml-1 py-0.5 pl-1 text-sm",
+    placeholder: "ml-1 py-0.5 pl-1 text-sm text-foreground-500",
     selectContainer: "",
     singleValue: "ml-1! leading-7!",
     valueContainer: "gap-1 p-1"
@@ -277,4 +277,4 @@ export {
   Select_default,
   Select_default2
 };
-//# sourceMappingURL=chunk-62BVHALF.js.map
+//# sourceMappingURL=chunk-33JULJXP.js.map