@fuf-stack/uniform 0.2.3 → 0.3.0

package/dist/Form/index.cjs

@@ -1,13 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkUFEO2WD4cjs = require('../chunk-UFEO2WD4.cjs');
-require('../chunk-AAESGATO.cjs');
+var _chunk4BELEHDQcjs = require('../chunk-4BELEHDQ.cjs');
+require('../chunk-WQRM7G4C.cjs');
 require('../chunk-BBB4FEY6.cjs');
-require('../chunk-LMMDXQ4L.cjs');
-require('../chunk-AT5DS6MS.cjs');
 
 
 
-exports.Form = _chunkUFEO2WD4cjs.Form_default; exports.default = _chunkUFEO2WD4cjs.Form_default2;
+exports.Form = _chunk4BELEHDQcjs.Form_default; exports.default = _chunk4BELEHDQcjs.Form_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Form/index.js

@@ -1,11 +1,9 @@
 import {
   Form_default,
   Form_default2
-} from "../chunk-YMSVB2DX.js";
-import "../chunk-BQTJHSDU.js";
+} from "../chunk-6XKDXQ4A.js";
+import "../chunk-BCMPSLSG.js";
 import "../chunk-V46BHM2U.js";
-import "../chunk-RBXONCYN.js";
-import "../chunk-LQ2VYIYD.js";
 export {
   Form_default as Form,
   Form_default2 as default

package/dist/Grid/index.cjs

@@ -1,11 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkLAHYQUKQcjs = require('../chunk-LAHYQUKQ.cjs');
-require('../chunk-LMMDXQ4L.cjs');
-require('../chunk-AT5DS6MS.cjs');
+var _chunkZPFKVKGVcjs = require('../chunk-ZPFKVKGV.cjs');
 
 
 
-exports.Grid = _chunkLAHYQUKQcjs.Grid_default; exports.default = _chunkLAHYQUKQcjs.Grid_default2;
+exports.Grid = _chunkZPFKVKGVcjs.Grid_default; exports.default = _chunkZPFKVKGVcjs.Grid_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Grid/index.js

@@ -1,9 +1,7 @@
 import {
   Grid_default,
   Grid_default2
-} from "../chunk-YNN5AVDW.js";
-import "../chunk-RBXONCYN.js";
-import "../chunk-LQ2VYIYD.js";
+} from "../chunk-4MEKDDB2.js";
 export {
   Grid_default as Grid,
   Grid_default2 as default

package/dist/Input/index.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunk2O53LMR3cjs = require('../chunk-2O53LMR3.cjs');
+require('../chunk-QTL5FREE.cjs');
+require('../chunk-WQRM7G4C.cjs');
+require('../chunk-BBB4FEY6.cjs');
+require('../chunk-22AA557I.cjs');
+
+
+
+exports.Input = _chunk2O53LMR3cjs.Input_default; exports.default = _chunk2O53LMR3cjs.Input_default2;
+//# sourceMappingURL=index.cjs.map

package/dist/Input/index.d.cts

@@ -0,0 +1,8 @@
+import { I as Input } from '../Input-B_rP1h4X.cjs';
+export { a as InputProps } from '../Input-B_rP1h4X.cjs';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { Input, Input as default };

package/dist/Input/index.d.ts

@@ -0,0 +1,8 @@
+import { I as Input } from '../Input-B_rP1h4X.js';
+export { a as InputProps } from '../Input-B_rP1h4X.js';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { Input, Input as default };

package/dist/Input/index.js

@@ -0,0 +1,13 @@
+import {
+  Input_default,
+  Input_default2
+} from "../chunk-3DMR7T4D.js";
+import "../chunk-DBLODROX.js";
+import "../chunk-BCMPSLSG.js";
+import "../chunk-V46BHM2U.js";
+import "../chunk-FNVT6LS4.js";
+export {
+  Input_default as Input,
+  Input_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/Input-B_rP1h4X.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface InputProps {
+    /** CSS class name */
+    className?: string;
+    /** added content to the end of the input Field. */
+    endContent?: ReactNode;
+    /** form field label (set to false to disable label) */
+    label?: string | false;
+    /** form field name */
+    name: string;
+    /** form field placeholder */
+    placeholder?: string;
+    /** content added to the start of the input field */
+    startContent?: ReactNode;
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+    /** input type */
+    type?: 'number' | 'password';
+}
+/**
+ * Input component based on [NextUI Input](https://nextui.org/docs/components/input)
+ */
+declare const Input: ({ className, endContent, label, name, placeholder, startContent, testId: _testId, type, }: InputProps) => react_jsx_runtime.JSX.Element;
+
+export { Input as I, type InputProps as a };

package/dist/Input-B_rP1h4X.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface InputProps {
+    /** CSS class name */
+    className?: string;
+    /** added content to the end of the input Field. */
+    endContent?: ReactNode;
+    /** form field label (set to false to disable label) */
+    label?: string | false;
+    /** form field name */
+    name: string;
+    /** form field placeholder */
+    placeholder?: string;
+    /** content added to the start of the input field */
+    startContent?: ReactNode;
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+    /** input type */
+    type?: 'number' | 'password';
+}
+/**
+ * Input component based on [NextUI Input](https://nextui.org/docs/components/input)
+ */
+declare const Input: ({ className, endContent, label, name, placeholder, startContent, testId: _testId, type, }: InputProps) => react_jsx_runtime.JSX.Element;
+
+export { Input as I, type InputProps as a };

package/dist/SubmitButton/index.cjs

@@ -1,13 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkRU72JRAYcjs = require('../chunk-RU72JRAY.cjs');
-require('../chunk-AAESGATO.cjs');
+var _chunkXUKBLFTRcjs = require('../chunk-XUKBLFTR.cjs');
+require('../chunk-WQRM7G4C.cjs');
 require('../chunk-BBB4FEY6.cjs');
-require('../chunk-LMMDXQ4L.cjs');
-require('../chunk-AT5DS6MS.cjs');
 
 
 
-exports.SubmitButton = _chunkRU72JRAYcjs.SubmitButton_default; exports.default = _chunkRU72JRAYcjs.SubmitButton_default2;
+exports.SubmitButton = _chunkXUKBLFTRcjs.SubmitButton_default; exports.default = _chunkXUKBLFTRcjs.SubmitButton_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/SubmitButton/index.js

@@ -1,11 +1,9 @@
 import {
   SubmitButton_default,
   SubmitButton_default2
-} from "../chunk-73CQ3KWD.js";
-import "../chunk-BQTJHSDU.js";
+} from "../chunk-TEJGV6NC.js";
+import "../chunk-BCMPSLSG.js";
 import "../chunk-V46BHM2U.js";
-import "../chunk-RBXONCYN.js";
-import "../chunk-LQ2VYIYD.js";
 export {
   SubmitButton_default as SubmitButton,
   SubmitButton_default2 as default

package/dist/{chunk-DBNZWU3T.cjs → chunk-22AA557I.cjs}

@@ -1,15 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkLMMDXQ4Lcjs = require('./chunk-LMMDXQ4L.cjs');
-
-
-var _chunkAT5DS6MScjs = require('./chunk-AT5DS6MS.cjs');
-
-// src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx
-var import_jsx_runtime = _chunkAT5DS6MScjs.__toESM.call(void 0, _chunkLMMDXQ4Lcjs.require_jsx_runtime.call(void 0, ), 1);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx
 var _fa6 = require('react-icons/fa6');
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 var _pixels = require('@fuf-stack/pixels');
+var _jsxruntime = require('react/jsx-runtime');
 var LOCALSTORAGE_DEBUG_KEY = "uniform:form-debug-enabled";
 var FieldCopyTestIdButton = ({
   className = void 0,
@@ -24,13 +17,13 @@ var FieldCopyTestIdButton = ({
   if (!debug) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _pixels.Button,
     {
       className: _classnames2.default.call(void 0, className, "pointer-events-auto"),
       variant: "light",
       onClick: copyToClipboard,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_fa6.FaBullseye, {}),
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa6.FaBullseye, {}),
       size: "sm"
     }
   );
@@ -44,4 +37,4 @@ var FieldCopyTestIdButton_default2 = FieldCopyTestIdButton_default;
 
 
 exports.FieldCopyTestIdButton_default = FieldCopyTestIdButton_default; exports.FieldCopyTestIdButton_default2 = FieldCopyTestIdButton_default2;
-//# sourceMappingURL=chunk-DBNZWU3T.cjs.map
+//# sourceMappingURL=chunk-22AA557I.cjs.map

package/dist/chunk-22AA557I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx","../src/partials/FieldCopyTestIdButton/index.ts"],"names":["FieldCopyTestIdButton_default"],"mappings":";AAAA,SAAS,kBAAkB;AAE3B,OAAO,QAAQ;AAEf,SAAS,QAAQ,uBAAuB;AA8B5B;AAvBZ,IAAM,yBAAyB;AAE/B,IAAM,wBAAwB,CAAC;AAAA,EAC7B,YAAY;AAAA,EACZ;AACF,MAAkC;AAChC,QAAM,CAAC,KAAK,IAAI,gBAAgB,wBAAwB,KAAK;AAE7D,QAAM,kBAAkB,MAAM;AAC5B,cAAU,UAAU,UAAU,MAAM,EAAE,MAAM,CAAC,QAAQ;AACnD,cAAQ,MAAM,qCAAqC,GAAG;AAAA,IACxD,CAAC;AAAA,EACH;AAEA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,WAAW,qBAAqB;AAAA,MAC9C,SAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM,oBAAC,cAAW;AAAA,MAClB,MAAK;AAAA;AAAA,EACP;AAEJ;AACA,IAAO,gCAAQ;;;ACjCf,IAAOA,iCAAQ","sourcesContent":["import { FaBullseye } from 'react-icons/fa6';\n\nimport cn from 'classnames';\n\nimport { Button, useLocalStorage } from '@fuf-stack/pixels';\n\nexport interface FieldCopyTestIdButtonProps {\n  className?: string;\n  testId: string;\n}\n\nconst LOCALSTORAGE_DEBUG_KEY = 'uniform:form-debug-enabled';\n\nconst FieldCopyTestIdButton = ({\n  className = undefined,\n  testId,\n}: FieldCopyTestIdButtonProps) => {\n  const [debug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);\n\n  const copyToClipboard = () => {\n    navigator.clipboard.writeText(testId).catch((err) => {\n      console.error('Error copying TestId to clipboard', err);\n    });\n  };\n\n  if (!debug) {\n    return null;\n  }\n\n  return (\n    <Button\n      className={cn(className, 'pointer-events-auto')}\n      variant=\"light\"\n      onClick={copyToClipboard}\n      icon={<FaBullseye />}\n      size=\"sm\"\n    />\n  );\n};\nexport default FieldCopyTestIdButton;\n","import FieldCopyTestIdButton from './FieldCopyTestIdButton';\n\nexport type { FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton';\n\nexport { FieldCopyTestIdButton };\n\nexport default FieldCopyTestIdButton;\n"]}

package/dist/chunk-2O53LMR3.cjs

@@ -0,0 +1,79 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
+
+
+var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
+
+
+var _chunk22AA557Icjs = require('./chunk-22AA557I.cjs');
+
+// src/Input/Input.tsx
+var _reacthookform = require('react-hook-form');
+var _input = require('@nextui-org/input');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+var Input = ({
+  className = void 0,
+  endContent = void 0,
+  label = void 0,
+  name,
+  placeholder = " ",
+  startContent = void 0,
+  testId: _testId = void 0,
+  type = void 0
+}) => {
+  const { control, getFieldState } = _chunkWQRM7G4Ccjs.useFormContext.call(void 0, );
+  const { error, invalid, required, testId } = getFieldState(name, _testId);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reacthookform.Controller,
+    {
+      control,
+      name,
+      render: ({
+        field: { disabled: isDisabled, onChange, onBlur, value, ref }
+      }) => {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _input.Input,
+          {
+            className: _classnames2.default.call(void 0, className),
+            classNames: {
+              inputWrapper: "group-data-[focus=true]:border-primary"
+            },
+            "data-testid": testId,
+            endContent,
+            errorMessage: error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQTL5FREEcjs.FieldValidationError_default2, { error }),
+            isDisabled,
+            isInvalid: invalid,
+            isRequired: required,
+            label: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              label,
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22AA557Icjs.FieldCopyTestIdButton_default2, { testId })
+            ] }),
+            labelPlacement: "outside",
+            name,
+            onBlur,
+            onChange,
+            placeholder,
+            radius: "sm",
+            ref,
+            startContent,
+            type,
+            value,
+            variant: "bordered"
+          }
+        );
+      }
+    }
+  );
+};
+var Input_default = Input;
+
+// src/Input/index.ts
+var Input_default2 = Input_default;
+
+
+
+
+exports.Input_default = Input_default; exports.Input_default2 = Input_default2;
+//# sourceMappingURL=chunk-2O53LMR3.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Input/Input.tsx","../src/Input/index.ts"],"names":["Input_default"],"mappings":";;;;;;;;;;;AAEA,SAAS,kBAAkB;AAE3B,SAAS,SAAS,iBAAiB;AACnC,OAAO,QAAQ;AAwDoB,SAKrB,UALqB,KAKrB,YALqB;AA5BnC,IAAM,QAAQ,CAAC;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ,UAAU;AAAA,EAClB,OAAO;AACT,MAAkB;AAChB,QAAM,EAAE,SAAS,cAAc,IAAI,eAAe;AAClD,QAAM,EAAE,OAAO,SAAS,UAAU,OAAO,IAAI,cAAc,MAAM,OAAO;AAExE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,UAAU,YAAY,UAAU,QAAQ,OAAO,IAAI;AAAA,MAC9D,MAAM;AACJ,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,SAAS;AAAA,YACvB,YAAY;AAAA,cACV,cAAc;AAAA,YAChB;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA,cAAc,SAAS,oBAAC,gCAAqB,OAAc;AAAA,YAC3D;AAAA,YACA,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,OACE,iCACG;AAAA;AAAA,cACD,oBAAC,iCAAsB,QAAgB;AAAA,eACzC;AAAA,YAEF,gBAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAQ;AAAA;AAAA,QACV;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACnFf,IAAOA,iBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Controller } from 'react-hook-form';\n\nimport { Input as NextInput } from '@nextui-org/input';\nimport cn from 'classnames';\n\nimport { useFormContext } from '../hooks';\nimport FieldCopyTestIdButton from '../partials/FieldCopyTestIdButton';\nimport FieldValidationError from '../partials/FieldValidationError';\n\nexport interface InputProps {\n  /** CSS class name */\n  className?: string;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** form field label (set to false to disable label) */\n  label?: string | false;\n  /** form field name */\n  name: string;\n  /** form field placeholder */\n  placeholder?: string;\n  /** content added to the start of the input field */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** input type */\n  type?: 'number' | 'password';\n}\n\n/**\n * Input component based on [NextUI Input](https://nextui.org/docs/components/input)\n */\nconst Input = ({\n  className = undefined,\n  endContent = undefined,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  startContent = undefined,\n  testId: _testId = undefined,\n  type = undefined,\n}: InputProps) => {\n  const { control, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({\n        field: { disabled: isDisabled, onChange, onBlur, value, ref },\n      }) => {\n        return (\n          <NextInput\n            className={cn(className)}\n            classNames={{\n              inputWrapper: 'group-data-[focus=true]:border-primary',\n            }}\n            data-testid={testId}\n            endContent={endContent}\n            errorMessage={error && <FieldValidationError error={error} />}\n            isDisabled={isDisabled}\n            isInvalid={invalid}\n            isRequired={required}\n            label={\n              <>\n                {label}\n                <FieldCopyTestIdButton testId={testId} />\n              </>\n            }\n            labelPlacement=\"outside\"\n            name={name}\n            onBlur={onBlur}\n            onChange={onChange}\n            placeholder={placeholder}\n            radius=\"sm\"\n            ref={ref}\n            startContent={startContent}\n            type={type}\n            value={value}\n            variant=\"bordered\"\n          />\n        );\n      }}\n    />\n  );\n};\n\nexport default Input;\n","import Input from './Input';\n\nexport type { InputProps } from './Input';\n\nexport { Input };\n\nexport default Input;\n"]}

package/dist/chunk-3DMR7T4D.js

@@ -0,0 +1,79 @@
+import {
+  FieldValidationError_default2 as FieldValidationError_default
+} from "./chunk-DBLODROX.js";
+import {
+  useFormContext
+} from "./chunk-BCMPSLSG.js";
+import {
+  FieldCopyTestIdButton_default2 as FieldCopyTestIdButton_default
+} from "./chunk-FNVT6LS4.js";
+
+// src/Input/Input.tsx
+import { Controller } from "react-hook-form";
+import { Input as NextInput } from "@nextui-org/input";
+import cn from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Input = ({
+  className = void 0,
+  endContent = void 0,
+  label = void 0,
+  name,
+  placeholder = " ",
+  startContent = void 0,
+  testId: _testId = void 0,
+  type = void 0
+}) => {
+  const { control, getFieldState } = useFormContext();
+  const { error, invalid, required, testId } = getFieldState(name, _testId);
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      render: ({
+        field: { disabled: isDisabled, onChange, onBlur, value, ref }
+      }) => {
+        return /* @__PURE__ */ jsx(
+          NextInput,
+          {
+            className: cn(className),
+            classNames: {
+              inputWrapper: "group-data-[focus=true]:border-primary"
+            },
+            "data-testid": testId,
+            endContent,
+            errorMessage: error && /* @__PURE__ */ jsx(FieldValidationError_default, { error }),
+            isDisabled,
+            isInvalid: invalid,
+            isRequired: required,
+            label: /* @__PURE__ */ jsxs(Fragment, { children: [
+              label,
+              /* @__PURE__ */ jsx(FieldCopyTestIdButton_default, { testId })
+            ] }),
+            labelPlacement: "outside",
+            name,
+            onBlur,
+            onChange,
+            placeholder,
+            radius: "sm",
+            ref,
+            startContent,
+            type,
+            value,
+            variant: "bordered"
+          }
+        );
+      }
+    }
+  );
+};
+var Input_default = Input;
+
+// src/Input/index.ts
+var Input_default2 = Input_default;
+
+export {
+  Input_default,
+  Input_default2
+};
+//# sourceMappingURL=chunk-3DMR7T4D.js.map

package/dist/chunk-3DMR7T4D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Input/Input.tsx","../src/Input/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Controller } from 'react-hook-form';\n\nimport { Input as NextInput } from '@nextui-org/input';\nimport cn from 'classnames';\n\nimport { useFormContext } from '../hooks';\nimport FieldCopyTestIdButton from '../partials/FieldCopyTestIdButton';\nimport FieldValidationError from '../partials/FieldValidationError';\n\nexport interface InputProps {\n  /** CSS class name */\n  className?: string;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** form field label (set to false to disable label) */\n  label?: string | false;\n  /** form field name */\n  name: string;\n  /** form field placeholder */\n  placeholder?: string;\n  /** content added to the start of the input field */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** input type */\n  type?: 'number' | 'password';\n}\n\n/**\n * Input component based on [NextUI Input](https://nextui.org/docs/components/input)\n */\nconst Input = ({\n  className = undefined,\n  endContent = undefined,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  startContent = undefined,\n  testId: _testId = undefined,\n  type = undefined,\n}: InputProps) => {\n  const { control, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({\n        field: { disabled: isDisabled, onChange, onBlur, value, ref },\n      }) => {\n        return (\n          <NextInput\n            className={cn(className)}\n            classNames={{\n              inputWrapper: 'group-data-[focus=true]:border-primary',\n            }}\n            data-testid={testId}\n            endContent={endContent}\n            errorMessage={error && <FieldValidationError error={error} />}\n            isDisabled={isDisabled}\n            isInvalid={invalid}\n            isRequired={required}\n            label={\n              <>\n                {label}\n                <FieldCopyTestIdButton testId={testId} />\n              </>\n            }\n            labelPlacement=\"outside\"\n            name={name}\n            onBlur={onBlur}\n            onChange={onChange}\n            placeholder={placeholder}\n            radius=\"sm\"\n            ref={ref}\n            startContent={startContent}\n            type={type}\n            value={value}\n            variant=\"bordered\"\n          />\n        );\n      }}\n    />\n  );\n};\n\nexport default Input;\n","import Input from './Input';\n\nexport type { InputProps } from './Input';\n\nexport { Input };\n\nexport default Input;\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,kBAAkB;AAE3B,SAAS,SAAS,iBAAiB;AACnC,OAAO,QAAQ;AAwDoB,SAKrB,UALqB,KAKrB,YALqB;AA5BnC,IAAM,QAAQ,CAAC;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ,UAAU;AAAA,EAClB,OAAO;AACT,MAAkB;AAChB,QAAM,EAAE,SAAS,cAAc,IAAI,eAAe;AAClD,QAAM,EAAE,OAAO,SAAS,UAAU,OAAO,IAAI,cAAc,MAAM,OAAO;AAExE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,UAAU,YAAY,UAAU,QAAQ,OAAO,IAAI;AAAA,MAC9D,MAAM;AACJ,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,SAAS;AAAA,YACvB,YAAY;AAAA,cACV,cAAc;AAAA,YAChB;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA,cAAc,SAAS,oBAAC,gCAAqB,OAAc;AAAA,YAC3D;AAAA,YACA,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,OACE,iCACG;AAAA;AAAA,cACD,oBAAC,iCAAsB,QAAgB;AAAA,eACzC;AAAA,YAEF,gBAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAQ;AAAA;AAAA,QACV;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACnFf,IAAOA,iBAAQ;","names":["Input_default"]}

package/dist/{chunk-UFEO2WD4.cjs → chunk-4BELEHDQ.cjs}

@@ -1,41 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkAAESGATOcjs = require('./chunk-AAESGATO.cjs');
+var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
 
 
 var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
 
-
-
-var _chunkLMMDXQ4Lcjs = require('./chunk-LMMDXQ4L.cjs');
-
-
-var _chunkAT5DS6MScjs = require('./chunk-AT5DS6MS.cjs');
-
 // src/Form/Form.tsx
-var import_react2 = _chunkAT5DS6MScjs.__toESM.call(void 0, _chunkLMMDXQ4Lcjs.require_react.call(void 0, ), 1);
+var _react = require('react');
 var _reacthookform = require('react-hook-form');
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 
 // src/Form/subcomponents/FormDebugViewer.tsx
-var import_react = _chunkAT5DS6MScjs.__toESM.call(void 0, _chunkLMMDXQ4Lcjs.require_react.call(void 0, ), 1);
+
 var _fa = require('react-icons/fa');
 var _fa6 = require('react-icons/fa6');
 
 var _pixels = require('@fuf-stack/pixels');
-var import_jsx_runtime = _chunkAT5DS6MScjs.__toESM.call(void 0, _chunkLMMDXQ4Lcjs.require_jsx_runtime.call(void 0, ), 1);
+var _jsxruntime = require('react/jsx-runtime');
 var LOCALSTORAGE_DEBUG_KEY = "uniform:form-debug-enabled";
 var FormDebugViewer = ({ className = void 0 }) => {
   const {
     watch,
     formState: { dirtyFields, isValid, isSubmitting },
     validation
-  } = _chunkAAESGATOcjs.useFormContext.call(void 0, );
+  } = _chunkWQRM7G4Ccjs.useFormContext.call(void 0, );
   const [debug, setDebug] = _pixels.useLocalStorage.call(void 0, LOCALSTORAGE_DEBUG_KEY, false);
-  const [validationErrors, setValidationErrors] = (0, import_react.useState)(null);
+  const [validationErrors, setValidationErrors] = _react.useState.call(void 0, null);
   const formValues = watch();
-  (0, import_react.useEffect)(
+  _react.useEffect.call(void 0, 
     () => {
       const updateValidationErrors = async () => {
         if (validation) {
@@ -49,34 +42,34 @@ var FormDebugViewer = ({ className = void 0 }) => {
     [JSON.stringify(formValues)]
   );
   if (!debug) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _pixels.Button,
       {
         ariaLabel: "Enable form debug mode",
         onClick: () => setDebug(!debug),
         className: "absolute bottom-2.5 right-2.5 w-5 text-default-400",
         variant: "light",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_fa6.FaBug, {})
+        icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa6.FaBug, {})
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _pixels.Card,
     {
       className: _classnames2.default.call(void 0, className),
-      header: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full flex-row justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-lg", children: "Debug Mode" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      header: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-row justify-between", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-lg", children: "Debug Mode" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _pixels.Button,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_fa.FaTimes, { className: "text-danger" }),
+            icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaTimes, { className: "text-danger" }),
             onClick: () => setDebug(false),
             size: "sm",
             variant: "flat"
           }
         )
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _pixels.Json,
         {
           value: {
@@ -94,7 +87,7 @@ var FormDebugViewer = ({ className = void 0 }) => {
 var FormDebugViewer_default = FormDebugViewer;
 
 // src/Form/Form.tsx
-var import_jsx_runtime2 = _chunkAT5DS6MScjs.__toESM.call(void 0, _chunkLMMDXQ4Lcjs.require_jsx_runtime.call(void 0, ), 1);
+
 var removeNullishFields = (obj) => {
   return JSON.parse(
     JSON.stringify(obj, (_key, value) => {
@@ -128,7 +121,7 @@ var Form = ({
       defaultValues: initialValues
     }
   );
-  (0, import_react2.useEffect)(
+  _react.useEffect.call(void 0, 
     () => {
       if (validationTrigger === "all-instant") {
         methods.trigger();
@@ -139,8 +132,8 @@ var Form = ({
   );
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(_chunkAAESGATOcjs.FormContext_default, { ...methods, validation, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex w-full flex-row justify-between gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWQRM7G4Ccjs.FormContext_default, { ...methods, validation, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-row justify-between gap-6", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "form",
         {
           className: _classnames2.default.call(void 0, "flex-grow", className),
@@ -150,7 +143,7 @@ var Form = ({
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FormDebugViewer_default, { className: "w-96 flex-shrink" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormDebugViewer_default, { className: "w-96 flex-shrink" })
     ] }) })
   );
 };
@@ -163,4 +156,4 @@ var Form_default2 = Form_default;
 
 
 exports.Form_default = Form_default; exports.Form_default2 = Form_default2;
-//# sourceMappingURL=chunk-UFEO2WD4.cjs.map
+//# sourceMappingURL=chunk-4BELEHDQ.cjs.map

package/dist/chunk-4BELEHDQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/Form.tsx","../src/Form/subcomponents/FormDebugViewer.tsx","../src/Form/index.ts"],"names":["useEffect","cn","jsx","jsxs","Form_default"],"mappings":";;;;;;;;;AAIA,SAAS,aAAAA,kBAAiB;AAC1B,SAAS,eAAe;AAExB,OAAOC,SAAQ;;;ACLf,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AACxB,SAAS,aAAa;AAEtB,OAAO,QAAQ;AAEf,SAAS,QAAQ,MAAM,MAAM,uBAAuB;AAgDtC,cASN,YATM;AAvCd,IAAM,yBAAyB;AAG/B,IAAM,kBAAkB,CAAC,EAAE,YAAY,OAAU,MAA4B;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,aAAa,SAAS,aAAa;AAAA,IAChD;AAAA,EACF,IAAI,eAAe;AAEnB,QAAM,CAAC,OAAO,QAAQ,IAAI,gBAAgB,wBAAwB,KAAK;AAEvE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAE9C,IAAI;AAEN,QAAM,aAAa,MAAM;AAEzB;AAAA,IACE,MAAM;AACJ,YAAM,yBAAyB,YAAY;AACzC,YAAI,YAAY;AACd,gBAAM,iBAAiB,MAAM,YAAY,cAAc,UAAU;AACjE,8BAAoB,gBAAgB,MAAM;AAAA,QAC5C;AAAA,MACF;AACA,6BAAuB;AAAA,IACzB;AAAA;AAAA,IAEA,CAAC,KAAK,UAAU,UAAU,CAAC;AAAA,EAC7B;AAEA,MAAI,CAAC,OAAO;AACV,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM,SAAS,CAAC,KAAK;AAAA,QAC9B,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,MAAM,oBAAC,SAAM;AAAA;AAAA,IACf;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS;AAAA,MACvB,QACE,qBAAC,SAAI,WAAU,wCACb;AAAA,4BAAC,UAAK,WAAU,WAAU,wBAAU;AAAA,QACpC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,oBAAC,WAAQ,WAAU,eAAc;AAAA,YACvC,SAAS,MAAM,SAAS,KAAK;AAAA,YAC7B,MAAK;AAAA,YACL,SAAQ;AAAA;AAAA,QACV;AAAA,SACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AACA,IAAO,0BAAQ;;;ADQT,SACE,OAAAC,MADF,QAAAC,aAAA;AA/EC,IAAM,sBAAsB,CAAC,QAAiC;AACnE,SAAO,KAAK;AAAA,IACV,KAAK,UAAU,KAAK,CAAC,MAAM,UAAU;AACnC,aAAO,UAAU,OAAO,SAAY;AAAA,IACtC,CAAC;AAAA,EACH;AACF;AA8BA,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AAAA,EACb,oBAAoB;AACtB,MAAiB;AACf,QAAM,UAAU;AAAA,IACd,aACI;AAAA,MACE,eAAe;AAAA,MACf,UAAU,OAAO,WAAW;AAC1B,cAAM,EAAE,MAAM,QAAQ,GAAG,KAAK,IAAI,MAAM,WAAW;AAAA,UACjD,oBAAoB,MAAM;AAAA,QAC9B;AAEE,eAAO,EAAE,QAAQ,QAAQ,CAAC,GAAG,QAAQ,UAAU,CAAC,GAAG,GAAG,KAAK;AAAA,MAC7D;AAAA;AAAA;AAAA,MAGA,MAAM,sBAAsB,gBAAgB,QAAQ;AAAA,IACtD,IACA;AAAA,MACE,eAAe;AAAA,IACjB;AAAA,EACN;AAEA,EAAAH;AAAA,IACE,MAAM;AACJ,UAAI,sBAAsB,eAAe;AACvC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,iBAAiB;AAAA,EACpB;AAEA;AAAA;AAAA,IAEE,gBAAAE,KAAC,uBAAc,GAAG,SAAS,YACzB,0BAAAC,MAAC,SAAI,WAAU,8CACb;AAAA,sBAAAD;AAAA,QAAC;AAAA;AAAA,UACC,WAAWD,IAAG,aAAa,SAAS;AAAA,UACpC,eAAa,QAAQ,UAAU,QAAQ,EAAE;AAAA,UACzC;AAAA,UACA,UAAU,QAAQ,aAAa,QAAQ;AAAA,UAEtC;AAAA;AAAA,MACH;AAAA,MACA,gBAAAC,KAAC,2BAAgB,WAAU,oBAAmB;AAAA,OAChD,GACF;AAAA;AAEJ;AAEA,IAAO,eAAQ;;;AEzGf,IAAOE,gBAAQ","sourcesContent":["import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\n\nimport { useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\n\nimport cn from 'classnames';\n\nimport { slugify } from '../helpers';\nimport FormProvider from './subcomponents/FormContext';\nimport FormDebugViewer from './subcomponents/FormDebugViewer';\n\n/**\n * recursively removes all fields that are null or undefined before\n * the form data is passed to the veto validation function\n */\nexport const removeNullishFields = (obj: Record<string, unknown>) => {\n  return JSON.parse(\n    JSON.stringify(obj, (_key, value) => {\n      return value === null ? undefined : value;\n    }),\n  );\n};\n\nexport interface FormProps {\n  /** form children */\n  children: ReactNode | ReactNode[];\n  /** CSS class name */\n  className?: string | string[];\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?:\n    | 'onChange'\n    | 'onBlur'\n    | 'onSubmit'\n    | 'onTouched'\n    | 'all'\n    | 'all-instant';\n}\n\n/**\n * Form component that has to wrap every uniform\n */\nconst Form = ({\n  children,\n  className = undefined,\n  initialValues = undefined,\n  name = undefined,\n  onSubmit,\n  testId = undefined,\n  validation = undefined,\n  validationTrigger = 'all',\n}: FormProps) => {\n  const methods = useForm(\n    validation\n      ? {\n          defaultValues: initialValues,\n          resolver: async (values) => {\n            const { data, errors, ...rest } = await validation.validateAsync(\n              removeNullishFields(values),\n          );\n            // https://github.com/react-hook-form/resolvers/blob/master/zod/src/zod.ts\n            return { values: data || {}, errors: errors || {}, ...rest };\n          },\n          // set rhf mode\n          // see: https://react-hook-form.com/docs/useform#mode\n          mode: validationTrigger === 'all-instant' ? 'all' : validationTrigger,\n        }\n      : {\n          defaultValues: initialValues,\n        },\n  );\n\n  useEffect(\n    () => {\n      if (validationTrigger === 'all-instant') {\n        methods.trigger();\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [validationTrigger],\n  );\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <FormProvider {...methods} validation={validation}>\n      <div className=\"flex w-full flex-row justify-between gap-6\">\n        <form\n          className={cn('flex-grow', className)}\n          data-testid={slugify(testId || name || '')}\n          name={name}\n          onSubmit={methods.handleSubmit(onSubmit)}\n        >\n          {children}\n        </form>\n        <FormDebugViewer className=\"w-96 flex-shrink\" />\n      </div>\n    </FormProvider>\n  );\n};\n\nexport default Form;\n","import type { VetoError } from '@fuf-stack/veto';\n\nimport { useEffect, useState } from 'react';\nimport { FaTimes } from 'react-icons/fa';\nimport { FaBug } from 'react-icons/fa6';\n\nimport cn from 'classnames';\n\nimport { Button, Card, Json, useLocalStorage } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../../hooks';\n\ninterface FormDebugViewerProps {\n  /** CSS class name */\n  className?: string;\n}\n\nconst LOCALSTORAGE_DEBUG_KEY = 'uniform:form-debug-enabled';\n\n/** Renders a form debug panel with information about the current form state */\nconst FormDebugViewer = ({ className = undefined }: FormDebugViewerProps) => {\n  const {\n    watch,\n    formState: { dirtyFields, isValid, isSubmitting },\n    validation,\n  } = useFormContext();\n\n  const [debug, setDebug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);\n\n  const [validationErrors, setValidationErrors] = useState<\n    VetoError['errors'] | null\n  >(null);\n\n  const formValues = watch();\n\n  useEffect(\n    () => {\n      const updateValidationErrors = async () => {\n        if (validation) {\n          const validateResult = await validation?.validateAsync(formValues);\n          setValidationErrors(validateResult?.errors);\n        }\n      };\n      updateValidationErrors();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(formValues)],\n  );\n\n  if (!debug) {\n    return (\n      <Button\n        ariaLabel=\"Enable form debug mode\"\n        onClick={() => setDebug(!debug)}\n        className=\"absolute bottom-2.5 right-2.5 w-5 text-default-400\"\n        variant=\"light\"\n        icon={<FaBug />}\n      />\n    );\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            icon={<FaTimes className=\"text-danger\" />}\n            onClick={() => setDebug(false)}\n            size=\"sm\"\n            variant=\"flat\"\n          />\n        </div>\n      }\n    >\n      <Json\n        value={{\n          values: formValues,\n          errors: validationErrors,\n          dirtyFields,\n          isValid,\n          isSubmitting,\n        }}\n      />\n    </Card>\n  );\n};\nexport default FormDebugViewer;\n","import Form from './Form';\n\nexport type { FormProps } from './Form';\n\nexport { Form };\n\nexport default Form;\n"]}

package/dist/chunk-4MEKDDB2.js

@@ -0,0 +1,20 @@
+// src/Grid/Grid.tsx
+import cn from "classnames";
+import { jsx } from "react/jsx-runtime";
+var Grid = ({
+  children = null,
+  className = void 0,
+  testId = void 0
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-6", className), "data-testid": testId, children });
+};
+var Grid_default = Grid;
+
+// src/Grid/index.ts
+var Grid_default2 = Grid_default;
+
+export {
+  Grid_default,
+  Grid_default2
+};
+//# sourceMappingURL=chunk-4MEKDDB2.js.map

package/dist/{chunk-YNN5AVDW.js.map → chunk-4MEKDDB2.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 'classnames';\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":";;;;;;;;AAsBI;AApBJ,OAAO,QAAQ;AAcf,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AACX,MAAiB;AACf,SACE,4CAAC,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 'classnames';\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,OAAO,QAAQ;AAoBX;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"]}