@fuf-stack/uniform 0.16.2 → 0.16.3

package/dist/RadioGroup/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkWRIXKFKWcjs = require('../chunk-WRIXKFKW.cjs');
+var _chunkGDFLZD2Jcjs = require('../chunk-GDFLZD2J.cjs');
 require('../chunk-PHGFXKPU.cjs');
 require('../chunk-JU5RT22Y.cjs');
 require('../chunk-OE5IW4ZG.cjs');
@@ -11,5 +11,5 @@ require('../chunk-4DAZAO6Y.cjs');
 
 
 
-exports.RadioGroup = _chunkWRIXKFKWcjs.RadioGroup_default; exports.default = _chunkWRIXKFKWcjs.RadioGroup_default2;
+exports.RadioGroup = _chunkGDFLZD2Jcjs.RadioGroup_default; exports.default = _chunkGDFLZD2Jcjs.RadioGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioGroup/index.d.cts

@@ -1,5 +1,5 @@
-import { R as RadioGroup } from '../RadioGroup-Dxd2FPQj.cjs';
-export { a as RadioGroupProps } from '../RadioGroup-Dxd2FPQj.cjs';
+import { R as RadioGroup } from '../RadioGroup-KKVScWw6.cjs';
+export { a as RadioGroupProps } from '../RadioGroup-KKVScWw6.cjs';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/RadioGroup/index.d.ts

@@ -1,5 +1,5 @@
-import { R as RadioGroup } from '../RadioGroup-Dxd2FPQj.js';
-export { a as RadioGroupProps } from '../RadioGroup-Dxd2FPQj.js';
+import { R as RadioGroup } from '../RadioGroup-KKVScWw6.js';
+export { a as RadioGroupProps } from '../RadioGroup-KKVScWw6.js';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/RadioGroup/index.js

@@ -1,7 +1,7 @@
 import {
   RadioGroup_default,
   RadioGroup_default2
-} from "../chunk-STU7SBQX.js";
+} from "../chunk-YJSXS5BE.js";
 import "../chunk-ZI22WT2P.js";
 import "../chunk-2CRY7VDQ.js";
 import "../chunk-ASPOGQPS.js";

package/dist/{chunk-WRIXKFKW.cjs → chunk-GDFLZD2J.cjs}

@@ -19,7 +19,7 @@ var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
 // src/RadioGroup/RadioGroup.tsx
 var _radio = require('@heroui/radio');
 var _pixelutils = require('@fuf-stack/pixel-utils');
-var _pixels = require('@fuf-stack/pixels');
+var _ButtonGroup = require('@fuf-stack/pixels/ButtonGroup'); var _ButtonGroup2 = _interopRequireDefault(_ButtonGroup);
 var _Tabs = require('@fuf-stack/pixels/Tabs'); var _Tabs2 = _interopRequireDefault(_Tabs);
 
 // src/RadioGroup/Variants/RadioBox.tsx
@@ -72,7 +72,7 @@ var RadioBox = (_a) => {
 
 // src/RadioGroup/Variants/RadioButton.tsx
 
-
+var _pixels = require('@fuf-stack/pixels');
 
 var RadioButton = ({
   children,
@@ -262,7 +262,7 @@ var RadioGroup = ({
             onBlur,
             onChange,
             ref,
-            children: variant === "radioButton" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _pixels.ButtonGroup, { className: classNames.buttonGroup, children: RadioComponents }) : RadioComponents
+            children: variant === "radioButton" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ButtonGroup2.default, { className: classNames.buttonGroup, children: RadioComponents }) : RadioComponents
           }
         );
       }
@@ -278,4 +278,4 @@ var RadioGroup_default2 = RadioGroup_default;
 
 
 exports.RadioGroup_default = RadioGroup_default; exports.RadioGroup_default2 = RadioGroup_default2;
-//# sourceMappingURL=chunk-WRIXKFKW.cjs.map
+//# sourceMappingURL=chunk-GDFLZD2J.cjs.map

package/dist/chunk-GDFLZD2J.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-GDFLZD2J.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/pixels/pixels/packages/uniform/dist/chunk-GDFLZD2J.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TabProps } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as HeroRadioGroup, Radio } from '@heroui/radio';\n\nimport { cn, slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport ButtonGroup from '@fuf-stack/pixels/ButtonGroup';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { Controller } from '../Controller';\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 HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/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    : TabProps[];\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 [HeroUI RadioGroup](https://www.heroui.com//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 TabProps[]}\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          <HeroRadioGroup\n            classNames={classNames}\n            // see HeroUI styles for group-data condition (data-invalid),\n            // e.g.: https://github.com/heroui-inc/heroui/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          </HeroRadioGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as HeroRadioProps } from '@heroui/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@heroui/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends HeroRadioProps {\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-STU7SBQX.js → chunk-YJSXS5BE.js}

@@ -19,7 +19,7 @@ import {
 // src/RadioGroup/RadioGroup.tsx
 import { RadioGroup as HeroRadioGroup, Radio } from "@heroui/radio";
 import { cn as cn3, slugify, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { ButtonGroup } from "@fuf-stack/pixels";
+import ButtonGroup from "@fuf-stack/pixels/ButtonGroup";
 import Tabs from "@fuf-stack/pixels/Tabs";
 
 // src/RadioGroup/Variants/RadioBox.tsx
@@ -278,4 +278,4 @@ export {
   RadioGroup_default,
   RadioGroup_default2
 };
-//# sourceMappingURL=chunk-STU7SBQX.js.map
+//# sourceMappingURL=chunk-YJSXS5BE.js.map

package/dist/chunk-YJSXS5BE.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 { TabProps } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as HeroRadioGroup, Radio } from '@heroui/radio';\n\nimport { cn, slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport ButtonGroup from '@fuf-stack/pixels/ButtonGroup';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { Controller } from '../Controller';\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 HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/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    : TabProps[];\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 [HeroUI RadioGroup](https://www.heroui.com//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 TabProps[]}\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          <HeroRadioGroup\n            classNames={classNames}\n            // see HeroUI styles for group-data condition (data-invalid),\n            // e.g.: https://github.com/heroui-inc/heroui/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          </HeroRadioGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as HeroRadioProps } from '@heroui/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@heroui/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends HeroRadioProps {\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"],"mappings":"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","names":["cn","cn","jsx","jsx","jsxs","cn","RadioGroup_default"]}

package/dist/index.cjs

@@ -27,7 +27,7 @@ var _chunk6GN255GPcjs = require('./chunk-6GN255GP.cjs');
 var _chunkY7MJBI4Acjs = require('./chunk-Y7MJBI4A.cjs');
 
 
-var _chunkWRIXKFKWcjs = require('./chunk-WRIXKFKW.cjs');
+var _chunkGDFLZD2Jcjs = require('./chunk-GDFLZD2J.cjs');
 
 
 var _chunkPHGFXKPUcjs = require('./chunk-PHGFXKPU.cjs');
@@ -72,5 +72,5 @@ require('./chunk-4DAZAO6Y.cjs');
 
 
 
-exports.CheckboxGroup = _chunkBDVAK232cjs.CheckboxGroup_default; exports.Controller = _chunkPHGFXKPUcjs.Controller_default; exports.FieldArray = _chunkTA4JEORCcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkJU5RT22Ycjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkOE5IW4ZGcjs.FieldValidationError_default; exports.Form = _chunkQ23XGBJ5cjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkY7MJBI4Acjs.Input_default; exports.RadioGroup = _chunkWRIXKFKWcjs.RadioGroup_default; exports.Select = _chunkHCQJGNWTcjs.Select_default; exports.SubmitButton = _chunkH65I56SIcjs.SubmitButton_default; exports.Switch = _chunk7ROOJK7Gcjs.Switch_default; exports.TextArea = _chunkKIAIGPG7cjs.TextArea_default; exports.checkFieldIsRequired = _chunkIUVEFLF3cjs.checkFieldIsRequired; exports.fromNullishString = _chunkCESGUF6Fcjs.fromNullishString; exports.toFormFormat = _chunkCESGUF6Fcjs.toFormFormat; exports.toNullishString = _chunkCESGUF6Fcjs.toNullishString; exports.toValidationFormat = _chunkCESGUF6Fcjs.toValidationFormat; exports.useFieldArray = _chunkIUVEFLF3cjs.useFieldArray; exports.useFormContext = _chunkIUVEFLF3cjs.useFormContext; exports.useInput = _chunkIUVEFLF3cjs.useInput;
+exports.CheckboxGroup = _chunkBDVAK232cjs.CheckboxGroup_default; exports.Controller = _chunkPHGFXKPUcjs.Controller_default; exports.FieldArray = _chunkTA4JEORCcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkJU5RT22Ycjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkOE5IW4ZGcjs.FieldValidationError_default; exports.Form = _chunkQ23XGBJ5cjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkY7MJBI4Acjs.Input_default; exports.RadioGroup = _chunkGDFLZD2Jcjs.RadioGroup_default; exports.Select = _chunkHCQJGNWTcjs.Select_default; exports.SubmitButton = _chunkH65I56SIcjs.SubmitButton_default; exports.Switch = _chunk7ROOJK7Gcjs.Switch_default; exports.TextArea = _chunkKIAIGPG7cjs.TextArea_default; exports.checkFieldIsRequired = _chunkIUVEFLF3cjs.checkFieldIsRequired; exports.fromNullishString = _chunkCESGUF6Fcjs.fromNullishString; exports.toFormFormat = _chunkCESGUF6Fcjs.toFormFormat; exports.toNullishString = _chunkCESGUF6Fcjs.toNullishString; exports.toValidationFormat = _chunkCESGUF6Fcjs.toValidationFormat; exports.useFieldArray = _chunkIUVEFLF3cjs.useFieldArray; exports.useFormContext = _chunkIUVEFLF3cjs.useFormContext; exports.useInput = _chunkIUVEFLF3cjs.useInput;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -10,7 +10,7 @@ export { useInput } from '@heroui/input';
 export { I as Input, a as InputProps } from './Input-B_wjhY9e.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-Dxd2FPQj.cjs';
+export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-KKVScWw6.cjs';
 export { S as Select, a as SelectProps } from './Select-JRwrSDew.cjs';
 export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.cjs';
 export { S as Switch, a as SwitchProps } from './Switch-mdolzzEc.cjs';

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export { useInput } from '@heroui/input';
 export { I as Input, a as InputProps } from './Input-B_wjhY9e.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-Dxd2FPQj.js';
+export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-KKVScWw6.js';
 export { S as Select, a as SelectProps } from './Select-JRwrSDew.js';
 export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.js';
 export { S as Switch, a as SwitchProps } from './Switch-mdolzzEc.js';

package/dist/index.js

@@ -27,7 +27,7 @@ import {
 } from "./chunk-MEK7YR46.js";
 import {
   RadioGroup_default
-} from "./chunk-STU7SBQX.js";
+} from "./chunk-YJSXS5BE.js";
 import {
   Controller_default
 } from "./chunk-ZI22WT2P.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "0.16.2",
+  "version": "0.16.3",
   "description": "fuf react form library",
   "author": "Hannes Tiede",
   "homepage": "https://github.com/fuf-stack/pixels#readme",
@@ -115,33 +115,33 @@
     "@dnd-kit/modifiers": "9.0.0",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@heroui/button": "2.2.10",
-    "@heroui/checkbox": "2.3.9",
-    "@heroui/input": "2.4.10",
-    "@heroui/radio": "2.3.9",
-    "@heroui/select": "2.4.10",
-    "@heroui/switch": "2.2.9",
-    "@heroui/system": "2.4.7",
-    "@heroui/theme": "2.4.6",
+    "@heroui/button": "2.2.15",
+    "@heroui/checkbox": "2.3.14",
+    "@heroui/input": "2.4.15",
+    "@heroui/radio": "2.3.14",
+    "@heroui/select": "2.4.15",
+    "@heroui/switch": "2.2.13",
+    "@heroui/system": "2.4.11",
+    "@heroui/theme": "2.4.11",
     "@react-aria/visually-hidden": "3.8.19",
-    "framer-motion": "12.0.6",
-    "react-icons": "5.4.0",
+    "framer-motion": "12.4.7",
+    "react-icons": "5.5.0",
     "react-hook-form": "7.54.2",
     "react-select": "5.10.0",
-    "@fuf-stack/pixel-utils": "0.5.0",
-    "@fuf-stack/veto": "0.9.4",
-    "@fuf-stack/pixels": "0.32.4"
+    "@fuf-stack/pixels": "0.33.1",
+    "@fuf-stack/pixel-utils": "0.5.1",
+    "@fuf-stack/veto": "0.9.4"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
-    "@types/react": "19.0.8",
-    "@types/react-dom": "19.0.3",
+    "@types/react": "19.0.10",
+    "@types/react-dom": "19.0.4",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "@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/tailwind-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts",

package/dist/chunk-STU7SBQX.js.map

@@ -1 +0,0 @@
-{"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 { TabProps } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as HeroRadioGroup, Radio } from '@heroui/radio';\n\nimport { cn, slugify, 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 { 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 HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/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    : TabProps[];\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 [HeroUI RadioGroup](https://www.heroui.com//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 TabProps[]}\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          <HeroRadioGroup\n            classNames={classNames}\n            // see HeroUI styles for group-data condition (data-invalid),\n            // e.g.: https://github.com/heroui-inc/heroui/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          </HeroRadioGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as HeroRadioProps } from '@heroui/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@heroui/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends HeroRadioProps {\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"],"mappings":"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","names":["cn","cn","jsx","jsx","jsxs","cn","RadioGroup_default"]}

package/dist/chunk-WRIXKFKW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-WRIXKFKW.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/pixels/pixels/packages/uniform/dist/chunk-WRIXKFKW.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TabProps } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as HeroRadioGroup, Radio } from '@heroui/radio';\n\nimport { cn, slugify, 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 { 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 HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/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    : TabProps[];\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 [HeroUI RadioGroup](https://www.heroui.com//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 TabProps[]}\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          <HeroRadioGroup\n            classNames={classNames}\n            // see HeroUI styles for group-data condition (data-invalid),\n            // e.g.: https://github.com/heroui-inc/heroui/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          </HeroRadioGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as HeroRadioProps } from '@heroui/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@heroui/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends HeroRadioProps {\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/{RadioGroup-Dxd2FPQj.d.cts → RadioGroup-KKVScWw6.d.cts}

@@ -9,11 +9,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;
@@ -30,11 +30,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;
@@ -68,11 +68,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;
@@ -89,11 +89,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;
@@ -144,11 +144,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;

package/dist/{RadioGroup-Dxd2FPQj.d.ts → RadioGroup-KKVScWw6.d.ts}

@@ -9,11 +9,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;
@@ -30,11 +30,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;
@@ -68,11 +68,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;
@@ -89,11 +89,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;
@@ -144,11 +144,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             label?: tailwind_variants.ClassValue;
+            tab?: tailwind_variants.ClassValue;
             itemBase?: tailwind_variants.ClassValue;
             itemLabel?: tailwind_variants.ClassValue;
             itemWrapper?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
             cursor?: tailwind_variants.ClassValue;
             panel?: tailwind_variants.ClassValue;
             tabContent?: tailwind_variants.ClassValue;