@fuf-stack/uniform 0.16.9 → 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.
Files changed (42) hide show
  1. package/dist/RadioBoxes/index.cjs +15 -0
  2. package/dist/RadioBoxes/index.cjs.map +1 -0
  3. package/dist/RadioBoxes/index.d.cts +10 -0
  4. package/dist/RadioBoxes/index.d.ts +10 -0
  5. package/dist/RadioBoxes/index.js +15 -0
  6. package/dist/RadioBoxes/index.js.map +1 -0
  7. package/dist/RadioBoxes-C61IRDCU.d.cts +144 -0
  8. package/dist/RadioBoxes-C61IRDCU.d.ts +144 -0
  9. package/dist/RadioGroup/index.cjs +2 -2
  10. package/dist/RadioGroup/index.d.cts +2 -3
  11. package/dist/RadioGroup/index.d.ts +2 -3
  12. package/dist/RadioGroup/index.js +1 -1
  13. package/dist/{RadioGroup-KKVScWw6.d.cts → RadioGroup-Bu1tlWSX.d.cts} +3 -62
  14. package/dist/{RadioGroup-KKVScWw6.d.ts → RadioGroup-Bu1tlWSX.d.ts} +3 -62
  15. package/dist/RadioTabs/index.cjs +15 -0
  16. package/dist/RadioTabs/index.cjs.map +1 -0
  17. package/dist/RadioTabs/index.d.cts +12 -0
  18. package/dist/RadioTabs/index.d.ts +12 -0
  19. package/dist/RadioTabs/index.js +15 -0
  20. package/dist/RadioTabs/index.js.map +1 -0
  21. package/dist/RadioTabs-2kYDEVCo.d.cts +129 -0
  22. package/dist/RadioTabs-2kYDEVCo.d.ts +129 -0
  23. package/dist/{chunk-AINICJHT.cjs → chunk-CTNGD5ZB.cjs} +37 -140
  24. package/dist/chunk-CTNGD5ZB.cjs.map +1 -0
  25. package/dist/{chunk-XUXFZVOW.js → chunk-KKWLPRW3.js} +44 -147
  26. package/dist/chunk-KKWLPRW3.js.map +1 -0
  27. package/dist/chunk-MCQX3UZP.js +105 -0
  28. package/dist/chunk-MCQX3UZP.js.map +1 -0
  29. package/dist/chunk-PWTQZCI6.js +121 -0
  30. package/dist/chunk-PWTQZCI6.js.map +1 -0
  31. package/dist/chunk-TY4YVLKV.cjs +105 -0
  32. package/dist/chunk-TY4YVLKV.cjs.map +1 -0
  33. package/dist/chunk-WLIVQDPW.cjs +121 -0
  34. package/dist/chunk-WLIVQDPW.cjs.map +1 -0
  35. package/dist/index.cjs +10 -2
  36. package/dist/index.cjs.map +1 -1
  37. package/dist/index.d.cts +4 -2
  38. package/dist/index.d.ts +4 -2
  39. package/dist/index.js +10 -2
  40. package/package.json +23 -13
  41. package/dist/chunk-AINICJHT.cjs.map +0 -1
  42. package/dist/chunk-XUXFZVOW.js.map +0 -1
@@ -1,7 +1,6 @@
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<{
@@ -9,17 +8,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
9
8
  [key: string]: tailwind_variants.ClassValue | {
10
9
  base?: tailwind_variants.ClassValue;
11
10
  label?: tailwind_variants.ClassValue;
12
- tab?: tailwind_variants.ClassValue;
13
11
  itemBase?: tailwind_variants.ClassValue;
14
12
  itemLabel?: tailwind_variants.ClassValue;
15
13
  itemWrapper?: tailwind_variants.ClassValue;
16
14
  wrapper?: 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;
@@ -30,17 +22,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
30
22
  [x: string]: tailwind_variants.ClassValue | {
31
23
  base?: tailwind_variants.ClassValue;
32
24
  label?: tailwind_variants.ClassValue;
33
- tab?: tailwind_variants.ClassValue;
34
25
  itemBase?: tailwind_variants.ClassValue;
35
26
  itemLabel?: tailwind_variants.ClassValue;
36
27
  itemWrapper?: tailwind_variants.ClassValue;
37
28
  wrapper?: 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;
70
48
  label?: tailwind_variants.ClassValue;
71
- tab?: tailwind_variants.ClassValue;
72
49
  itemBase?: tailwind_variants.ClassValue;
73
50
  itemLabel?: tailwind_variants.ClassValue;
74
51
  itemWrapper?: tailwind_variants.ClassValue;
75
52
  wrapper?: 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;
@@ -89,17 +60,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
89
60
  [key: string]: tailwind_variants.ClassValue | {
90
61
  base?: tailwind_variants.ClassValue;
91
62
  label?: tailwind_variants.ClassValue;
92
- tab?: tailwind_variants.ClassValue;
93
63
  itemBase?: tailwind_variants.ClassValue;
94
64
  itemLabel?: tailwind_variants.ClassValue;
95
65
  itemWrapper?: tailwind_variants.ClassValue;
96
66
  wrapper?: 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;
146
96
  label?: tailwind_variants.ClassValue;
147
- tab?: tailwind_variants.ClassValue;
148
97
  itemBase?: tailwind_variants.ClassValue;
149
98
  itemLabel?: tailwind_variants.ClassValue;
150
99
  itemWrapper?: tailwind_variants.ClassValue;
151
100
  wrapper?: 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<V extends 'default' | 'radioBox' | 'radioButton' | 'tabs'> extends VariantProps {
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: V extends 'default' | 'radioBox' | 'radioButton' ? RadioGroupOption[] : TabProps[];
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, variant, }: RadioGroupProps<"default" | "radioBox" | "radioButton" | "tabs">) => ReactElement;
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 };
@@ -0,0 +1,15 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
+
3
+
4
+ var _chunkTY4YVLKVcjs = require('../chunk-TY4YVLKV.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.RadioTabs = _chunkTY4YVLKVcjs.RadioTabs_default; exports.default = _chunkTY4YVLKVcjs.RadioTabs_default2;
15
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/RadioTabs/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,gHAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/RadioTabs/index.cjs"}
@@ -0,0 +1,12 @@
1
+ import { R as RadioTabs } from '../RadioTabs-2kYDEVCo.cjs';
2
+ export { a as RadioTabsProps } from '../RadioTabs-2kYDEVCo.cjs';
3
+ import 'tailwind-variants/dist/config.js';
4
+ import 'tailwind-variants';
5
+ import '@fuf-stack/pixel-utils';
6
+ import '@fuf-stack/pixels';
7
+ import '@fuf-stack/pixels/Tabs';
8
+ import 'react';
9
+
10
+
11
+
12
+ export { RadioTabs, RadioTabs as default };
@@ -0,0 +1,12 @@
1
+ import { R as RadioTabs } from '../RadioTabs-2kYDEVCo.js';
2
+ export { a as RadioTabsProps } from '../RadioTabs-2kYDEVCo.js';
3
+ import 'tailwind-variants/dist/config.js';
4
+ import 'tailwind-variants';
5
+ import '@fuf-stack/pixel-utils';
6
+ import '@fuf-stack/pixels';
7
+ import '@fuf-stack/pixels/Tabs';
8
+ import 'react';
9
+
10
+
11
+
12
+ export { RadioTabs, RadioTabs as default };
@@ -0,0 +1,15 @@
1
+ import {
2
+ RadioTabs_default,
3
+ RadioTabs_default2
4
+ } from "../chunk-MCQX3UZP.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
+ RadioTabs_default as RadioTabs,
13
+ RadioTabs_default2 as default
14
+ };
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,129 @@
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 { TabsProps } from '@fuf-stack/pixels';
5
+ import { TabProps } from '@fuf-stack/pixels/Tabs';
6
+ import { ReactNode, ReactElement } from 'react';
7
+
8
+ declare const radioTabsVariants: tailwind_variants.TVReturnType<{
9
+ [key: string]: {
10
+ [key: string]: tailwind_variants.ClassValue | {
11
+ base?: tailwind_variants.ClassValue;
12
+ label?: tailwind_variants.ClassValue;
13
+ tab?: tailwind_variants.ClassValue;
14
+ wrapper?: tailwind_variants.ClassValue;
15
+ cursor?: tailwind_variants.ClassValue;
16
+ panel?: tailwind_variants.ClassValue;
17
+ tabContent?: tailwind_variants.ClassValue;
18
+ tabList?: tailwind_variants.ClassValue;
19
+ };
20
+ };
21
+ } | {
22
+ [x: string]: {
23
+ [x: string]: tailwind_variants.ClassValue | {
24
+ base?: tailwind_variants.ClassValue;
25
+ label?: tailwind_variants.ClassValue;
26
+ tab?: tailwind_variants.ClassValue;
27
+ wrapper?: tailwind_variants.ClassValue;
28
+ cursor?: tailwind_variants.ClassValue;
29
+ panel?: tailwind_variants.ClassValue;
30
+ tabContent?: tailwind_variants.ClassValue;
31
+ tabList?: tailwind_variants.ClassValue;
32
+ };
33
+ };
34
+ } | {}, {
35
+ base: string;
36
+ label: string;
37
+ wrapper: string;
38
+ tabList: string;
39
+ tab: string;
40
+ tabContent: string;
41
+ cursor: string;
42
+ panel: string;
43
+ }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
44
+ [key: string]: {
45
+ [key: string]: tailwind_variants.ClassValue | {
46
+ base?: tailwind_variants.ClassValue;
47
+ label?: tailwind_variants.ClassValue;
48
+ tab?: tailwind_variants.ClassValue;
49
+ wrapper?: tailwind_variants.ClassValue;
50
+ cursor?: tailwind_variants.ClassValue;
51
+ panel?: tailwind_variants.ClassValue;
52
+ tabContent?: tailwind_variants.ClassValue;
53
+ tabList?: tailwind_variants.ClassValue;
54
+ };
55
+ };
56
+ } | {}>, {
57
+ [key: string]: {
58
+ [key: string]: tailwind_variants.ClassValue | {
59
+ base?: tailwind_variants.ClassValue;
60
+ label?: tailwind_variants.ClassValue;
61
+ tab?: tailwind_variants.ClassValue;
62
+ wrapper?: tailwind_variants.ClassValue;
63
+ cursor?: tailwind_variants.ClassValue;
64
+ panel?: tailwind_variants.ClassValue;
65
+ tabContent?: tailwind_variants.ClassValue;
66
+ tabList?: tailwind_variants.ClassValue;
67
+ };
68
+ };
69
+ } | {}, {
70
+ base: string;
71
+ label: string;
72
+ wrapper: string;
73
+ tabList: string;
74
+ tab: string;
75
+ tabContent: string;
76
+ cursor: string;
77
+ panel: string;
78
+ }, tailwind_variants.TVReturnType<unknown, {
79
+ base: string;
80
+ label: string;
81
+ wrapper: string;
82
+ tabList: string;
83
+ tab: string;
84
+ tabContent: string;
85
+ cursor: string;
86
+ panel: string;
87
+ }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
88
+ [key: string]: {
89
+ [key: string]: tailwind_variants.ClassValue | {
90
+ base?: tailwind_variants.ClassValue;
91
+ label?: tailwind_variants.ClassValue;
92
+ tab?: tailwind_variants.ClassValue;
93
+ wrapper?: tailwind_variants.ClassValue;
94
+ cursor?: tailwind_variants.ClassValue;
95
+ panel?: tailwind_variants.ClassValue;
96
+ tabContent?: tailwind_variants.ClassValue;
97
+ tabList?: tailwind_variants.ClassValue;
98
+ };
99
+ };
100
+ } | {}>, unknown, unknown, undefined>>;
101
+ type VariantProps = TVProps<typeof radioTabsVariants>;
102
+ type ClassName = TVClassName<typeof radioTabsVariants>;
103
+ interface RadioTabsProps extends VariantProps {
104
+ /** CSS class name */
105
+ className?: ClassName;
106
+ /** Determines if the Buttons are disabled or not. */
107
+ disabled?: boolean;
108
+ /** determines orientation of the Buttons. */
109
+ inline?: boolean;
110
+ /** Label displayed next to the RadioButton. */
111
+ label?: ReactNode;
112
+ /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */
113
+ name: string;
114
+ /** Radio button configuration. */
115
+ options: (Omit<TabProps, 'content'> & {
116
+ content?: ReactNode;
117
+ })[];
118
+ /** Id to grab element in internal tests. */
119
+ testId?: string;
120
+ /** How the RadioTabs should look like. */
121
+ variant?: TabsProps['variant'];
122
+ }
123
+ /**
124
+ * RadioTabs component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
125
+ * and [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
126
+ */
127
+ declare const RadioTabs: ({ className, disabled, inline, label, name, options, testId: _testId, variant, }: RadioTabsProps) => ReactElement;
128
+
129
+ export { RadioTabs as R, type RadioTabsProps as a };
@@ -0,0 +1,129 @@
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 { TabsProps } from '@fuf-stack/pixels';
5
+ import { TabProps } from '@fuf-stack/pixels/Tabs';
6
+ import { ReactNode, ReactElement } from 'react';
7
+
8
+ declare const radioTabsVariants: tailwind_variants.TVReturnType<{
9
+ [key: string]: {
10
+ [key: string]: tailwind_variants.ClassValue | {
11
+ base?: tailwind_variants.ClassValue;
12
+ label?: tailwind_variants.ClassValue;
13
+ tab?: tailwind_variants.ClassValue;
14
+ wrapper?: tailwind_variants.ClassValue;
15
+ cursor?: tailwind_variants.ClassValue;
16
+ panel?: tailwind_variants.ClassValue;
17
+ tabContent?: tailwind_variants.ClassValue;
18
+ tabList?: tailwind_variants.ClassValue;
19
+ };
20
+ };
21
+ } | {
22
+ [x: string]: {
23
+ [x: string]: tailwind_variants.ClassValue | {
24
+ base?: tailwind_variants.ClassValue;
25
+ label?: tailwind_variants.ClassValue;
26
+ tab?: tailwind_variants.ClassValue;
27
+ wrapper?: tailwind_variants.ClassValue;
28
+ cursor?: tailwind_variants.ClassValue;
29
+ panel?: tailwind_variants.ClassValue;
30
+ tabContent?: tailwind_variants.ClassValue;
31
+ tabList?: tailwind_variants.ClassValue;
32
+ };
33
+ };
34
+ } | {}, {
35
+ base: string;
36
+ label: string;
37
+ wrapper: string;
38
+ tabList: string;
39
+ tab: string;
40
+ tabContent: string;
41
+ cursor: string;
42
+ panel: string;
43
+ }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
44
+ [key: string]: {
45
+ [key: string]: tailwind_variants.ClassValue | {
46
+ base?: tailwind_variants.ClassValue;
47
+ label?: tailwind_variants.ClassValue;
48
+ tab?: tailwind_variants.ClassValue;
49
+ wrapper?: tailwind_variants.ClassValue;
50
+ cursor?: tailwind_variants.ClassValue;
51
+ panel?: tailwind_variants.ClassValue;
52
+ tabContent?: tailwind_variants.ClassValue;
53
+ tabList?: tailwind_variants.ClassValue;
54
+ };
55
+ };
56
+ } | {}>, {
57
+ [key: string]: {
58
+ [key: string]: tailwind_variants.ClassValue | {
59
+ base?: tailwind_variants.ClassValue;
60
+ label?: tailwind_variants.ClassValue;
61
+ tab?: tailwind_variants.ClassValue;
62
+ wrapper?: tailwind_variants.ClassValue;
63
+ cursor?: tailwind_variants.ClassValue;
64
+ panel?: tailwind_variants.ClassValue;
65
+ tabContent?: tailwind_variants.ClassValue;
66
+ tabList?: tailwind_variants.ClassValue;
67
+ };
68
+ };
69
+ } | {}, {
70
+ base: string;
71
+ label: string;
72
+ wrapper: string;
73
+ tabList: string;
74
+ tab: string;
75
+ tabContent: string;
76
+ cursor: string;
77
+ panel: string;
78
+ }, tailwind_variants.TVReturnType<unknown, {
79
+ base: string;
80
+ label: string;
81
+ wrapper: string;
82
+ tabList: string;
83
+ tab: string;
84
+ tabContent: string;
85
+ cursor: string;
86
+ panel: string;
87
+ }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
88
+ [key: string]: {
89
+ [key: string]: tailwind_variants.ClassValue | {
90
+ base?: tailwind_variants.ClassValue;
91
+ label?: tailwind_variants.ClassValue;
92
+ tab?: tailwind_variants.ClassValue;
93
+ wrapper?: tailwind_variants.ClassValue;
94
+ cursor?: tailwind_variants.ClassValue;
95
+ panel?: tailwind_variants.ClassValue;
96
+ tabContent?: tailwind_variants.ClassValue;
97
+ tabList?: tailwind_variants.ClassValue;
98
+ };
99
+ };
100
+ } | {}>, unknown, unknown, undefined>>;
101
+ type VariantProps = TVProps<typeof radioTabsVariants>;
102
+ type ClassName = TVClassName<typeof radioTabsVariants>;
103
+ interface RadioTabsProps extends VariantProps {
104
+ /** CSS class name */
105
+ className?: ClassName;
106
+ /** Determines if the Buttons are disabled or not. */
107
+ disabled?: boolean;
108
+ /** determines orientation of the Buttons. */
109
+ inline?: boolean;
110
+ /** Label displayed next to the RadioButton. */
111
+ label?: ReactNode;
112
+ /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */
113
+ name: string;
114
+ /** Radio button configuration. */
115
+ options: (Omit<TabProps, 'content'> & {
116
+ content?: ReactNode;
117
+ })[];
118
+ /** Id to grab element in internal tests. */
119
+ testId?: string;
120
+ /** How the RadioTabs should look like. */
121
+ variant?: TabsProps['variant'];
122
+ }
123
+ /**
124
+ * RadioTabs component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
125
+ * and [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
126
+ */
127
+ declare const RadioTabs: ({ className, disabled, inline, label, name, options, testId: _testId, variant, }: RadioTabsProps) => ReactElement;
128
+
129
+ export { RadioTabs as R, type RadioTabsProps as a };