@xingxingmofashu/ui 0.1.4 → 0.1.5

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 (29) hide show
  1. package/README.md +5 -3
  2. package/dist/components/accordion.d.ts +1 -1
  3. package/dist/components/radio-group.d.ts +35 -0
  4. package/dist/components/radio-group.mjs +156 -0
  5. package/dist/components/tabs.d.ts +46 -0
  6. package/dist/components/tabs.mjs +136 -0
  7. package/dist/index.d.ts +2 -0
  8. package/dist/index.mjs +4 -0
  9. package/dist/theme/accordion.d.ts +1 -63
  10. package/dist/theme/alert-dialog.d.ts +2 -69
  11. package/dist/theme/button.d.ts +1 -73
  12. package/dist/theme/card.d.ts +2 -64
  13. package/dist/theme/checkbox.d.ts +1 -69
  14. package/dist/theme/dialog.d.ts +2 -69
  15. package/dist/theme/drawer.d.ts +1 -65
  16. package/dist/theme/input.d.ts +1 -87
  17. package/dist/theme/popover.d.ts +2 -69
  18. package/dist/theme/progress.d.ts +1 -53
  19. package/dist/theme/radio-group.d.ts +40 -0
  20. package/dist/theme/radio-group.mjs +106 -0
  21. package/dist/theme/scroll-area.d.ts +2 -59
  22. package/dist/theme/slider.d.ts +2 -44
  23. package/dist/theme/switch.d.ts +1 -63
  24. package/dist/theme/tabs.d.ts +32 -0
  25. package/dist/theme/tabs.mjs +80 -0
  26. package/dist/theme/toast.d.ts +1 -57
  27. package/dist/theme/toggle-group.d.ts +1 -53
  28. package/dist/theme/toggle.d.ts +1 -63
  29. package/package.json +7 -4
package/dist/theme/card.d.ts CHANGED
@@ -1,32 +1,4 @@
1
- declare const _default: import("tailwind-variants").TVReturnType<{
2
- [key: string]: {
3
- [key: string]: import("tailwind-variants").ClassValue | {
4
- overlay?: import("tailwind-variants").ClassValue;
5
- header?: import("tailwind-variants").ClassValue;
6
- root?: import("tailwind-variants").ClassValue;
7
- glass?: import("tailwind-variants").ClassValue;
8
- title?: import("tailwind-variants").ClassValue;
9
- body?: import("tailwind-variants").ClassValue;
10
- footer?: import("tailwind-variants").ClassValue;
11
- description?: import("tailwind-variants").ClassValue;
12
- layout?: import("tailwind-variants").ClassValue;
13
- };
14
- };
15
- } | {
16
- [x: string]: {
17
- [x: string]: import("tailwind-variants").ClassValue | {
18
- overlay?: import("tailwind-variants").ClassValue;
19
- header?: import("tailwind-variants").ClassValue;
20
- root?: import("tailwind-variants").ClassValue;
21
- glass?: import("tailwind-variants").ClassValue;
22
- title?: import("tailwind-variants").ClassValue;
23
- body?: import("tailwind-variants").ClassValue;
24
- footer?: import("tailwind-variants").ClassValue;
25
- description?: import("tailwind-variants").ClassValue;
26
- layout?: import("tailwind-variants").ClassValue;
27
- };
28
- };
29
- } | {}, {
1
+ declare const _default: import("tailwind-variants").TVReturnType<{}, {
30
2
  root: string[];
31
3
  glass: string[];
32
4
  overlay: string;
@@ -36,39 +8,5 @@ declare const _default: import("tailwind-variants").TVReturnType<{
36
8
  description: string;
37
9
  body: string;
38
10
  footer: string;
39
- }, undefined, {
40
- [key: string]: {
41
- [key: string]: import("tailwind-variants").ClassValue | {
42
- overlay?: import("tailwind-variants").ClassValue;
43
- header?: import("tailwind-variants").ClassValue;
44
- root?: import("tailwind-variants").ClassValue;
45
- glass?: import("tailwind-variants").ClassValue;
46
- title?: import("tailwind-variants").ClassValue;
47
- body?: import("tailwind-variants").ClassValue;
48
- footer?: import("tailwind-variants").ClassValue;
49
- description?: import("tailwind-variants").ClassValue;
50
- layout?: import("tailwind-variants").ClassValue;
51
- };
52
- };
53
- } | {}, {
54
- root: string[];
55
- glass: string[];
56
- overlay: string;
57
- layout: string[];
58
- header: string;
59
- title: string;
60
- description: string;
61
- body: string;
62
- footer: string;
63
- }, import("tailwind-variants").TVReturnTypeLike<unknown, {
64
- root: string[];
65
- glass: string[];
66
- overlay: string;
67
- layout: string[];
68
- header: string;
69
- title: string;
70
- description: string;
71
- body: string;
72
- footer: string;
73
- }>>;
11
+ }, undefined, undefined, undefined, undefined>;
74
12
  export default _default;
package/dist/theme/checkbox.d.ts CHANGED
@@ -32,73 +32,5 @@ declare const _default: import("tailwind-variants").TVReturnType<{
32
32
  wrapper: string;
33
33
  label: string;
34
34
  description: string;
35
- }, undefined, {
36
- size: {
37
- xs: {
38
- root: string;
39
- wrapper: string;
40
- };
41
- sm: {
42
- root: string;
43
- wrapper: string;
44
- };
45
- md: {
46
- root: string;
47
- wrapper: string;
48
- };
49
- lg: {
50
- root: string;
51
- wrapper: string;
52
- };
53
- xl: {
54
- root: string;
55
- wrapper: string;
56
- };
57
- };
58
- }, {
59
- root: string[];
60
- box: string[];
61
- fill: string[];
62
- glass: string[];
63
- overlay: string;
64
- indicator: string[];
65
- indicatorIcon: string;
66
- wrapper: string;
67
- label: string;
68
- description: string;
69
- }, import("tailwind-variants").TVReturnTypeLike<{
70
- size: {
71
- xs: {
72
- root: string;
73
- wrapper: string;
74
- };
75
- sm: {
76
- root: string;
77
- wrapper: string;
78
- };
79
- md: {
80
- root: string;
81
- wrapper: string;
82
- };
83
- lg: {
84
- root: string;
85
- wrapper: string;
86
- };
87
- xl: {
88
- root: string;
89
- wrapper: string;
90
- };
91
- };
92
- }, {
93
- root: string[];
94
- box: string[];
95
- fill: string[];
96
- glass: string[];
97
- overlay: string;
98
- indicator: string[];
99
- indicatorIcon: string;
100
- wrapper: string;
101
- label: string;
102
- description: string;
103
- }>>;
35
+ }, undefined, undefined, undefined, undefined>;
104
36
  export default _default;
package/dist/theme/dialog.d.ts CHANGED
@@ -1,34 +1,4 @@
1
- declare const _default: import("tailwind-variants").TVReturnType<{
2
- [key: string]: {
3
- [key: string]: import("tailwind-variants").ClassValue | {
4
- overlay?: import("tailwind-variants").ClassValue;
5
- content?: import("tailwind-variants").ClassValue;
6
- glass?: import("tailwind-variants").ClassValue;
7
- title?: import("tailwind-variants").ClassValue;
8
- body?: import("tailwind-variants").ClassValue;
9
- footer?: import("tailwind-variants").ClassValue;
10
- popup?: import("tailwind-variants").ClassValue;
11
- viewport?: import("tailwind-variants").ClassValue;
12
- description?: import("tailwind-variants").ClassValue;
13
- backdrop?: import("tailwind-variants").ClassValue;
14
- };
15
- };
16
- } | {
17
- [x: string]: {
18
- [x: string]: import("tailwind-variants").ClassValue | {
19
- overlay?: import("tailwind-variants").ClassValue;
20
- content?: import("tailwind-variants").ClassValue;
21
- glass?: import("tailwind-variants").ClassValue;
22
- title?: import("tailwind-variants").ClassValue;
23
- body?: import("tailwind-variants").ClassValue;
24
- footer?: import("tailwind-variants").ClassValue;
25
- popup?: import("tailwind-variants").ClassValue;
26
- viewport?: import("tailwind-variants").ClassValue;
27
- description?: import("tailwind-variants").ClassValue;
28
- backdrop?: import("tailwind-variants").ClassValue;
29
- };
30
- };
31
- } | {}, {
1
+ declare const _default: import("tailwind-variants").TVReturnType<{}, {
32
2
  backdrop: string[];
33
3
  viewport: string;
34
4
  popup: string[];
@@ -39,42 +9,5 @@ declare const _default: import("tailwind-variants").TVReturnType<{
39
9
  description: string;
40
10
  body: string;
41
11
  footer: string;
42
- }, undefined, {
43
- [key: string]: {
44
- [key: string]: import("tailwind-variants").ClassValue | {
45
- overlay?: import("tailwind-variants").ClassValue;
46
- content?: import("tailwind-variants").ClassValue;
47
- glass?: import("tailwind-variants").ClassValue;
48
- title?: import("tailwind-variants").ClassValue;
49
- body?: import("tailwind-variants").ClassValue;
50
- footer?: import("tailwind-variants").ClassValue;
51
- popup?: import("tailwind-variants").ClassValue;
52
- viewport?: import("tailwind-variants").ClassValue;
53
- description?: import("tailwind-variants").ClassValue;
54
- backdrop?: import("tailwind-variants").ClassValue;
55
- };
56
- };
57
- } | {}, {
58
- backdrop: string[];
59
- viewport: string;
60
- popup: string[];
61
- glass: string[];
62
- overlay: string;
63
- content: string;
64
- title: string[];
65
- description: string;
66
- body: string;
67
- footer: string;
68
- }, import("tailwind-variants").TVReturnTypeLike<unknown, {
69
- backdrop: string[];
70
- viewport: string;
71
- popup: string[];
72
- glass: string[];
73
- overlay: string;
74
- content: string;
75
- title: string[];
76
- description: string;
77
- body: string;
78
- footer: string;
79
- }>>;
12
+ }, undefined, undefined, undefined, undefined>;
80
13
  export default _default;
package/dist/theme/drawer.d.ts CHANGED
@@ -30,69 +30,5 @@ declare const _default: import("tailwind-variants").TVReturnType<{
30
30
  description: string;
31
31
  body: string;
32
32
  footer: string;
33
- }, undefined, {
34
- direction: {
35
- down: {
36
- viewport: string;
37
- popup: string[];
38
- content: string;
39
- };
40
- up: {
41
- viewport: string;
42
- popup: string[];
43
- content: string;
44
- };
45
- left: {
46
- viewport: string;
47
- popup: string[];
48
- };
49
- right: {
50
- viewport: string;
51
- popup: string[];
52
- };
53
- };
54
- }, {
55
- backdrop: string[];
56
- viewport: string;
57
- popup: string[];
58
- glass: string[];
59
- overlay: string;
60
- content: string[];
61
- title: string[];
62
- description: string;
63
- body: string;
64
- footer: string;
65
- }, import("tailwind-variants").TVReturnTypeLike<{
66
- direction: {
67
- down: {
68
- viewport: string;
69
- popup: string[];
70
- content: string;
71
- };
72
- up: {
73
- viewport: string;
74
- popup: string[];
75
- content: string;
76
- };
77
- left: {
78
- viewport: string;
79
- popup: string[];
80
- };
81
- right: {
82
- viewport: string;
83
- popup: string[];
84
- };
85
- };
86
- }, {
87
- backdrop: string[];
88
- viewport: string;
89
- popup: string[];
90
- glass: string[];
91
- overlay: string;
92
- content: string[];
93
- title: string[];
94
- description: string;
95
- body: string;
96
- footer: string;
97
- }>>;
33
+ }, undefined, undefined, undefined, undefined>;
98
34
  export default _default;
package/dist/theme/input.d.ts CHANGED
@@ -41,91 +41,5 @@ declare const _default: import("tailwind-variants").TVReturnType<{
41
41
  input: string[];
42
42
  trailingIcon: string[];
43
43
  description: string;
44
- }, undefined, {
45
- size: {
46
- xs: {
47
- root: string;
48
- control: string;
49
- leadingIcon: string;
50
- trailingIcon: string;
51
- };
52
- sm: {
53
- root: string;
54
- control: string;
55
- leadingIcon: string;
56
- trailingIcon: string;
57
- };
58
- md: {
59
- root: string;
60
- control: string;
61
- leadingIcon: string;
62
- trailingIcon: string;
63
- };
64
- lg: {
65
- root: string;
66
- control: string;
67
- leadingIcon: string;
68
- trailingIcon: string;
69
- };
70
- xl: {
71
- root: string;
72
- control: string;
73
- leadingIcon: string;
74
- trailingIcon: string;
75
- };
76
- };
77
- }, {
78
- root: string[];
79
- label: string;
80
- control: string[];
81
- glass: string[];
82
- overlay: string;
83
- leadingIcon: string[];
84
- input: string[];
85
- trailingIcon: string[];
86
- description: string;
87
- }, import("tailwind-variants").TVReturnTypeLike<{
88
- size: {
89
- xs: {
90
- root: string;
91
- control: string;
92
- leadingIcon: string;
93
- trailingIcon: string;
94
- };
95
- sm: {
96
- root: string;
97
- control: string;
98
- leadingIcon: string;
99
- trailingIcon: string;
100
- };
101
- md: {
102
- root: string;
103
- control: string;
104
- leadingIcon: string;
105
- trailingIcon: string;
106
- };
107
- lg: {
108
- root: string;
109
- control: string;
110
- leadingIcon: string;
111
- trailingIcon: string;
112
- };
113
- xl: {
114
- root: string;
115
- control: string;
116
- leadingIcon: string;
117
- trailingIcon: string;
118
- };
119
- };
120
- }, {
121
- root: string[];
122
- label: string;
123
- control: string[];
124
- glass: string[];
125
- overlay: string;
126
- leadingIcon: string[];
127
- input: string[];
128
- trailingIcon: string[];
129
- description: string;
130
- }>>;
44
+ }, undefined, undefined, undefined, undefined>;
131
45
  export default _default;
package/dist/theme/popover.d.ts CHANGED
@@ -1,34 +1,4 @@
1
- declare const _default: import("tailwind-variants").TVReturnType<{
2
- [key: string]: {
3
- [key: string]: import("tailwind-variants").ClassValue | {
4
- overlay?: import("tailwind-variants").ClassValue;
5
- content?: import("tailwind-variants").ClassValue;
6
- glass?: import("tailwind-variants").ClassValue;
7
- title?: import("tailwind-variants").ClassValue;
8
- body?: import("tailwind-variants").ClassValue;
9
- footer?: import("tailwind-variants").ClassValue;
10
- popup?: import("tailwind-variants").ClassValue;
11
- description?: import("tailwind-variants").ClassValue;
12
- positioner?: import("tailwind-variants").ClassValue;
13
- arrow?: import("tailwind-variants").ClassValue;
14
- };
15
- };
16
- } | {
17
- [x: string]: {
18
- [x: string]: import("tailwind-variants").ClassValue | {
19
- overlay?: import("tailwind-variants").ClassValue;
20
- content?: import("tailwind-variants").ClassValue;
21
- glass?: import("tailwind-variants").ClassValue;
22
- title?: import("tailwind-variants").ClassValue;
23
- body?: import("tailwind-variants").ClassValue;
24
- footer?: import("tailwind-variants").ClassValue;
25
- popup?: import("tailwind-variants").ClassValue;
26
- description?: import("tailwind-variants").ClassValue;
27
- positioner?: import("tailwind-variants").ClassValue;
28
- arrow?: import("tailwind-variants").ClassValue;
29
- };
30
- };
31
- } | {}, {
1
+ declare const _default: import("tailwind-variants").TVReturnType<{}, {
32
2
  positioner: string;
33
3
  popup: string[];
34
4
  glass: string[];
@@ -39,42 +9,5 @@ declare const _default: import("tailwind-variants").TVReturnType<{
39
9
  description: string;
40
10
  body: string;
41
11
  footer: string;
42
- }, undefined, {
43
- [key: string]: {
44
- [key: string]: import("tailwind-variants").ClassValue | {
45
- overlay?: import("tailwind-variants").ClassValue;
46
- content?: import("tailwind-variants").ClassValue;
47
- glass?: import("tailwind-variants").ClassValue;
48
- title?: import("tailwind-variants").ClassValue;
49
- body?: import("tailwind-variants").ClassValue;
50
- footer?: import("tailwind-variants").ClassValue;
51
- popup?: import("tailwind-variants").ClassValue;
52
- description?: import("tailwind-variants").ClassValue;
53
- positioner?: import("tailwind-variants").ClassValue;
54
- arrow?: import("tailwind-variants").ClassValue;
55
- };
56
- };
57
- } | {}, {
58
- positioner: string;
59
- popup: string[];
60
- glass: string[];
61
- overlay: string;
62
- arrow: string[];
63
- content: string;
64
- title: string[];
65
- description: string;
66
- body: string;
67
- footer: string;
68
- }, import("tailwind-variants").TVReturnTypeLike<unknown, {
69
- positioner: string;
70
- popup: string[];
71
- glass: string[];
72
- overlay: string;
73
- arrow: string[];
74
- content: string;
75
- title: string[];
76
- description: string;
77
- body: string;
78
- footer: string;
79
- }>>;
12
+ }, undefined, undefined, undefined, undefined>;
80
13
  export default _default;
package/dist/theme/progress.d.ts CHANGED
@@ -24,57 +24,5 @@ declare const _default: import("tailwind-variants").TVReturnType<{
24
24
  track: string[];
25
25
  indicator: string[];
26
26
  description: string[];
27
- }, undefined, {
28
- size: {
29
- xs: {
30
- root: string;
31
- };
32
- sm: {
33
- root: string;
34
- };
35
- md: {
36
- root: string;
37
- };
38
- lg: {
39
- root: string;
40
- };
41
- xl: {
42
- root: string;
43
- };
44
- };
45
- }, {
46
- root: string[];
47
- header: string;
48
- label: string[];
49
- value: string[];
50
- track: string[];
51
- indicator: string[];
52
- description: string[];
53
- }, import("tailwind-variants").TVReturnTypeLike<{
54
- size: {
55
- xs: {
56
- root: string;
57
- };
58
- sm: {
59
- root: string;
60
- };
61
- md: {
62
- root: string;
63
- };
64
- lg: {
65
- root: string;
66
- };
67
- xl: {
68
- root: string;
69
- };
70
- };
71
- }, {
72
- root: string[];
73
- header: string;
74
- label: string[];
75
- value: string[];
76
- track: string[];
77
- indicator: string[];
78
- description: string[];
79
- }>>;
27
+ }, undefined, undefined, undefined, undefined>;
80
28
  export default _default;
package/dist/theme/radio-group.d.ts ADDED
@@ -0,0 +1,40 @@
1
+ declare const _default: import("tailwind-variants").TVReturnType<{
2
+ size: {
3
+ xs: {
4
+ root: string[];
5
+ wrapper: string;
6
+ };
7
+ sm: {
8
+ root: string[];
9
+ wrapper: string;
10
+ };
11
+ md: {
12
+ root: string[];
13
+ wrapper: string;
14
+ };
15
+ lg: {
16
+ root: string[];
17
+ wrapper: string;
18
+ };
19
+ xl: {
20
+ root: string[];
21
+ wrapper: string;
22
+ };
23
+ };
24
+ }, {
25
+ root: string[];
26
+ header: string;
27
+ label: string[];
28
+ description: string[];
29
+ items: string;
30
+ item: string[];
31
+ box: string[];
32
+ glass: string[];
33
+ overlay: string;
34
+ indicator: string[];
35
+ dot: string[];
36
+ wrapper: string;
37
+ itemLabel: string;
38
+ itemDescription: string;
39
+ }, undefined, undefined, undefined, undefined>;
40
+ export default _default;
package/dist/theme/radio-group.mjs ADDED
@@ -0,0 +1,106 @@
1
+ import { tv } from "tailwind-variants";
2
+ export default tv({
3
+ slots: {
4
+ root: [
5
+ "group/radio-group flex w-full min-w-0 flex-col text-ui-ink",
6
+ "gap-[var(--ui-radio-group-gap)]"
7
+ ],
8
+ header: "flex min-w-0 flex-col gap-1",
9
+ label: [
10
+ "font-medium text-ui-ink",
11
+ "text-[length:var(--ui-radio-group-label-size)]",
12
+ "[filter:var(--ui-drop-shadow-label)]"
13
+ ],
14
+ description: [
15
+ "text-ui-ink opacity-60 leading-relaxed",
16
+ "text-[length:var(--ui-radio-group-description-size)]"
17
+ ],
18
+ items: "flex min-w-0 flex-col gap-[var(--ui-radio-group-item-gap)]",
19
+ item: [
20
+ "group relative inline-flex min-w-0 cursor-pointer select-none items-start align-top text-ui-ink",
21
+ "touch-none [-webkit-tap-highlight-color:transparent]",
22
+ "focus:outline-none",
23
+ "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60",
24
+ "data-[readonly]:cursor-default"
25
+ ],
26
+ box: [
27
+ "relative inline-flex shrink-0 items-center justify-center overflow-hidden",
28
+ "h-[var(--ui-radio-size)] w-[var(--ui-radio-size)] rounded-full",
29
+ "group-focus-visible:outline-2 group-focus-visible:outline-offset-4 group-focus-visible:outline-ui-glass-focus",
30
+ "transition-[scale] duration-200 ease-out group-active:scale-95",
31
+ "motion-reduce:transition-none",
32
+ "[--ui-glass-tone:brightness(1)] [--ui-glass-contrast:1.1]",
33
+ "[--ui-glass-border:color-mix(in_srgb,var(--ui-ink)_26%,transparent)]",
34
+ "[--ui-glass-rim:rgb(255_255_255/0.16)]",
35
+ "[--ui-glass-surface:color-mix(in_srgb,var(--ui-ink)_5%,transparent)]",
36
+ "[--ui-shadow-glass:inset_0_0_0_1px_color-mix(in_srgb,var(--ui-ink)_6%,transparent),0_1px_2px_rgb(0_0_0/0.3)]",
37
+ "[--ui-glass-rim-inset:2px]"
38
+ ],
39
+ glass: [
40
+ "ui-glass",
41
+ "pointer-events-none absolute inset-0 z-[1] overflow-hidden rounded-[inherit]"
42
+ ],
43
+ overlay: "ui-glass-rim",
44
+ indicator: [
45
+ "relative z-10 flex items-center justify-center",
46
+ "scale-50 opacity-0 transition-[opacity,scale] duration-200 ease-out",
47
+ "group-data-[checked]:scale-100 group-data-[checked]:opacity-100",
48
+ "motion-reduce:transition-none"
49
+ ],
50
+ dot: [
51
+ "block rounded-full bg-ui-ink",
52
+ "size-[var(--ui-radio-dot-size)]",
53
+ "shadow-[inset_0_1px_0_rgb(255_255_255/0.35)]"
54
+ ],
55
+ wrapper: "ms-[var(--ui-radio-gap)] min-w-0",
56
+ itemLabel: "block font-medium text-ui-ink leading-[var(--ui-radio-size)]",
57
+ itemDescription: "block text-ui-ink opacity-60"
58
+ },
59
+ variants: {
60
+ size: {
61
+ xs: {
62
+ root: [
63
+ "[--ui-radio-size:16px] [--ui-radio-dot-size:8px] [--ui-radio-gap:6px]",
64
+ "[--ui-radio-group-gap:10px] [--ui-radio-group-item-gap:10px]",
65
+ "[--ui-radio-group-label-size:0.75rem] [--ui-radio-group-description-size:0.75rem]"
66
+ ],
67
+ wrapper: "text-xs"
68
+ },
69
+ sm: {
70
+ root: [
71
+ "[--ui-radio-size:18px] [--ui-radio-dot-size:9px] [--ui-radio-gap:7px]",
72
+ "[--ui-radio-group-gap:10px] [--ui-radio-group-item-gap:10px]",
73
+ "[--ui-radio-group-label-size:0.75rem] [--ui-radio-group-description-size:0.75rem]"
74
+ ],
75
+ wrapper: "text-xs"
76
+ },
77
+ md: {
78
+ root: [
79
+ "[--ui-radio-size:20px] [--ui-radio-dot-size:10px] [--ui-radio-gap:8px]",
80
+ "[--ui-radio-group-gap:12px] [--ui-radio-group-item-gap:12px]",
81
+ "[--ui-radio-group-label-size:0.875rem] [--ui-radio-group-description-size:0.875rem]"
82
+ ],
83
+ wrapper: "text-sm"
84
+ },
85
+ lg: {
86
+ root: [
87
+ "[--ui-radio-size:24px] [--ui-radio-dot-size:12px] [--ui-radio-gap:9px]",
88
+ "[--ui-radio-group-gap:12px] [--ui-radio-group-item-gap:14px]",
89
+ "[--ui-radio-group-label-size:0.875rem] [--ui-radio-group-description-size:0.875rem]"
90
+ ],
91
+ wrapper: "text-sm"
92
+ },
93
+ xl: {
94
+ root: [
95
+ "[--ui-radio-size:28px] [--ui-radio-dot-size:14px] [--ui-radio-gap:10px]",
96
+ "[--ui-radio-group-gap:14px] [--ui-radio-group-item-gap:16px]",
97
+ "[--ui-radio-group-label-size:1rem] [--ui-radio-group-description-size:1rem]"
98
+ ],
99
+ wrapper: "text-base"
100
+ }
101
+ }
102
+ },
103
+ defaultVariants: {
104
+ size: "md"
105
+ }
106
+ });