@fuf-stack/uniform 0.11.0 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/CheckboxGroup/index.cjs.map +1 -1
  2. package/dist/CheckboxGroup/index.d.cts +2 -2
  3. package/dist/CheckboxGroup/index.d.ts +2 -2
  4. package/dist/Controller/index.cjs.map +1 -1
  5. package/dist/FieldArray/index.cjs.map +1 -1
  6. package/dist/Form/index.cjs +2 -2
  7. package/dist/Form/index.cjs.map +1 -1
  8. package/dist/Form/index.js +1 -1
  9. package/dist/Grid/index.cjs.map +1 -1
  10. package/dist/Input/index.cjs.map +1 -1
  11. package/dist/RadioGroup/index.cjs +2 -2
  12. package/dist/RadioGroup/index.cjs.map +1 -1
  13. package/dist/RadioGroup/index.d.cts +2 -2
  14. package/dist/RadioGroup/index.d.ts +2 -2
  15. package/dist/RadioGroup/index.js +1 -1
  16. package/dist/{RadioGroup-DcmL1H1w.d.cts → RadioGroup-DEwUwnRi.d.cts} +17 -17
  17. package/dist/{RadioGroup-DcmL1H1w.d.ts → RadioGroup-DEwUwnRi.d.ts} +17 -17
  18. package/dist/Select/index.cjs.map +1 -1
  19. package/dist/Select/index.d.cts +2 -2
  20. package/dist/Select/index.d.ts +2 -2
  21. package/dist/SubmitButton/index.cjs.map +1 -1
  22. package/dist/Switch/index.cjs.map +1 -1
  23. package/dist/Switch/index.d.cts +2 -2
  24. package/dist/Switch/index.d.ts +2 -2
  25. package/dist/TextArea/index.cjs.map +1 -1
  26. package/dist/chunk-4DP5IMTU.cjs.map +1 -1
  27. package/dist/chunk-6GN255GP.cjs.map +1 -1
  28. package/dist/chunk-BBB4FEY6.cjs.map +1 -1
  29. package/dist/chunk-BKX5WAKS.cjs.map +1 -1
  30. package/dist/chunk-D6NOYVFK.cjs.map +1 -1
  31. package/dist/{chunk-OYSI3IRJ.js → chunk-IK6UDQYZ.js} +2 -2
  32. package/dist/{chunk-OYSI3IRJ.js.map → chunk-IK6UDQYZ.js.map} +1 -1
  33. package/dist/chunk-JU5RT22Y.cjs.map +1 -1
  34. package/dist/chunk-MFFQUEAY.cjs.map +1 -1
  35. package/dist/chunk-OHJYXA6R.cjs.map +1 -1
  36. package/dist/chunk-QGEY2AVG.cjs.map +1 -1
  37. package/dist/chunk-SRAFHMB2.cjs.map +1 -1
  38. package/dist/{chunk-7RYAD5OS.cjs → chunk-TGB5Q7VB.cjs} +2 -2
  39. package/dist/chunk-TGB5Q7VB.cjs.map +1 -0
  40. package/dist/{chunk-ZBCEV3W6.cjs → chunk-TGWUBBKI.cjs} +1 -1
  41. package/dist/chunk-TGWUBBKI.cjs.map +1 -0
  42. package/dist/chunk-VQWKXSHW.cjs.map +1 -1
  43. package/dist/chunk-WPWPZNSG.cjs.map +1 -1
  44. package/dist/{chunk-2X4PRJ7K.js → chunk-WXFWWEJ3.js} +1 -1
  45. package/dist/chunk-WXFWWEJ3.js.map +1 -0
  46. package/dist/chunk-ZQ75EBWB.cjs.map +1 -1
  47. package/dist/helpers/index.cjs.map +1 -1
  48. package/dist/hooks/index.cjs.map +1 -1
  49. package/dist/hooks/index.d.cts +2 -2
  50. package/dist/hooks/index.d.ts +2 -2
  51. package/dist/index.cjs +3 -3
  52. package/dist/index.cjs.map +1 -1
  53. package/dist/index.d.cts +4 -4
  54. package/dist/index.d.ts +4 -4
  55. package/dist/index.js +2 -2
  56. package/dist/partials/FieldCopyTestIdButton/index.cjs.map +1 -1
  57. package/dist/partials/FieldValidationError/index.cjs.map +1 -1
  58. package/package.json +11 -11
  59. package/dist/chunk-2X4PRJ7K.js.map +0 -1
  60. package/dist/chunk-7RYAD5OS.cjs.map +0 -1
  61. package/dist/chunk-ZBCEV3W6.cjs.map +0 -1
  62. package/dist/{CheckboxGroup-o-qWkWe1.d.cts → CheckboxGroup-DYxaS51b.d.cts} +5 -5
  63. package/dist/{CheckboxGroup-o-qWkWe1.d.ts → CheckboxGroup-DYxaS51b.d.ts} +5 -5
  64. package/dist/{Select-BhS4z0Pj.d.cts → Select-Da_AtPOX.d.cts} +15 -15
  65. package/dist/{Select-BhS4z0Pj.d.ts → Select-Da_AtPOX.d.ts} +15 -15
  66. package/dist/{Switch-Fdldj8LV.d.cts → Switch-Coq_VhBW.d.cts} +5 -5
  67. package/dist/{Switch-Fdldj8LV.d.ts → Switch-Coq_VhBW.d.ts} +5 -5
package/dist/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
1
  export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
2
- export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-o-qWkWe1.cjs';
2
+ export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-DYxaS51b.cjs';
3
3
  export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.cjs';
4
4
  export { F as Form, a as FormProps } from './Form-D0grgL6G.cjs';
5
5
  export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.cjs';
@@ -8,10 +8,10 @@ export { recursiveFieldKeySearch, useFormContext } from './hooks/index.cjs';
8
8
  export { I as Input, a as InputProps } from './Input-B6dNQiiD.cjs';
9
9
  export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-DnbovhMk.cjs';
10
10
  export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DAT12Ess.cjs';
11
- export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-DcmL1H1w.cjs';
12
- export { S as Select, a as SelectProps } from './Select-BhS4z0Pj.cjs';
11
+ export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-DEwUwnRi.cjs';
12
+ export { S as Select, a as SelectProps } from './Select-Da_AtPOX.cjs';
13
13
  export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.cjs';
14
- export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.cjs';
14
+ export { S as Switch, a as SwitchProps } from './Switch-Coq_VhBW.cjs';
15
15
  export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.cjs';
16
16
  import 'react/jsx-runtime';
17
17
  import 'tailwind-variants/dist/config.js';
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
2
- export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-o-qWkWe1.js';
2
+ export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-DYxaS51b.js';
3
3
  export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.js';
4
4
  export { F as Form, a as FormProps } from './Form-DX5NTR-H.js';
5
5
  export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.js';
@@ -8,10 +8,10 @@ export { recursiveFieldKeySearch, useFormContext } from './hooks/index.js';
8
8
  export { I as Input, a as InputProps } from './Input-B6dNQiiD.js';
9
9
  export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-DnbovhMk.js';
10
10
  export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DAT12Ess.js';
11
- export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-DcmL1H1w.js';
12
- export { S as Select, a as SelectProps } from './Select-BhS4z0Pj.js';
11
+ export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-DEwUwnRi.js';
12
+ export { S as Select, a as SelectProps } from './Select-Da_AtPOX.js';
13
13
  export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.js';
14
- export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.js';
14
+ export { S as Switch, a as SwitchProps } from './Switch-Coq_VhBW.js';
15
15
  export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.js';
16
16
  import 'react/jsx-runtime';
17
17
  import 'tailwind-variants/dist/config.js';
package/dist/index.js CHANGED
@@ -18,7 +18,7 @@ import {
18
18
  } from "./chunk-JFJSEJ4F.js";
19
19
  import {
20
20
  Form_default
21
- } from "./chunk-OYSI3IRJ.js";
21
+ } from "./chunk-IK6UDQYZ.js";
22
22
  import {
23
23
  Grid_default
24
24
  } from "./chunk-PDCEKC3G.js";
@@ -27,7 +27,7 @@ import {
27
27
  } from "./chunk-4F2PNEJZ.js";
28
28
  import {
29
29
  RadioGroup_default
30
- } from "./chunk-2X4PRJ7K.js";
30
+ } from "./chunk-WXFWWEJ3.js";
31
31
  import {
32
32
  Controller
33
33
  } from "./chunk-KOKIM2ND.js";
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/partials/FieldCopyTestIdButton/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC;AACE;AACA;AACF,oJAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/partials/FieldCopyTestIdButton/index.cjs"}
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/partials/FieldCopyTestIdButton/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC;AACE;AACA;AACF,oJAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/partials/FieldCopyTestIdButton/index.cjs"}
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/partials/FieldValidationError/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,iJAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/partials/FieldValidationError/index.cjs"}
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/partials/FieldValidationError/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,iJAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/partials/FieldValidationError/index.cjs"}
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@fuf-stack/uniform",
3
- "version": "0.11.0",
3
+ "version": "0.11.1",
4
4
  "description": "fuf react form library",
5
5
  "author": "Hannes Tiede",
6
- "homepage": "https://github.com/fuf-stack/uniform#readme",
6
+ "homepage": "https://github.com/fuf-stack/pixels#readme",
7
7
  "license": "MIT",
8
8
  "type": "module",
9
9
  "main": "./dist/index.cjs",
@@ -100,20 +100,20 @@
100
100
  },
101
101
  "repository": {
102
102
  "type": "git",
103
- "url": "git+https://github.com/fuf-stack/uniform.git",
103
+ "url": "git+https://github.com/fuf-stack/pixels.git",
104
104
  "directory": "packages/uniform"
105
105
  },
106
106
  "bugs": {
107
- "url": "https://github.com/fuf-stack/uniform/issues"
107
+ "url": "https://github.com/fuf-stack/pixels/issues"
108
108
  },
109
109
  "peerDependencies": {
110
110
  "react": ">=18",
111
111
  "react-dom": ">=18"
112
112
  },
113
113
  "dependencies": {
114
- "@dnd-kit/core": "6.1.0",
115
- "@dnd-kit/modifiers": "7.0.0",
116
- "@dnd-kit/sortable": "8.0.0",
114
+ "@dnd-kit/core": "6.2.0",
115
+ "@dnd-kit/modifiers": "8.0.0",
116
+ "@dnd-kit/sortable": "9.0.0",
117
117
  "@dnd-kit/utilities": "3.2.2",
118
118
  "@nextui-org/button": "2.0.38",
119
119
  "@nextui-org/checkbox": "2.1.5",
@@ -130,8 +130,8 @@
130
130
  "react-select": "5.8.3",
131
131
  "slug": "9.1.0",
132
132
  "@fuf-stack/pixel-utils": "0.4.0",
133
- "@fuf-stack/veto": "0.5.0",
134
- "@fuf-stack/pixels": "0.28.0"
133
+ "@fuf-stack/pixels": "0.29.1",
134
+ "@fuf-stack/veto": "0.5.0"
135
135
  },
136
136
  "devDependencies": {
137
137
  "@testing-library/react-hooks": "8.0.1",
@@ -143,8 +143,8 @@
143
143
  "react-dom": "18.3.1",
144
144
  "@repo/storybook-config": "0.0.1",
145
145
  "@repo/tailwind-config": "0.0.1",
146
- "@repo/vite-config": "0.0.1",
147
- "@repo/tsup-config": "0.0.1"
146
+ "@repo/tsup-config": "0.0.1",
147
+ "@repo/vite-config": "0.0.1"
148
148
  },
149
149
  "scripts": {
150
150
  "build": "tsup --config node_modules/@repo/tsup-config/config.ts",
@@ -1 +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 { TabOptions } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as NextRadioGroup, Radio } from '@nextui-org/radio';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { ButtonGroup } from '@fuf-stack/pixels';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { Controller } from '../Controller';\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport { RadioBox } from './Variants/RadioBox';\nimport { RadioButton } from './Variants/RadioButton';\n\nexport const radioGroupVariants = tv({\n slots: {\n base: 'group', // Needs group for group-data condition\n buttonGroup:\n 'rounded-xl group-data-[invalid=true]:border group-data-[invalid=true]:border-danger', // optional if a button group is used\n itemBase: '',\n itemBaseActive: 'bg-opacity-50', // optional if a button group is used\n itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n itemDescription: '',\n itemLabel: 'text-sm',\n itemLabelWrapper: '',\n itemWrapper:\n 'group-data-[invalid=true]:!border-danger [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus', // TODO: get rid of !.\n // See NextUI styles for group-data condition, e.g.: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/select.ts\n label:\n 'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n wrapper: '',\n // Tabs\n tabList: '',\n tab: '',\n tabContent: '',\n cursor: '',\n panel: '',\n },\n});\n\ntype VariantProps = TVProps<typeof radioGroupVariants>;\ntype ClassName = TVClassName<typeof radioGroupVariants>;\n\nexport interface RadioGroupOption {\n /** Description of the value. Works with variant radioBox. */\n description?: React.ReactNode;\n /** disables the option */\n disabled?: boolean;\n /** option label */\n label?: React.ReactNode;\n /** option icon */\n icon?: ReactNode;\n /** HTML data-testid attribute of the option */\n testId?: string;\n /** option value */\n value: string;\n}\n\nexport interface RadioGroupProps<\n V extends 'default' | 'radioBox' | 'radioButton' | 'tabs',\n> extends VariantProps {\n /** CSS class name */\n className?: ClassName;\n /** Determines if the Buttons are disabled or not. */\n disabled?: boolean;\n /** determines orientation of the Buttons. */\n inline?: boolean;\n /** Label displayed next to the RadioButton. */\n label?: ReactNode;\n /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n name: string;\n /** Radio button configuration. */\n options: V extends 'default' | 'radioBox' | 'radioButton'\n ? RadioGroupOption[]\n : TabOptions[];\n /** Id to grab element in internal tests. */\n testId?: string;\n /** How the RadioGroup should look like. */\n variant?: V;\n}\n\n/**\n * RadioGroup component based on [NextUI RadioGroup](https://nextui.org/docs/components/radio-group)\n */\nconst RadioGroup = ({\n className = undefined,\n disabled = false,\n inline = false,\n label = undefined,\n name,\n options,\n testId: _testId = undefined,\n variant = 'default',\n}: RadioGroupProps<\n 'default' | 'radioBox' | 'radioButton' | 'tabs'\n>): ReactElement => {\n const { control, debugMode, getFieldState, getValues } = useFormContext();\n\n const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n const variants = radioGroupVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <Controller\n control={control}\n disabled={disabled}\n name={name}\n render={({ field: { onChange, disabled: isDisabled, onBlur, ref } }) => {\n let RadioComponents: ReactNode;\n\n const itemClassNames = {\n base: classNames.itemBase,\n control: classNames.itemControl,\n description: classNames.itemDescription,\n label: classNames.itemLabel,\n labelWrapper: classNames.itemLabelWrapper,\n wrapper: classNames.itemWrapper,\n tabList: classNames.tabList,\n tab: classNames.tab,\n tabContent: classNames.tabContent,\n cursor: classNames.cursor,\n panel: classNames.panel,\n };\n\n switch (variant) {\n case 'radioBox':\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <RadioBox\n classNames={itemClassNames}\n data-testid={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n description={option.description}\n icon={option.icon}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n onChange={onChange}\n value={option.value}\n >\n {option.label ? option.label : option.value}\n </RadioBox>\n );\n }\n return null;\n });\n break;\n case 'radioButton':\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <RadioButton\n className={cn(classNames.itemBase, {\n [classNames.itemBaseActive]:\n getValues()[name] !== option.value,\n })}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n testID={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n onChange={onChange}\n value={option.value}\n // TODO: how to do the classNames properly (make selected option darker with same color)\n >\n {option.label ? option.label : option.value}\n </RadioButton>\n );\n }\n return null;\n });\n break;\n\n case 'tabs':\n RadioComponents = (\n <Tabs\n fullWidth={false}\n tabs={options as TabOptions[]}\n onSelectionChange={onChange}\n />\n );\n break;\n default:\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <Radio\n classNames={itemClassNames}\n data-testid={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n onChange={onChange}\n value={option.value}\n >\n {option.label ? option.label : option.value}\n </Radio>\n );\n }\n return null;\n });\n }\n\n return (\n <NextRadioGroup\n classNames={classNames}\n // See NextUI styles for group-data condition (data-invalid), e.g.: https://github.com/nextui-org/nextui/blob/main/packages/components/select/src/use-select.ts\n data-invalid={invalid}\n data-required={required}\n data-testid={testId}\n errorMessage={error && <FieldValidationError error={error} />}\n isDisabled={isDisabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label>\n {label}\n {showTestIdCopyButton && (\n <FieldCopyTestIdButton testId={testId} />\n )}\n </label>\n )\n }\n name={name}\n orientation={inline ? 'horizontal' : 'vertical'}\n onBlur={onBlur}\n onChange={onChange}\n ref={ref}\n >\n {variant === 'radioButton' ? (\n <ButtonGroup className={classNames.buttonGroup}>\n {RadioComponents}\n </ButtonGroup>\n ) : (\n RadioComponents\n )}\n </NextRadioGroup>\n );\n }}\n />\n );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as NextRadioProps } from '@nextui-org/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@nextui-org/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends NextRadioProps {\n /** icon for the option */\n icon?: ReactNode;\n}\n\nexport const RadioBox = ({ icon = undefined, ...props }: RadioProps) => {\n const {\n children,\n Component,\n description,\n getBaseProps,\n getControlProps,\n getInputProps,\n getLabelProps,\n getLabelWrapperProps,\n getWrapperProps,\n isDisabled,\n } = useRadio(props);\n\n return (\n <Component\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getBaseProps()}\n className={cn(\n 'group inline-flex flex-auto cursor-pointer items-center justify-between gap-4 rounded-lg border-2 border-default p-4 hover:bg-content2 data-[selected=true]:border-focus',\n {\n // disabled styles\n 'pointer-events-none opacity-disabled': isDisabled,\n },\n )}\n >\n <VisuallyHidden>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <input {...getInputProps()} />\n </VisuallyHidden>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <span {...getWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <span {...getControlProps()} />\n </span>\n {icon}\n <div\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getLabelWrapperProps()}\n className={cn(getLabelWrapperProps().className, 'grow')}\n >\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n {children && <span {...getLabelProps()}>{children}</span>}\n {description && (\n <span className=\"text-small text-foreground opacity-70\">\n {description}\n </span>\n )}\n </div>\n </Component>\n );\n};\n\nexport default RadioBox;\n","import { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface RadioButtonProps {\n /** label of the value. */\n children: React.ReactNode;\n /** CSS class name */\n className?: string;\n /** disables the option */\n isDisabled?: boolean;\n /** HTML data-testid attribute of the option */\n testID?: string;\n /** Callback function. Executed if the option is clicked. */\n onChange: (...event: unknown[]) => void;\n /** value of the option. */\n value: string;\n}\n\nexport const RadioButton = ({\n children,\n className = undefined,\n isDisabled = false,\n onChange,\n testID = undefined,\n value,\n}: RadioButtonProps) => {\n return (\n <Button\n className={cn(className)}\n testId={testID}\n disabled={isDisabled}\n key={`index_${value}`}\n onClick={() => {\n return onChange(value);\n }}\n >\n {children}\n </Button>\n );\n};\n\nexport default RadioButton;\n","import RadioGroup from './RadioGroup';\n\nexport type { RadioGroupProps } from './RadioGroup';\n\nexport { RadioGroup };\n\nexport default RadioGroup;\n"],"mappings":"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","names":["cn","cn","jsx","jsx","jsxs","cn","RadioGroup_default"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-7RYAD5OS.cjs","../src/Form/Form.tsx","../src/Form/subcomponents/FormDebugViewer.tsx","../src/Form/index.ts"],"names":["jsx","jsxs","cn","Form_default"],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,oDAAmB;ADKnB;AACA;AETA,8BAAoC;AACpC,oCAAwB;AACxB,sCAAkC;AAElC;AACA,2CAAmC;AA+CrB,+CAAA;AArCd,IAAM,gBAAA,EAAkB,CAAC,EAAE,UAAA,EAAY,KAAA,EAAU,CAAA,EAAA,GAA4B;AAC3E,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,SAAA,EAAW,EAAE,WAAA,EAAa,OAAA,EAAS,aAAa,CAAA;AAAA,IAChD,YAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EACF,EAAA,EAAI,8CAAA,CAAe;AAEnB,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,EAAA,EAAI,6BAAA,IAE1C,CAAA;AAEN,EAAA,MAAM,WAAA,EAAa,KAAA,CAAM,CAAA;AACzB,EAAA,MAAM,oBAAA,EAAsB,UAAA,IAAc,eAAA;AAE1C,EAAA,8BAAA;AAAA,IACE,CAAA,EAAA,GAAM;AACJ,MAAA,MAAM,uBAAA,EAAyB,MAAA,CAAA,EAAA,GAAY;AACzC,QAAA,GAAA,CAAI,UAAA,EAAY;AACd,UAAA,MAAM,eAAA,EAAiB,sBAAM,UAAA,2BAAY,aAAA,mBAAc,UAAU,GAAA;AACjE,UAAA,mBAAA,iBAAoB,cAAA,6BAAgB,QAAM,CAAA;AAAA,QAC5C;AAAA,MACF,CAAA;AACA,MAAA,sBAAA,CAAuB,CAAA;AAAA,IACzB,CAAA;AAAA;AAAA,IAEA,CAAC,IAAA,CAAK,SAAA,CAAU,UAAU,CAAC;AAAA,EAC7B,CAAA;AAEA,EAAA,GAAA,CAAI,CAAC,UAAA,GAAa,UAAA,IAAc,KAAA,EAAO;AACrC,IAAA,uBACE,6BAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,wBAAA;AAAA,QACV,OAAA,EAAS,CAAA,EAAA,GAAM,YAAA,CAAa,OAAO,CAAA;AAAA,QACnC,SAAA,EAAU,oDAAA;AAAA,QACV,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,kBAAM,6BAAA,UAAC,EAAA,CAAA,CAAM;AAAA,MAAA;AAAA,IACf,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,8BAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,MACvB,MAAA,kBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,EAAA;AAAA,wBAAA,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,aAAA,CAAU,CAAA;AAAA,wBACpC,6BAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,IAAA,kBAAM,6BAAA,WAAC,EAAA,EAAQ,SAAA,EAAU,cAAA,CAAc,CAAA;AAAA,YACvC,OAAA,EAAS,CAAA,EAAA,GAAM,YAAA,CAAa,KAAK,CAAA;AAAA,YACjC,IAAA,EAAK,IAAA;AAAA,YACL,OAAA,EAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAAA,EAAA,CACF,CAAA;AAAA,MAGF,QAAA,EAAA;AAAA,wBAAA,6BAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,oBAAA,EAAsB,QAAA,EAAU,OAAA;AAAA,YACzC,IAAA,kBAAM,6BAAA,eAAC,EAAA,CAAA,CAAW,CAAA;AAAA,YAClB,SAAA,EAAU,sBAAA;AAAA,YACV,OAAA,EAAS,CAAA,EAAA,GACP,YAAA,CAAa,UAAA,IAAc,QAAA,EAAU,gBAAA,EAAkB,OAAO,CAAA;AAAA,YAG/D,QAAA,EAAA,oBAAA,EAAsB,kBAAA,EAAoB;AAAA,UAAA;AAAA,QAC7C,CAAA;AAAA,wBACA,6BAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,MAAA,EAAQ,UAAA;AAAA,cACR,MAAA,EAAQ,gBAAA;AAAA,cACR,WAAA;AAAA,cACA,OAAA;AAAA,cACA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AACA,IAAO,wBAAA,EAAQ,eAAA;AFEf;AACA;AC5CQ;AApBR,IAAM,KAAA,EAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,cAAA,EAAgB,KAAA,CAAA;AAAA,EAChB,KAAA,EAAO,KAAA,CAAA;AAAA,EACP,QAAA;AAAA,EACA,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,kBAAA,EAAoB;AACtB,CAAA,EAAA,GAAiB;AACf,EAAA,uBACEA,6BAAAA;AAAA,IAAC,qCAAA;AAAA,IAAA;AAAA,MACC,iBAAA,EAAmB,KAAA;AAAA,MACnB,aAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MAEC,QAAA,EAAA,CAAC,EAAE,aAAa,CAAA,EAAA,mBACfC,8BAAAA,KAAC,EAAA,EAAI,SAAA,EAAU,4CAAA,EACb,QAAA,EAAA;AAAA,wBAAAD,6BAAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWE,4BAAAA,WAAG,EAAa,SAAS,CAAA;AAAA,YACpC,aAAA,EAAa,uCAAA,OAAQ,GAAU,KAAA,GAAQ,EAAE,CAAA;AAAA,YACzC,IAAA;AAAA,YACA,QAAA,EAAU,YAAA;AAAA,YAET;AAAA,UAAA;AAAA,QACH,CAAA;AAAA,QACC,iBAAC,KAAA,6BAAO,UAAA,mBAAWF,6BAAAA,uBAAC,EAAA,EAAgB,SAAA,EAAU,mBAAA,CAAmB;AAAA,MAAA,EAAA,CACpE;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ,CAAA;AAEA,IAAO,aAAA,EAAQ,IAAA;ADkEf;AACA;AGpIA,IAAOG,cAAAA,EAAQ,YAAA;AHsIf;AACA;AACE;AACA;AACF,2EAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-7RYAD5OS.cjs","sourcesContent":[null,"import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\nimport type { DebugModeSettings } from './subcomponents/FormContext';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { slugify } from '../helpers';\nimport FormProvider from './subcomponents/FormContext';\nimport FormDebugViewer from './subcomponents/FormDebugViewer';\n\nexport interface FormProps {\n /** form children */\n children: ReactNode | ReactNode[];\n /** CSS class name */\n className?: string | string[];\n /** settings for from debug mode */\n debug?: DebugModeSettings;\n /** initial form values */\n initialValues?: FieldValues;\n /** name of the form */\n name?: string;\n /** form submit handler */\n onSubmit: SubmitHandler<FieldValues>;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** veto validation schema */\n validation?: VetoInstance;\n /** when the validation should be triggered */\n validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * Form component that has to wrap every uniform\n */\nconst Form = ({\n children,\n className = undefined,\n debug = undefined,\n initialValues = undefined,\n name = undefined,\n onSubmit,\n testId = undefined,\n validation = undefined,\n validationTrigger = 'all',\n}: FormProps) => {\n return (\n <FormProvider\n debugModeSettings={debug}\n initialValues={initialValues}\n onSubmit={onSubmit}\n validation={validation}\n validationTrigger={validationTrigger}\n >\n {({ handleSubmit }) => (\n <div className=\"flex w-full flex-row justify-between gap-6\">\n <form\n className={cn('flex-grow', className)}\n data-testid={slugify(testId || name || '')}\n name={name}\n onSubmit={handleSubmit}\n >\n {children}\n </form>\n {!debug?.disable && <FormDebugViewer className=\"w-96 flex-shrink\" />}\n </div>\n )}\n </FormProvider>\n );\n};\n\nexport default Form;\n","import type { VetoError } from '@fuf-stack/veto';\n\nimport { useEffect, useState } from 'react';\nimport { FaTimes } from 'react-icons/fa';\nimport { FaBug, FaBullseye } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button, Card, Json } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../../hooks';\n\ninterface FormDebugViewerProps {\n /** CSS class name */\n className?: string;\n}\n\n/** Renders a form debug panel with information about the current form state */\nconst FormDebugViewer = ({ className = undefined }: FormDebugViewerProps) => {\n const {\n debugMode,\n formState: { dirtyFields, isValid, isSubmitting },\n setDebugMode,\n validation,\n watch,\n } = useFormContext();\n\n const [validationErrors, setValidationErrors] = useState<\n VetoError['errors'] | null\n >(null);\n\n const formValues = watch();\n const debugTestIdsEnabled = debugMode === 'debug-testids';\n\n useEffect(\n () => {\n const updateValidationErrors = async () => {\n if (validation) {\n const validateResult = await validation?.validateAsync(formValues);\n setValidationErrors(validateResult?.errors);\n }\n };\n updateValidationErrors();\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [JSON.stringify(formValues)],\n );\n\n if (!debugMode || debugMode === 'off') {\n return (\n <Button\n ariaLabel=\"Enable form debug mode\"\n onClick={() => setDebugMode('debug')}\n className=\"absolute bottom-2.5 right-2.5 w-5 text-default-400\"\n variant=\"light\"\n icon={<FaBug />}\n />\n );\n }\n\n return (\n <Card\n className={cn(className)}\n header={\n <div className=\"flex w-full flex-row justify-between\">\n <span className=\"text-lg\">Debug Mode</span>\n <Button\n icon={<FaTimes className=\"text-danger\" />}\n onClick={() => setDebugMode('off')}\n size=\"sm\"\n variant=\"flat\"\n />\n </div>\n }\n >\n <Button\n variant={debugTestIdsEnabled ? 'solid' : 'light'}\n icon={<FaBullseye />}\n className=\"mb-4 ml-auto mr-auto\"\n onClick={() =>\n setDebugMode(debugMode === 'debug' ? 'debug-testids' : 'debug')\n }\n >\n {debugTestIdsEnabled ? 'Hide CopyButton' : 'Show CopyButton'}\n </Button>\n <Json\n value={{\n values: formValues,\n errors: validationErrors,\n dirtyFields,\n isValid,\n isSubmitting,\n }}\n />\n </Card>\n );\n};\nexport default FormDebugViewer;\n","import Form from './Form';\n\nexport type { FormProps } from './Form';\n\nexport { Form };\n\nexport default Form;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-ZBCEV3W6.cjs","../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/Variants/RadioBox.tsx","../src/RadioGroup/Variants/RadioButton.tsx","../src/RadioGroup/index.ts"],"names":["jsx","cn"],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-ZBCEV3W6.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TabOptions } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as NextRadioGroup, Radio } from '@nextui-org/radio';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { ButtonGroup } from '@fuf-stack/pixels';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { Controller } from '../Controller';\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport { RadioBox } from './Variants/RadioBox';\nimport { RadioButton } from './Variants/RadioButton';\n\nexport const radioGroupVariants = tv({\n slots: {\n base: 'group', // Needs group for group-data condition\n buttonGroup:\n 'rounded-xl group-data-[invalid=true]:border group-data-[invalid=true]:border-danger', // optional if a button group is used\n itemBase: '',\n itemBaseActive: 'bg-opacity-50', // optional if a button group is used\n itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n itemDescription: '',\n itemLabel: 'text-sm',\n itemLabelWrapper: '',\n itemWrapper:\n 'group-data-[invalid=true]:!border-danger [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus', // TODO: get rid of !.\n // See NextUI styles for group-data condition, e.g.: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/select.ts\n label:\n 'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n wrapper: '',\n // Tabs\n tabList: '',\n tab: '',\n tabContent: '',\n cursor: '',\n panel: '',\n },\n});\n\ntype VariantProps = TVProps<typeof radioGroupVariants>;\ntype ClassName = TVClassName<typeof radioGroupVariants>;\n\nexport interface RadioGroupOption {\n /** Description of the value. Works with variant radioBox. */\n description?: React.ReactNode;\n /** disables the option */\n disabled?: boolean;\n /** option label */\n label?: React.ReactNode;\n /** option icon */\n icon?: ReactNode;\n /** HTML data-testid attribute of the option */\n testId?: string;\n /** option value */\n value: string;\n}\n\nexport interface RadioGroupProps<\n V extends 'default' | 'radioBox' | 'radioButton' | 'tabs',\n> extends VariantProps {\n /** CSS class name */\n className?: ClassName;\n /** Determines if the Buttons are disabled or not. */\n disabled?: boolean;\n /** determines orientation of the Buttons. */\n inline?: boolean;\n /** Label displayed next to the RadioButton. */\n label?: ReactNode;\n /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n name: string;\n /** Radio button configuration. */\n options: V extends 'default' | 'radioBox' | 'radioButton'\n ? RadioGroupOption[]\n : TabOptions[];\n /** Id to grab element in internal tests. */\n testId?: string;\n /** How the RadioGroup should look like. */\n variant?: V;\n}\n\n/**\n * RadioGroup component based on [NextUI RadioGroup](https://nextui.org/docs/components/radio-group)\n */\nconst RadioGroup = ({\n className = undefined,\n disabled = false,\n inline = false,\n label = undefined,\n name,\n options,\n testId: _testId = undefined,\n variant = 'default',\n}: RadioGroupProps<\n 'default' | 'radioBox' | 'radioButton' | 'tabs'\n>): ReactElement => {\n const { control, debugMode, getFieldState, getValues } = useFormContext();\n\n const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n const variants = radioGroupVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <Controller\n control={control}\n disabled={disabled}\n name={name}\n render={({ field: { onChange, disabled: isDisabled, onBlur, ref } }) => {\n let RadioComponents: ReactNode;\n\n const itemClassNames = {\n base: classNames.itemBase,\n control: classNames.itemControl,\n description: classNames.itemDescription,\n label: classNames.itemLabel,\n labelWrapper: classNames.itemLabelWrapper,\n wrapper: classNames.itemWrapper,\n tabList: classNames.tabList,\n tab: classNames.tab,\n tabContent: classNames.tabContent,\n cursor: classNames.cursor,\n panel: classNames.panel,\n };\n\n switch (variant) {\n case 'radioBox':\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <RadioBox\n classNames={itemClassNames}\n data-testid={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n description={option.description}\n icon={option.icon}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n onChange={onChange}\n value={option.value}\n >\n {option.label ? option.label : option.value}\n </RadioBox>\n );\n }\n return null;\n });\n break;\n case 'radioButton':\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <RadioButton\n className={cn(classNames.itemBase, {\n [classNames.itemBaseActive]:\n getValues()[name] !== option.value,\n })}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n testID={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n onChange={onChange}\n value={option.value}\n // TODO: how to do the classNames properly (make selected option darker with same color)\n >\n {option.label ? option.label : option.value}\n </RadioButton>\n );\n }\n return null;\n });\n break;\n\n case 'tabs':\n RadioComponents = (\n <Tabs\n fullWidth={false}\n tabs={options as TabOptions[]}\n onSelectionChange={onChange}\n />\n );\n break;\n default:\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <Radio\n classNames={itemClassNames}\n data-testid={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n onChange={onChange}\n value={option.value}\n >\n {option.label ? option.label : option.value}\n </Radio>\n );\n }\n return null;\n });\n }\n\n return (\n <NextRadioGroup\n classNames={classNames}\n // See NextUI styles for group-data condition (data-invalid), e.g.: https://github.com/nextui-org/nextui/blob/main/packages/components/select/src/use-select.ts\n data-invalid={invalid}\n data-required={required}\n data-testid={testId}\n errorMessage={error && <FieldValidationError error={error} />}\n isDisabled={isDisabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label>\n {label}\n {showTestIdCopyButton && (\n <FieldCopyTestIdButton testId={testId} />\n )}\n </label>\n )\n }\n name={name}\n orientation={inline ? 'horizontal' : 'vertical'}\n onBlur={onBlur}\n onChange={onChange}\n ref={ref}\n >\n {variant === 'radioButton' ? (\n <ButtonGroup className={classNames.buttonGroup}>\n {RadioComponents}\n </ButtonGroup>\n ) : (\n RadioComponents\n )}\n </NextRadioGroup>\n );\n }}\n />\n );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as NextRadioProps } from '@nextui-org/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@nextui-org/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends NextRadioProps {\n /** icon for the option */\n icon?: ReactNode;\n}\n\nexport const RadioBox = ({ icon = undefined, ...props }: RadioProps) => {\n const {\n children,\n Component,\n description,\n getBaseProps,\n getControlProps,\n getInputProps,\n getLabelProps,\n getLabelWrapperProps,\n getWrapperProps,\n isDisabled,\n } = useRadio(props);\n\n return (\n <Component\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getBaseProps()}\n className={cn(\n 'group inline-flex flex-auto cursor-pointer items-center justify-between gap-4 rounded-lg border-2 border-default p-4 hover:bg-content2 data-[selected=true]:border-focus',\n {\n // disabled styles\n 'pointer-events-none opacity-disabled': isDisabled,\n },\n )}\n >\n <VisuallyHidden>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <input {...getInputProps()} />\n </VisuallyHidden>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <span {...getWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <span {...getControlProps()} />\n </span>\n {icon}\n <div\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getLabelWrapperProps()}\n className={cn(getLabelWrapperProps().className, 'grow')}\n >\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n {children && <span {...getLabelProps()}>{children}</span>}\n {description && (\n <span className=\"text-small text-foreground opacity-70\">\n {description}\n </span>\n )}\n </div>\n </Component>\n );\n};\n\nexport default RadioBox;\n","import { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface RadioButtonProps {\n /** label of the value. */\n children: React.ReactNode;\n /** CSS class name */\n className?: string;\n /** disables the option */\n isDisabled?: boolean;\n /** HTML data-testid attribute of the option */\n testID?: string;\n /** Callback function. Executed if the option is clicked. */\n onChange: (...event: unknown[]) => void;\n /** value of the option. */\n value: string;\n}\n\nexport const RadioButton = ({\n children,\n className = undefined,\n isDisabled = false,\n onChange,\n testID = undefined,\n value,\n}: RadioButtonProps) => {\n return (\n <Button\n className={cn(className)}\n testId={testID}\n disabled={isDisabled}\n key={`index_${value}`}\n onClick={() => {\n return onChange(value);\n }}\n >\n {children}\n </Button>\n );\n};\n\nexport default RadioButton;\n","import RadioGroup from './RadioGroup';\n\nexport type { RadioGroupProps } from './RadioGroup';\n\nexport { RadioGroup };\n\nexport default RadioGroup;\n"]}
@@ -7,12 +7,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
7
7
  [key: string]: {
8
8
  [key: string]: tailwind_variants.ClassValue | {
9
9
  base?: tailwind_variants.ClassValue;
10
- label?: tailwind_variants.ClassValue;
11
10
  errorMessage?: tailwind_variants.ClassValue;
12
11
  itemBase?: tailwind_variants.ClassValue;
13
12
  itemIcon?: tailwind_variants.ClassValue;
14
13
  itemLabel?: tailwind_variants.ClassValue;
15
14
  itemWrapper?: tailwind_variants.ClassValue;
15
+ label?: tailwind_variants.ClassValue;
16
16
  wrapper?: tailwind_variants.ClassValue;
17
17
  };
18
18
  };
@@ -20,12 +20,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
20
20
  [x: string]: {
21
21
  [x: string]: tailwind_variants.ClassValue | {
22
22
  base?: tailwind_variants.ClassValue;
23
- label?: tailwind_variants.ClassValue;
24
23
  errorMessage?: tailwind_variants.ClassValue;
25
24
  itemBase?: tailwind_variants.ClassValue;
26
25
  itemIcon?: tailwind_variants.ClassValue;
27
26
  itemLabel?: tailwind_variants.ClassValue;
28
27
  itemWrapper?: tailwind_variants.ClassValue;
28
+ label?: tailwind_variants.ClassValue;
29
29
  wrapper?: tailwind_variants.ClassValue;
30
30
  };
31
31
  };
@@ -42,12 +42,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
42
42
  [key: string]: {
43
43
  [key: string]: tailwind_variants.ClassValue | {
44
44
  base?: tailwind_variants.ClassValue;
45
- label?: tailwind_variants.ClassValue;
46
45
  errorMessage?: tailwind_variants.ClassValue;
47
46
  itemBase?: tailwind_variants.ClassValue;
48
47
  itemIcon?: tailwind_variants.ClassValue;
49
48
  itemLabel?: tailwind_variants.ClassValue;
50
49
  itemWrapper?: tailwind_variants.ClassValue;
50
+ label?: tailwind_variants.ClassValue;
51
51
  wrapper?: tailwind_variants.ClassValue;
52
52
  };
53
53
  };
@@ -55,12 +55,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
55
55
  [key: string]: {
56
56
  [key: string]: tailwind_variants.ClassValue | {
57
57
  base?: tailwind_variants.ClassValue;
58
- label?: tailwind_variants.ClassValue;
59
58
  errorMessage?: tailwind_variants.ClassValue;
60
59
  itemBase?: tailwind_variants.ClassValue;
61
60
  itemIcon?: tailwind_variants.ClassValue;
62
61
  itemLabel?: tailwind_variants.ClassValue;
63
62
  itemWrapper?: tailwind_variants.ClassValue;
63
+ label?: tailwind_variants.ClassValue;
64
64
  wrapper?: tailwind_variants.ClassValue;
65
65
  };
66
66
  };
@@ -86,12 +86,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
86
86
  [key: string]: {
87
87
  [key: string]: tailwind_variants.ClassValue | {
88
88
  base?: tailwind_variants.ClassValue;
89
- label?: tailwind_variants.ClassValue;
90
89
  errorMessage?: tailwind_variants.ClassValue;
91
90
  itemBase?: tailwind_variants.ClassValue;
92
91
  itemIcon?: tailwind_variants.ClassValue;
93
92
  itemLabel?: tailwind_variants.ClassValue;
94
93
  itemWrapper?: tailwind_variants.ClassValue;
94
+ label?: tailwind_variants.ClassValue;
95
95
  wrapper?: tailwind_variants.ClassValue;
96
96
  };
97
97
  };
@@ -7,12 +7,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
7
7
  [key: string]: {
8
8
  [key: string]: tailwind_variants.ClassValue | {
9
9
  base?: tailwind_variants.ClassValue;
10
- label?: tailwind_variants.ClassValue;
11
10
  errorMessage?: tailwind_variants.ClassValue;
12
11
  itemBase?: tailwind_variants.ClassValue;
13
12
  itemIcon?: tailwind_variants.ClassValue;
14
13
  itemLabel?: tailwind_variants.ClassValue;
15
14
  itemWrapper?: tailwind_variants.ClassValue;
15
+ label?: tailwind_variants.ClassValue;
16
16
  wrapper?: tailwind_variants.ClassValue;
17
17
  };
18
18
  };
@@ -20,12 +20,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
20
20
  [x: string]: {
21
21
  [x: string]: tailwind_variants.ClassValue | {
22
22
  base?: tailwind_variants.ClassValue;
23
- label?: tailwind_variants.ClassValue;
24
23
  errorMessage?: tailwind_variants.ClassValue;
25
24
  itemBase?: tailwind_variants.ClassValue;
26
25
  itemIcon?: tailwind_variants.ClassValue;
27
26
  itemLabel?: tailwind_variants.ClassValue;
28
27
  itemWrapper?: tailwind_variants.ClassValue;
28
+ label?: tailwind_variants.ClassValue;
29
29
  wrapper?: tailwind_variants.ClassValue;
30
30
  };
31
31
  };
@@ -42,12 +42,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
42
42
  [key: string]: {
43
43
  [key: string]: tailwind_variants.ClassValue | {
44
44
  base?: tailwind_variants.ClassValue;
45
- label?: tailwind_variants.ClassValue;
46
45
  errorMessage?: tailwind_variants.ClassValue;
47
46
  itemBase?: tailwind_variants.ClassValue;
48
47
  itemIcon?: tailwind_variants.ClassValue;
49
48
  itemLabel?: tailwind_variants.ClassValue;
50
49
  itemWrapper?: tailwind_variants.ClassValue;
50
+ label?: tailwind_variants.ClassValue;
51
51
  wrapper?: tailwind_variants.ClassValue;
52
52
  };
53
53
  };
@@ -55,12 +55,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
55
55
  [key: string]: {
56
56
  [key: string]: tailwind_variants.ClassValue | {
57
57
  base?: tailwind_variants.ClassValue;
58
- label?: tailwind_variants.ClassValue;
59
58
  errorMessage?: tailwind_variants.ClassValue;
60
59
  itemBase?: tailwind_variants.ClassValue;
61
60
  itemIcon?: tailwind_variants.ClassValue;
62
61
  itemLabel?: tailwind_variants.ClassValue;
63
62
  itemWrapper?: tailwind_variants.ClassValue;
63
+ label?: tailwind_variants.ClassValue;
64
64
  wrapper?: tailwind_variants.ClassValue;
65
65
  };
66
66
  };
@@ -86,12 +86,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
86
86
  [key: string]: {
87
87
  [key: string]: tailwind_variants.ClassValue | {
88
88
  base?: tailwind_variants.ClassValue;
89
- label?: tailwind_variants.ClassValue;
90
89
  errorMessage?: tailwind_variants.ClassValue;
91
90
  itemBase?: tailwind_variants.ClassValue;
92
91
  itemIcon?: tailwind_variants.ClassValue;
93
92
  itemLabel?: tailwind_variants.ClassValue;
94
93
  itemWrapper?: tailwind_variants.ClassValue;
94
+ label?: tailwind_variants.ClassValue;
95
95
  wrapper?: tailwind_variants.ClassValue;
96
96
  };
97
97
  };
@@ -7,13 +7,13 @@ import { Props } from 'react-select';
7
7
  declare const selectVariants: tailwind_variants.TVReturnType<{
8
8
  [key: string]: {
9
9
  [key: string]: tailwind_variants.ClassValue | {
10
- control?: tailwind_variants.ClassValue;
11
10
  base?: tailwind_variants.ClassValue;
12
- input?: tailwind_variants.ClassValue;
13
11
  label?: tailwind_variants.ClassValue;
12
+ group?: tailwind_variants.ClassValue;
13
+ control?: tailwind_variants.ClassValue;
14
+ input?: tailwind_variants.ClassValue;
14
15
  menu?: tailwind_variants.ClassValue;
15
16
  option?: tailwind_variants.ClassValue;
16
- group?: tailwind_variants.ClassValue;
17
17
  placeholder?: tailwind_variants.ClassValue;
18
18
  clearIndicator?: tailwind_variants.ClassValue;
19
19
  control_focused?: tailwind_variants.ClassValue;
@@ -42,13 +42,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
42
42
  } | {
43
43
  [x: string]: {
44
44
  [x: string]: tailwind_variants.ClassValue | {
45
- control?: tailwind_variants.ClassValue;
46
45
  base?: tailwind_variants.ClassValue;
47
- input?: tailwind_variants.ClassValue;
48
46
  label?: tailwind_variants.ClassValue;
47
+ group?: tailwind_variants.ClassValue;
48
+ control?: tailwind_variants.ClassValue;
49
+ input?: tailwind_variants.ClassValue;
49
50
  menu?: tailwind_variants.ClassValue;
50
51
  option?: tailwind_variants.ClassValue;
51
- group?: tailwind_variants.ClassValue;
52
52
  placeholder?: tailwind_variants.ClassValue;
53
53
  clearIndicator?: tailwind_variants.ClassValue;
54
54
  control_focused?: tailwind_variants.ClassValue;
@@ -108,13 +108,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
108
108
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
109
109
  [key: string]: {
110
110
  [key: string]: tailwind_variants.ClassValue | {
111
- control?: tailwind_variants.ClassValue;
112
111
  base?: tailwind_variants.ClassValue;
113
- input?: tailwind_variants.ClassValue;
114
112
  label?: tailwind_variants.ClassValue;
113
+ group?: tailwind_variants.ClassValue;
114
+ control?: tailwind_variants.ClassValue;
115
+ input?: tailwind_variants.ClassValue;
115
116
  menu?: tailwind_variants.ClassValue;
116
117
  option?: tailwind_variants.ClassValue;
117
- group?: tailwind_variants.ClassValue;
118
118
  placeholder?: tailwind_variants.ClassValue;
119
119
  clearIndicator?: tailwind_variants.ClassValue;
120
120
  control_focused?: tailwind_variants.ClassValue;
@@ -143,13 +143,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
143
143
  } | {}>, {
144
144
  [key: string]: {
145
145
  [key: string]: tailwind_variants.ClassValue | {
146
- control?: tailwind_variants.ClassValue;
147
146
  base?: tailwind_variants.ClassValue;
148
- input?: tailwind_variants.ClassValue;
149
147
  label?: tailwind_variants.ClassValue;
148
+ group?: tailwind_variants.ClassValue;
149
+ control?: tailwind_variants.ClassValue;
150
+ input?: tailwind_variants.ClassValue;
150
151
  menu?: tailwind_variants.ClassValue;
151
152
  option?: tailwind_variants.ClassValue;
152
- group?: tailwind_variants.ClassValue;
153
153
  placeholder?: tailwind_variants.ClassValue;
154
154
  clearIndicator?: tailwind_variants.ClassValue;
155
155
  control_focused?: tailwind_variants.ClassValue;
@@ -240,13 +240,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
240
240
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
241
241
  [key: string]: {
242
242
  [key: string]: tailwind_variants.ClassValue | {
243
- control?: tailwind_variants.ClassValue;
244
243
  base?: tailwind_variants.ClassValue;
245
- input?: tailwind_variants.ClassValue;
246
244
  label?: tailwind_variants.ClassValue;
245
+ group?: tailwind_variants.ClassValue;
246
+ control?: tailwind_variants.ClassValue;
247
+ input?: tailwind_variants.ClassValue;
247
248
  menu?: tailwind_variants.ClassValue;
248
249
  option?: tailwind_variants.ClassValue;
249
- group?: tailwind_variants.ClassValue;
250
250
  placeholder?: tailwind_variants.ClassValue;
251
251
  clearIndicator?: tailwind_variants.ClassValue;
252
252
  control_focused?: tailwind_variants.ClassValue;
@@ -7,13 +7,13 @@ import { Props } from 'react-select';
7
7
  declare const selectVariants: tailwind_variants.TVReturnType<{
8
8
  [key: string]: {
9
9
  [key: string]: tailwind_variants.ClassValue | {
10
- control?: tailwind_variants.ClassValue;
11
10
  base?: tailwind_variants.ClassValue;
12
- input?: tailwind_variants.ClassValue;
13
11
  label?: tailwind_variants.ClassValue;
12
+ group?: tailwind_variants.ClassValue;
13
+ control?: tailwind_variants.ClassValue;
14
+ input?: tailwind_variants.ClassValue;
14
15
  menu?: tailwind_variants.ClassValue;
15
16
  option?: tailwind_variants.ClassValue;
16
- group?: tailwind_variants.ClassValue;
17
17
  placeholder?: tailwind_variants.ClassValue;
18
18
  clearIndicator?: tailwind_variants.ClassValue;
19
19
  control_focused?: tailwind_variants.ClassValue;
@@ -42,13 +42,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
42
42
  } | {
43
43
  [x: string]: {
44
44
  [x: string]: tailwind_variants.ClassValue | {
45
- control?: tailwind_variants.ClassValue;
46
45
  base?: tailwind_variants.ClassValue;
47
- input?: tailwind_variants.ClassValue;
48
46
  label?: tailwind_variants.ClassValue;
47
+ group?: tailwind_variants.ClassValue;
48
+ control?: tailwind_variants.ClassValue;
49
+ input?: tailwind_variants.ClassValue;
49
50
  menu?: tailwind_variants.ClassValue;
50
51
  option?: tailwind_variants.ClassValue;
51
- group?: tailwind_variants.ClassValue;
52
52
  placeholder?: tailwind_variants.ClassValue;
53
53
  clearIndicator?: tailwind_variants.ClassValue;
54
54
  control_focused?: tailwind_variants.ClassValue;
@@ -108,13 +108,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
108
108
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
109
109
  [key: string]: {
110
110
  [key: string]: tailwind_variants.ClassValue | {
111
- control?: tailwind_variants.ClassValue;
112
111
  base?: tailwind_variants.ClassValue;
113
- input?: tailwind_variants.ClassValue;
114
112
  label?: tailwind_variants.ClassValue;
113
+ group?: tailwind_variants.ClassValue;
114
+ control?: tailwind_variants.ClassValue;
115
+ input?: tailwind_variants.ClassValue;
115
116
  menu?: tailwind_variants.ClassValue;
116
117
  option?: tailwind_variants.ClassValue;
117
- group?: tailwind_variants.ClassValue;
118
118
  placeholder?: tailwind_variants.ClassValue;
119
119
  clearIndicator?: tailwind_variants.ClassValue;
120
120
  control_focused?: tailwind_variants.ClassValue;
@@ -143,13 +143,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
143
143
  } | {}>, {
144
144
  [key: string]: {
145
145
  [key: string]: tailwind_variants.ClassValue | {
146
- control?: tailwind_variants.ClassValue;
147
146
  base?: tailwind_variants.ClassValue;
148
- input?: tailwind_variants.ClassValue;
149
147
  label?: tailwind_variants.ClassValue;
148
+ group?: tailwind_variants.ClassValue;
149
+ control?: tailwind_variants.ClassValue;
150
+ input?: tailwind_variants.ClassValue;
150
151
  menu?: tailwind_variants.ClassValue;
151
152
  option?: tailwind_variants.ClassValue;
152
- group?: tailwind_variants.ClassValue;
153
153
  placeholder?: tailwind_variants.ClassValue;
154
154
  clearIndicator?: tailwind_variants.ClassValue;
155
155
  control_focused?: tailwind_variants.ClassValue;
@@ -240,13 +240,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
240
240
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
241
241
  [key: string]: {
242
242
  [key: string]: tailwind_variants.ClassValue | {
243
- control?: tailwind_variants.ClassValue;
244
243
  base?: tailwind_variants.ClassValue;
245
- input?: tailwind_variants.ClassValue;
246
244
  label?: tailwind_variants.ClassValue;
245
+ group?: tailwind_variants.ClassValue;
246
+ control?: tailwind_variants.ClassValue;
247
+ input?: tailwind_variants.ClassValue;
247
248
  menu?: tailwind_variants.ClassValue;
248
249
  option?: tailwind_variants.ClassValue;
249
- group?: tailwind_variants.ClassValue;
250
250
  placeholder?: tailwind_variants.ClassValue;
251
251
  clearIndicator?: tailwind_variants.ClassValue;
252
252
  control_focused?: tailwind_variants.ClassValue;
@@ -7,8 +7,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
7
7
  [key: string]: {
8
8
  [key: string]: tailwind_variants.ClassValue | {
9
9
  base?: tailwind_variants.ClassValue;
10
- label?: tailwind_variants.ClassValue;
11
10
  errorMessage?: tailwind_variants.ClassValue;
11
+ label?: tailwind_variants.ClassValue;
12
12
  wrapper?: tailwind_variants.ClassValue;
13
13
  endContent?: tailwind_variants.ClassValue;
14
14
  startContent?: tailwind_variants.ClassValue;
@@ -21,8 +21,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
21
21
  [x: string]: {
22
22
  [x: string]: tailwind_variants.ClassValue | {
23
23
  base?: tailwind_variants.ClassValue;
24
- label?: tailwind_variants.ClassValue;
25
24
  errorMessage?: tailwind_variants.ClassValue;
25
+ label?: tailwind_variants.ClassValue;
26
26
  wrapper?: tailwind_variants.ClassValue;
27
27
  endContent?: tailwind_variants.ClassValue;
28
28
  startContent?: tailwind_variants.ClassValue;
@@ -45,8 +45,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
45
45
  [key: string]: {
46
46
  [key: string]: tailwind_variants.ClassValue | {
47
47
  base?: tailwind_variants.ClassValue;
48
- label?: tailwind_variants.ClassValue;
49
48
  errorMessage?: tailwind_variants.ClassValue;
49
+ label?: tailwind_variants.ClassValue;
50
50
  wrapper?: tailwind_variants.ClassValue;
51
51
  endContent?: tailwind_variants.ClassValue;
52
52
  startContent?: tailwind_variants.ClassValue;
@@ -59,8 +59,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
59
59
  [key: string]: {
60
60
  [key: string]: tailwind_variants.ClassValue | {
61
61
  base?: tailwind_variants.ClassValue;
62
- label?: tailwind_variants.ClassValue;
63
62
  errorMessage?: tailwind_variants.ClassValue;
63
+ label?: tailwind_variants.ClassValue;
64
64
  wrapper?: tailwind_variants.ClassValue;
65
65
  endContent?: tailwind_variants.ClassValue;
66
66
  startContent?: tailwind_variants.ClassValue;
@@ -93,8 +93,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
93
93
  [key: string]: {
94
94
  [key: string]: tailwind_variants.ClassValue | {
95
95
  base?: tailwind_variants.ClassValue;
96
- label?: tailwind_variants.ClassValue;
97
96
  errorMessage?: tailwind_variants.ClassValue;
97
+ label?: tailwind_variants.ClassValue;
98
98
  wrapper?: tailwind_variants.ClassValue;
99
99
  endContent?: tailwind_variants.ClassValue;
100
100
  startContent?: tailwind_variants.ClassValue;