@fuf-stack/uniform 0.3.2 → 0.5.0

package/dist/TextArea/index.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunk4IT2WVQKcjs = require('../chunk-4IT2WVQK.cjs');
+require('../chunk-HT3LKDHX.cjs');
+require('../chunk-QTL5FREE.cjs');
+require('../chunk-WQRM7G4C.cjs');
+require('../chunk-BBB4FEY6.cjs');
+
+
+
+exports.TextArea = _chunk4IT2WVQKcjs.TextArea_default; exports.default = _chunk4IT2WVQKcjs.TextArea_default2;
+//# sourceMappingURL=index.cjs.map

package/dist/TextArea/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/TextArea/index.d.cts

@@ -0,0 +1,8 @@
+import { T as TextArea } from '../TextArea-B-sKvTkd.cjs';
+export { a as TextAreaProps } from '../TextArea-B-sKvTkd.cjs';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { TextArea, TextArea as default };

package/dist/TextArea/index.d.ts

@@ -0,0 +1,8 @@
+import { T as TextArea } from '../TextArea-B-sKvTkd.js';
+export { a as TextAreaProps } from '../TextArea-B-sKvTkd.js';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { TextArea, TextArea as default };

package/dist/TextArea/index.js

@@ -0,0 +1,13 @@
+import {
+  TextArea_default,
+  TextArea_default2
+} from "../chunk-6NZVSPFX.js";
+import "../chunk-OV5RMSYD.js";
+import "../chunk-DBLODROX.js";
+import "../chunk-BCMPSLSG.js";
+import "../chunk-V46BHM2U.js";
+export {
+  TextArea_default as TextArea,
+  TextArea_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/TextArea-B-sKvTkd.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface TextAreaProps {
+    /** Child components. The content of the textarea. */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string;
+    /** Determines if the TextArea is disabled or not. */
+    disabled?: boolean;
+    /** Label displayed above the TextArea. */
+    label?: ReactNode;
+    /** Name the TextArea is registered at in HTML forms (react-hook-form). */
+    name: string;
+    /** placeholder for the textArea content. */
+    placeholder?: string;
+    /** Id to grab element in internal tests. */
+    testId?: string;
+}
+/**
+ * TextArea component based on [NextUI TextArea](https://nextui.org/docs/components/textarea)
+ */
+declare const TextArea: ({ children, className, disabled, label, name, placeholder, testId: _testId, }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+
+export { TextArea as T, type TextAreaProps as a };

package/dist/TextArea-B-sKvTkd.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface TextAreaProps {
+    /** Child components. The content of the textarea. */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string;
+    /** Determines if the TextArea is disabled or not. */
+    disabled?: boolean;
+    /** Label displayed above the TextArea. */
+    label?: ReactNode;
+    /** Name the TextArea is registered at in HTML forms (react-hook-form). */
+    name: string;
+    /** placeholder for the textArea content. */
+    placeholder?: string;
+    /** Id to grab element in internal tests. */
+    testId?: string;
+}
+/**
+ * TextArea component based on [NextUI TextArea](https://nextui.org/docs/components/textarea)
+ */
+declare const TextArea: ({ children, className, disabled, label, name, placeholder, testId: _testId, }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+
+export { TextArea as T, type TextAreaProps as a };

package/dist/{chunk-3DMR7T4D.js → chunk-2Z3YMYNN.js}

@@ -1,20 +1,21 @@
 import {
-  FieldValidationError_default2 as FieldValidationError_default
+  FieldCopyTestIdButton_default
+} from "./chunk-OV5RMSYD.js";
+import {
+  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 { cn } from "@fuf-stack/pixel-utils";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Input = ({
   className = void 0,
+  disabled = false,
   endContent = void 0,
   label = void 0,
   name,
@@ -29,6 +30,7 @@ var Input = ({
     Controller,
     {
       control,
+      disabled,
       name,
       render: ({
         field: { disabled: isDisabled, onChange, onBlur, value, ref }
@@ -76,4 +78,4 @@ export {
   Input_default,
   Input_default2
 };
-//# sourceMappingURL=chunk-3DMR7T4D.js.map
+//# sourceMappingURL=chunk-2Z3YMYNN.js.map

package/dist/chunk-2Z3YMYNN.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';\n\nimport { cn } from '@fuf-stack/pixel-utils';\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  /** input field is disabled */\n  disabled?: boolean;\n  /** added content to the end of the input Field. */\n  endContent?: ReactNode;\n  /** form field label (set to false to disable label) */\n  label?: string | false;\n  /** form field name */\n  name: string;\n  /** form field placeholder */\n  placeholder?: string;\n  /** 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  disabled = false,\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      disabled={disabled}\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;AAEnC,SAAS,UAAU;AA4DgB,SAKrB,UALqB,KAKrB,YALqB;AA9BnC,IAAM,QAAQ,CAAC;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,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;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;;;ACxFf,IAAOA,iBAAQ;","names":["Input_default"]}

package/dist/chunk-4IT2WVQK.cjs

@@ -0,0 +1,76 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkHT3LKDHXcjs = require('./chunk-HT3LKDHX.cjs');
+
+
+var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
+
+
+var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
+
+// src/TextArea/TextArea.tsx
+var _reacthookform = require('react-hook-form');
+var _input = require('@nextui-org/input');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var TextArea = ({
+  children = null,
+  className = void 0,
+  disabled = false,
+  label = void 0,
+  name,
+  placeholder = " ",
+  testId: _testId = 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,
+      disabled,
+      render: ({
+        field: { disabled: isDisabled, onChange, onBlur, value, ref }
+      }) => {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _input.Textarea,
+          {
+            className: _pixelutils.cn.call(void 0, className),
+            classNames: {
+              inputWrapper: "group-data-[focus=true]:border-primary"
+            },
+            "data-testid": testId,
+            errorMessage: error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQTL5FREEcjs.FieldValidationError_default, { error }),
+            isDisabled,
+            isRequired: required,
+            isInvalid: invalid,
+            label: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              label,
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHT3LKDHXcjs.FieldCopyTestIdButton_default, { testId })
+            ] }),
+            labelPlacement: "outside",
+            placeholder,
+            name,
+            value,
+            onChange,
+            onBlur,
+            ref,
+            variant: "bordered",
+            children
+          }
+        );
+      }
+    }
+  );
+};
+var TextArea_default = TextArea;
+
+// src/TextArea/index.ts
+var TextArea_default2 = TextArea_default;
+
+
+
+
+exports.TextArea_default = TextArea_default; exports.TextArea_default2 = TextArea_default2;
+//# sourceMappingURL=chunk-4IT2WVQK.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"names":["TextArea_default"],"mappings":";;;;;;;;;;;AAEA,SAAS,kBAAkB;AAE3B,SAAS,YAAY,oBAAoB;AAEzC,SAAS,UAAU;AAqDgB,SAKrB,UALqB,KAKrB,YALqB;AA3BnC,IAAM,WAAW,CAAC;AAAA,EAChB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,QAAQ,UAAU;AACpB,MAAqB;AACnB,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;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,cAAc,SAAS,oBAAC,gCAAqB,OAAc;AAAA,YAC3D;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,OACE,iCACG;AAAA;AAAA,cACD,oBAAC,iCAAsB,QAAgB;AAAA,eACzC;AAAA,YAEF,gBAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAQ;AAAA,YAEP;AAAA;AAAA,QACH;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;;;AChFf,IAAOA,oBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Controller } from 'react-hook-form';\n\nimport { Textarea as NextTextArea } from '@nextui-org/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface TextAreaProps {\n  /** Child components. The content of the textarea. */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** Determines if the TextArea is disabled or not. */\n  disabled?: boolean;\n  /** Label displayed above the TextArea. */\n  label?: ReactNode;\n  /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** placeholder for the textArea content. */\n  placeholder?: string;\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * TextArea component based on [NextUI TextArea](https://nextui.org/docs/components/textarea)\n */\nconst TextArea = ({\n  children = null,\n  className = undefined,\n  disabled = false,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  testId: _testId = undefined,\n}: TextAreaProps) => {\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      disabled={disabled}\n      render={({\n        field: { disabled: isDisabled, onChange, onBlur, value, ref },\n      }) => {\n        return (\n          <NextTextArea\n            className={cn(className)}\n            classNames={{\n              inputWrapper: 'group-data-[focus=true]:border-primary',\n            }}\n            data-testid={testId}\n            errorMessage={error && <FieldValidationError error={error} />}\n            isDisabled={isDisabled}\n            isRequired={required}\n            isInvalid={invalid}\n            label={\n              <>\n                {label}\n                <FieldCopyTestIdButton testId={testId} />\n              </>\n            }\n            labelPlacement=\"outside\"\n            placeholder={placeholder}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            ref={ref}\n            variant=\"bordered\"\n          >\n            {children}\n          </NextTextArea>\n        );\n      }}\n    />\n  );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"]}

package/dist/{chunk-TEJGV6NC.js → chunk-5FMJUJ7H.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-V46BHM2U.js";
 
 // src/SubmitButton/SubmitButton.tsx
-import cn from "classnames";
+import { cn } from "@fuf-stack/pixel-utils";
 import { Button } from "@fuf-stack/pixels";
 import { jsx } from "react/jsx-runtime";
 var SubmitButton = ({
@@ -45,4 +45,4 @@ export {
   SubmitButton_default,
   SubmitButton_default2
 };
-//# sourceMappingURL=chunk-TEJGV6NC.js.map
+//# sourceMappingURL=chunk-5FMJUJ7H.js.map

package/dist/chunk-5FMJUJ7H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SubmitButton/SubmitButton.tsx","../src/SubmitButton/index.ts"],"sourcesContent":["import type { ButtonProps } from '@fuf-stack/pixels';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\n\nexport interface SubmitButtonProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: ButtonProps['color'];\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** function called when the button is pressed. */\n  onClick?: ButtonProps['onClick'];\n  /** size of the button */\n  size?: ButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * From SubmitButton\n */\nconst SubmitButton = ({\n  children = 'Submit',\n  className = undefined,\n  color = 'success',\n  loading = false,\n  onClick = undefined,\n  size = 'md',\n  testId = 'form_submit_button',\n}: SubmitButtonProps) => {\n  const {\n    formState: { isValid, isSubmitting, isValidating },\n  } = useFormContext();\n\n  return (\n    <Button\n      className={cn(className)}\n      color={color}\n      testId={slugify(testId)}\n      disabled={!isValid || isSubmitting || isValidating}\n      loading={loading}\n      onClick={onClick}\n      size={size}\n      type=\"submit\"\n    >\n      {children}\n    </Button>\n  );\n};\n\nexport default SubmitButton;\n","import SubmitButton from './SubmitButton';\n\nexport type { SubmitButtonProps } from './SubmitButton';\n\nexport { SubmitButton };\n\nexport default SubmitButton;\n"],"mappings":";;;;;;;;AAGA,SAAS,UAAU;AACnB,SAAS,cAAc;AAuCnB;AAdJ,IAAM,eAAe,CAAC;AAAA,EACpB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AACX,MAAyB;AACvB,QAAM;AAAA,IACJ,WAAW,EAAE,SAAS,cAAc,aAAa;AAAA,EACnD,IAAI,eAAe;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,QAAQ,QAAQ,MAAM;AAAA,MACtB,UAAU,CAAC,WAAW,gBAAgB;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;;;ACpDf,IAAOA,wBAAQ;","names":["SubmitButton_default"]}

package/dist/{chunk-ZPFKVKGV.cjs → chunk-6GN255GP.cjs}

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Grid/Grid.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Grid/Grid.tsx
+var _pixelutils = require('@fuf-stack/pixel-utils');
 var _jsxruntime = require('react/jsx-runtime');
 var Grid = ({
   children = null,
   className = void 0,
   testId = void 0
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _classnames2.default.call(void 0, "grid gap-6", className), "data-testid": testId, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _pixelutils.cn.call(void 0, "grid gap-6", className), "data-testid": testId, children });
 };
 var Grid_default = Grid;
 
@@ -17,4 +17,4 @@ var Grid_default2 = Grid_default;
 
 
 exports.Grid_default = Grid_default; exports.Grid_default2 = Grid_default2;
-//# sourceMappingURL=chunk-ZPFKVKGV.cjs.map
+//# sourceMappingURL=chunk-6GN255GP.cjs.map

package/dist/chunk-6GN255GP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Grid/Grid.tsx","../src/Grid/index.ts"],"names":["Grid_default"],"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","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"]}

package/dist/chunk-6NZVSPFX.js

@@ -0,0 +1,76 @@
+import {
+  FieldCopyTestIdButton_default
+} from "./chunk-OV5RMSYD.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
+import {
+  useFormContext
+} from "./chunk-BCMPSLSG.js";
+
+// src/TextArea/TextArea.tsx
+import { Controller } from "react-hook-form";
+import { Textarea as NextTextArea } from "@nextui-org/input";
+import { cn } from "@fuf-stack/pixel-utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var TextArea = ({
+  children = null,
+  className = void 0,
+  disabled = false,
+  label = void 0,
+  name,
+  placeholder = " ",
+  testId: _testId = void 0
+}) => {
+  const { control, getFieldState } = useFormContext();
+  const { error, invalid, required, testId } = getFieldState(name, _testId);
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      disabled,
+      render: ({
+        field: { disabled: isDisabled, onChange, onBlur, value, ref }
+      }) => {
+        return /* @__PURE__ */ jsx(
+          NextTextArea,
+          {
+            className: cn(className),
+            classNames: {
+              inputWrapper: "group-data-[focus=true]:border-primary"
+            },
+            "data-testid": testId,
+            errorMessage: error && /* @__PURE__ */ jsx(FieldValidationError_default, { error }),
+            isDisabled,
+            isRequired: required,
+            isInvalid: invalid,
+            label: /* @__PURE__ */ jsxs(Fragment, { children: [
+              label,
+              /* @__PURE__ */ jsx(FieldCopyTestIdButton_default, { testId })
+            ] }),
+            labelPlacement: "outside",
+            placeholder,
+            name,
+            value,
+            onChange,
+            onBlur,
+            ref,
+            variant: "bordered",
+            children
+          }
+        );
+      }
+    }
+  );
+};
+var TextArea_default = TextArea;
+
+// src/TextArea/index.ts
+var TextArea_default2 = TextArea_default;
+
+export {
+  TextArea_default,
+  TextArea_default2
+};
+//# sourceMappingURL=chunk-6NZVSPFX.js.map

package/dist/chunk-6NZVSPFX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Controller } from 'react-hook-form';\n\nimport { Textarea as NextTextArea } from '@nextui-org/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface TextAreaProps {\n  /** Child components. The content of the textarea. */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** Determines if the TextArea is disabled or not. */\n  disabled?: boolean;\n  /** Label displayed above the TextArea. */\n  label?: ReactNode;\n  /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** placeholder for the textArea content. */\n  placeholder?: string;\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * TextArea component based on [NextUI TextArea](https://nextui.org/docs/components/textarea)\n */\nconst TextArea = ({\n  children = null,\n  className = undefined,\n  disabled = false,\n  label = undefined,\n  name,\n  placeholder = ' ',\n  testId: _testId = undefined,\n}: TextAreaProps) => {\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      disabled={disabled}\n      render={({\n        field: { disabled: isDisabled, onChange, onBlur, value, ref },\n      }) => {\n        return (\n          <NextTextArea\n            className={cn(className)}\n            classNames={{\n              inputWrapper: 'group-data-[focus=true]:border-primary',\n            }}\n            data-testid={testId}\n            errorMessage={error && <FieldValidationError error={error} />}\n            isDisabled={isDisabled}\n            isRequired={required}\n            isInvalid={invalid}\n            label={\n              <>\n                {label}\n                <FieldCopyTestIdButton testId={testId} />\n              </>\n            }\n            labelPlacement=\"outside\"\n            placeholder={placeholder}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            ref={ref}\n            variant=\"bordered\"\n          >\n            {children}\n          </NextTextArea>\n        );\n      }}\n    />\n  );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,kBAAkB;AAE3B,SAAS,YAAY,oBAAoB;AAEzC,SAAS,UAAU;AAqDgB,SAKrB,UALqB,KAKrB,YALqB;AA3BnC,IAAM,WAAW,CAAC;AAAA,EAChB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,QAAQ,UAAU;AACpB,MAAqB;AACnB,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;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,cAAc,SAAS,oBAAC,gCAAqB,OAAc;AAAA,YAC3D;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,OACE,iCACG;AAAA;AAAA,cACD,oBAAC,iCAAsB,QAAgB;AAAA,eACzC;AAAA,YAEF,gBAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAQ;AAAA,YAEP;AAAA;AAAA,QACH;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;;;AChFf,IAAOA,oBAAQ;","names":["TextArea_default"]}

package/dist/{chunk-XUKBLFTR.cjs → chunk-AGAYQTFD.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
 
@@ -6,7 +6,7 @@ var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
 var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
 
 // src/SubmitButton/SubmitButton.tsx
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _pixelutils = require('@fuf-stack/pixel-utils');
 var _pixels = require('@fuf-stack/pixels');
 var _jsxruntime = require('react/jsx-runtime');
 var SubmitButton = ({
@@ -24,7 +24,7 @@ var SubmitButton = ({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _pixels.Button,
     {
-      className: _classnames2.default.call(void 0, className),
+      className: _pixelutils.cn.call(void 0, className),
       color,
       testId: _chunkBBB4FEY6cjs.slugify.call(void 0, testId),
       disabled: !isValid || isSubmitting || isValidating,
@@ -45,4 +45,4 @@ var SubmitButton_default2 = SubmitButton_default;
 
 
 exports.SubmitButton_default = SubmitButton_default; exports.SubmitButton_default2 = SubmitButton_default2;
-//# sourceMappingURL=chunk-XUKBLFTR.cjs.map
+//# sourceMappingURL=chunk-AGAYQTFD.cjs.map

package/dist/chunk-AGAYQTFD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SubmitButton/SubmitButton.tsx","../src/SubmitButton/index.ts"],"names":["SubmitButton_default"],"mappings":";;;;;;;;AAGA,SAAS,UAAU;AACnB,SAAS,cAAc;AAuCnB;AAdJ,IAAM,eAAe,CAAC;AAAA,EACpB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AACX,MAAyB;AACvB,QAAM;AAAA,IACJ,WAAW,EAAE,SAAS,cAAc,aAAa;AAAA,EACnD,IAAI,eAAe;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,QAAQ,QAAQ,MAAM;AAAA,MACtB,UAAU,CAAC,WAAW,gBAAgB;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;;;ACpDf,IAAOA,wBAAQ","sourcesContent":["import type { ButtonProps } from '@fuf-stack/pixels';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\n\nexport interface SubmitButtonProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: ButtonProps['color'];\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** function called when the button is pressed. */\n  onClick?: ButtonProps['onClick'];\n  /** size of the button */\n  size?: ButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * From SubmitButton\n */\nconst SubmitButton = ({\n  children = 'Submit',\n  className = undefined,\n  color = 'success',\n  loading = false,\n  onClick = undefined,\n  size = 'md',\n  testId = 'form_submit_button',\n}: SubmitButtonProps) => {\n  const {\n    formState: { isValid, isSubmitting, isValidating },\n  } = useFormContext();\n\n  return (\n    <Button\n      className={cn(className)}\n      color={color}\n      testId={slugify(testId)}\n      disabled={!isValid || isSubmitting || isValidating}\n      loading={loading}\n      onClick={onClick}\n      size={size}\n      type=\"submit\"\n    >\n      {children}\n    </Button>\n  );\n};\n\nexport default SubmitButton;\n","import SubmitButton from './SubmitButton';\n\nexport type { SubmitButtonProps } from './SubmitButton';\n\nexport { SubmitButton };\n\nexport default SubmitButton;\n"]}

package/dist/chunk-BIJVBXOG.js

@@ -0,0 +1,205 @@
+import {
+  FieldCopyTestIdButton_default
+} from "./chunk-OV5RMSYD.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
+import {
+  useFormContext
+} from "./chunk-BCMPSLSG.js";
+import {
+  slugify
+} from "./chunk-V46BHM2U.js";
+
+// src/RadioGroup/RadioGroup.tsx
+import { Controller } from "react-hook-form";
+import { ButtonGroup as NextButtonGroup } from "@nextui-org/button";
+import { RadioGroup as NextRadioGroup, Radio } from "@nextui-org/radio";
+import { cn as cn3 } from "@fuf-stack/pixel-utils";
+
+// src/RadioGroup/Variants/RadioBox.tsx
+import { useRadio } from "@nextui-org/radio";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { cn } from "@fuf-stack/pixel-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RadioBox = ({ icon = void 0, ...props }) => {
+  const {
+    children,
+    Component,
+    description,
+    getBaseProps,
+    getControlProps,
+    getInputProps,
+    getLabelProps,
+    getLabelWrapperProps,
+    getWrapperProps,
+    isDisabled
+  } = useRadio(props);
+  return /* @__PURE__ */ jsxs(
+    Component,
+    {
+      ...getBaseProps(),
+      className: cn(
+        "group inline-flex flex-auto cursor-pointer items-center justify-between gap-4 rounded-lg border-2 border-default p-4 hover:bg-content2 data-[selected=true]:border-primary",
+        {
+          // disabled styles
+          "pointer-events-none opacity-disabled": isDisabled
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("input", { ...getInputProps() }) }),
+        /* @__PURE__ */ jsx("span", { ...getWrapperProps(), children: /* @__PURE__ */ jsx("span", { ...getControlProps() }) }),
+        icon,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ...getLabelWrapperProps(),
+            className: cn(getLabelWrapperProps().className, "grow"),
+            children: [
+              children && /* @__PURE__ */ jsx("span", { ...getLabelProps(), children }),
+              description && /* @__PURE__ */ jsx("span", { className: "text-small text-foreground opacity-70", children: description })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/RadioGroup/Variants/RadioButton.tsx
+import { cn as cn2 } from "@fuf-stack/pixel-utils";
+import { Button } from "@fuf-stack/pixels";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var RadioButton = ({
+  className = void 0,
+  value,
+  isDisabled = false,
+  onChange,
+  children
+}) => {
+  return /* @__PURE__ */ jsx2(
+    Button,
+    {
+      className: cn2(className),
+      disabled: isDisabled,
+      onClick: () => {
+        return onChange(value);
+      },
+      children
+    },
+    `index_${value}`
+  );
+};
+
+// src/RadioGroup/RadioGroup.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var RadioGroup = ({
+  className = void 0,
+  disabled = false,
+  inline = false,
+  label = void 0,
+  name,
+  options,
+  testId: _testId = void 0,
+  variant = "default"
+}) => {
+  const { control, getFieldState, getValues } = useFormContext();
+  const { error, invalid, required, testId } = getFieldState(name, _testId);
+  return /* @__PURE__ */ jsx3(
+    Controller,
+    {
+      control,
+      disabled,
+      name,
+      render: ({ field: { onChange, disabled: isDisabled, onBlur, ref } }) => {
+        let RadioComponents;
+        switch (variant) {
+          case "radioBox":
+            RadioComponents = options.map((option) => /* @__PURE__ */ jsx3(
+              RadioBox,
+              {
+                "data-testid": slugify(
+                  `${testId}_option_${option.testId || option.value}`
+                ),
+                isDisabled: isDisabled || option.disabled,
+                value: option.value,
+                onChange,
+                description: option.description,
+                icon: option.icon,
+                children: option.label ? option.label : option.value
+              },
+              option.value
+            ));
+            break;
+          case "radioButton":
+            RadioComponents = options.map((option) => /* @__PURE__ */ jsx3(
+              RadioButton,
+              {
+                "data-testid": slugify(
+                  `${testId}_option_${option.testId || option.value}`
+                ),
+                isDisabled: isDisabled || option.disabled,
+                value: option.value,
+                onChange,
+                className: cn3(
+                  `${getValues()[name] !== option.value ? "bg-opacity-50" : ""}`
+                ),
+                children: option.label ? option.label : option.value
+              },
+              option.value
+            ));
+            break;
+          default:
+            RadioComponents = options.map((option) => /* @__PURE__ */ jsx3(
+              Radio,
+              {
+                "data-testid": slugify(
+                  `${testId}_option_${option.testId || option.value}`
+                ),
+                isDisabled: isDisabled || option.disabled,
+                value: option.value,
+                onChange,
+                children: option.label ? option.label : option.value
+              },
+              option.value
+            ));
+        }
+        return /* @__PURE__ */ jsx3(
+          NextRadioGroup,
+          {
+            className,
+            "data-testid": testId,
+            errorMessage: error && /* @__PURE__ */ jsx3(FieldValidationError_default, { error }),
+            isDisabled,
+            isInvalid: invalid,
+            isRequired: required,
+            label: label && // eslint-disable-next-line jsx-a11y/label-has-associated-control
+            /* @__PURE__ */ jsxs2("label", { className: `${invalid ? "text-danger" : ""}`, children: [
+              label,
+              /* @__PURE__ */ jsx3(FieldCopyTestIdButton_default, { testId })
+            ] }),
+            orientation: inline ? "horizontal" : "vertical",
+            onBlur,
+            onChange,
+            name,
+            ref,
+            children: variant === "radioButton" ? (
+              // TODO: NextButtonGroup uses ref to modify Button style, but we wrap it, so it does not work at the moment.
+              /* @__PURE__ */ jsx3(NextButtonGroup, { children: RadioComponents })
+            ) : RadioComponents
+          }
+        );
+      }
+    }
+  );
+};
+var RadioGroup_default = RadioGroup;
+
+// src/RadioGroup/index.ts
+var RadioGroup_default2 = RadioGroup_default;
+
+export {
+  RadioGroup_default,
+  RadioGroup_default2
+};
+//# sourceMappingURL=chunk-BIJVBXOG.js.map