@fuf-stack/uniform 0.10.3 → 0.11.0

package/dist/{chunk-QKF4FL3X.cjs → chunk-ZBCEV3W6.cjs}

@@ -1,4 +1,7 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkVQWKXSHWcjs = require('./chunk-VQWKXSHW.cjs');
+
 
 var _chunkJU5RT22Ycjs = require('./chunk-JU5RT22Y.cjs');
 
@@ -6,16 +9,16 @@ var _chunkJU5RT22Ycjs = require('./chunk-JU5RT22Y.cjs');
 var _chunkOHJYXA6Rcjs = require('./chunk-OHJYXA6R.cjs');
 
 
-var _chunkZ7ETEIY7cjs = require('./chunk-Z7ETEIY7.cjs');
+var _chunkWPWPZNSGcjs = require('./chunk-WPWPZNSG.cjs');
 
 
 var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
 
 // src/RadioGroup/RadioGroup.tsx
-var _reacthookform = require('react-hook-form');
 var _radio = require('@nextui-org/radio');
 var _pixelutils = require('@fuf-stack/pixel-utils');
 var _pixels = require('@fuf-stack/pixels');
+var _Tabs = require('@fuf-stack/pixels/Tabs'); var _Tabs2 = _interopRequireDefault(_Tabs);
 
 // src/RadioGroup/Variants/RadioBox.tsx
 
@@ -104,14 +107,21 @@ var radioGroupVariants = _pixelutils.tv.call(void 0, {
     itemBase: "",
     itemBaseActive: "bg-opacity-50",
     // optional if a button group is used
-    itemControl: "",
+    itemControl: "bg-focus group-data-[invalid=true]:bg-danger",
     itemDescription: "",
     itemLabel: "text-sm",
     itemLabelWrapper: "",
-    itemWrapper: "",
+    itemWrapper: 'group-data-[invalid=true]:!border-danger [&:not(group-data-[invalid="true"]):not(group-data-[selected="false"])]:border-focus',
+    // TODO: get rid of !.
     // See NextUI styles for group-data condition, e.g.: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/select.ts
-    label: "text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger",
-    wrapper: ""
+    label: "text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger",
+    wrapper: "",
+    // Tabs
+    tabList: "",
+    tab: "",
+    tabContent: "",
+    cursor: "",
+    panel: ""
   }
 });
 var RadioGroup = ({
@@ -124,14 +134,14 @@ var RadioGroup = ({
   testId: _testId = void 0,
   variant = "default"
 }) => {
-  const { control, debugMode, getFieldState, getValues } = _chunkZ7ETEIY7cjs.useFormContext.call(void 0, );
+  const { control, debugMode, getFieldState, getValues } = _chunkWPWPZNSGcjs.useFormContext.call(void 0, );
   const { error, invalid, required, testId } = getFieldState(name, _testId);
   const showTestIdCopyButton = debugMode === "debug-testids";
   const showLabel = label || showTestIdCopyButton;
   const variants = radioGroupVariants();
   const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reacthookform.Controller,
+    _chunkVQWKXSHWcjs.Controller,
     {
       control,
       disabled,
@@ -144,60 +154,90 @@ var RadioGroup = ({
           description: classNames.itemDescription,
           label: classNames.itemLabel,
           labelWrapper: classNames.itemLabelWrapper,
-          wrapper: classNames.itemWrapper
+          wrapper: classNames.itemWrapper,
+          tabList: classNames.tabList,
+          tab: classNames.tab,
+          tabContent: classNames.tabContent,
+          cursor: classNames.cursor,
+          panel: classNames.panel
         };
         switch (variant) {
           case "radioBox":
-            RadioComponents = options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              RadioBox,
-              {
-                classNames: itemClassNames,
-                "data-testid": _chunkBBB4FEY6cjs.slugify.call(void 0, 
-                  `${testId}_option_${option.testId || option.value}`
-                ),
-                description: option.description,
-                icon: option.icon,
-                isDisabled: isDisabled || option.disabled,
-                onChange,
-                value: option.value,
-                children: option.label ? option.label : option.value
-              },
-              option.value
-            ));
+            RadioComponents = options.map((option) => {
+              if ("value" in option) {
+                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  RadioBox,
+                  {
+                    classNames: itemClassNames,
+                    "data-testid": _chunkBBB4FEY6cjs.slugify.call(void 0, 
+                      `${testId}_option_${option.testId || option.value}`
+                    ),
+                    description: option.description,
+                    icon: option.icon,
+                    isDisabled: isDisabled || option.disabled,
+                    onChange,
+                    value: option.value,
+                    children: option.label ? option.label : option.value
+                  },
+                  option.value
+                );
+              }
+              return null;
+            });
             break;
           case "radioButton":
-            RadioComponents = options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              RadioButton,
+            RadioComponents = options.map((option) => {
+              if ("value" in option) {
+                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  RadioButton,
+                  {
+                    className: _pixelutils.cn.call(void 0, classNames.itemBase, {
+                      [classNames.itemBaseActive]: getValues()[name] !== option.value
+                    }),
+                    isDisabled: isDisabled || option.disabled,
+                    testID: _chunkBBB4FEY6cjs.slugify.call(void 0, 
+                      `${testId}_option_${option.testId || option.value}`
+                    ),
+                    onChange,
+                    value: option.value,
+                    children: option.label ? option.label : option.value
+                  },
+                  option.value
+                );
+              }
+              return null;
+            });
+            break;
+          case "tabs":
+            RadioComponents = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _Tabs2.default,
               {
-                className: _pixelutils.cn.call(void 0, classNames.itemBase, {
-                  [classNames.itemBaseActive]: getValues()[name] !== option.value
-                }),
-                isDisabled: isDisabled || option.disabled,
-                testID: _chunkBBB4FEY6cjs.slugify.call(void 0, 
-                  `${testId}_option_${option.testId || option.value}`
-                ),
-                onChange,
-                value: option.value,
-                children: option.label ? option.label : option.value
-              },
-              option.value
-            ));
+                fullWidth: false,
+                tabs: options,
+                onSelectionChange: onChange
+              }
+            );
             break;
           default:
-            RadioComponents = options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _radio.Radio,
-              {
-                classNames: itemClassNames,
-                "data-testid": _chunkBBB4FEY6cjs.slugify.call(void 0, 
-                  `${testId}_option_${option.testId || option.value}`
-                ),
-                isDisabled: isDisabled || option.disabled,
-                onChange,
-                value: option.value,
-                children: option.label ? option.label : option.value
-              },
-              option.value
-            ));
+            RadioComponents = options.map((option) => {
+              if ("value" in option) {
+                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _radio.Radio,
+                  {
+                    classNames: itemClassNames,
+                    "data-testid": _chunkBBB4FEY6cjs.slugify.call(void 0, 
+                      `${testId}_option_${option.testId || option.value}`
+                    ),
+                    isDisabled: isDisabled || option.disabled,
+                    onChange,
+                    value: option.value,
+                    children: option.label ? option.label : option.value
+                  },
+                  option.value
+                );
+              }
+              return null;
+            });
         }
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _radio.RadioGroup,
@@ -236,4 +276,4 @@ var RadioGroup_default2 = RadioGroup_default;
 
 
 exports.RadioGroup_default = RadioGroup_default; exports.RadioGroup_default2 = RadioGroup_default2;
-//# sourceMappingURL=chunk-QKF4FL3X.cjs.map
+//# sourceMappingURL=chunk-ZBCEV3W6.cjs.map

package/dist/chunk-ZBCEV3W6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-ZBCEV3W6.cjs","../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/Variants/RadioBox.tsx","../src/RadioGroup/Variants/RadioButton.tsx","../src/RadioGroup/index.ts"],"names":["jsx","cn"],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-ZBCEV3W6.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TabOptions } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as NextRadioGroup, Radio } from '@nextui-org/radio';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { ButtonGroup } from '@fuf-stack/pixels';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { Controller } from '../Controller';\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport { RadioBox } from './Variants/RadioBox';\nimport { RadioButton } from './Variants/RadioButton';\n\nexport const radioGroupVariants = tv({\n  slots: {\n    base: 'group', // Needs group for group-data condition\n    buttonGroup:\n      'rounded-xl group-data-[invalid=true]:border group-data-[invalid=true]:border-danger', // optional if a button group is used\n    itemBase: '',\n    itemBaseActive: 'bg-opacity-50', // optional if a button group is used\n    itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n    itemDescription: '',\n    itemLabel: 'text-sm',\n    itemLabelWrapper: '',\n    itemWrapper:\n      'group-data-[invalid=true]:!border-danger [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus', // TODO: get rid of !.\n    // See NextUI styles for group-data condition, e.g.: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n    wrapper: '',\n    // Tabs\n    tabList: '',\n    tab: '',\n    tabContent: '',\n    cursor: '',\n    panel: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof radioGroupVariants>;\ntype ClassName = TVClassName<typeof radioGroupVariants>;\n\nexport interface RadioGroupOption {\n  /** Description of the value. Works with variant radioBox. */\n  description?: React.ReactNode;\n  /** disables the option */\n  disabled?: boolean;\n  /** option label */\n  label?: React.ReactNode;\n  /** option icon */\n  icon?: ReactNode;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n  /** option value */\n  value: string;\n}\n\nexport interface RadioGroupProps<\n  V extends 'default' | 'radioBox' | 'radioButton' | 'tabs',\n> extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Determines if the Buttons are disabled or not. */\n  disabled?: boolean;\n  /** determines orientation of the Buttons. */\n  inline?: boolean;\n  /** Label displayed next to the RadioButton. */\n  label?: ReactNode;\n  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** Radio button configuration. */\n  options: V extends 'default' | 'radioBox' | 'radioButton'\n    ? RadioGroupOption[]\n    : TabOptions[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n  /** How the RadioGroup should look like. */\n  variant?: V;\n}\n\n/**\n * RadioGroup component based on [NextUI RadioGroup](https://nextui.org/docs/components/radio-group)\n */\nconst RadioGroup = ({\n  className = undefined,\n  disabled = false,\n  inline = false,\n  label = undefined,\n  name,\n  options,\n  testId: _testId = undefined,\n  variant = 'default',\n}: RadioGroupProps<\n  'default' | 'radioBox' | 'radioButton' | 'tabs'\n>): ReactElement => {\n  const { control, debugMode, getFieldState, getValues } = useFormContext();\n\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  const variants = radioGroupVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <Controller\n      control={control}\n      disabled={disabled}\n      name={name}\n      render={({ field: { onChange, disabled: isDisabled, onBlur, ref } }) => {\n        let RadioComponents: ReactNode;\n\n        const itemClassNames = {\n          base: classNames.itemBase,\n          control: classNames.itemControl,\n          description: classNames.itemDescription,\n          label: classNames.itemLabel,\n          labelWrapper: classNames.itemLabelWrapper,\n          wrapper: classNames.itemWrapper,\n          tabList: classNames.tabList,\n          tab: classNames.tab,\n          tabContent: classNames.tabContent,\n          cursor: classNames.cursor,\n          panel: classNames.panel,\n        };\n\n        switch (variant) {\n          case 'radioBox':\n            RadioComponents = options.map((option) => {\n              if ('value' in option) {\n                return (\n                  <RadioBox\n                    classNames={itemClassNames}\n                    data-testid={slugify(\n                      `${testId}_option_${option.testId || option.value}`,\n                    )}\n                    description={option.description}\n                    icon={option.icon}\n                    isDisabled={isDisabled || option.disabled}\n                    key={option.value}\n                    onChange={onChange}\n                    value={option.value}\n                  >\n                    {option.label ? option.label : option.value}\n                  </RadioBox>\n                );\n              }\n              return null;\n            });\n            break;\n          case 'radioButton':\n            RadioComponents = options.map((option) => {\n              if ('value' in option) {\n                return (\n                  <RadioButton\n                    className={cn(classNames.itemBase, {\n                      [classNames.itemBaseActive]:\n                        getValues()[name] !== option.value,\n                    })}\n                    isDisabled={isDisabled || option.disabled}\n                    key={option.value}\n                    testID={slugify(\n                      `${testId}_option_${option.testId || option.value}`,\n                    )}\n                    onChange={onChange}\n                    value={option.value}\n                    // TODO: how to do the classNames properly (make selected option darker with same color)\n                  >\n                    {option.label ? option.label : option.value}\n                  </RadioButton>\n                );\n              }\n              return null;\n            });\n            break;\n\n          case 'tabs':\n            RadioComponents = (\n              <Tabs\n                fullWidth={false}\n                tabs={options as TabOptions[]}\n                onSelectionChange={onChange}\n              />\n            );\n            break;\n          default:\n            RadioComponents = options.map((option) => {\n              if ('value' in option) {\n                return (\n                  <Radio\n                    classNames={itemClassNames}\n                    data-testid={slugify(\n                      `${testId}_option_${option.testId || option.value}`,\n                    )}\n                    isDisabled={isDisabled || option.disabled}\n                    key={option.value}\n                    onChange={onChange}\n                    value={option.value}\n                  >\n                    {option.label ? option.label : option.value}\n                  </Radio>\n                );\n              }\n              return null;\n            });\n        }\n\n        return (\n          <NextRadioGroup\n            classNames={classNames}\n            // See NextUI styles for group-data condition (data-invalid), e.g.: https://github.com/nextui-org/nextui/blob/main/packages/components/select/src/use-select.ts\n            data-invalid={invalid}\n            data-required={required}\n            data-testid={testId}\n            errorMessage={error && <FieldValidationError error={error} />}\n            isDisabled={isDisabled}\n            isInvalid={invalid}\n            isRequired={required}\n            label={\n              showLabel && (\n                // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                <label>\n                  {label}\n                  {showTestIdCopyButton && (\n                    <FieldCopyTestIdButton testId={testId} />\n                  )}\n                </label>\n              )\n            }\n            name={name}\n            orientation={inline ? 'horizontal' : 'vertical'}\n            onBlur={onBlur}\n            onChange={onChange}\n            ref={ref}\n          >\n            {variant === 'radioButton' ? (\n              <ButtonGroup className={classNames.buttonGroup}>\n                {RadioComponents}\n              </ButtonGroup>\n            ) : (\n              RadioComponents\n            )}\n          </NextRadioGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as NextRadioProps } from '@nextui-org/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@nextui-org/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends NextRadioProps {\n  /** icon for the option */\n  icon?: ReactNode;\n}\n\nexport const RadioBox = ({ icon = undefined, ...props }: RadioProps) => {\n  const {\n    children,\n    Component,\n    description,\n    getBaseProps,\n    getControlProps,\n    getInputProps,\n    getLabelProps,\n    getLabelWrapperProps,\n    getWrapperProps,\n    isDisabled,\n  } = useRadio(props);\n\n  return (\n    <Component\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...getBaseProps()}\n      className={cn(\n        '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-focus',\n        {\n          // disabled styles\n          'pointer-events-none opacity-disabled': isDisabled,\n        },\n      )}\n    >\n      <VisuallyHidden>\n        {/* eslint-disable-next-line react/jsx-props-no-spreading  */}\n        <input {...getInputProps()} />\n      </VisuallyHidden>\n      {/* eslint-disable-next-line react/jsx-props-no-spreading  */}\n      <span {...getWrapperProps()}>\n        {/* eslint-disable-next-line react/jsx-props-no-spreading  */}\n        <span {...getControlProps()} />\n      </span>\n      {icon}\n      <div\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getLabelWrapperProps()}\n        className={cn(getLabelWrapperProps().className, 'grow')}\n      >\n        {/* eslint-disable-next-line react/jsx-props-no-spreading  */}\n        {children && <span {...getLabelProps()}>{children}</span>}\n        {description && (\n          <span className=\"text-small text-foreground opacity-70\">\n            {description}\n          </span>\n        )}\n      </div>\n    </Component>\n  );\n};\n\nexport default RadioBox;\n","import { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface RadioButtonProps {\n  /** label of the value. */\n  children: React.ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** disables the option */\n  isDisabled?: boolean;\n  /** HTML data-testid attribute of the option */\n  testID?: string;\n  /** Callback function. Executed if the option is clicked. */\n  onChange: (...event: unknown[]) => void;\n  /** value of the option. */\n  value: string;\n}\n\nexport const RadioButton = ({\n  children,\n  className = undefined,\n  isDisabled = false,\n  onChange,\n  testID = undefined,\n  value,\n}: RadioButtonProps) => {\n  return (\n    <Button\n      className={cn(className)}\n      testId={testID}\n      disabled={isDisabled}\n      key={`index_${value}`}\n      onClick={() => {\n        return onChange(value);\n      }}\n    >\n      {children}\n    </Button>\n  );\n};\n\nexport default RadioButton;\n","import RadioGroup from './RadioGroup';\n\nexport type { RadioGroupProps } from './RadioGroup';\n\nexport { RadioGroup };\n\nexport default RadioGroup;\n"]}

package/dist/{chunk-F23KFEVZ.cjs → chunk-ZQ75EBWB.cjs}

@@ -1,15 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkVQWKXSHWcjs = require('./chunk-VQWKXSHW.cjs');
+
+
 var _chunkJU5RT22Ycjs = require('./chunk-JU5RT22Y.cjs');
 
 
 var _chunkOHJYXA6Rcjs = require('./chunk-OHJYXA6R.cjs');
 
 
-var _chunkZ7ETEIY7cjs = require('./chunk-Z7ETEIY7.cjs');
+var _chunkWPWPZNSGcjs = require('./chunk-WPWPZNSG.cjs');
 
 // src/Input/Input.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');
@@ -24,12 +26,12 @@ var Input = ({
   testId: _testId = void 0,
   type = void 0
 }) => {
-  const { control, debugMode, getFieldState } = _chunkZ7ETEIY7cjs.useFormContext.call(void 0, );
+  const { control, debugMode, getFieldState } = _chunkWPWPZNSGcjs.useFormContext.call(void 0, );
   const { error, invalid, required, testId } = getFieldState(name, _testId);
   const showTestIdCopyButton = debugMode === "debug-testids";
   const showLabel = label || showTestIdCopyButton;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reacthookform.Controller,
+    _chunkVQWKXSHWcjs.Controller,
     {
       control,
       disabled,
@@ -82,4 +84,4 @@ var Input_default2 = Input_default;
 
 
 exports.Input_default = Input_default; exports.Input_default2 = Input_default2;
-//# sourceMappingURL=chunk-F23KFEVZ.cjs.map
+//# sourceMappingURL=chunk-ZQ75EBWB.cjs.map

package/dist/chunk-ZQ75EBWB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-ZQ75EBWB.cjs","../src/Input/Input.tsx","../src/Input/index.ts"],"names":["Input_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACXA,0CAAmC;AAEnC,oDAAmB;AAgEgB,+CAAA;AAjCnC,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,SAAA,EAAW,KAAA;AAAA,EACX,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,IAAA;AAAA,EACA,YAAA,EAAc,GAAA;AAAA,EACd,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,MAAA,EAAQ,QAAA,EAAU,KAAA,CAAA;AAAA,EAClB,KAAA,EAAO,KAAA;AACT,CAAA,EAAA,GAAkB;AAChB,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,cAAc,EAAA,EAAI,8CAAA,CAAe;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,QAAA,EAAU,OAAO,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,qBAAA,EAAuB,UAAA,IAAc,eAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,MAAA,GAAS,oBAAA;AAE3B,EAAA,uBACE,6BAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC;AAAA,QACP,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,IAAI;AAAA,MAC9D,CAAA,EAAA,GAAM;AACJ,QAAA,uBACE,6BAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,YACvB,UAAA,EAAY;AAAA,cACV,YAAA,EAAc;AAAA,YAChB,CAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,UAAA;AAAA,YACA,YAAA,EAAc,MAAA,mBAAS,6BAAA,8CAAC,EAAA,EAAqB,MAAA,CAAc,CAAA;AAAA,YAC3D,UAAA;AAAA,YACA,SAAA,EAAW,OAAA;AAAA,YACX,UAAA,EAAY,QAAA;AAAA,YACZ,KAAA,EACE,UAAA,mBACE,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,KAAA;AAAA,cACA,qBAAA,mBACC,6BAAA,+CAAC,EAAA,EAAsB,OAAA,CAAgB;AAAA,YAAA,EAAA,CAE3C,CAAA;AAAA,YAGJ,cAAA,EAAe,SAAA;AAAA,YACf,IAAA;AAAA,YACA,MAAA;AAAA,YACA,QAAA,EACE,KAAA,IAAS,SAAA,EACL,CAAC,CAAA,EAAA,GAAM;AACL,cAAA,QAAA,CAAS,MAAA,CAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,YACjC,EAAA,EACA,QAAA;AAAA,YAEN,WAAA;AAAA,YACA,MAAA,EAAO,IAAA;AAAA,YACP,GAAA;AAAA,YACA,YAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA,EAAQ;AAAA,UAAA;AAAA,QACV,CAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;AD5Bf;AACA;AEzEA,IAAOA,eAAAA,EAAQ,aAAA;AF2Ef;AACA;AACE;AACA;AACF,+EAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-ZQ75EBWB.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { Input as NextInput } from '@nextui-org/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { Controller } from '../Controller';\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, debugMode, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\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-focus',\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              showLabel && (\n                <>\n                  {label}\n                  {showTestIdCopyButton && (\n                    <FieldCopyTestIdButton testId={testId} />\n                  )}\n                </>\n              )\n            }\n            labelPlacement=\"outside\"\n            name={name}\n            onBlur={onBlur}\n            onChange={\n              type === 'number'\n                ? (e) => {\n                    onChange(Number(e.target.value));\n                  }\n                : onChange\n            }\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/hooks/index.cjs

@@ -1,10 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkZ7ETEIY7cjs = require('../chunk-Z7ETEIY7.cjs');
+
+var _chunkWPWPZNSGcjs = require('../chunk-WPWPZNSG.cjs');
 require('../chunk-BBB4FEY6.cjs');
 
 
 
-exports.recursiveFieldKeySearch = _chunkZ7ETEIY7cjs.recursiveFieldKeySearch; exports.useFormContext = _chunkZ7ETEIY7cjs.useFormContext;
+
+exports.recursiveFieldKeySearch = _chunkWPWPZNSGcjs.recursiveFieldKeySearch; exports.useFieldArray = _chunkWPWPZNSGcjs.useFieldArray; exports.useFormContext = _chunkWPWPZNSGcjs.useFormContext;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

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

package/dist/hooks/index.d.cts

@@ -1,8 +1,9 @@
+import * as react_hook_form from 'react-hook-form';
+import { FieldError } from 'react-hook-form';
+export { useFieldArray } from 'react-hook-form';
 import * as _fuf_stack_veto from '@fuf-stack/veto';
 import { VetoSchema } from '@fuf-stack/veto';
 import { D as DebugModeSettings } from '../FormContext-ldCpxKnY.cjs';
-import * as react_hook_form from 'react-hook-form';
-import { FieldError } from 'react-hook-form';
 
 /** Recursive search to check whether a field is required or optional */
 declare const recursiveFieldKeySearch: (schema: VetoSchema, path: string[]) => boolean | null;

package/dist/hooks/index.d.ts

@@ -1,8 +1,9 @@
+import * as react_hook_form from 'react-hook-form';
+import { FieldError } from 'react-hook-form';
+export { useFieldArray } from 'react-hook-form';
 import * as _fuf_stack_veto from '@fuf-stack/veto';
 import { VetoSchema } from '@fuf-stack/veto';
 import { D as DebugModeSettings } from '../FormContext-ldCpxKnY.js';
-import * as react_hook_form from 'react-hook-form';
-import { FieldError } from 'react-hook-form';
 
 /** Recursive search to check whether a field is required or optional */
 declare const recursiveFieldKeySearch: (schema: VetoSchema, path: string[]) => boolean | null;

package/dist/hooks/index.js

@@ -1,10 +1,12 @@
 import {
   recursiveFieldKeySearch,
+  useFieldArray,
   useFormContext
-} from "../chunk-R4ILETYI.js";
+} from "../chunk-PGQLFSIL.js";
 import "../chunk-V46BHM2U.js";
 export {
   recursiveFieldKeySearch,
+  useFieldArray,
   useFormContext
 };
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -1,33 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk2OVE7FAFcjs = require('./chunk-2OVE7FAF.cjs');
+var _chunkSRAFHMB2cjs = require('./chunk-SRAFHMB2.cjs');
 
 
-var _chunkR3Q52RLGcjs = require('./chunk-R3Q52RLG.cjs');
+var _chunk4DP5IMTUcjs = require('./chunk-4DP5IMTU.cjs');
 
 
-var _chunkTCL7YWB6cjs = require('./chunk-TCL7YWB6.cjs');
+var _chunkD6NOYVFKcjs = require('./chunk-D6NOYVFK.cjs');
 
 
-var _chunk3HCROPXYcjs = require('./chunk-3HCROPXY.cjs');
+var _chunkBKX5WAKScjs = require('./chunk-BKX5WAKS.cjs');
 
 
-var _chunkG5H3WD7Xcjs = require('./chunk-G5H3WD7X.cjs');
+var _chunkMFFQUEAYcjs = require('./chunk-MFFQUEAY.cjs');
 
 
-var _chunkYQH5YPBWcjs = require('./chunk-YQH5YPBW.cjs');
+var _chunkQGEY2AVGcjs = require('./chunk-QGEY2AVG.cjs');
+
+
+var _chunk7RYAD5OScjs = require('./chunk-7RYAD5OS.cjs');
 
 
 var _chunk6GN255GPcjs = require('./chunk-6GN255GP.cjs');
 
 
-var _chunkF23KFEVZcjs = require('./chunk-F23KFEVZ.cjs');
+var _chunkZQ75EBWBcjs = require('./chunk-ZQ75EBWB.cjs');
 
 
-var _chunkQKF4FL3Xcjs = require('./chunk-QKF4FL3X.cjs');
+var _chunkZBCEV3W6cjs = require('./chunk-ZBCEV3W6.cjs');
 
 
-var _chunkOBNBG56Hcjs = require('./chunk-OBNBG56H.cjs');
+var _chunkVQWKXSHWcjs = require('./chunk-VQWKXSHW.cjs');
 
 
 var _chunkJU5RT22Ycjs = require('./chunk-JU5RT22Y.cjs');
@@ -37,7 +40,8 @@ var _chunkOHJYXA6Rcjs = require('./chunk-OHJYXA6R.cjs');
 
 
 
-var _chunkZ7ETEIY7cjs = require('./chunk-Z7ETEIY7.cjs');
+
+var _chunkWPWPZNSGcjs = require('./chunk-WPWPZNSG.cjs');
 
 
 var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
@@ -57,5 +61,7 @@ var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
 
 
 
-exports.CheckboxGroup = _chunk3HCROPXYcjs.CheckboxGroup_default; exports.FieldArray = _chunkG5H3WD7Xcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkJU5RT22Ycjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkOHJYXA6Rcjs.FieldValidationError_default; exports.Form = _chunkYQH5YPBWcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkF23KFEVZcjs.Input_default; exports.RadioGroup = _chunkQKF4FL3Xcjs.RadioGroup_default; exports.Select = _chunkOBNBG56Hcjs.Select_default; exports.SubmitButton = _chunk2OVE7FAFcjs.SubmitButton_default; exports.Switch = _chunkR3Q52RLGcjs.Switch_default; exports.TextArea = _chunkTCL7YWB6cjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkZ7ETEIY7cjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkZ7ETEIY7cjs.useFormContext;
+
+
+exports.CheckboxGroup = _chunkMFFQUEAYcjs.CheckboxGroup_default; exports.Controller = _chunkVQWKXSHWcjs.Controller; exports.FieldArray = _chunkQGEY2AVGcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkJU5RT22Ycjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkOHJYXA6Rcjs.FieldValidationError_default; exports.Form = _chunk7RYAD5OScjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkZQ75EBWBcjs.Input_default; exports.RadioGroup = _chunkZBCEV3W6cjs.RadioGroup_default; exports.Select = _chunkSRAFHMB2cjs.Select_default; exports.SubmitButton = _chunk4DP5IMTUcjs.SubmitButton_default; exports.Switch = _chunkD6NOYVFKcjs.Switch_default; exports.TextArea = _chunkBKX5WAKScjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkWPWPZNSGcjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFieldArray = _chunkWPWPZNSGcjs.useFieldArray; exports.useFormContext = _chunkWPWPZNSGcjs.useFormContext;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,s3BAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,k+BAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/index.cjs"}

package/dist/index.d.cts

@@ -1,3 +1,4 @@
+export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
 export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-o-qWkWe1.cjs';
 export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.cjs';
 export { F as Form, a as FormProps } from './Form-D0grgL6G.cjs';
@@ -7,7 +8,7 @@ export { recursiveFieldKeySearch, useFormContext } from './hooks/index.cjs';
 export { I as Input, a as InputProps } from './Input-B6dNQiiD.cjs';
 export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-DnbovhMk.cjs';
 export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DAT12Ess.cjs';
-export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-D_kiBt0M.cjs';
+export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-DcmL1H1w.cjs';
 export { S as Select, a as SelectProps } from './Select-BhS4z0Pj.cjs';
 export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.cjs';
 export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.cjs';
@@ -16,10 +17,10 @@ import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
-import 'react-hook-form';
 import '@fuf-stack/veto';
 import 'react';
 import './FormContext-ldCpxKnY.cjs';
 import 'slug';
+import '@fuf-stack/pixels/Tabs';
 import 'react-select';
 import '@fuf-stack/pixels';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
 export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-o-qWkWe1.js';
 export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.js';
 export { F as Form, a as FormProps } from './Form-DX5NTR-H.js';
@@ -7,7 +8,7 @@ export { recursiveFieldKeySearch, useFormContext } from './hooks/index.js';
 export { I as Input, a as InputProps } from './Input-B6dNQiiD.js';
 export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-DnbovhMk.js';
 export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DAT12Ess.js';
-export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-D_kiBt0M.js';
+export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-DcmL1H1w.js';
 export { S as Select, a as SelectProps } from './Select-BhS4z0Pj.js';
 export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.js';
 export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.js';
@@ -16,10 +17,10 @@ import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
-import 'react-hook-form';
 import '@fuf-stack/veto';
 import 'react';
 import './FormContext-ldCpxKnY.js';
 import 'slug';
+import '@fuf-stack/pixels/Tabs';
 import 'react-select';
 import '@fuf-stack/pixels';

package/dist/index.js

@@ -1,33 +1,36 @@
+import {
+  Select_default
+} from "./chunk-4FDD5XNY.js";
 import {
   SubmitButton_default
-} from "./chunk-ZZCZS4QM.js";
+} from "./chunk-U4IDHTW5.js";
 import {
   Switch_default
-} from "./chunk-5S7YSUSV.js";
+} from "./chunk-J4IZIB6S.js";
 import {
   TextArea_default
-} from "./chunk-6QXNSRCS.js";
+} from "./chunk-WLYFBQVU.js";
 import {
   CheckboxGroup_default
-} from "./chunk-TYJNJH65.js";
+} from "./chunk-R6U3M5P5.js";
 import {
   FieldArray_default
-} from "./chunk-JM2PZT2K.js";
+} from "./chunk-JFJSEJ4F.js";
 import {
   Form_default
-} from "./chunk-D3E4GLA2.js";
+} from "./chunk-OYSI3IRJ.js";
 import {
   Grid_default
 } from "./chunk-PDCEKC3G.js";
 import {
   Input_default
-} from "./chunk-OX2WPUIY.js";
+} from "./chunk-4F2PNEJZ.js";
 import {
   RadioGroup_default
-} from "./chunk-XJULYTGW.js";
+} from "./chunk-2X4PRJ7K.js";
 import {
-  Select_default
-} from "./chunk-AWAGKOHK.js";
+  Controller
+} from "./chunk-KOKIM2ND.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-2CRY7VDQ.js";
@@ -36,13 +39,15 @@ import {
 } from "./chunk-WKM2D7LF.js";
 import {
   recursiveFieldKeySearch,
+  useFieldArray,
   useFormContext
-} from "./chunk-R4ILETYI.js";
+} from "./chunk-PGQLFSIL.js";
 import {
   slugify
 } from "./chunk-V46BHM2U.js";
 export {
   CheckboxGroup_default as CheckboxGroup,
+  Controller,
   FieldArray_default as FieldArray,
   FieldCopyTestIdButton_default as FieldCopyTestIdButton,
   FieldValidationError_default as FieldValidationError,
@@ -56,6 +61,7 @@ export {
   TextArea_default as TextArea,
   recursiveFieldKeySearch,
   slugify,
+  useFieldArray,
   useFormContext
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "0.10.3",
+  "version": "0.11.0",
   "description": "fuf react form library",
   "author": "Hannes Tiede",
   "homepage": "https://github.com/fuf-stack/uniform#readme",
@@ -21,6 +21,11 @@
       "import": "./dist/CheckboxGroup/index.js",
       "require": "./dist/CheckboxGroup/index.cjs"
     },
+    "./Controller": {
+      "types": "./dist/Controller/index.d.ts",
+      "import": "./dist/Controller/index.js",
+      "require": "./dist/Controller/index.cjs"
+    },
     "./FieldArray": {
       "types": "./dist/FieldArray/index.d.ts",
       "import": "./dist/FieldArray/index.js",
@@ -118,17 +123,18 @@
     "@nextui-org/switch": "2.0.34",
     "@nextui-org/system": "2.2.6",
     "@nextui-org/theme": "2.2.11",
-    "@react-aria/visually-hidden": "3.8.17",
-    "framer-motion": "11.11.11",
+    "@react-aria/visually-hidden": "3.8.18",
+    "framer-motion": "11.11.17",
     "react-icons": "5.3.0",
     "react-hook-form": "7.53.2",
     "react-select": "5.8.3",
     "slug": "9.1.0",
-    "@fuf-stack/pixel-utils": "0.3.1",
-    "@fuf-stack/pixels": "0.27.2",
-    "@fuf-stack/veto": "0.5.0"
+    "@fuf-stack/pixel-utils": "0.4.0",
+    "@fuf-stack/veto": "0.5.0",
+    "@fuf-stack/pixels": "0.28.0"
   },
   "devDependencies": {
+    "@testing-library/react-hooks": "8.0.1",
     "@types/debug": "4.1.12",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
@@ -137,8 +143,8 @@
     "react-dom": "18.3.1",
     "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1",
-    "@repo/vite-config": "0.0.1"
+    "@repo/vite-config": "0.0.1",
+    "@repo/tsup-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts",