@nextui-org/theme 0.0.0-dev-v2-20230601153241 → 0.0.0-dev-v2-20230604204500

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.
@@ -14,7 +14,7 @@ var radio = tv({
14
14
  "border-2",
15
15
  "box-border",
16
16
  "border-default",
17
- "group-data-[hover-unchecked=true]:bg-default-100",
17
+ "group-data-[hover-unselected=true]:bg-default-100",
18
18
  "group-data-[focus-visible=true]:outline-none",
19
19
  "group-data-[focus-visible=true]:ring-2",
20
20
  "group-data-[focus-visible=true]:!ring-primary",
@@ -30,8 +30,8 @@ var radio = tv({
30
30
  "opacity-0",
31
31
  "scale-0",
32
32
  "origin-center",
33
- "group-data-[checked=true]:opacity-100",
34
- "group-data-[checked=true]:scale-100"
33
+ "group-data-[selected=true]:opacity-100",
34
+ "group-data-[selected=true]:scale-100"
35
35
  ],
36
36
  label: "relative text-foreground select-none",
37
37
  description: "relative text-default-400"
@@ -40,27 +40,27 @@ var radio = tv({
40
40
  color: {
41
41
  default: {
42
42
  control: "bg-default-500 text-default-foreground",
43
- wrapper: "group-data-[checked=true]:border-default-500"
43
+ wrapper: "group-data-[selected=true]:border-default-500"
44
44
  },
45
45
  primary: {
46
46
  control: "bg-primary text-primary-foreground",
47
- wrapper: "group-data-[checked=true]:border-primary"
47
+ wrapper: "group-data-[selected=true]:border-primary"
48
48
  },
49
49
  secondary: {
50
50
  control: "bg-secondary text-secondary-foreground",
51
- wrapper: "group-data-[checked=true]:border-secondary"
51
+ wrapper: "group-data-[selected=true]:border-secondary"
52
52
  },
53
53
  success: {
54
54
  control: "bg-success text-success-foreground",
55
- wrapper: "group-data-[checked=true]:border-success"
55
+ wrapper: "group-data-[selected=true]:border-success"
56
56
  },
57
57
  warning: {
58
58
  control: "bg-warning text-warning-foreground",
59
- wrapper: "group-data-[checked=true]:border-warning"
59
+ wrapper: "group-data-[selected=true]:border-warning"
60
60
  },
61
61
  danger: {
62
62
  control: "bg-danger text-danger-foreground",
63
- wrapper: "group-data-[checked=true]:border-danger"
63
+ wrapper: "group-data-[selected=true]:border-danger"
64
64
  }
65
65
  },
66
66
  size: {
@@ -138,7 +138,7 @@ var radio = tv({
138
138
  isInvalid: {
139
139
  true: {
140
140
  control: "bg-danger text-danger-foreground",
141
- wrapper: "border-danger data-[checked=true]:border-danger",
141
+ wrapper: "border-danger data-[selected=true]:border-danger",
142
142
  label: "text-danger",
143
143
  description: "text-danger-300"
144
144
  }
@@ -164,7 +164,9 @@ var radioGroup = tv({
164
164
  slots: {
165
165
  base: "relative flex flex-col gap-2",
166
166
  label: "relative text-default-500",
167
- wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
167
+ wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
168
+ description: "text-xs text-default-400",
169
+ errorMessage: "text-xs text-danger"
168
170
  }
169
171
  });
170
172
 
@@ -30,8 +30,8 @@ var toggle = tv({
30
30
  "rounded-full",
31
31
  "origin-right"
32
32
  ],
33
- startIcon: "z-0 absolute left-1.5 text-current",
34
- endIcon: "z-0 absolute right-1.5 text-default-600",
33
+ startContent: "z-0 absolute left-1.5 text-current",
34
+ endContent: "z-0 absolute right-1.5 text-default-600",
35
35
  thumbIcon: "text-black",
36
36
  label: "relative text-foreground select-none"
37
37
  },
@@ -39,38 +39,38 @@ var toggle = tv({
39
39
  color: {
40
40
  default: {
41
41
  wrapper: [
42
- "group-data-[checked=true]:bg-default-400",
43
- "group-data-[checked=true]:text-default-foreground"
42
+ "group-data-[selected=true]:bg-default-400",
43
+ "group-data-[selected=true]:text-default-foreground"
44
44
  ]
45
45
  },
46
46
  primary: {
47
47
  wrapper: [
48
- "group-data-[checked=true]:bg-primary",
49
- "group-data-[checked=true]:text-primary-foreground"
48
+ "group-data-[selected=true]:bg-primary",
49
+ "group-data-[selected=true]:text-primary-foreground"
50
50
  ]
51
51
  },
52
52
  secondary: {
53
53
  wrapper: [
54
- "group-data-[checked=true]:bg-secondary",
55
- "group-data-[checked=true]:text-secondary-foreground"
54
+ "group-data-[selected=true]:bg-secondary",
55
+ "group-data-[selected=true]:text-secondary-foreground"
56
56
  ]
57
57
  },
58
58
  success: {
59
59
  wrapper: [
60
- "group-data-[checked=true]:bg-success",
61
- "group-data-[checked=true]:text-success-foreground"
60
+ "group-data-[selected=true]:bg-success",
61
+ "group-data-[selected=true]:text-success-foreground"
62
62
  ]
63
63
  },
64
64
  warning: {
65
65
  wrapper: [
66
- "group-data-[checked=true]:bg-warning",
67
- "group-data-[checked=true]:text-warning-foreground"
66
+ "group-data-[selected=true]:bg-warning",
67
+ "group-data-[selected=true]:text-warning-foreground"
68
68
  ]
69
69
  },
70
70
  danger: {
71
71
  wrapper: [
72
- "group-data-[checked=true]:bg-danger",
73
- "data-[checked=true]:text-danger-foreground"
72
+ "group-data-[selected=true]:bg-danger",
73
+ "data-[selected=true]:text-danger-foreground"
74
74
  ]
75
75
  }
76
76
  },
@@ -79,60 +79,60 @@ var toggle = tv({
79
79
  wrapper: "w-8 h-5 mr-1",
80
80
  thumb: [
81
81
  "w-3 h-3 text-[0.6rem]",
82
- "group-data-[checked=true]:ml-3",
82
+ "group-data-[selected=true]:ml-3",
83
83
  "group-data-[pressed=true]:w-4",
84
- "group-data-[checked]:group-data-[pressed]:ml-2"
84
+ "group-data-[selected]:group-data-[pressed]:ml-2"
85
85
  ],
86
- startIcon: "text-[0.6rem] left-1",
87
- endIcon: "text-[0.6rem] right-1",
86
+ startContent: "text-[0.6rem] left-1",
87
+ endContent: "text-[0.6rem] right-1",
88
88
  label: "text-xs"
89
89
  },
90
90
  sm: {
91
91
  wrapper: "w-10 h-6 mr-2",
92
92
  thumb: [
93
93
  "w-4 h-4 text-xs",
94
- "group-data-[checked=true]:ml-4",
94
+ "group-data-[selected=true]:ml-4",
95
95
  "group-data-[pressed=true]:w-5",
96
- "group-data-[checked]:group-data-[pressed]:ml-4"
96
+ "group-data-[selected]:group-data-[pressed]:ml-4"
97
97
  ],
98
- endIcon: "text-xs",
99
- startIcon: "text-xs",
98
+ endContent: "text-xs",
99
+ startContent: "text-xs",
100
100
  label: "text-sm"
101
101
  },
102
102
  md: {
103
103
  wrapper: "w-12 h-7 mr-2",
104
104
  thumb: [
105
105
  "w-5 h-5 text-sm",
106
- "group-data-[checked=true]:ml-5",
106
+ "group-data-[selected=true]:ml-5",
107
107
  "group-data-[pressed=true]:w-6",
108
- "group-data-[checked]:group-data-[pressed]:ml-4"
108
+ "group-data-[selected]:group-data-[pressed]:ml-4"
109
109
  ],
110
- endIcon: "text-sm",
111
- startIcon: "text-sm",
110
+ endContent: "text-sm",
111
+ startContent: "text-sm",
112
112
  label: "text-base"
113
113
  },
114
114
  lg: {
115
115
  wrapper: "w-14 h-8 mr-2",
116
116
  thumb: [
117
117
  "w-6 h-6 text-base",
118
- "group-data-[checked=true]:ml-6",
118
+ "group-data-[selected=true]:ml-6",
119
119
  "group-data-[pressed=true]:w-7",
120
- "group-data-[checked]:group-data-[pressed]:ml-5"
120
+ "group-data-[selected]:group-data-[pressed]:ml-5"
121
121
  ],
122
- endIcon: "text-base",
123
- startIcon: "text-base",
122
+ endContent: "text-base",
123
+ startContent: "text-base",
124
124
  label: "text-lg"
125
125
  },
126
126
  xl: {
127
127
  wrapper: "w-16 h-9 mr-2",
128
128
  thumb: [
129
129
  "w-7 h-7 text-lg",
130
- "group-data-[checked=true]:ml-7",
130
+ "group-data-[selected=true]:ml-7",
131
131
  "group-data-[pressed=true]:w-8",
132
- "group-data-[checked]:group-data-[pressed]:ml-6"
132
+ "group-data-[selected]:group-data-[pressed]:ml-6"
133
133
  ],
134
- endIcon: "text-base",
135
- startIcon: "text-base",
134
+ endContent: "text-base",
135
+ startContent: "text-base",
136
136
  label: "text-lg"
137
137
  }
138
138
  },
@@ -149,18 +149,18 @@ var toggle = tv({
149
149
  false: {
150
150
  wrapper: "transition-background",
151
151
  thumb: "transition-all",
152
- startIcon: [
152
+ startContent: [
153
153
  "opacity-0",
154
154
  "scale-50",
155
155
  "transition-transform-opacity",
156
- "group-data-[checked=true]:scale-100",
157
- "group-data-[checked=true]:opacity-100"
156
+ "group-data-[selected=true]:scale-100",
157
+ "group-data-[selected=true]:opacity-100"
158
158
  ],
159
- endIcon: [
159
+ endContent: [
160
160
  "opacity-100",
161
161
  "transition-transform-opacity",
162
- "group-data-[checked=true]:translate-x-3",
163
- "group-data-[checked=true]:opacity-0"
162
+ "group-data-[selected=true]:translate-x-3",
163
+ "group-data-[selected=true]:opacity-0"
164
164
  ]
165
165
  }
166
166
  }
@@ -160,7 +160,9 @@ var checkboxGroup = tv({
160
160
  slots: {
161
161
  base: "relative flex flex-col gap-2",
162
162
  label: "relative text-default-500",
163
- wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
163
+ wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
164
+ description: "text-xs text-default-400",
165
+ errorMessage: "text-xs text-danger"
164
166
  }
165
167
  });
166
168
 
@@ -27,7 +27,7 @@ var input = tv({
27
27
  "data-[focus-visible]:ring-offset-background",
28
28
  "data-[focus-visible]:dark:ring-offset-background-dark"
29
29
  ],
30
- description: "text-xs text-default-500",
30
+ description: "text-xs text-default-400",
31
31
  errorMessage: "text-xs text-danger"
32
32
  },
33
33
  variants: {
@@ -74,20 +74,23 @@ var image = tv({
74
74
  showSkeleton: {
75
75
  true: {
76
76
  base: [
77
- "space-y-5",
77
+ "group",
78
+ "relative",
78
79
  "overflow-hidden",
79
- "bg-white/5",
80
+ "bg-content3 dark:bg-content2",
81
+ "before:opacity-100",
80
82
  "before:absolute",
81
83
  "before:inset-0",
82
84
  "before:-translate-x-full",
83
85
  "before:animate-[shimmer_2s_infinite]",
84
86
  "before:border-t",
85
- "before:border-content4/70",
87
+ "before:border-content4/30",
86
88
  "before:bg-gradient-to-r",
87
89
  "before:from-transparent",
88
90
  "before:via-content4",
89
91
  "dark:before:via-default-700/10",
90
92
  "before:to-transparent",
93
+ "after:opacity-100",
91
94
  "after:absolute",
92
95
  "after:inset-0",
93
96
  "after:-z-10",
@@ -227,14 +227,20 @@ declare const checkboxGroup: tailwind_variants.TVReturnType<tailwind_variants.TV
227
227
  base: string;
228
228
  label: string;
229
229
  wrapper: string;
230
+ description: string;
231
+ errorMessage: string;
230
232
  }, undefined> | {}, unknown, {
231
233
  base: string;
232
234
  label: string;
233
235
  wrapper: string;
236
+ description: string;
237
+ errorMessage: string;
234
238
  }, undefined, undefined, tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<{
235
239
  base: string;
236
240
  label: string;
237
241
  wrapper: string;
242
+ description: string;
243
+ errorMessage: string;
238
244
  }, undefined> | {}, unknown>>;
239
245
  type CheckboxGroupSlots = keyof ReturnType<typeof checkboxGroup>;
240
246
  type CheckboxVariantProps = VariantProps<typeof checkbox>;
@@ -185,7 +185,9 @@ var checkboxGroup = (0, import_tailwind_variants.tv)({
185
185
  slots: {
186
186
  base: "relative flex flex-col gap-2",
187
187
  label: "relative text-default-500",
188
- wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
188
+ wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
189
+ description: "text-xs text-default-400",
190
+ errorMessage: "text-xs text-danger"
189
191
  }
190
192
  });
191
193
  // Annotate the CommonJS export names for ESM import in node:
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  checkbox,
3
3
  checkboxGroup
4
- } from "../chunk-G7ZYYWZD.mjs";
4
+ } from "../chunk-G34JOIZ3.mjs";
5
5
  export {
6
6
  checkbox,
7
7
  checkboxGroup
@@ -98,20 +98,23 @@ var image = (0, import_tailwind_variants.tv)({
98
98
  showSkeleton: {
99
99
  true: {
100
100
  base: [
101
- "space-y-5",
101
+ "group",
102
+ "relative",
102
103
  "overflow-hidden",
103
- "bg-white/5",
104
+ "bg-content3 dark:bg-content2",
105
+ "before:opacity-100",
104
106
  "before:absolute",
105
107
  "before:inset-0",
106
108
  "before:-translate-x-full",
107
109
  "before:animate-[shimmer_2s_infinite]",
108
110
  "before:border-t",
109
- "before:border-content4/70",
111
+ "before:border-content4/30",
110
112
  "before:bg-gradient-to-r",
111
113
  "before:from-transparent",
112
114
  "before:via-content4",
113
115
  "dark:before:via-default-700/10",
114
116
  "before:to-transparent",
117
+ "after:opacity-100",
115
118
  "after:absolute",
116
119
  "after:inset-0",
117
120
  "after:-z-10",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  image
3
- } from "../chunk-X4S56RGZ.mjs";
3
+ } from "../chunk-LNV5ZITR.mjs";
4
4
  export {
5
5
  image
6
6
  };
@@ -2783,7 +2783,9 @@ var checkboxGroup = (0, import_tailwind_variants13.tv)({
2783
2783
  slots: {
2784
2784
  base: "relative flex flex-col gap-2",
2785
2785
  label: "relative text-default-500",
2786
- wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
2786
+ wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
2787
+ description: "text-xs text-default-400",
2788
+ errorMessage: "text-xs text-danger"
2787
2789
  }
2788
2790
  });
2789
2791
 
@@ -2803,7 +2805,7 @@ var radio = (0, import_tailwind_variants14.tv)({
2803
2805
  "border-2",
2804
2806
  "box-border",
2805
2807
  "border-default",
2806
- "group-data-[hover-unchecked=true]:bg-default-100",
2808
+ "group-data-[hover-unselected=true]:bg-default-100",
2807
2809
  "group-data-[focus-visible=true]:outline-none",
2808
2810
  "group-data-[focus-visible=true]:ring-2",
2809
2811
  "group-data-[focus-visible=true]:!ring-primary",
@@ -2819,8 +2821,8 @@ var radio = (0, import_tailwind_variants14.tv)({
2819
2821
  "opacity-0",
2820
2822
  "scale-0",
2821
2823
  "origin-center",
2822
- "group-data-[checked=true]:opacity-100",
2823
- "group-data-[checked=true]:scale-100"
2824
+ "group-data-[selected=true]:opacity-100",
2825
+ "group-data-[selected=true]:scale-100"
2824
2826
  ],
2825
2827
  label: "relative text-foreground select-none",
2826
2828
  description: "relative text-default-400"
@@ -2829,27 +2831,27 @@ var radio = (0, import_tailwind_variants14.tv)({
2829
2831
  color: {
2830
2832
  default: {
2831
2833
  control: "bg-default-500 text-default-foreground",
2832
- wrapper: "group-data-[checked=true]:border-default-500"
2834
+ wrapper: "group-data-[selected=true]:border-default-500"
2833
2835
  },
2834
2836
  primary: {
2835
2837
  control: "bg-primary text-primary-foreground",
2836
- wrapper: "group-data-[checked=true]:border-primary"
2838
+ wrapper: "group-data-[selected=true]:border-primary"
2837
2839
  },
2838
2840
  secondary: {
2839
2841
  control: "bg-secondary text-secondary-foreground",
2840
- wrapper: "group-data-[checked=true]:border-secondary"
2842
+ wrapper: "group-data-[selected=true]:border-secondary"
2841
2843
  },
2842
2844
  success: {
2843
2845
  control: "bg-success text-success-foreground",
2844
- wrapper: "group-data-[checked=true]:border-success"
2846
+ wrapper: "group-data-[selected=true]:border-success"
2845
2847
  },
2846
2848
  warning: {
2847
2849
  control: "bg-warning text-warning-foreground",
2848
- wrapper: "group-data-[checked=true]:border-warning"
2850
+ wrapper: "group-data-[selected=true]:border-warning"
2849
2851
  },
2850
2852
  danger: {
2851
2853
  control: "bg-danger text-danger-foreground",
2852
- wrapper: "group-data-[checked=true]:border-danger"
2854
+ wrapper: "group-data-[selected=true]:border-danger"
2853
2855
  }
2854
2856
  },
2855
2857
  size: {
@@ -2927,7 +2929,7 @@ var radio = (0, import_tailwind_variants14.tv)({
2927
2929
  isInvalid: {
2928
2930
  true: {
2929
2931
  control: "bg-danger text-danger-foreground",
2930
- wrapper: "border-danger data-[checked=true]:border-danger",
2932
+ wrapper: "border-danger data-[selected=true]:border-danger",
2931
2933
  label: "text-danger",
2932
2934
  description: "text-danger-300"
2933
2935
  }
@@ -2953,7 +2955,9 @@ var radioGroup = (0, import_tailwind_variants14.tv)({
2953
2955
  slots: {
2954
2956
  base: "relative flex flex-col gap-2",
2955
2957
  label: "relative text-default-500",
2956
- wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row "
2958
+ wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
2959
+ description: "text-xs text-default-400",
2960
+ errorMessage: "text-xs text-danger"
2957
2961
  }
2958
2962
  });
2959
2963
 
@@ -3371,8 +3375,8 @@ var toggle = (0, import_tailwind_variants16.tv)({
3371
3375
  "rounded-full",
3372
3376
  "origin-right"
3373
3377
  ],
3374
- startIcon: "z-0 absolute left-1.5 text-current",
3375
- endIcon: "z-0 absolute right-1.5 text-default-600",
3378
+ startContent: "z-0 absolute left-1.5 text-current",
3379
+ endContent: "z-0 absolute right-1.5 text-default-600",
3376
3380
  thumbIcon: "text-black",
3377
3381
  label: "relative text-foreground select-none"
3378
3382
  },
@@ -3380,38 +3384,38 @@ var toggle = (0, import_tailwind_variants16.tv)({
3380
3384
  color: {
3381
3385
  default: {
3382
3386
  wrapper: [
3383
- "group-data-[checked=true]:bg-default-400",
3384
- "group-data-[checked=true]:text-default-foreground"
3387
+ "group-data-[selected=true]:bg-default-400",
3388
+ "group-data-[selected=true]:text-default-foreground"
3385
3389
  ]
3386
3390
  },
3387
3391
  primary: {
3388
3392
  wrapper: [
3389
- "group-data-[checked=true]:bg-primary",
3390
- "group-data-[checked=true]:text-primary-foreground"
3393
+ "group-data-[selected=true]:bg-primary",
3394
+ "group-data-[selected=true]:text-primary-foreground"
3391
3395
  ]
3392
3396
  },
3393
3397
  secondary: {
3394
3398
  wrapper: [
3395
- "group-data-[checked=true]:bg-secondary",
3396
- "group-data-[checked=true]:text-secondary-foreground"
3399
+ "group-data-[selected=true]:bg-secondary",
3400
+ "group-data-[selected=true]:text-secondary-foreground"
3397
3401
  ]
3398
3402
  },
3399
3403
  success: {
3400
3404
  wrapper: [
3401
- "group-data-[checked=true]:bg-success",
3402
- "group-data-[checked=true]:text-success-foreground"
3405
+ "group-data-[selected=true]:bg-success",
3406
+ "group-data-[selected=true]:text-success-foreground"
3403
3407
  ]
3404
3408
  },
3405
3409
  warning: {
3406
3410
  wrapper: [
3407
- "group-data-[checked=true]:bg-warning",
3408
- "group-data-[checked=true]:text-warning-foreground"
3411
+ "group-data-[selected=true]:bg-warning",
3412
+ "group-data-[selected=true]:text-warning-foreground"
3409
3413
  ]
3410
3414
  },
3411
3415
  danger: {
3412
3416
  wrapper: [
3413
- "group-data-[checked=true]:bg-danger",
3414
- "data-[checked=true]:text-danger-foreground"
3417
+ "group-data-[selected=true]:bg-danger",
3418
+ "data-[selected=true]:text-danger-foreground"
3415
3419
  ]
3416
3420
  }
3417
3421
  },
@@ -3420,60 +3424,60 @@ var toggle = (0, import_tailwind_variants16.tv)({
3420
3424
  wrapper: "w-8 h-5 mr-1",
3421
3425
  thumb: [
3422
3426
  "w-3 h-3 text-[0.6rem]",
3423
- "group-data-[checked=true]:ml-3",
3427
+ "group-data-[selected=true]:ml-3",
3424
3428
  "group-data-[pressed=true]:w-4",
3425
- "group-data-[checked]:group-data-[pressed]:ml-2"
3429
+ "group-data-[selected]:group-data-[pressed]:ml-2"
3426
3430
  ],
3427
- startIcon: "text-[0.6rem] left-1",
3428
- endIcon: "text-[0.6rem] right-1",
3431
+ startContent: "text-[0.6rem] left-1",
3432
+ endContent: "text-[0.6rem] right-1",
3429
3433
  label: "text-xs"
3430
3434
  },
3431
3435
  sm: {
3432
3436
  wrapper: "w-10 h-6 mr-2",
3433
3437
  thumb: [
3434
3438
  "w-4 h-4 text-xs",
3435
- "group-data-[checked=true]:ml-4",
3439
+ "group-data-[selected=true]:ml-4",
3436
3440
  "group-data-[pressed=true]:w-5",
3437
- "group-data-[checked]:group-data-[pressed]:ml-4"
3441
+ "group-data-[selected]:group-data-[pressed]:ml-4"
3438
3442
  ],
3439
- endIcon: "text-xs",
3440
- startIcon: "text-xs",
3443
+ endContent: "text-xs",
3444
+ startContent: "text-xs",
3441
3445
  label: "text-sm"
3442
3446
  },
3443
3447
  md: {
3444
3448
  wrapper: "w-12 h-7 mr-2",
3445
3449
  thumb: [
3446
3450
  "w-5 h-5 text-sm",
3447
- "group-data-[checked=true]:ml-5",
3451
+ "group-data-[selected=true]:ml-5",
3448
3452
  "group-data-[pressed=true]:w-6",
3449
- "group-data-[checked]:group-data-[pressed]:ml-4"
3453
+ "group-data-[selected]:group-data-[pressed]:ml-4"
3450
3454
  ],
3451
- endIcon: "text-sm",
3452
- startIcon: "text-sm",
3455
+ endContent: "text-sm",
3456
+ startContent: "text-sm",
3453
3457
  label: "text-base"
3454
3458
  },
3455
3459
  lg: {
3456
3460
  wrapper: "w-14 h-8 mr-2",
3457
3461
  thumb: [
3458
3462
  "w-6 h-6 text-base",
3459
- "group-data-[checked=true]:ml-6",
3463
+ "group-data-[selected=true]:ml-6",
3460
3464
  "group-data-[pressed=true]:w-7",
3461
- "group-data-[checked]:group-data-[pressed]:ml-5"
3465
+ "group-data-[selected]:group-data-[pressed]:ml-5"
3462
3466
  ],
3463
- endIcon: "text-base",
3464
- startIcon: "text-base",
3467
+ endContent: "text-base",
3468
+ startContent: "text-base",
3465
3469
  label: "text-lg"
3466
3470
  },
3467
3471
  xl: {
3468
3472
  wrapper: "w-16 h-9 mr-2",
3469
3473
  thumb: [
3470
3474
  "w-7 h-7 text-lg",
3471
- "group-data-[checked=true]:ml-7",
3475
+ "group-data-[selected=true]:ml-7",
3472
3476
  "group-data-[pressed=true]:w-8",
3473
- "group-data-[checked]:group-data-[pressed]:ml-6"
3477
+ "group-data-[selected]:group-data-[pressed]:ml-6"
3474
3478
  ],
3475
- endIcon: "text-base",
3476
- startIcon: "text-base",
3479
+ endContent: "text-base",
3480
+ startContent: "text-base",
3477
3481
  label: "text-lg"
3478
3482
  }
3479
3483
  },
@@ -3490,18 +3494,18 @@ var toggle = (0, import_tailwind_variants16.tv)({
3490
3494
  false: {
3491
3495
  wrapper: "transition-background",
3492
3496
  thumb: "transition-all",
3493
- startIcon: [
3497
+ startContent: [
3494
3498
  "opacity-0",
3495
3499
  "scale-50",
3496
3500
  "transition-transform-opacity",
3497
- "group-data-[checked=true]:scale-100",
3498
- "group-data-[checked=true]:opacity-100"
3501
+ "group-data-[selected=true]:scale-100",
3502
+ "group-data-[selected=true]:opacity-100"
3499
3503
  ],
3500
- endIcon: [
3504
+ endContent: [
3501
3505
  "opacity-100",
3502
3506
  "transition-transform-opacity",
3503
- "group-data-[checked=true]:translate-x-3",
3504
- "group-data-[checked=true]:opacity-0"
3507
+ "group-data-[selected=true]:translate-x-3",
3508
+ "group-data-[selected=true]:opacity-0"
3505
3509
  ]
3506
3510
  }
3507
3511
  }
@@ -3876,7 +3880,7 @@ var input = (0, import_tailwind_variants20.tv)({
3876
3880
  "data-[focus-visible]:ring-offset-background",
3877
3881
  "data-[focus-visible]:dark:ring-offset-background-dark"
3878
3882
  ],
3879
- description: "text-xs text-default-500",
3883
+ description: "text-xs text-default-400",
3880
3884
  errorMessage: "text-xs text-danger"
3881
3885
  },
3882
3886
  variants: {
@@ -5116,20 +5120,23 @@ var image = (0, import_tailwind_variants22.tv)({
5116
5120
  showSkeleton: {
5117
5121
  true: {
5118
5122
  base: [
5119
- "space-y-5",
5123
+ "group",
5124
+ "relative",
5120
5125
  "overflow-hidden",
5121
- "bg-white/5",
5126
+ "bg-content3 dark:bg-content2",
5127
+ "before:opacity-100",
5122
5128
  "before:absolute",
5123
5129
  "before:inset-0",
5124
5130
  "before:-translate-x-full",
5125
5131
  "before:animate-[shimmer_2s_infinite]",
5126
5132
  "before:border-t",
5127
- "before:border-content4/70",
5133
+ "before:border-content4/30",
5128
5134
  "before:bg-gradient-to-r",
5129
5135
  "before:from-transparent",
5130
5136
  "before:via-content4",
5131
5137
  "dark:before:via-default-700/10",
5132
5138
  "before:to-transparent",
5139
+ "after:opacity-100",
5133
5140
  "after:absolute",
5134
5141
  "after:inset-0",
5135
5142
  "after:-z-10",