@fuf-stack/uniform 0.9.5 → 0.9.7

package/dist/{chunk-AVKEYJH7.js → chunk-PFX4YRWI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-T3CCNJHK.js";
 import {
   FieldValidationError_default
-} from "./chunk-DBLODROX.js";
+} from "./chunk-WKM2D7LF.js";
 import {
   useFormContext
 } from "./chunk-HWDQZO7X.js";
@@ -12,7 +12,22 @@ import {
 import { Controller } from "react-hook-form";
 import { useInput } from "@nextui-org/input";
 import { Switch as NextSwitch } from "@nextui-org/switch";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var switchVariants = tv({
+  slots: {
+    base: "",
+    endContent: "",
+    errorMessage: "ml-1 mt-1",
+    // 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 group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-["*"]',
+    outerWrapper: "place-content-center",
+    startContent: "",
+    thumb: "",
+    thumbIcon: "",
+    wrapper: ""
+  }
+});
 var Switch = ({
   className = void 0,
   disabled = false,
@@ -30,6 +45,10 @@ var Switch = ({
     labelPlacement: "outside",
     placeholder: " "
   });
+  const variants = switchVariants();
+  const classNames = variantsToClassNames(variants, className, "outerWrapper");
+  console.log("getHelperWrapperProps()", getHelperWrapperProps());
+  console.log("getErrorMessageProps()", getErrorMessageProps());
   return /* @__PURE__ */ jsx(
     Controller,
     {
@@ -38,33 +57,36 @@ var Switch = ({
       disabled,
       render: ({
         field: { disabled: isDisabled, value, ref, onBlur, onChange }
-      }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      }) => /* @__PURE__ */ jsxs("div", { className: classNames.outerWrapper, children: [
         /* @__PURE__ */ jsxs(
           NextSwitch,
           {
             "aria-describedby": getInputProps()["aria-describedby"],
-            required,
-            isSelected: !!value,
-            className,
-            classNames: {
-              label: `text-bold block text-ellipsis text-small ${invalid ? "text-danger" : ""}`
-            },
+            classNames,
+            "data-invalid": invalid,
+            "data-required": required,
             "data-testid": testId,
             isDisabled,
-            value,
-            onChange,
-            onBlur,
+            isSelected: !!value,
             name,
+            onBlur,
+            onChange,
             ref,
+            required,
+            value,
             children: [
               label,
-              !!required && !!_label && /* @__PURE__ */ jsx("span", { className: "!text-danger", children: " *" }),
               /* @__PURE__ */ jsx(FieldCopyTestIdButton_default, { testId })
             ]
           }
         ),
-        error && // eslint-disable-next-line react/jsx-props-no-spreading
-        /* @__PURE__ */ jsx("div", { ...getHelperWrapperProps(), children: /* @__PURE__ */ jsx("div", { ...getErrorMessageProps(), children: /* @__PURE__ */ jsx(FieldValidationError_default, { error }) }) })
+        error && /* @__PURE__ */ jsx("div", { className: classNames.errorMessage, children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...getErrorMessageProps(),
+            children: /* @__PURE__ */ jsx(FieldValidationError_default, { error })
+          }
+        ) })
       ] })
     }
   );
@@ -78,4 +100,4 @@ export {
   Switch_default,
   Switch_default2
 };
-//# sourceMappingURL=chunk-AVKEYJH7.js.map
+//# sourceMappingURL=chunk-PFX4YRWI.js.map

package/dist/chunk-PFX4YRWI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Switch/Switch.tsx","../src/Switch/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\n\nimport { Controller } from 'react-hook-form';\n\nimport { useInput } from '@nextui-org/input';\nimport { Switch as NextSwitch } from '@nextui-org/switch';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const switchVariants = tv({\n  slots: {\n    base: '',\n    endContent: '',\n    errorMessage: 'ml-1 mt-1',\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 group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\n    outerWrapper: 'place-content-center',\n    startContent: '',\n    thumb: '',\n    thumbIcon: '',\n    wrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof switchVariants>;\ntype ClassName = TVClassName<typeof switchVariants>;\n\nexport interface SwitchProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** whether the select should be disabled */\n  disabled?: boolean;\n  /** component displayed next to the switch. */\n  label?: React.ReactNode;\n  /** name the field is registered under */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n *  Switch component based on [NextUI Switch](https://nextui.org/docs/components/switch)\n */\nconst Switch = ({\n  className = undefined,\n  disabled = false,\n  label: _label = undefined,\n  name,\n  testId: _testId = undefined,\n}: SwitchProps) => {\n  const { control, getFieldState } = useFormContext();\n  const { error, required, testId, invalid } = getFieldState(name, _testId);\n\n  const { label, getInputProps, getHelperWrapperProps, getErrorMessageProps } =\n    useInput({\n      errorMessage: JSON.stringify(error),\n      isInvalid: invalid,\n      isRequired: required,\n      label: _label,\n      labelPlacement: 'outside',\n      placeholder: ' ',\n    });\n\n  const variants = switchVariants();\n  const classNames = variantsToClassNames(variants, className, 'outerWrapper');\n\n  console.log('getHelperWrapperProps()', getHelperWrapperProps());\n  console.log('getErrorMessageProps()', getErrorMessageProps());\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      disabled={disabled}\n      render={({\n        field: { disabled: isDisabled, value, ref, onBlur, onChange },\n      }) => (\n        <div className={classNames.outerWrapper}>\n          <NextSwitch\n            aria-describedby={getInputProps()['aria-describedby']}\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            isDisabled={isDisabled}\n            isSelected={!!value}\n            name={name}\n            onBlur={onBlur}\n            onChange={onChange}\n            ref={ref}\n            required={required}\n            value={value}\n          >\n            {label}\n            <FieldCopyTestIdButton testId={testId} />\n          </NextSwitch>\n          {error && (\n            <div className={classNames.errorMessage}>\n              <div\n                /* eslint-disable-next-line react/jsx-props-no-spreading */\n                {...getErrorMessageProps()}\n              >\n                <FieldValidationError error={error} />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    />\n  );\n};\n\nexport default Switch;\n","import Switch from './Switch';\n\nexport type { SwitchProps } from './Switch';\n\nexport { Switch };\n\nexport default Switch;\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AACzB,SAAS,UAAU,kBAAkB;AAErC,SAAS,IAAI,4BAA4B;AA4E/B,SAiBE,KAjBF;AAtEH,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,cAAc;AAAA;AAAA,IAEd,OACE;AAAA,IACF,cAAc;AAAA,IACd,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF,CAAC;AAqBD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,SAAS;AAAA,EAChB;AAAA,EACA,QAAQ,UAAU;AACpB,MAAmB;AACjB,QAAM,EAAE,SAAS,cAAc,IAAI,eAAe;AAClD,QAAM,EAAE,OAAO,UAAU,QAAQ,QAAQ,IAAI,cAAc,MAAM,OAAO;AAExE,QAAM,EAAE,OAAO,eAAe,uBAAuB,qBAAqB,IACxE,SAAS;AAAA,IACP,cAAc,KAAK,UAAU,KAAK;AAAA,IAClC,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf,CAAC;AAEH,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,qBAAqB,UAAU,WAAW,cAAc;AAE3E,UAAQ,IAAI,2BAA2B,sBAAsB,CAAC;AAC9D,UAAQ,IAAI,0BAA0B,qBAAqB,CAAC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,UAAU,YAAY,OAAO,KAAK,QAAQ,SAAS;AAAA,MAC9D,MACE,qBAAC,SAAI,WAAW,WAAW,cACzB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,oBAAkB,cAAc,EAAE,kBAAkB;AAAA,YACpD;AAAA,YAEA,gBAAc;AAAA,YACd,iBAAe;AAAA,YACf,eAAa;AAAA,YACb;AAAA,YACA,YAAY,CAAC,CAAC;AAAA,YACd;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,cACD,oBAAC,iCAAsB,QAAgB;AAAA;AAAA;AAAA,QACzC;AAAA,QACC,SACC,oBAAC,SAAI,WAAW,WAAW,cACzB;AAAA,UAAC;AAAA;AAAA,YAEE,GAAG,qBAAqB;AAAA,YAEzB,8BAAC,gCAAqB,OAAc;AAAA;AAAA,QACtC,GACF;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,iBAAQ;;;AChHf,IAAOA,kBAAQ;","names":["Switch_default"]}

package/dist/{chunk-DTSX7YON.js → chunk-SCTH3FAO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-T3CCNJHK.js";
 import {
   FieldValidationError_default
-} from "./chunk-DBLODROX.js";
+} from "./chunk-WKM2D7LF.js";
 import {
   useFormContext
 } from "./chunk-HWDQZO7X.js";
@@ -78,4 +78,4 @@ export {
   Input_default,
   Input_default2
 };
-//# sourceMappingURL=chunk-DTSX7YON.js.map
+//# sourceMappingURL=chunk-SCTH3FAO.js.map

package/dist/{chunk-ARUVDZFG.js → chunk-VZFPQ6ZZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-T3CCNJHK.js";
 import {
   FieldValidationError_default
-} from "./chunk-DBLODROX.js";
+} from "./chunk-WKM2D7LF.js";
 import {
   useFormContext
 } from "./chunk-HWDQZO7X.js";
@@ -15,7 +15,7 @@ import {
 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";
+import { cn as cn3, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 
 // src/RadioGroup/Variants/RadioBox.tsx
 import { useRadio } from "@nextui-org/radio";
@@ -71,16 +71,18 @@ 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 = ({
+  children,
   className = void 0,
-  value,
   isDisabled = false,
   onChange,
-  children
+  testID = void 0,
+  value
 }) => {
   return /* @__PURE__ */ jsx2(
     Button,
     {
       className: cn2(className),
+      testId: testID,
       disabled: isDisabled,
       onClick: () => {
         return onChange(value);
@@ -93,6 +95,25 @@ var RadioButton = ({
 
 // src/RadioGroup/RadioGroup.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var radioGroupVariants = tv({
+  slots: {
+    base: "group",
+    // Needs group for group-data condition
+    buttonGroup: "rounded-xl group-data-[invalid=true]:border group-data-[invalid=true]:border-danger",
+    // optional if a button group is used
+    itemBase: "",
+    itemBaseActive: "bg-opacity-50",
+    // optional if a button group is used
+    itemControl: "",
+    itemDescription: "",
+    itemLabel: "text-sm",
+    itemLabelWrapper: "",
+    itemWrapper: "",
+    // 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: ""
+  }
+});
 var RadioGroup = ({
   className = void 0,
   disabled = false,
@@ -105,6 +126,8 @@ var RadioGroup = ({
 }) => {
   const { control, getFieldState, getValues } = useFormContext();
   const { error, invalid, required, testId } = getFieldState(name, _testId);
+  const variants = radioGroupVariants();
+  const classNames = variantsToClassNames(variants, className, "base");
   return /* @__PURE__ */ jsx3(
     Controller,
     {
@@ -113,19 +136,28 @@ var RadioGroup = ({
       name,
       render: ({ field: { onChange, disabled: isDisabled, onBlur, ref } }) => {
         let RadioComponents;
+        const itemClassNames = {
+          base: classNames.itemBase,
+          control: classNames.itemControl,
+          description: classNames.itemDescription,
+          label: classNames.itemLabel,
+          labelWrapper: classNames.itemLabelWrapper,
+          wrapper: classNames.itemWrapper
+        };
         switch (variant) {
           case "radioBox":
             RadioComponents = options.map((option) => /* @__PURE__ */ jsx3(
               RadioBox,
               {
+                classNames: itemClassNames,
                 "data-testid": slugify(
                   `${testId}_option_${option.testId || option.value}`
                 ),
-                isDisabled: isDisabled || option.disabled,
-                value: option.value,
-                onChange,
                 description: option.description,
                 icon: option.icon,
+                isDisabled: isDisabled || option.disabled,
+                onChange,
+                value: option.value,
                 children: option.label ? option.label : option.value
               },
               option.value
@@ -135,15 +167,15 @@ var RadioGroup = ({
             RadioComponents = options.map((option) => /* @__PURE__ */ jsx3(
               RadioButton,
               {
-                "data-testid": slugify(
+                className: cn3(classNames.itemBase, {
+                  [classNames.itemBaseActive]: getValues()[name] !== option.value
+                }),
+                isDisabled: isDisabled || option.disabled,
+                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" : ""}`
-                ),
+                value: option.value,
                 children: option.label ? option.label : option.value
               },
               option.value
@@ -153,12 +185,13 @@ var RadioGroup = ({
             RadioComponents = options.map((option) => /* @__PURE__ */ jsx3(
               Radio,
               {
+                classNames: itemClassNames,
                 "data-testid": slugify(
                   `${testId}_option_${option.testId || option.value}`
                 ),
                 isDisabled: isDisabled || option.disabled,
-                value: option.value,
                 onChange,
+                value: option.value,
                 children: option.label ? option.label : option.value
               },
               option.value
@@ -167,25 +200,27 @@ var RadioGroup = ({
         return /* @__PURE__ */ jsx3(
           NextRadioGroup,
           {
-            className,
+            classNames,
+            "data-invalid": invalid,
+            "data-required": required,
             "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: [
+            /* @__PURE__ */ jsxs2("label", { children: [
               label,
               /* @__PURE__ */ jsx3(FieldCopyTestIdButton_default, { testId })
             ] }),
+            name,
             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 })
+              /* @__PURE__ */ jsx3(NextButtonGroup, { className: classNames.buttonGroup, children: RadioComponents })
             ) : RadioComponents
           }
         );
@@ -202,4 +237,4 @@ export {
   RadioGroup_default,
   RadioGroup_default2
 };
-//# sourceMappingURL=chunk-ARUVDZFG.js.map
+//# sourceMappingURL=chunk-VZFPQ6ZZ.js.map

package/dist/chunk-VZFPQ6ZZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/Variants/RadioBox.tsx","../src/RadioGroup/Variants/RadioButton.tsx","../src/RadioGroup/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { Controller } from 'react-hook-form';\n\nimport { ButtonGroup as NextButtonGroup } from '@nextui-org/button';\nimport { RadioGroup as NextRadioGroup, Radio } from '@nextui-org/radio';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\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: '',\n    itemDescription: '',\n    itemLabel: 'text-sm',\n    itemLabelWrapper: '',\n    itemWrapper: '',\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  },\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 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: RadioGroupOption[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n  /** How the RadioGroup should look like. */\n  variant?: 'default' | 'radioBox' | 'radioButton';\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): ReactElement => {\n  const { control, getFieldState, getValues } = useFormContext();\n\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\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        };\n\n        switch (variant) {\n          case 'radioBox':\n            RadioComponents = options.map((option) => (\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            break;\n          case 'radioButton':\n            RadioComponents = options.map((option) => (\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            break;\n          default:\n            RadioComponents = options.map((option) => (\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\n        return (\n          <NextRadioGroup\n            // className={className}\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              label && (\n                // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                <label>\n                  {label}\n                  <FieldCopyTestIdButton testId={testId} />\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              // TODO: NextButtonGroup uses ref to modify Button style, but we wrap it, so it does not work at the moment.\n              <NextButtonGroup className={classNames.buttonGroup}>\n                {RadioComponents}\n              </NextButtonGroup>\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-primary',\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"],"mappings":"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","names":["cn","cn","jsx","jsx","jsxs","cn","RadioGroup_default"]}

package/dist/{chunk-DBLODROX.js → chunk-WKM2D7LF.js}

@@ -5,20 +5,21 @@ import {
 // src/partials/FieldValidationError/FieldValidationError.tsx
 import { jsx } from "react/jsx-runtime";
 var FieldValidationError = ({
+  className = void 0,
   error,
   testId = void 0
 }) => {
   if (!error) {
     return null;
   }
-  let tmp_errors = [];
+  let tmpErrors = [];
   if (typeof error === "object" && !(error instanceof Array)) {
-    const error_object = error;
+    const errorObject = error;
     Object.keys(error).forEach((key) => {
-      tmp_errors = [...tmp_errors, ...error_object[key]];
+      tmpErrors = [...tmpErrors, ...errorObject[key]];
     });
   }
-  const errorArray = JSON.stringify(tmp_errors) !== "[]" ? tmp_errors : error;
+  const errorArray = JSON.stringify(tmpErrors) !== "[]" ? tmpErrors : error;
   const errorStrings = errorArray.map((e) => e.message);
   const ariaString = `Error: ${errorStrings.join("\n")}`;
   return /* @__PURE__ */ jsx(
@@ -26,6 +27,7 @@ var FieldValidationError = ({
     {
       "data-testid": slugify(testId || errorStrings.join()),
       "aria-label": ariaString,
+      className,
       children: errorStrings.map((errorString, i) => (
         // eslint-disable-next-line react/no-array-index-key
         /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("div", { children: errorString }) }, `error_${i}`)
@@ -42,4 +44,4 @@ export {
   FieldValidationError_default,
   FieldValidationError_default2
 };
-//# sourceMappingURL=chunk-DBLODROX.js.map
+//# sourceMappingURL=chunk-WKM2D7LF.js.map

package/dist/chunk-WKM2D7LF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/partials/FieldValidationError/FieldValidationError.tsx","../src/partials/FieldValidationError/index.ts"],"sourcesContent":["import type { FieldError } from 'react-hook-form';\n\nimport { slugify } from '../../helpers';\n\nexport interface FieldValidationErrorProps {\n  className?: string;\n  error: FieldError[] | Record<string, FieldError[]>;\n  testId?: string;\n}\n\n/**\n * Renders a validation error of a field\n */\nconst FieldValidationError = ({\n  className = undefined,\n  error,\n  testId = undefined,\n}: FieldValidationErrorProps) => {\n  if (!error) {\n    return null;\n  }\n\n  let tmpErrors: FieldError[] = [];\n\n  if (typeof error === 'object' && !(error instanceof Array)) {\n    const errorObject = error as Record<string, FieldError[]>;\n    Object.keys(error).forEach((key) => {\n      tmpErrors = [...tmpErrors, ...errorObject[key]];\n    });\n  }\n\n  const errorArray: FieldError[] =\n    JSON.stringify(tmpErrors) !== '[]' ? tmpErrors : (error as FieldError[]);\n  const errorStrings: string[] = errorArray.map((e) => e.message) as string[];\n  const ariaString = `Error: ${errorStrings.join('\\n')}`;\n\n  return (\n    <ul\n      data-testid={slugify(testId || errorStrings.join())}\n      aria-label={ariaString} // TODO: ist das richtig @Hannes?\n      className={className}\n    >\n      {errorStrings.map((errorString: string, i: number) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <li key={`error_${i}`}>\n          <div>{errorString}</div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport default FieldValidationError;\n","import FieldValidationError from './FieldValidationError';\n\nexport type { FieldValidationErrorProps } from './FieldValidationError';\n\nexport { FieldValidationError };\n\nexport default FieldValidationError;\n"],"mappings":";;;;;AA6CU;AAhCV,IAAM,uBAAuB,CAAC;AAAA,EAC5B,YAAY;AAAA,EACZ;AAAA,EACA,SAAS;AACX,MAAiC;AAC/B,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,YAA0B,CAAC;AAE/B,MAAI,OAAO,UAAU,YAAY,EAAE,iBAAiB,QAAQ;AAC1D,UAAM,cAAc;AACpB,WAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,QAAQ;AAClC,kBAAY,CAAC,GAAG,WAAW,GAAG,YAAY,GAAG,CAAC;AAAA,IAChD,CAAC;AAAA,EACH;AAEA,QAAM,aACJ,KAAK,UAAU,SAAS,MAAM,OAAO,YAAa;AACpD,QAAM,eAAyB,WAAW,IAAI,CAAC,MAAM,EAAE,OAAO;AAC9D,QAAM,aAAa,UAAU,aAAa,KAAK,IAAI,CAAC;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,QAAQ,UAAU,aAAa,KAAK,CAAC;AAAA,MAClD,cAAY;AAAA,MACZ;AAAA,MAEC,uBAAa,IAAI,CAAC,aAAqB;AAAA;AAAA,QAEtC,oBAAC,QACC,8BAAC,SAAK,uBAAY,KADX,SAAS,CAAC,EAEnB;AAAA,OACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,+BAAQ;;;AC9Cf,IAAOA,gCAAQ;","names":["FieldValidationError_default"]}

package/dist/index.cjs

@@ -3,16 +3,16 @@
 var _chunkMKM7ZYRNcjs = require('./chunk-MKM7ZYRN.cjs');
 
 
-var _chunkINTLZONVcjs = require('./chunk-INTLZONV.cjs');
+var _chunkNQ4JZ7AKcjs = require('./chunk-NQ4JZ7AK.cjs');
 
 
-var _chunkOCR2UWG2cjs = require('./chunk-OCR2UWG2.cjs');
+var _chunk4RTJ5XR2cjs = require('./chunk-4RTJ5XR2.cjs');
 
 
-var _chunkW24WP5YEcjs = require('./chunk-W24WP5YE.cjs');
+var _chunkHFMFDBEVcjs = require('./chunk-HFMFDBEV.cjs');
 
 
-var _chunkTNELIBCVcjs = require('./chunk-TNELIBCV.cjs');
+var _chunkJDRMKZ35cjs = require('./chunk-JDRMKZ35.cjs');
 
 
 var _chunkQYZV7ZUYcjs = require('./chunk-QYZV7ZUY.cjs');
@@ -21,19 +21,19 @@ var _chunkQYZV7ZUYcjs = require('./chunk-QYZV7ZUY.cjs');
 var _chunk6GN255GPcjs = require('./chunk-6GN255GP.cjs');
 
 
-var _chunkYUAJN6HWcjs = require('./chunk-YUAJN6HW.cjs');
+var _chunkPAX2HXPKcjs = require('./chunk-PAX2HXPK.cjs');
 
 
-var _chunk5UHHZ7KYcjs = require('./chunk-5UHHZ7KY.cjs');
+var _chunkNXTXKBTPcjs = require('./chunk-NXTXKBTP.cjs');
 
 
-var _chunkQVBZ5RLNcjs = require('./chunk-QVBZ5RLN.cjs');
+var _chunkJRFKYVXYcjs = require('./chunk-JRFKYVXY.cjs');
 
 
 var _chunkKMMS4G7Acjs = require('./chunk-KMMS4G7A.cjs');
 
 
-var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
+var _chunkOHJYXA6Rcjs = require('./chunk-OHJYXA6R.cjs');
 
 
 
@@ -57,5 +57,5 @@ var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
 
 
 
-exports.CheckboxGroup = _chunkW24WP5YEcjs.CheckboxGroup_default; exports.FieldArray = _chunkTNELIBCVcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkKMMS4G7Acjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkQTL5FREEcjs.FieldValidationError_default; exports.Form = _chunkQYZV7ZUYcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunk5UHHZ7KYcjs.Input_default; exports.RadioGroup = _chunkYUAJN6HWcjs.RadioGroup_default; exports.Select = _chunkQVBZ5RLNcjs.Select_default; exports.SubmitButton = _chunkMKM7ZYRNcjs.SubmitButton_default; exports.Switch = _chunkINTLZONVcjs.Switch_default; exports.TextArea = _chunkOCR2UWG2cjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkLDCRR7FPcjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkLDCRR7FPcjs.useFormContext;
+exports.CheckboxGroup = _chunkHFMFDBEVcjs.CheckboxGroup_default; exports.FieldArray = _chunkJDRMKZ35cjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkKMMS4G7Acjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkOHJYXA6Rcjs.FieldValidationError_default; exports.Form = _chunkQYZV7ZUYcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkJRFKYVXYcjs.Input_default; exports.RadioGroup = _chunkPAX2HXPKcjs.RadioGroup_default; exports.Select = _chunkNXTXKBTPcjs.Select_default; exports.SubmitButton = _chunkMKM7ZYRNcjs.SubmitButton_default; exports.Switch = _chunkNQ4JZ7AKcjs.Switch_default; exports.TextArea = _chunk4RTJ5XR2cjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkLDCRR7FPcjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkLDCRR7FPcjs.useFormContext;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-BYsQ0A0q.cjs';
+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-nJbG1hNH.cjs';
 export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.cjs';
@@ -6,19 +6,19 @@ export { slugify } from './helpers/index.cjs';
 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-D-z1usqE.cjs';
-export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-BSXedjCA.cjs';
-export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-BU4K9cnS.cjs';
-export { S as Select, a as SelectProps } from './Select-C08Oftdr.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 { 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-OkO3GdPy.cjs';
+export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.cjs';
 export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.cjs';
 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 'slug';
-import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
-import '@fuf-stack/pixel-utils';
 import 'react-select';
 import '@fuf-stack/pixels';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-BYsQ0A0q.js';
+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-nJbG1hNH.js';
 export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.js';
@@ -6,19 +6,19 @@ export { slugify } from './helpers/index.js';
 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-D-z1usqE.js';
-export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-BSXedjCA.js';
-export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-BU4K9cnS.js';
-export { S as Select, a as SelectProps } from './Select-C08Oftdr.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 { 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-OkO3GdPy.js';
+export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.js';
 export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.js';
 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 'slug';
-import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
-import '@fuf-stack/pixel-utils';
 import 'react-select';
 import '@fuf-stack/pixels';

package/dist/index.js

@@ -3,16 +3,16 @@ import {
 } from "./chunk-4GVPJYZW.js";
 import {
   Switch_default
-} from "./chunk-AVKEYJH7.js";
+} from "./chunk-PFX4YRWI.js";
 import {
   TextArea_default
-} from "./chunk-NHPQEYYN.js";
+} from "./chunk-HOCRJOEU.js";
 import {
   CheckboxGroup_default
-} from "./chunk-4AHVJWTB.js";
+} from "./chunk-JG5VQZ4V.js";
 import {
   FieldArray_default
-} from "./chunk-FMQNL3RT.js";
+} from "./chunk-F7GG67YU.js";
 import {
   Form_default
 } from "./chunk-DF77NLWL.js";
@@ -21,19 +21,19 @@ import {
 } from "./chunk-PDCEKC3G.js";
 import {
   RadioGroup_default
-} from "./chunk-ARUVDZFG.js";
-import {
-  Input_default
-} from "./chunk-DTSX7YON.js";
+} from "./chunk-VZFPQ6ZZ.js";
 import {
   Select_default
-} from "./chunk-I5M2A3MN.js";
+} from "./chunk-LDW7K7LW.js";
+import {
+  Input_default
+} from "./chunk-SCTH3FAO.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-T3CCNJHK.js";
 import {
   FieldValidationError_default
-} from "./chunk-DBLODROX.js";
+} from "./chunk-WKM2D7LF.js";
 import {
   recursiveFieldKeySearch,
   useFormContext

package/dist/partials/FieldValidationError/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkQTL5FREEcjs = require('../../chunk-QTL5FREE.cjs');
+var _chunkOHJYXA6Rcjs = require('../../chunk-OHJYXA6R.cjs');
 require('../../chunk-BBB4FEY6.cjs');
 
 
 
-exports.FieldValidationError = _chunkQTL5FREEcjs.FieldValidationError_default; exports.default = _chunkQTL5FREEcjs.FieldValidationError_default2;
+exports.FieldValidationError = _chunkOHJYXA6Rcjs.FieldValidationError_default; exports.default = _chunkOHJYXA6Rcjs.FieldValidationError_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/partials/FieldValidationError/index.d.cts

@@ -1,5 +1,5 @@
-import { F as FieldValidationError } from '../../FieldValidationError-BSXedjCA.cjs';
-export { a as FieldValidationErrorProps } from '../../FieldValidationError-BSXedjCA.cjs';
+import { F as FieldValidationError } from '../../FieldValidationError-DAT12Ess.cjs';
+export { a as FieldValidationErrorProps } from '../../FieldValidationError-DAT12Ess.cjs';
 import 'react/jsx-runtime';
 import 'react-hook-form';
 

package/dist/partials/FieldValidationError/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FieldValidationError } from '../../FieldValidationError-BSXedjCA.js';
-export { a as FieldValidationErrorProps } from '../../FieldValidationError-BSXedjCA.js';
+import { F as FieldValidationError } from '../../FieldValidationError-DAT12Ess.js';
+export { a as FieldValidationErrorProps } from '../../FieldValidationError-DAT12Ess.js';
 import 'react/jsx-runtime';
 import 'react-hook-form';
 

package/dist/partials/FieldValidationError/index.js

@@ -1,7 +1,7 @@
 import {
   FieldValidationError_default,
   FieldValidationError_default2
-} from "../../chunk-DBLODROX.js";
+} from "../../chunk-WKM2D7LF.js";
 import "../../chunk-V46BHM2U.js";
 export {
   FieldValidationError_default as FieldValidationError,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "0.9.5",
+  "version": "0.9.7",
   "description": "fuf react form library",
   "author": "Hannes Tiede",
   "homepage": "https://github.com/fuf-stack/uniform#readme",
@@ -118,20 +118,20 @@
     "@nextui-org/switch": "2.0.34",
     "@nextui-org/system": "2.2.6",
     "@nextui-org/theme": "2.2.11",
-    "@react-aria/visually-hidden": "3.8.16",
-    "framer-motion": "11.11.1",
+    "@react-aria/visually-hidden": "3.8.17",
+    "framer-motion": "11.11.9",
     "react-icons": "5.3.0",
     "react-hook-form": "7.53.0",
     "react-select": "5.8.1",
     "slug": "9.1.0",
-    "@fuf-stack/pixels": "0.24.0",
     "@fuf-stack/pixel-utils": "0.3.0",
-    "@fuf-stack/veto": "0.5.0"
+    "@fuf-stack/veto": "0.5.0",
+    "@fuf-stack/pixels": "0.24.0"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
     "@types/react": "18.3.11",
-    "@types/react-dom": "18.3.0",
+    "@types/react-dom": "18.3.1",
     "@types/slug": "5.0.9",
     "react": "18.3.1",
     "react-dom": "18.3.1",