@fuf-stack/uniform 0.16.10 → 0.16.11
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.d.cts +2 -2
- package/dist/CheckboxGroup/index.d.ts +2 -2
- package/dist/RadioBoxes/index.cjs +15 -0
- package/dist/RadioBoxes/index.cjs.map +1 -0
- package/dist/RadioBoxes/index.d.cts +10 -0
- package/dist/RadioBoxes/index.d.ts +10 -0
- package/dist/RadioBoxes/index.js +15 -0
- package/dist/RadioBoxes/index.js.map +1 -0
- package/dist/RadioBoxes-C61IRDCU.d.cts +144 -0
- package/dist/RadioBoxes-C61IRDCU.d.ts +144 -0
- package/dist/RadioGroup/index.cjs +2 -2
- package/dist/RadioGroup/index.d.cts +2 -3
- package/dist/RadioGroup/index.d.ts +2 -3
- package/dist/RadioGroup/index.js +1 -1
- package/dist/{RadioGroup-Kmz3UY4g.d.cts → RadioGroup-Bu1tlWSX.d.cts} +8 -67
- package/dist/{RadioGroup-Kmz3UY4g.d.ts → RadioGroup-Bu1tlWSX.d.ts} +8 -67
- package/dist/RadioTabs/index.cjs +15 -0
- package/dist/RadioTabs/index.cjs.map +1 -0
- package/dist/RadioTabs/index.d.cts +12 -0
- package/dist/RadioTabs/index.d.ts +12 -0
- package/dist/RadioTabs/index.js +15 -0
- package/dist/RadioTabs/index.js.map +1 -0
- package/dist/RadioTabs-2kYDEVCo.d.cts +129 -0
- package/dist/RadioTabs-2kYDEVCo.d.ts +129 -0
- package/dist/Select/index.d.cts +2 -2
- package/dist/Select/index.d.ts +2 -2
- package/dist/Switch/index.d.cts +2 -2
- package/dist/Switch/index.d.ts +2 -2
- package/dist/{chunk-AINICJHT.cjs → chunk-CTNGD5ZB.cjs} +37 -140
- package/dist/chunk-CTNGD5ZB.cjs.map +1 -0
- package/dist/{chunk-XUXFZVOW.js → chunk-KKWLPRW3.js} +44 -147
- package/dist/chunk-KKWLPRW3.js.map +1 -0
- package/dist/chunk-MCQX3UZP.js +105 -0
- package/dist/chunk-MCQX3UZP.js.map +1 -0
- package/dist/chunk-PWTQZCI6.js +121 -0
- package/dist/chunk-PWTQZCI6.js.map +1 -0
- package/dist/chunk-TY4YVLKV.cjs +105 -0
- package/dist/chunk-TY4YVLKV.cjs.map +1 -0
- package/dist/chunk-WLIVQDPW.cjs +121 -0
- package/dist/chunk-WLIVQDPW.cjs.map +1 -0
- package/dist/index.cjs +10 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +7 -5
- package/dist/index.d.ts +7 -5
- package/dist/index.js +10 -2
- package/package.json +17 -7
- package/dist/chunk-AINICJHT.cjs.map +0 -1
- package/dist/chunk-XUXFZVOW.js.map +0 -1
- package/dist/{CheckboxGroup-Vb8_kKyX.d.cts → CheckboxGroup-fAdey3Td.d.cts} +5 -5
- package/dist/{CheckboxGroup-Vb8_kKyX.d.ts → CheckboxGroup-fAdey3Td.d.ts} +5 -5
- package/dist/{Select-D2Tn4xBh.d.cts → Select-JRwrSDew.d.cts} +15 -15
- package/dist/{Select-D2Tn4xBh.d.ts → Select-JRwrSDew.d.ts} +15 -15
- package/dist/{Switch-C1H8Kyu7.d.cts → Switch-CLs964dL.d.cts} +5 -5
- package/dist/{Switch-C1H8Kyu7.d.ts → Switch-CLs964dL.d.ts} +5 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as CheckboxGroup } from '../CheckboxGroup-
|
|
2
|
-
export { b as CheckboxGroupOption, a as CheckboxGroupProps } from '../CheckboxGroup-
|
|
1
|
+
import { C as CheckboxGroup } from '../CheckboxGroup-fAdey3Td.cjs';
|
|
2
|
+
export { b as CheckboxGroupOption, a as CheckboxGroupProps } from '../CheckboxGroup-fAdey3Td.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as CheckboxGroup } from '../CheckboxGroup-
|
|
2
|
-
export { b as CheckboxGroupOption, a as CheckboxGroupProps } from '../CheckboxGroup-
|
|
1
|
+
import { C as CheckboxGroup } from '../CheckboxGroup-fAdey3Td.js';
|
|
2
|
+
export { b as CheckboxGroupOption, a as CheckboxGroupProps } from '../CheckboxGroup-fAdey3Td.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkCTNGD5ZBcjs = require('../chunk-CTNGD5ZB.cjs');
|
|
5
|
+
require('../chunk-EPYFZXEI.cjs');
|
|
6
|
+
require('../chunk-JU5RT22Y.cjs');
|
|
7
|
+
require('../chunk-OE5IW4ZG.cjs');
|
|
8
|
+
require('../chunk-IUVEFLF3.cjs');
|
|
9
|
+
require('../chunk-CESGUF6F.cjs');
|
|
10
|
+
require('../chunk-4DAZAO6Y.cjs');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
exports.RadioBoxes = _chunkCTNGD5ZBcjs.RadioBoxes_default; exports.default = _chunkCTNGD5ZBcjs.RadioBoxes_default2;
|
|
15
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/RadioBoxes/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,mHAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/RadioBoxes/index.cjs"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { R as RadioBoxes } from '../RadioBoxes-C61IRDCU.cjs';
|
|
2
|
+
export { a as RadioBoxesProps } from '../RadioBoxes-C61IRDCU.cjs';
|
|
3
|
+
import 'tailwind-variants/dist/config.js';
|
|
4
|
+
import 'tailwind-variants';
|
|
5
|
+
import '@fuf-stack/pixel-utils';
|
|
6
|
+
import 'react';
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
export { RadioBoxes, RadioBoxes as default };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { R as RadioBoxes } from '../RadioBoxes-C61IRDCU.js';
|
|
2
|
+
export { a as RadioBoxesProps } from '../RadioBoxes-C61IRDCU.js';
|
|
3
|
+
import 'tailwind-variants/dist/config.js';
|
|
4
|
+
import 'tailwind-variants';
|
|
5
|
+
import '@fuf-stack/pixel-utils';
|
|
6
|
+
import 'react';
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
export { RadioBoxes, RadioBoxes as default };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import {
|
|
2
|
+
RadioBoxes_default,
|
|
3
|
+
RadioBoxes_default2
|
|
4
|
+
} from "../chunk-KKWLPRW3.js";
|
|
5
|
+
import "../chunk-AT2VVPRD.js";
|
|
6
|
+
import "../chunk-2CRY7VDQ.js";
|
|
7
|
+
import "../chunk-ASPOGQPS.js";
|
|
8
|
+
import "../chunk-T4N6TMUL.js";
|
|
9
|
+
import "../chunk-UAV6PVB4.js";
|
|
10
|
+
import "../chunk-CRTRMMJ7.js";
|
|
11
|
+
export {
|
|
12
|
+
RadioBoxes_default as RadioBoxes,
|
|
13
|
+
RadioBoxes_default2 as default
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
2
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
3
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
4
|
+
import { ReactNode, ReactElement } from 'react';
|
|
5
|
+
|
|
6
|
+
declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
7
|
+
[key: string]: {
|
|
8
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
9
|
+
base?: tailwind_variants.ClassValue;
|
|
10
|
+
label?: tailwind_variants.ClassValue;
|
|
11
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
12
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
13
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
15
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
16
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
17
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
} | {
|
|
21
|
+
[x: string]: {
|
|
22
|
+
[x: string]: tailwind_variants.ClassValue | {
|
|
23
|
+
base?: tailwind_variants.ClassValue;
|
|
24
|
+
label?: tailwind_variants.ClassValue;
|
|
25
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
26
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
27
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
28
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
29
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
30
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
31
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
} | {}, {
|
|
35
|
+
base: string;
|
|
36
|
+
itemBase: string;
|
|
37
|
+
itemControl: string;
|
|
38
|
+
itemDescription: string;
|
|
39
|
+
itemLabel: string;
|
|
40
|
+
itemLabelWrapper: string;
|
|
41
|
+
itemWrapper: string;
|
|
42
|
+
label: string;
|
|
43
|
+
wrapper: string;
|
|
44
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
45
|
+
[key: string]: {
|
|
46
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
47
|
+
base?: tailwind_variants.ClassValue;
|
|
48
|
+
label?: tailwind_variants.ClassValue;
|
|
49
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
50
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
51
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
52
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
53
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
54
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
55
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
} | {}>, {
|
|
59
|
+
[key: string]: {
|
|
60
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
61
|
+
base?: tailwind_variants.ClassValue;
|
|
62
|
+
label?: tailwind_variants.ClassValue;
|
|
63
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
64
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
65
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
66
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
67
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
68
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
69
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
} | {}, {
|
|
73
|
+
base: string;
|
|
74
|
+
itemBase: string;
|
|
75
|
+
itemControl: string;
|
|
76
|
+
itemDescription: string;
|
|
77
|
+
itemLabel: string;
|
|
78
|
+
itemLabelWrapper: string;
|
|
79
|
+
itemWrapper: string;
|
|
80
|
+
label: string;
|
|
81
|
+
wrapper: string;
|
|
82
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
83
|
+
base: string;
|
|
84
|
+
itemBase: string;
|
|
85
|
+
itemControl: string;
|
|
86
|
+
itemDescription: string;
|
|
87
|
+
itemLabel: string;
|
|
88
|
+
itemLabelWrapper: string;
|
|
89
|
+
itemWrapper: string;
|
|
90
|
+
label: string;
|
|
91
|
+
wrapper: string;
|
|
92
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
93
|
+
[key: string]: {
|
|
94
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
95
|
+
base?: tailwind_variants.ClassValue;
|
|
96
|
+
label?: tailwind_variants.ClassValue;
|
|
97
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
98
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
99
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
100
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
101
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
102
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
103
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
107
|
+
type VariantProps = TVProps<typeof radioBoxesVariants>;
|
|
108
|
+
type ClassName = TVClassName<typeof radioBoxesVariants>;
|
|
109
|
+
interface RadioBoxesOption {
|
|
110
|
+
/** Description of the value. Works with variant radioBox. */
|
|
111
|
+
description?: ReactNode;
|
|
112
|
+
/** disables the option */
|
|
113
|
+
disabled?: boolean;
|
|
114
|
+
/** option label */
|
|
115
|
+
label?: ReactNode;
|
|
116
|
+
/** option icon */
|
|
117
|
+
icon?: ReactNode;
|
|
118
|
+
/** HTML data-testid attribute of the option */
|
|
119
|
+
testId?: string;
|
|
120
|
+
/** option value */
|
|
121
|
+
value: string;
|
|
122
|
+
}
|
|
123
|
+
interface RadioBoxesProps extends VariantProps {
|
|
124
|
+
/** CSS class name */
|
|
125
|
+
className?: ClassName;
|
|
126
|
+
/** Determines if the Buttons are disabled or not. */
|
|
127
|
+
disabled?: boolean;
|
|
128
|
+
/** determines orientation of the Buttons. */
|
|
129
|
+
inline?: boolean;
|
|
130
|
+
/** Label displayed next to the RadioButton. */
|
|
131
|
+
label?: ReactNode;
|
|
132
|
+
/** Name the RadioButtons are registered at in HTML forms (react-hook-form). */
|
|
133
|
+
name: string;
|
|
134
|
+
/** Radio button configuration. */
|
|
135
|
+
options: RadioBoxesOption[];
|
|
136
|
+
/** Id to grab element in internal tests. */
|
|
137
|
+
testId?: string;
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* RadioBoxes component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
|
|
141
|
+
*/
|
|
142
|
+
declare const RadioBoxes: ({ className, disabled, inline, label, name, options, testId: _testId, }: RadioBoxesProps) => ReactElement;
|
|
143
|
+
|
|
144
|
+
export { RadioBoxes as R, type RadioBoxesProps as a };
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
2
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
3
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
4
|
+
import { ReactNode, ReactElement } from 'react';
|
|
5
|
+
|
|
6
|
+
declare const radioBoxesVariants: tailwind_variants.TVReturnType<{
|
|
7
|
+
[key: string]: {
|
|
8
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
9
|
+
base?: tailwind_variants.ClassValue;
|
|
10
|
+
label?: tailwind_variants.ClassValue;
|
|
11
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
12
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
13
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
15
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
16
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
17
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
} | {
|
|
21
|
+
[x: string]: {
|
|
22
|
+
[x: string]: tailwind_variants.ClassValue | {
|
|
23
|
+
base?: tailwind_variants.ClassValue;
|
|
24
|
+
label?: tailwind_variants.ClassValue;
|
|
25
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
26
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
27
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
28
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
29
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
30
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
31
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
} | {}, {
|
|
35
|
+
base: string;
|
|
36
|
+
itemBase: string;
|
|
37
|
+
itemControl: string;
|
|
38
|
+
itemDescription: string;
|
|
39
|
+
itemLabel: string;
|
|
40
|
+
itemLabelWrapper: string;
|
|
41
|
+
itemWrapper: string;
|
|
42
|
+
label: string;
|
|
43
|
+
wrapper: string;
|
|
44
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
45
|
+
[key: string]: {
|
|
46
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
47
|
+
base?: tailwind_variants.ClassValue;
|
|
48
|
+
label?: tailwind_variants.ClassValue;
|
|
49
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
50
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
51
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
52
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
53
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
54
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
55
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
} | {}>, {
|
|
59
|
+
[key: string]: {
|
|
60
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
61
|
+
base?: tailwind_variants.ClassValue;
|
|
62
|
+
label?: tailwind_variants.ClassValue;
|
|
63
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
64
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
65
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
66
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
67
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
68
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
69
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
} | {}, {
|
|
73
|
+
base: string;
|
|
74
|
+
itemBase: string;
|
|
75
|
+
itemControl: string;
|
|
76
|
+
itemDescription: string;
|
|
77
|
+
itemLabel: string;
|
|
78
|
+
itemLabelWrapper: string;
|
|
79
|
+
itemWrapper: string;
|
|
80
|
+
label: string;
|
|
81
|
+
wrapper: string;
|
|
82
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
83
|
+
base: string;
|
|
84
|
+
itemBase: string;
|
|
85
|
+
itemControl: string;
|
|
86
|
+
itemDescription: string;
|
|
87
|
+
itemLabel: string;
|
|
88
|
+
itemLabelWrapper: string;
|
|
89
|
+
itemWrapper: string;
|
|
90
|
+
label: string;
|
|
91
|
+
wrapper: string;
|
|
92
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
93
|
+
[key: string]: {
|
|
94
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
95
|
+
base?: tailwind_variants.ClassValue;
|
|
96
|
+
label?: tailwind_variants.ClassValue;
|
|
97
|
+
itemBase?: tailwind_variants.ClassValue;
|
|
98
|
+
itemLabel?: tailwind_variants.ClassValue;
|
|
99
|
+
itemWrapper?: tailwind_variants.ClassValue;
|
|
100
|
+
wrapper?: tailwind_variants.ClassValue;
|
|
101
|
+
itemControl?: tailwind_variants.ClassValue;
|
|
102
|
+
itemDescription?: tailwind_variants.ClassValue;
|
|
103
|
+
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
107
|
+
type VariantProps = TVProps<typeof radioBoxesVariants>;
|
|
108
|
+
type ClassName = TVClassName<typeof radioBoxesVariants>;
|
|
109
|
+
interface RadioBoxesOption {
|
|
110
|
+
/** Description of the value. Works with variant radioBox. */
|
|
111
|
+
description?: ReactNode;
|
|
112
|
+
/** disables the option */
|
|
113
|
+
disabled?: boolean;
|
|
114
|
+
/** option label */
|
|
115
|
+
label?: ReactNode;
|
|
116
|
+
/** option icon */
|
|
117
|
+
icon?: ReactNode;
|
|
118
|
+
/** HTML data-testid attribute of the option */
|
|
119
|
+
testId?: string;
|
|
120
|
+
/** option value */
|
|
121
|
+
value: string;
|
|
122
|
+
}
|
|
123
|
+
interface RadioBoxesProps extends VariantProps {
|
|
124
|
+
/** CSS class name */
|
|
125
|
+
className?: ClassName;
|
|
126
|
+
/** Determines if the Buttons are disabled or not. */
|
|
127
|
+
disabled?: boolean;
|
|
128
|
+
/** determines orientation of the Buttons. */
|
|
129
|
+
inline?: boolean;
|
|
130
|
+
/** Label displayed next to the RadioButton. */
|
|
131
|
+
label?: ReactNode;
|
|
132
|
+
/** Name the RadioButtons are registered at in HTML forms (react-hook-form). */
|
|
133
|
+
name: string;
|
|
134
|
+
/** Radio button configuration. */
|
|
135
|
+
options: RadioBoxesOption[];
|
|
136
|
+
/** Id to grab element in internal tests. */
|
|
137
|
+
testId?: string;
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* RadioBoxes component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
|
|
141
|
+
*/
|
|
142
|
+
declare const RadioBoxes: ({ className, disabled, inline, label, name, options, testId: _testId, }: RadioBoxesProps) => ReactElement;
|
|
143
|
+
|
|
144
|
+
export { RadioBoxes as R, type RadioBoxesProps as a };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkWLIVQDPWcjs = require('../chunk-WLIVQDPW.cjs');
|
|
5
5
|
require('../chunk-EPYFZXEI.cjs');
|
|
6
6
|
require('../chunk-JU5RT22Y.cjs');
|
|
7
7
|
require('../chunk-OE5IW4ZG.cjs');
|
|
@@ -11,5 +11,5 @@ require('../chunk-4DAZAO6Y.cjs');
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
exports.RadioGroup =
|
|
14
|
+
exports.RadioGroup = _chunkWLIVQDPWcjs.RadioGroup_default; exports.default = _chunkWLIVQDPWcjs.RadioGroup_default2;
|
|
15
15
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { R as RadioGroup } from '../RadioGroup-
|
|
2
|
-
export { a as RadioGroupProps } from '../RadioGroup-
|
|
1
|
+
import { R as RadioGroup } from '../RadioGroup-Bu1tlWSX.cjs';
|
|
2
|
+
export { a as RadioGroupProps } from '../RadioGroup-Bu1tlWSX.cjs';
|
|
3
3
|
import 'tailwind-variants/dist/config.js';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import '@fuf-stack/pixel-utils';
|
|
6
|
-
import '@fuf-stack/pixels/Tabs';
|
|
7
6
|
import 'react';
|
|
8
7
|
|
|
9
8
|
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { R as RadioGroup } from '../RadioGroup-
|
|
2
|
-
export { a as RadioGroupProps } from '../RadioGroup-
|
|
1
|
+
import { R as RadioGroup } from '../RadioGroup-Bu1tlWSX.js';
|
|
2
|
+
export { a as RadioGroupProps } from '../RadioGroup-Bu1tlWSX.js';
|
|
3
3
|
import 'tailwind-variants/dist/config.js';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import '@fuf-stack/pixel-utils';
|
|
6
|
-
import '@fuf-stack/pixels/Tabs';
|
|
7
6
|
import 'react';
|
|
8
7
|
|
|
9
8
|
|
package/dist/RadioGroup/index.js
CHANGED
|
@@ -1,25 +1,17 @@
|
|
|
1
1
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
2
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
3
3
|
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
4
|
-
import { TabProps } from '@fuf-stack/pixels/Tabs';
|
|
5
4
|
import { ReactNode, ReactElement } from 'react';
|
|
6
5
|
|
|
7
6
|
declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
8
7
|
[key: string]: {
|
|
9
8
|
[key: string]: tailwind_variants.ClassValue | {
|
|
10
9
|
base?: tailwind_variants.ClassValue;
|
|
10
|
+
label?: tailwind_variants.ClassValue;
|
|
11
11
|
itemBase?: tailwind_variants.ClassValue;
|
|
12
12
|
itemLabel?: tailwind_variants.ClassValue;
|
|
13
13
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
|
-
label?: tailwind_variants.ClassValue;
|
|
15
14
|
wrapper?: tailwind_variants.ClassValue;
|
|
16
|
-
tab?: tailwind_variants.ClassValue;
|
|
17
|
-
cursor?: tailwind_variants.ClassValue;
|
|
18
|
-
panel?: tailwind_variants.ClassValue;
|
|
19
|
-
tabContent?: tailwind_variants.ClassValue;
|
|
20
|
-
tabList?: tailwind_variants.ClassValue;
|
|
21
|
-
buttonGroup?: tailwind_variants.ClassValue;
|
|
22
|
-
itemBaseActive?: tailwind_variants.ClassValue;
|
|
23
15
|
itemControl?: tailwind_variants.ClassValue;
|
|
24
16
|
itemDescription?: tailwind_variants.ClassValue;
|
|
25
17
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
@@ -29,18 +21,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
29
21
|
[x: string]: {
|
|
30
22
|
[x: string]: tailwind_variants.ClassValue | {
|
|
31
23
|
base?: tailwind_variants.ClassValue;
|
|
24
|
+
label?: tailwind_variants.ClassValue;
|
|
32
25
|
itemBase?: tailwind_variants.ClassValue;
|
|
33
26
|
itemLabel?: tailwind_variants.ClassValue;
|
|
34
27
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
35
|
-
label?: tailwind_variants.ClassValue;
|
|
36
28
|
wrapper?: tailwind_variants.ClassValue;
|
|
37
|
-
tab?: tailwind_variants.ClassValue;
|
|
38
|
-
cursor?: tailwind_variants.ClassValue;
|
|
39
|
-
panel?: tailwind_variants.ClassValue;
|
|
40
|
-
tabContent?: tailwind_variants.ClassValue;
|
|
41
|
-
tabList?: tailwind_variants.ClassValue;
|
|
42
|
-
buttonGroup?: tailwind_variants.ClassValue;
|
|
43
|
-
itemBaseActive?: tailwind_variants.ClassValue;
|
|
44
29
|
itemControl?: tailwind_variants.ClassValue;
|
|
45
30
|
itemDescription?: tailwind_variants.ClassValue;
|
|
46
31
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
@@ -48,9 +33,7 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
48
33
|
};
|
|
49
34
|
} | {}, {
|
|
50
35
|
base: string;
|
|
51
|
-
buttonGroup: string;
|
|
52
36
|
itemBase: string;
|
|
53
|
-
itemBaseActive: string;
|
|
54
37
|
itemControl: string;
|
|
55
38
|
itemDescription: string;
|
|
56
39
|
itemLabel: string;
|
|
@@ -58,27 +41,15 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
58
41
|
itemWrapper: string;
|
|
59
42
|
label: string;
|
|
60
43
|
wrapper: string;
|
|
61
|
-
tabList: string;
|
|
62
|
-
tab: string;
|
|
63
|
-
tabContent: string;
|
|
64
|
-
cursor: string;
|
|
65
|
-
panel: string;
|
|
66
44
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
67
45
|
[key: string]: {
|
|
68
46
|
[key: string]: tailwind_variants.ClassValue | {
|
|
69
47
|
base?: tailwind_variants.ClassValue;
|
|
48
|
+
label?: tailwind_variants.ClassValue;
|
|
70
49
|
itemBase?: tailwind_variants.ClassValue;
|
|
71
50
|
itemLabel?: tailwind_variants.ClassValue;
|
|
72
51
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
73
|
-
label?: tailwind_variants.ClassValue;
|
|
74
52
|
wrapper?: tailwind_variants.ClassValue;
|
|
75
|
-
tab?: tailwind_variants.ClassValue;
|
|
76
|
-
cursor?: tailwind_variants.ClassValue;
|
|
77
|
-
panel?: tailwind_variants.ClassValue;
|
|
78
|
-
tabContent?: tailwind_variants.ClassValue;
|
|
79
|
-
tabList?: tailwind_variants.ClassValue;
|
|
80
|
-
buttonGroup?: tailwind_variants.ClassValue;
|
|
81
|
-
itemBaseActive?: tailwind_variants.ClassValue;
|
|
82
53
|
itemControl?: tailwind_variants.ClassValue;
|
|
83
54
|
itemDescription?: tailwind_variants.ClassValue;
|
|
84
55
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
@@ -88,18 +59,11 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
88
59
|
[key: string]: {
|
|
89
60
|
[key: string]: tailwind_variants.ClassValue | {
|
|
90
61
|
base?: tailwind_variants.ClassValue;
|
|
62
|
+
label?: tailwind_variants.ClassValue;
|
|
91
63
|
itemBase?: tailwind_variants.ClassValue;
|
|
92
64
|
itemLabel?: tailwind_variants.ClassValue;
|
|
93
65
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
94
|
-
label?: tailwind_variants.ClassValue;
|
|
95
66
|
wrapper?: tailwind_variants.ClassValue;
|
|
96
|
-
tab?: tailwind_variants.ClassValue;
|
|
97
|
-
cursor?: tailwind_variants.ClassValue;
|
|
98
|
-
panel?: tailwind_variants.ClassValue;
|
|
99
|
-
tabContent?: tailwind_variants.ClassValue;
|
|
100
|
-
tabList?: tailwind_variants.ClassValue;
|
|
101
|
-
buttonGroup?: tailwind_variants.ClassValue;
|
|
102
|
-
itemBaseActive?: tailwind_variants.ClassValue;
|
|
103
67
|
itemControl?: tailwind_variants.ClassValue;
|
|
104
68
|
itemDescription?: tailwind_variants.ClassValue;
|
|
105
69
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
@@ -107,9 +71,7 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
107
71
|
};
|
|
108
72
|
} | {}, {
|
|
109
73
|
base: string;
|
|
110
|
-
buttonGroup: string;
|
|
111
74
|
itemBase: string;
|
|
112
|
-
itemBaseActive: string;
|
|
113
75
|
itemControl: string;
|
|
114
76
|
itemDescription: string;
|
|
115
77
|
itemLabel: string;
|
|
@@ -117,16 +79,9 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
117
79
|
itemWrapper: string;
|
|
118
80
|
label: string;
|
|
119
81
|
wrapper: string;
|
|
120
|
-
tabList: string;
|
|
121
|
-
tab: string;
|
|
122
|
-
tabContent: string;
|
|
123
|
-
cursor: string;
|
|
124
|
-
panel: string;
|
|
125
82
|
}, tailwind_variants.TVReturnType<unknown, {
|
|
126
83
|
base: string;
|
|
127
|
-
buttonGroup: string;
|
|
128
84
|
itemBase: string;
|
|
129
|
-
itemBaseActive: string;
|
|
130
85
|
itemControl: string;
|
|
131
86
|
itemDescription: string;
|
|
132
87
|
itemLabel: string;
|
|
@@ -134,27 +89,15 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
134
89
|
itemWrapper: string;
|
|
135
90
|
label: string;
|
|
136
91
|
wrapper: string;
|
|
137
|
-
tabList: string;
|
|
138
|
-
tab: string;
|
|
139
|
-
tabContent: string;
|
|
140
|
-
cursor: string;
|
|
141
|
-
panel: string;
|
|
142
92
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
143
93
|
[key: string]: {
|
|
144
94
|
[key: string]: tailwind_variants.ClassValue | {
|
|
145
95
|
base?: tailwind_variants.ClassValue;
|
|
96
|
+
label?: tailwind_variants.ClassValue;
|
|
146
97
|
itemBase?: tailwind_variants.ClassValue;
|
|
147
98
|
itemLabel?: tailwind_variants.ClassValue;
|
|
148
99
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
149
|
-
label?: tailwind_variants.ClassValue;
|
|
150
100
|
wrapper?: tailwind_variants.ClassValue;
|
|
151
|
-
tab?: tailwind_variants.ClassValue;
|
|
152
|
-
cursor?: tailwind_variants.ClassValue;
|
|
153
|
-
panel?: tailwind_variants.ClassValue;
|
|
154
|
-
tabContent?: tailwind_variants.ClassValue;
|
|
155
|
-
tabList?: tailwind_variants.ClassValue;
|
|
156
|
-
buttonGroup?: tailwind_variants.ClassValue;
|
|
157
|
-
itemBaseActive?: tailwind_variants.ClassValue;
|
|
158
101
|
itemControl?: tailwind_variants.ClassValue;
|
|
159
102
|
itemDescription?: tailwind_variants.ClassValue;
|
|
160
103
|
itemLabelWrapper?: tailwind_variants.ClassValue;
|
|
@@ -177,7 +120,7 @@ interface RadioGroupOption {
|
|
|
177
120
|
/** option value */
|
|
178
121
|
value: string;
|
|
179
122
|
}
|
|
180
|
-
interface RadioGroupProps
|
|
123
|
+
interface RadioGroupProps extends VariantProps {
|
|
181
124
|
/** CSS class name */
|
|
182
125
|
className?: ClassName;
|
|
183
126
|
/** Determines if the Buttons are disabled or not. */
|
|
@@ -189,15 +132,13 @@ interface RadioGroupProps<V extends 'default' | 'radioBox' | 'radioButton' | 'ta
|
|
|
189
132
|
/** Name the RadioButtons are registered at in HTML forms (react-hook-form). */
|
|
190
133
|
name: string;
|
|
191
134
|
/** Radio button configuration. */
|
|
192
|
-
options:
|
|
135
|
+
options: RadioGroupOption[];
|
|
193
136
|
/** Id to grab element in internal tests. */
|
|
194
137
|
testId?: string;
|
|
195
|
-
/** How the RadioGroup should look like. */
|
|
196
|
-
variant?: V;
|
|
197
138
|
}
|
|
198
139
|
/**
|
|
199
140
|
* RadioGroup component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
|
|
200
141
|
*/
|
|
201
|
-
declare const RadioGroup: ({ className, disabled, inline, label, name, options, testId: _testId,
|
|
142
|
+
declare const RadioGroup: ({ className, disabled, inline, label, name, options, testId: _testId, }: RadioGroupProps) => ReactElement;
|
|
202
143
|
|
|
203
144
|
export { RadioGroup as R, type RadioGroupProps as a };
|