@fuf-stack/uniform 0.19.3 → 0.20.0
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.
- package/dist/CheckboxGroup/index.cjs +2 -2
- package/dist/CheckboxGroup/index.d.cts +4 -3
- package/dist/CheckboxGroup/index.d.ts +4 -3
- package/dist/CheckboxGroup/index.js +1 -1
- package/dist/CheckboxGroup-B_1mu8Xo.d.cts +280 -0
- package/dist/CheckboxGroup-B_1mu8Xo.d.ts +280 -0
- package/dist/RadioBoxes/index.d.cts +2 -2
- package/dist/RadioBoxes/index.d.ts +2 -2
- package/dist/RadioGroup/index.d.cts +2 -2
- package/dist/RadioGroup/index.d.ts +2 -2
- package/dist/{chunk-YLTKVPHE.cjs → chunk-NVSZYURK.cjs} +52 -23
- package/dist/chunk-NVSZYURK.cjs.map +1 -0
- package/dist/{chunk-BC6ZP7TF.js → chunk-OLPDYX6B.js} +54 -25
- package/dist/chunk-OLPDYX6B.js.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +1 -1
- package/package.json +4 -4
- package/dist/CheckboxGroup-Dh0YW4KV.d.cts +0 -132
- package/dist/CheckboxGroup-Dh0YW4KV.d.ts +0 -132
- package/dist/chunk-BC6ZP7TF.js.map +0 -1
- package/dist/chunk-YLTKVPHE.cjs.map +0 -1
- package/dist/{RadioBoxes-C61IRDCU.d.cts → RadioBoxes-BmJBBZVd.d.cts} +15 -15
- package/dist/{RadioBoxes-C61IRDCU.d.ts → RadioBoxes-BmJBBZVd.d.ts} +15 -15
- package/dist/{RadioGroup-C7I27oav.d.cts → RadioGroup-BJijfixt.d.cts} +15 -15
- package/dist/{RadioGroup-C7I27oav.d.ts → RadioGroup-BJijfixt.d.ts} +15 -15
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
|
-
import * as tailwind_variants from 'tailwind-variants';
|
|
4
|
-
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
5
|
-
|
|
6
|
-
declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
7
|
-
[key: string]: {
|
|
8
|
-
[key: string]: tailwind_variants.ClassValue | {
|
|
9
|
-
base?: tailwind_variants.ClassValue;
|
|
10
|
-
label?: tailwind_variants.ClassValue;
|
|
11
|
-
errorMessage?: tailwind_variants.ClassValue;
|
|
12
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
13
|
-
itemIcon?: tailwind_variants.ClassValue;
|
|
14
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
15
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
16
|
-
wrapper?: tailwind_variants.ClassValue;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
} | {
|
|
20
|
-
[x: string]: {
|
|
21
|
-
[x: string]: tailwind_variants.ClassValue | {
|
|
22
|
-
base?: tailwind_variants.ClassValue;
|
|
23
|
-
label?: tailwind_variants.ClassValue;
|
|
24
|
-
errorMessage?: tailwind_variants.ClassValue;
|
|
25
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
26
|
-
itemIcon?: tailwind_variants.ClassValue;
|
|
27
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
28
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
29
|
-
wrapper?: tailwind_variants.ClassValue;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
} | {}, {
|
|
33
|
-
base: string;
|
|
34
|
-
errorMessage: string;
|
|
35
|
-
itemBase: string;
|
|
36
|
-
itemIcon: string;
|
|
37
|
-
itemLabel: string;
|
|
38
|
-
itemWrapper: string;
|
|
39
|
-
label: string;
|
|
40
|
-
wrapper: string;
|
|
41
|
-
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
42
|
-
[key: string]: {
|
|
43
|
-
[key: string]: tailwind_variants.ClassValue | {
|
|
44
|
-
base?: tailwind_variants.ClassValue;
|
|
45
|
-
label?: tailwind_variants.ClassValue;
|
|
46
|
-
errorMessage?: tailwind_variants.ClassValue;
|
|
47
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
48
|
-
itemIcon?: tailwind_variants.ClassValue;
|
|
49
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
50
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
51
|
-
wrapper?: tailwind_variants.ClassValue;
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
} | {}>, {
|
|
55
|
-
[key: string]: {
|
|
56
|
-
[key: string]: tailwind_variants.ClassValue | {
|
|
57
|
-
base?: tailwind_variants.ClassValue;
|
|
58
|
-
label?: tailwind_variants.ClassValue;
|
|
59
|
-
errorMessage?: tailwind_variants.ClassValue;
|
|
60
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
61
|
-
itemIcon?: tailwind_variants.ClassValue;
|
|
62
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
63
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
64
|
-
wrapper?: tailwind_variants.ClassValue;
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
|
-
} | {}, {
|
|
68
|
-
base: string;
|
|
69
|
-
errorMessage: string;
|
|
70
|
-
itemBase: string;
|
|
71
|
-
itemIcon: string;
|
|
72
|
-
itemLabel: string;
|
|
73
|
-
itemWrapper: string;
|
|
74
|
-
label: string;
|
|
75
|
-
wrapper: string;
|
|
76
|
-
}, tailwind_variants.TVReturnType<unknown, {
|
|
77
|
-
base: string;
|
|
78
|
-
errorMessage: string;
|
|
79
|
-
itemBase: string;
|
|
80
|
-
itemIcon: string;
|
|
81
|
-
itemLabel: string;
|
|
82
|
-
itemWrapper: string;
|
|
83
|
-
label: string;
|
|
84
|
-
wrapper: string;
|
|
85
|
-
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
86
|
-
[key: string]: {
|
|
87
|
-
[key: string]: tailwind_variants.ClassValue | {
|
|
88
|
-
base?: tailwind_variants.ClassValue;
|
|
89
|
-
label?: tailwind_variants.ClassValue;
|
|
90
|
-
errorMessage?: tailwind_variants.ClassValue;
|
|
91
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
92
|
-
itemIcon?: tailwind_variants.ClassValue;
|
|
93
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
94
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
95
|
-
wrapper?: tailwind_variants.ClassValue;
|
|
96
|
-
};
|
|
97
|
-
};
|
|
98
|
-
} | {}>, unknown, unknown, undefined>>;
|
|
99
|
-
type VariantProps = TVProps<typeof checkboxGroupVariants>;
|
|
100
|
-
type ClassName = TVClassName<typeof checkboxGroupVariants>;
|
|
101
|
-
type CheckboxGroupOption = {
|
|
102
|
-
/** option label */
|
|
103
|
-
label?: React.ReactNode;
|
|
104
|
-
/** option value */
|
|
105
|
-
value: string;
|
|
106
|
-
/** disables the option */
|
|
107
|
-
disabled?: boolean;
|
|
108
|
-
/** HTML data-testid attribute of the option */
|
|
109
|
-
testId?: string;
|
|
110
|
-
};
|
|
111
|
-
interface CheckboxGroupProps extends VariantProps {
|
|
112
|
-
/** CSS class name. ClassName: string | { buttons?: string | { base?: string; active?: string }; base?: string;} */
|
|
113
|
-
className?: ClassName;
|
|
114
|
-
/** determines orientation of the boxes. */
|
|
115
|
-
inline?: boolean;
|
|
116
|
-
/** label displayed above the Checkboxes */
|
|
117
|
-
label?: React.ReactNode;
|
|
118
|
-
/** Name the Field is registered on the form. */
|
|
119
|
-
name: string;
|
|
120
|
-
/** Checkboxes that should be displayed. */
|
|
121
|
-
options: CheckboxGroupOption[];
|
|
122
|
-
/** sets all buttons disabled */
|
|
123
|
-
disabled?: boolean;
|
|
124
|
-
/** id for internal testing. */
|
|
125
|
-
testId?: string;
|
|
126
|
-
}
|
|
127
|
-
/**
|
|
128
|
-
* CheckboxGroup component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)
|
|
129
|
-
*/
|
|
130
|
-
declare const CheckboxGroup: ({ className, inline, label, options, disabled, name, testId: _testId, }: CheckboxGroupProps) => react_jsx_runtime.JSX.Element;
|
|
131
|
-
|
|
132
|
-
export { CheckboxGroup as C, type CheckboxGroupProps as a, type CheckboxGroupOption as b };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/CheckboxGroup/CheckboxGroup.tsx","../src/CheckboxGroup/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { FieldError } from 'react-hook-form';\n\nimport { Checkbox, CheckboxGroup as HeroCheckboxGroup } from '@heroui/checkbox';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const checkboxGroupVariants = tv({\n slots: {\n base: 'group', // Needs group for group-data condition\n errorMessage: 'text-tiny',\n itemBase: '',\n itemIcon: '',\n itemLabel: 'text-sm',\n itemWrapper: '',\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 },\n});\n\ntype VariantProps = TVProps<typeof checkboxGroupVariants>;\ntype ClassName = TVClassName<typeof checkboxGroupVariants>;\n\nexport type CheckboxGroupOption = {\n /** option label */\n label?: React.ReactNode;\n /** option value */\n value: string;\n /** disables the option */\n disabled?: boolean;\n /** HTML data-testid attribute of the option */\n testId?: string;\n};\n\nexport interface CheckboxGroupProps extends VariantProps {\n /** CSS class name. ClassName: string | { buttons?: string | { base?: string; active?: string }; base?: string;} */\n className?: ClassName;\n /** determines orientation of the boxes. */\n inline?: boolean;\n /** label displayed above the Checkboxes */\n label?: React.ReactNode;\n /** Name the Field is registered on the form. */\n name: string;\n /** Checkboxes that should be displayed. */\n options: CheckboxGroupOption[];\n /** sets all buttons disabled */\n disabled?: boolean;\n /** id for internal testing. */\n testId?: string;\n}\n\n/**\n * CheckboxGroup component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)\n */\nconst CheckboxGroup = ({\n className = undefined,\n inline = false,\n label = undefined,\n options,\n disabled = false,\n name,\n testId: _testId = undefined,\n}: CheckboxGroupProps) => {\n const { control, debugMode, getFieldState } = useFormContext();\n const {\n error: _error,\n invalid,\n required,\n testId,\n } = getFieldState(name, _testId);\n\n const { field } = useController({ control, name, disabled });\n const { onChange, value = [], ref, onBlur } = field;\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n const variants = checkboxGroupVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n const itemClassName = {\n base: classNames.itemBase,\n wrapper: classNames.itemWrapper,\n icon: classNames.itemIcon,\n label: classNames.itemLabel,\n };\n const itemGroupClassName = {\n base: classNames.base,\n wrapper: classNames.wrapper,\n label: classNames.label,\n };\n\n // Convert React Hook Form's nested error object structure to a flat array\n // RHF errors can be nested like: checkboxField.0 (individual checkbox errors)\n // and checkboxField._error (global field errors) - this flattens all\n // error values into a single array for rendering with FieldValidationError\n const errorFlat: FieldError[] =\n (_error &&\n Object.values(\n _error as unknown as Record<string, FieldError[]>,\n ).flat()) ||\n [];\n\n /**\n * Handles the checkbox group value changes based on the number of options:\n * 1. For single checkbox (options.length === 1):\n * - Converts undefined/empty array to [] for consistent controlled behavior\n * - Extracts single value from array for onChange\n *\n * Example: undefined → []\n * [value] → value\n *\n * 2. For multiple checkboxes:\n * - Uses raw value array with fallback to empty array\n * - Passes through onChange directly\n *\n * Example: undefined → []\n * ['value1', 'value2'] → ['value1', 'value2']\n */\n const getCheckboxValue = (inputValue: unknown): string[] => {\n if (Array.isArray(inputValue)) {\n return inputValue;\n }\n if (inputValue) {\n return [inputValue as string];\n }\n return [];\n };\n\n const singleCheckboxProps = {\n value: getCheckboxValue(value),\n onChange: (newValue: string[]) => onChange(newValue && newValue[0]),\n };\n\n const multipleCheckboxProps = {\n onChange,\n value: getCheckboxValue(value),\n };\n\n const checkboxGroupProps =\n options.length === 1 ? singleCheckboxProps : multipleCheckboxProps;\n\n return (\n <HeroCheckboxGroup\n name={name}\n classNames={itemGroupClassName}\n data-testid={testId}\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 errorMessage={\n errorFlat.length && (\n <FieldValidationError\n className={classNames.errorMessage}\n error={errorFlat}\n testId={testId}\n />\n )\n }\n isDisabled={disabled}\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 && <FieldCopyTestIdButton testId={testId} />}\n </label>\n )\n }\n onBlur={onBlur}\n orientation={inline ? 'horizontal' : 'vertical'}\n ref={ref}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...checkboxGroupProps}\n >\n {options?.map((option) => {\n const optionTestId = slugify(\n `${testId}_option_${option?.testId || option?.value}`,\n );\n return (\n <Checkbox\n data-invalid={invalid}\n classNames={itemClassName}\n key={`index_${option.value}`}\n isDisabled={disabled || option.disabled}\n value={option?.value}\n data-testid={optionTestId}\n >\n {option?.label}\n </Checkbox>\n );\n })}\n </HeroCheckboxGroup>\n );\n};\n\nexport default CheckboxGroup;\n","import CheckboxGroup from './CheckboxGroup';\n\nexport type { CheckboxGroupProps, CheckboxGroupOption } from './CheckboxGroup';\n\nexport { CheckboxGroup };\n\nexport default CheckboxGroup;\n"],"mappings":"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","names":["CheckboxGroup_default"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-YLTKVPHE.cjs","../src/CheckboxGroup/CheckboxGroup.tsx","../src/CheckboxGroup/index.ts"],"names":["CheckboxGroup_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-YLTKVPHE.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { FieldError } from 'react-hook-form';\n\nimport { Checkbox, CheckboxGroup as HeroCheckboxGroup } from '@heroui/checkbox';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const checkboxGroupVariants = tv({\n slots: {\n base: 'group', // Needs group for group-data condition\n errorMessage: 'text-tiny',\n itemBase: '',\n itemIcon: '',\n itemLabel: 'text-sm',\n itemWrapper: '',\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 },\n});\n\ntype VariantProps = TVProps<typeof checkboxGroupVariants>;\ntype ClassName = TVClassName<typeof checkboxGroupVariants>;\n\nexport type CheckboxGroupOption = {\n /** option label */\n label?: React.ReactNode;\n /** option value */\n value: string;\n /** disables the option */\n disabled?: boolean;\n /** HTML data-testid attribute of the option */\n testId?: string;\n};\n\nexport interface CheckboxGroupProps extends VariantProps {\n /** CSS class name. ClassName: string | { buttons?: string | { base?: string; active?: string }; base?: string;} */\n className?: ClassName;\n /** determines orientation of the boxes. */\n inline?: boolean;\n /** label displayed above the Checkboxes */\n label?: React.ReactNode;\n /** Name the Field is registered on the form. */\n name: string;\n /** Checkboxes that should be displayed. */\n options: CheckboxGroupOption[];\n /** sets all buttons disabled */\n disabled?: boolean;\n /** id for internal testing. */\n testId?: string;\n}\n\n/**\n * CheckboxGroup component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)\n */\nconst CheckboxGroup = ({\n className = undefined,\n inline = false,\n label = undefined,\n options,\n disabled = false,\n name,\n testId: _testId = undefined,\n}: CheckboxGroupProps) => {\n const { control, debugMode, getFieldState } = useFormContext();\n const {\n error: _error,\n invalid,\n required,\n testId,\n } = getFieldState(name, _testId);\n\n const { field } = useController({ control, name, disabled });\n const { onChange, value = [], ref, onBlur } = field;\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n const variants = checkboxGroupVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n const itemClassName = {\n base: classNames.itemBase,\n wrapper: classNames.itemWrapper,\n icon: classNames.itemIcon,\n label: classNames.itemLabel,\n };\n const itemGroupClassName = {\n base: classNames.base,\n wrapper: classNames.wrapper,\n label: classNames.label,\n };\n\n // Convert React Hook Form's nested error object structure to a flat array\n // RHF errors can be nested like: checkboxField.0 (individual checkbox errors)\n // and checkboxField._error (global field errors) - this flattens all\n // error values into a single array for rendering with FieldValidationError\n const errorFlat: FieldError[] =\n (_error &&\n Object.values(\n _error as unknown as Record<string, FieldError[]>,\n ).flat()) ||\n [];\n\n /**\n * Handles the checkbox group value changes based on the number of options:\n * 1. For single checkbox (options.length === 1):\n * - Converts undefined/empty array to [] for consistent controlled behavior\n * - Extracts single value from array for onChange\n *\n * Example: undefined → []\n * [value] → value\n *\n * 2. For multiple checkboxes:\n * - Uses raw value array with fallback to empty array\n * - Passes through onChange directly\n *\n * Example: undefined → []\n * ['value1', 'value2'] → ['value1', 'value2']\n */\n const getCheckboxValue = (inputValue: unknown): string[] => {\n if (Array.isArray(inputValue)) {\n return inputValue;\n }\n if (inputValue) {\n return [inputValue as string];\n }\n return [];\n };\n\n const singleCheckboxProps = {\n value: getCheckboxValue(value),\n onChange: (newValue: string[]) => onChange(newValue && newValue[0]),\n };\n\n const multipleCheckboxProps = {\n onChange,\n value: getCheckboxValue(value),\n };\n\n const checkboxGroupProps =\n options.length === 1 ? singleCheckboxProps : multipleCheckboxProps;\n\n return (\n <HeroCheckboxGroup\n name={name}\n classNames={itemGroupClassName}\n data-testid={testId}\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 errorMessage={\n errorFlat.length && (\n <FieldValidationError\n className={classNames.errorMessage}\n error={errorFlat}\n testId={testId}\n />\n )\n }\n isDisabled={disabled}\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 && <FieldCopyTestIdButton testId={testId} />}\n </label>\n )\n }\n onBlur={onBlur}\n orientation={inline ? 'horizontal' : 'vertical'}\n ref={ref}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...checkboxGroupProps}\n >\n {options?.map((option) => {\n const optionTestId = slugify(\n `${testId}_option_${option?.testId || option?.value}`,\n );\n return (\n <Checkbox\n data-invalid={invalid}\n classNames={itemClassName}\n key={`index_${option.value}`}\n isDisabled={disabled || option.disabled}\n value={option?.value}\n data-testid={optionTestId}\n >\n {option?.label}\n </Checkbox>\n );\n })}\n </HeroCheckboxGroup>\n );\n};\n\nexport default CheckboxGroup;\n","import CheckboxGroup from './CheckboxGroup';\n\nexport type { CheckboxGroupProps, CheckboxGroupOption } from './CheckboxGroup';\n\nexport { CheckboxGroup };\n\nexport default CheckboxGroup;\n"]}
|
|
@@ -8,13 +8,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
8
8
|
[key: string]: tailwind_variants.ClassValue | {
|
|
9
9
|
base?: tailwind_variants.ClassValue;
|
|
10
10
|
label?: tailwind_variants.ClassValue;
|
|
11
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
12
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
13
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
11
|
wrapper?: tailwind_variants.ClassValue;
|
|
12
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
15
13
|
itemControl?: tailwind_variants.ClassValue;
|
|
16
14
|
itemDescription?: tailwind_variants.ClassValue;
|
|
15
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
17
16
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
17
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
} | {
|
|
@@ -22,13 +22,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
22
22
|
[x: string]: tailwind_variants.ClassValue | {
|
|
23
23
|
base?: tailwind_variants.ClassValue;
|
|
24
24
|
label?: tailwind_variants.ClassValue;
|
|
25
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
26
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
27
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
28
25
|
wrapper?: tailwind_variants.ClassValue;
|
|
26
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
29
27
|
itemControl?: tailwind_variants.ClassValue;
|
|
30
28
|
itemDescription?: tailwind_variants.ClassValue;
|
|
29
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
31
30
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
31
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
} | {}, {
|
|
@@ -46,13 +46,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
46
46
|
[key: string]: tailwind_variants.ClassValue | {
|
|
47
47
|
base?: tailwind_variants.ClassValue;
|
|
48
48
|
label?: tailwind_variants.ClassValue;
|
|
49
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
50
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
51
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
52
49
|
wrapper?: tailwind_variants.ClassValue;
|
|
50
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
53
51
|
itemControl?: tailwind_variants.ClassValue;
|
|
54
52
|
itemDescription?: tailwind_variants.ClassValue;
|
|
53
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
55
54
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
55
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
58
|
} | {}>, {
|
|
@@ -60,13 +60,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
60
60
|
[key: string]: tailwind_variants.ClassValue | {
|
|
61
61
|
base?: tailwind_variants.ClassValue;
|
|
62
62
|
label?: tailwind_variants.ClassValue;
|
|
63
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
64
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
65
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
66
63
|
wrapper?: tailwind_variants.ClassValue;
|
|
64
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
67
65
|
itemControl?: tailwind_variants.ClassValue;
|
|
68
66
|
itemDescription?: tailwind_variants.ClassValue;
|
|
67
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
69
68
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
69
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
72
|
} | {}, {
|
|
@@ -94,13 +94,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
94
94
|
[key: string]: tailwind_variants.ClassValue | {
|
|
95
95
|
base?: tailwind_variants.ClassValue;
|
|
96
96
|
label?: tailwind_variants.ClassValue;
|
|
97
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
98
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
99
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
100
97
|
wrapper?: tailwind_variants.ClassValue;
|
|
98
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
101
99
|
itemControl?: tailwind_variants.ClassValue;
|
|
102
100
|
itemDescription?: tailwind_variants.ClassValue;
|
|
101
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
103
102
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
103
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
104
104
|
};
|
|
105
105
|
};
|
|
106
106
|
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -8,13 +8,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
8
8
|
[key: string]: tailwind_variants.ClassValue | {
|
|
9
9
|
base?: tailwind_variants.ClassValue;
|
|
10
10
|
label?: tailwind_variants.ClassValue;
|
|
11
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
12
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
13
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
11
|
wrapper?: tailwind_variants.ClassValue;
|
|
12
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
15
13
|
itemControl?: tailwind_variants.ClassValue;
|
|
16
14
|
itemDescription?: tailwind_variants.ClassValue;
|
|
15
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
17
16
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
17
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
} | {
|
|
@@ -22,13 +22,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
22
22
|
[x: string]: tailwind_variants.ClassValue | {
|
|
23
23
|
base?: tailwind_variants.ClassValue;
|
|
24
24
|
label?: tailwind_variants.ClassValue;
|
|
25
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
26
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
27
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
28
25
|
wrapper?: tailwind_variants.ClassValue;
|
|
26
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
29
27
|
itemControl?: tailwind_variants.ClassValue;
|
|
30
28
|
itemDescription?: tailwind_variants.ClassValue;
|
|
29
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
31
30
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
31
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
} | {}, {
|
|
@@ -46,13 +46,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
46
46
|
[key: string]: tailwind_variants.ClassValue | {
|
|
47
47
|
base?: tailwind_variants.ClassValue;
|
|
48
48
|
label?: tailwind_variants.ClassValue;
|
|
49
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
50
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
51
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
52
49
|
wrapper?: tailwind_variants.ClassValue;
|
|
50
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
53
51
|
itemControl?: tailwind_variants.ClassValue;
|
|
54
52
|
itemDescription?: tailwind_variants.ClassValue;
|
|
53
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
55
54
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
55
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
58
|
} | {}>, {
|
|
@@ -60,13 +60,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
60
60
|
[key: string]: tailwind_variants.ClassValue | {
|
|
61
61
|
base?: tailwind_variants.ClassValue;
|
|
62
62
|
label?: tailwind_variants.ClassValue;
|
|
63
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
64
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
65
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
66
63
|
wrapper?: tailwind_variants.ClassValue;
|
|
64
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
67
65
|
itemControl?: tailwind_variants.ClassValue;
|
|
68
66
|
itemDescription?: tailwind_variants.ClassValue;
|
|
67
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
69
68
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
69
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
72
|
} | {}, {
|
|
@@ -94,13 +94,13 @@ declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
|
94
94
|
[key: string]: tailwind_variants.ClassValue | {
|
|
95
95
|
base?: tailwind_variants.ClassValue;
|
|
96
96
|
label?: tailwind_variants.ClassValue;
|
|
97
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
98
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
99
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
100
97
|
wrapper?: tailwind_variants.ClassValue;
|
|
98
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
101
99
|
itemControl?: tailwind_variants.ClassValue;
|
|
102
100
|
itemDescription?: tailwind_variants.ClassValue;
|
|
101
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
103
102
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
103
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
104
104
|
};
|
|
105
105
|
};
|
|
106
106
|
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -8,13 +8,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
8
8
|
[key: string]: tailwind_variants.ClassValue | {
|
|
9
9
|
base?: tailwind_variants.ClassValue;
|
|
10
10
|
label?: tailwind_variants.ClassValue;
|
|
11
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
12
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
13
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
11
|
wrapper?: tailwind_variants.ClassValue;
|
|
12
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
15
13
|
itemControl?: tailwind_variants.ClassValue;
|
|
16
14
|
itemDescription?: tailwind_variants.ClassValue;
|
|
15
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
17
16
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
17
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
} | {
|
|
@@ -22,13 +22,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
22
22
|
[x: string]: tailwind_variants.ClassValue | {
|
|
23
23
|
base?: tailwind_variants.ClassValue;
|
|
24
24
|
label?: tailwind_variants.ClassValue;
|
|
25
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
26
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
27
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
28
25
|
wrapper?: tailwind_variants.ClassValue;
|
|
26
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
29
27
|
itemControl?: tailwind_variants.ClassValue;
|
|
30
28
|
itemDescription?: tailwind_variants.ClassValue;
|
|
29
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
31
30
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
31
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
} | {}, {
|
|
@@ -46,13 +46,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
46
46
|
[key: string]: tailwind_variants.ClassValue | {
|
|
47
47
|
base?: tailwind_variants.ClassValue;
|
|
48
48
|
label?: tailwind_variants.ClassValue;
|
|
49
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
50
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
51
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
52
49
|
wrapper?: tailwind_variants.ClassValue;
|
|
50
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
53
51
|
itemControl?: tailwind_variants.ClassValue;
|
|
54
52
|
itemDescription?: tailwind_variants.ClassValue;
|
|
53
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
55
54
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
55
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
58
|
} | {}>, {
|
|
@@ -60,13 +60,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
60
60
|
[key: string]: tailwind_variants.ClassValue | {
|
|
61
61
|
base?: tailwind_variants.ClassValue;
|
|
62
62
|
label?: tailwind_variants.ClassValue;
|
|
63
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
64
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
65
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
66
63
|
wrapper?: tailwind_variants.ClassValue;
|
|
64
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
67
65
|
itemControl?: tailwind_variants.ClassValue;
|
|
68
66
|
itemDescription?: tailwind_variants.ClassValue;
|
|
67
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
69
68
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
69
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
72
|
} | {}, {
|
|
@@ -94,13 +94,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
94
94
|
[key: string]: tailwind_variants.ClassValue | {
|
|
95
95
|
base?: tailwind_variants.ClassValue;
|
|
96
96
|
label?: tailwind_variants.ClassValue;
|
|
97
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
98
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
99
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
100
97
|
wrapper?: tailwind_variants.ClassValue;
|
|
98
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
101
99
|
itemControl?: tailwind_variants.ClassValue;
|
|
102
100
|
itemDescription?: tailwind_variants.ClassValue;
|
|
101
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
103
102
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
103
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
104
104
|
};
|
|
105
105
|
};
|
|
106
106
|
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -8,13 +8,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
8
8
|
[key: string]: tailwind_variants.ClassValue | {
|
|
9
9
|
base?: tailwind_variants.ClassValue;
|
|
10
10
|
label?: tailwind_variants.ClassValue;
|
|
11
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
12
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
13
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
11
|
wrapper?: tailwind_variants.ClassValue;
|
|
12
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
15
13
|
itemControl?: tailwind_variants.ClassValue;
|
|
16
14
|
itemDescription?: tailwind_variants.ClassValue;
|
|
15
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
17
16
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
17
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
} | {
|
|
@@ -22,13 +22,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
22
22
|
[x: string]: tailwind_variants.ClassValue | {
|
|
23
23
|
base?: tailwind_variants.ClassValue;
|
|
24
24
|
label?: tailwind_variants.ClassValue;
|
|
25
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
26
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
27
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
28
25
|
wrapper?: tailwind_variants.ClassValue;
|
|
26
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
29
27
|
itemControl?: tailwind_variants.ClassValue;
|
|
30
28
|
itemDescription?: tailwind_variants.ClassValue;
|
|
29
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
31
30
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
31
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
} | {}, {
|
|
@@ -46,13 +46,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
46
46
|
[key: string]: tailwind_variants.ClassValue | {
|
|
47
47
|
base?: tailwind_variants.ClassValue;
|
|
48
48
|
label?: tailwind_variants.ClassValue;
|
|
49
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
50
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
51
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
52
49
|
wrapper?: tailwind_variants.ClassValue;
|
|
50
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
53
51
|
itemControl?: tailwind_variants.ClassValue;
|
|
54
52
|
itemDescription?: tailwind_variants.ClassValue;
|
|
53
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
55
54
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
55
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
58
|
} | {}>, {
|
|
@@ -60,13 +60,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
60
60
|
[key: string]: tailwind_variants.ClassValue | {
|
|
61
61
|
base?: tailwind_variants.ClassValue;
|
|
62
62
|
label?: tailwind_variants.ClassValue;
|
|
63
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
64
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
65
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
66
63
|
wrapper?: tailwind_variants.ClassValue;
|
|
64
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
67
65
|
itemControl?: tailwind_variants.ClassValue;
|
|
68
66
|
itemDescription?: tailwind_variants.ClassValue;
|
|
67
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
69
68
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
69
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
72
|
} | {}, {
|
|
@@ -94,13 +94,13 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
94
94
|
[key: string]: tailwind_variants.ClassValue | {
|
|
95
95
|
base?: tailwind_variants.ClassValue;
|
|
96
96
|
label?: tailwind_variants.ClassValue;
|
|
97
|
-
itemBase?: tailwind_variants.ClassValue;
|
|
98
|
-
itemLabel?: tailwind_variants.ClassValue;
|
|
99
|
-
itemWrapper?: tailwind_variants.ClassValue;
|
|
100
97
|
wrapper?: tailwind_variants.ClassValue;
|
|
98
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
101
99
|
itemControl?: tailwind_variants.ClassValue;
|
|
102
100
|
itemDescription?: tailwind_variants.ClassValue;
|
|
101
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
103
102
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
103
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
104
104
|
};
|
|
105
105
|
};
|
|
106
106
|
} | {}>, unknown, unknown, undefined>>;
|