daisyui 4.0.2 → 4.0.4

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/styled.css CHANGED
@@ -2149,7 +2149,7 @@ input.tab:checked + .tab-content,
2149
2149
  .chat-end .chat-bubble:before {
2150
2150
  inset-inline-start: 99.9%;
2151
2151
  }
2152
- [type="checkbox"].checkbox {
2152
+ .checkbox {
2153
2153
  --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
2154
2154
  --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
2155
2155
  height: 1.5rem;
@@ -2161,18 +2161,18 @@ input.tab:checked + .tab-content,
2161
2161
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
2162
2162
  --tw-border-opacity: 0.2;
2163
2163
  }
2164
- [type="checkbox"].checkbox:focus {
2164
+ .checkbox:focus {
2165
2165
  box-shadow: none;
2166
2166
  }
2167
- [type="checkbox"].checkbox:focus-visible {
2167
+ .checkbox:focus-visible {
2168
2168
  outline-style: solid;
2169
2169
  outline-width: 2px;
2170
2170
  outline-offset: 2px;
2171
2171
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
2172
2172
  }
2173
- [type="checkbox"].checkbox:checked,
2174
- [type="checkbox"].checkbox[checked="true"],
2175
- [type="checkbox"].checkbox[aria-checked="true"] {
2173
+ .checkbox:checked,
2174
+ .checkbox[checked="true"],
2175
+ .checkbox[aria-checked="true"] {
2176
2176
  --tw-bg-opacity: 1;
2177
2177
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
2178
2178
  background-repeat: no-repeat;
@@ -2189,7 +2189,7 @@ input.tab:checked + .tab-content,
2189
2189
  ),
2190
2190
  linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);
2191
2191
  }
2192
- [type="checkbox"].checkbox:indeterminate {
2192
+ .checkbox:indeterminate {
2193
2193
  --tw-bg-opacity: 1;
2194
2194
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
2195
2195
  background-repeat: no-repeat;
@@ -2198,24 +2198,24 @@ input.tab:checked + .tab-content,
2198
2198
  linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
2199
2199
  linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%);
2200
2200
  }
2201
- [type="checkbox"].checkbox-primary {
2201
+ .checkbox-primary {
2202
2202
  --chkbg: var(--fallback-p,oklch(var(--p)/1));
2203
2203
  --chkfg: var(--fallback-pc,oklch(var(--pc)/1));
2204
2204
  --tw-border-opacity: 1;
2205
2205
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
2206
2206
  }
2207
2207
  @media(hover:hover) {
2208
- [type="checkbox"].checkbox-primary:hover {
2208
+ .checkbox-primary:hover {
2209
2209
  --tw-border-opacity: 1;
2210
2210
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
2211
2211
  }
2212
2212
  }
2213
- [type="checkbox"].checkbox-primary:focus-visible {
2213
+ .checkbox-primary:focus-visible {
2214
2214
  outline-color: var(--fallback-p,oklch(var(--p)/1));
2215
2215
  }
2216
- [type="checkbox"].checkbox-primary:checked,
2217
- [type="checkbox"].checkbox-primary[checked="true"],
2218
- [type="checkbox"].checkbox-primary[aria-checked="true"] {
2216
+ .checkbox-primary:checked,
2217
+ .checkbox-primary[checked="true"],
2218
+ .checkbox-primary[aria-checked="true"] {
2219
2219
  --tw-border-opacity: 1;
2220
2220
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
2221
2221
  --tw-bg-opacity: 1;
@@ -2223,24 +2223,24 @@ input.tab:checked + .tab-content,
2223
2223
  --tw-text-opacity: 1;
2224
2224
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
2225
2225
  }
2226
- [type="checkbox"].checkbox-secondary {
2226
+ .checkbox-secondary {
2227
2227
  --chkbg: var(--fallback-s,oklch(var(--s)/1));
2228
2228
  --chkfg: var(--fallback-sc,oklch(var(--sc)/1));
2229
2229
  --tw-border-opacity: 1;
2230
2230
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
2231
2231
  }
2232
2232
  @media(hover:hover) {
2233
- [type="checkbox"].checkbox-secondary:hover {
2233
+ .checkbox-secondary:hover {
2234
2234
  --tw-border-opacity: 1;
2235
2235
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
2236
2236
  }
2237
2237
  }
2238
- [type="checkbox"].checkbox-secondary:focus-visible {
2238
+ .checkbox-secondary:focus-visible {
2239
2239
  outline-color: var(--fallback-s,oklch(var(--s)/1));
2240
2240
  }
2241
- [type="checkbox"].checkbox-secondary:checked,
2242
- [type="checkbox"].checkbox-secondary[checked="true"],
2243
- [type="checkbox"].checkbox-secondary[aria-checked="true"] {
2241
+ .checkbox-secondary:checked,
2242
+ .checkbox-secondary[checked="true"],
2243
+ .checkbox-secondary[aria-checked="true"] {
2244
2244
  --tw-border-opacity: 1;
2245
2245
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
2246
2246
  --tw-bg-opacity: 1;
@@ -2248,24 +2248,24 @@ input.tab:checked + .tab-content,
2248
2248
  --tw-text-opacity: 1;
2249
2249
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
2250
2250
  }
2251
- [type="checkbox"].checkbox-accent {
2251
+ .checkbox-accent {
2252
2252
  --chkbg: var(--fallback-a,oklch(var(--a)/1));
2253
2253
  --chkfg: var(--fallback-ac,oklch(var(--ac)/1));
2254
2254
  --tw-border-opacity: 1;
2255
2255
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
2256
2256
  }
2257
2257
  @media(hover:hover) {
2258
- [type="checkbox"].checkbox-accent:hover {
2258
+ .checkbox-accent:hover {
2259
2259
  --tw-border-opacity: 1;
2260
2260
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
2261
2261
  }
2262
2262
  }
2263
- [type="checkbox"].checkbox-accent:focus-visible {
2263
+ .checkbox-accent:focus-visible {
2264
2264
  outline-color: var(--fallback-a,oklch(var(--a)/1));
2265
2265
  }
2266
- [type="checkbox"].checkbox-accent:checked,
2267
- [type="checkbox"].checkbox-accent[checked="true"],
2268
- [type="checkbox"].checkbox-accent[aria-checked="true"] {
2266
+ .checkbox-accent:checked,
2267
+ .checkbox-accent[checked="true"],
2268
+ .checkbox-accent[aria-checked="true"] {
2269
2269
  --tw-border-opacity: 1;
2270
2270
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
2271
2271
  --tw-bg-opacity: 1;
@@ -2273,24 +2273,24 @@ input.tab:checked + .tab-content,
2273
2273
  --tw-text-opacity: 1;
2274
2274
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
2275
2275
  }
2276
- [type="checkbox"].checkbox-success {
2276
+ .checkbox-success {
2277
2277
  --chkbg: var(--fallback-su,oklch(var(--su)/1));
2278
2278
  --chkfg: var(--fallback-suc,oklch(var(--suc)/1));
2279
2279
  --tw-border-opacity: 1;
2280
2280
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
2281
2281
  }
2282
2282
  @media(hover:hover) {
2283
- [type="checkbox"].checkbox-success:hover {
2283
+ .checkbox-success:hover {
2284
2284
  --tw-border-opacity: 1;
2285
2285
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
2286
2286
  }
2287
2287
  }
2288
- [type="checkbox"].checkbox-success:focus-visible {
2288
+ .checkbox-success:focus-visible {
2289
2289
  outline-color: var(--fallback-su,oklch(var(--su)/1));
2290
2290
  }
2291
- [type="checkbox"].checkbox-success:checked,
2292
- [type="checkbox"].checkbox-success[checked="true"],
2293
- [type="checkbox"].checkbox-success[aria-checked="true"] {
2291
+ .checkbox-success:checked,
2292
+ .checkbox-success[checked="true"],
2293
+ .checkbox-success[aria-checked="true"] {
2294
2294
  --tw-border-opacity: 1;
2295
2295
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
2296
2296
  --tw-bg-opacity: 1;
@@ -2298,24 +2298,24 @@ input.tab:checked + .tab-content,
2298
2298
  --tw-text-opacity: 1;
2299
2299
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
2300
2300
  }
2301
- [type="checkbox"].checkbox-warning {
2301
+ .checkbox-warning {
2302
2302
  --chkbg: var(--fallback-wa,oklch(var(--wa)/1));
2303
2303
  --chkfg: var(--fallback-wac,oklch(var(--wac)/1));
2304
2304
  --tw-border-opacity: 1;
2305
2305
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
2306
2306
  }
2307
2307
  @media(hover:hover) {
2308
- [type="checkbox"].checkbox-warning:hover {
2308
+ .checkbox-warning:hover {
2309
2309
  --tw-border-opacity: 1;
2310
2310
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
2311
2311
  }
2312
2312
  }
2313
- [type="checkbox"].checkbox-warning:focus-visible {
2313
+ .checkbox-warning:focus-visible {
2314
2314
  outline-color: var(--fallback-wa,oklch(var(--wa)/1));
2315
2315
  }
2316
- [type="checkbox"].checkbox-warning:checked,
2317
- [type="checkbox"].checkbox-warning[checked="true"],
2318
- [type="checkbox"].checkbox-warning[aria-checked="true"] {
2316
+ .checkbox-warning:checked,
2317
+ .checkbox-warning[checked="true"],
2318
+ .checkbox-warning[aria-checked="true"] {
2319
2319
  --tw-border-opacity: 1;
2320
2320
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
2321
2321
  --tw-bg-opacity: 1;
@@ -2323,24 +2323,24 @@ input.tab:checked + .tab-content,
2323
2323
  --tw-text-opacity: 1;
2324
2324
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
2325
2325
  }
2326
- [type="checkbox"].checkbox-info {
2326
+ .checkbox-info {
2327
2327
  --chkbg: var(--fallback-in,oklch(var(--in)/1));
2328
2328
  --chkfg: var(--fallback-inc,oklch(var(--inc)/1));
2329
2329
  --tw-border-opacity: 1;
2330
2330
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
2331
2331
  }
2332
2332
  @media(hover:hover) {
2333
- [type="checkbox"].checkbox-info:hover {
2333
+ .checkbox-info:hover {
2334
2334
  --tw-border-opacity: 1;
2335
2335
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
2336
2336
  }
2337
2337
  }
2338
- [type="checkbox"].checkbox-info:focus-visible {
2338
+ .checkbox-info:focus-visible {
2339
2339
  outline-color: var(--fallback-in,oklch(var(--in)/1));
2340
2340
  }
2341
- [type="checkbox"].checkbox-info:checked,
2342
- [type="checkbox"].checkbox-info[checked="true"],
2343
- [type="checkbox"].checkbox-info[aria-checked="true"] {
2341
+ .checkbox-info:checked,
2342
+ .checkbox-info[checked="true"],
2343
+ .checkbox-info[aria-checked="true"] {
2344
2344
  --tw-border-opacity: 1;
2345
2345
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
2346
2346
  --tw-bg-opacity: 1;
@@ -2348,24 +2348,24 @@ input.tab:checked + .tab-content,
2348
2348
  --tw-text-opacity: 1;
2349
2349
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
2350
2350
  }
2351
- [type="checkbox"].checkbox-error {
2351
+ .checkbox-error {
2352
2352
  --chkbg: var(--fallback-er,oklch(var(--er)/1));
2353
2353
  --chkfg: var(--fallback-erc,oklch(var(--erc)/1));
2354
2354
  --tw-border-opacity: 1;
2355
2355
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
2356
2356
  }
2357
2357
  @media(hover:hover) {
2358
- [type="checkbox"].checkbox-error:hover {
2358
+ .checkbox-error:hover {
2359
2359
  --tw-border-opacity: 1;
2360
2360
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
2361
2361
  }
2362
2362
  }
2363
- [type="checkbox"].checkbox-error:focus-visible {
2363
+ .checkbox-error:focus-visible {
2364
2364
  outline-color: var(--fallback-er,oklch(var(--er)/1));
2365
2365
  }
2366
- [type="checkbox"].checkbox-error:checked,
2367
- [type="checkbox"].checkbox-error[checked="true"],
2368
- [type="checkbox"].checkbox-error[aria-checked="true"] {
2366
+ .checkbox-error:checked,
2367
+ .checkbox-error[checked="true"],
2368
+ .checkbox-error[aria-checked="true"] {
2369
2369
  --tw-border-opacity: 1;
2370
2370
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
2371
2371
  --tw-bg-opacity: 1;
@@ -2373,7 +2373,7 @@ input.tab:checked + .tab-content,
2373
2373
  --tw-text-opacity: 1;
2374
2374
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
2375
2375
  }
2376
- [type="checkbox"].checkbox:disabled {
2376
+ .checkbox:disabled {
2377
2377
  cursor: not-allowed;
2378
2378
  border-color: transparent;
2379
2379
  --tw-bg-opacity: 1;
@@ -3725,7 +3725,7 @@ details.collapse summary {
3725
3725
  .radial-progress:after {
3726
3726
  background-color: currentColor;
3727
3727
  }
3728
- [type="radio"].radio {
3728
+ .radio {
3729
3729
  --chkbg: var(--bc);
3730
3730
  height: 1.5rem;
3731
3731
  width: 1.5rem;
@@ -3736,17 +3736,17 @@ details.collapse summary {
3736
3736
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
3737
3737
  --tw-border-opacity: 0.2;
3738
3738
  }
3739
- [type="radio"].radio:focus {
3739
+ .radio:focus {
3740
3740
  box-shadow: none;
3741
3741
  }
3742
- [type="radio"].radio:focus-visible {
3742
+ .radio:focus-visible {
3743
3743
  outline-style: solid;
3744
3744
  outline-width: 2px;
3745
3745
  outline-offset: 2px;
3746
3746
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
3747
3747
  }
3748
- [type="radio"].radio:checked,
3749
- [type="radio"].radio[aria-checked="true"] {
3748
+ .radio:checked,
3749
+ .radio[aria-checked="true"] {
3750
3750
  --tw-bg-opacity: 1;
3751
3751
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
3752
3752
  background-image: none;
@@ -3755,22 +3755,22 @@ details.collapse summary {
3755
3755
  0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
3756
3756
  0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
3757
3757
  }
3758
- [type="radio"].radio-primary {
3758
+ .radio-primary {
3759
3759
  --chkbg: var(--p);
3760
3760
  --tw-border-opacity: 1;
3761
3761
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
3762
3762
  }
3763
3763
  @media(hover:hover) {
3764
- [type="radio"].radio-primary:hover {
3764
+ .radio-primary:hover {
3765
3765
  --tw-border-opacity: 1;
3766
3766
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
3767
3767
  }
3768
3768
  }
3769
- [type="radio"].radio-primary:focus-visible {
3769
+ .radio-primary:focus-visible {
3770
3770
  outline-color: var(--fallback-p,oklch(var(--p)/1));
3771
3771
  }
3772
- [type="radio"].radio-primary:checked,
3773
- [type="radio"].radio-primary[aria-checked="true"] {
3772
+ .radio-primary:checked,
3773
+ .radio-primary[aria-checked="true"] {
3774
3774
  --tw-border-opacity: 1;
3775
3775
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
3776
3776
  --tw-bg-opacity: 1;
@@ -3778,22 +3778,22 @@ details.collapse summary {
3778
3778
  --tw-text-opacity: 1;
3779
3779
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
3780
3780
  }
3781
- [type="radio"].radio-secondary {
3781
+ .radio-secondary {
3782
3782
  --chkbg: var(--s);
3783
3783
  --tw-border-opacity: 1;
3784
3784
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
3785
3785
  }
3786
3786
  @media(hover:hover) {
3787
- [type="radio"].radio-secondary:hover {
3787
+ .radio-secondary:hover {
3788
3788
  --tw-border-opacity: 1;
3789
3789
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
3790
3790
  }
3791
3791
  }
3792
- [type="radio"].radio-secondary:focus-visible {
3792
+ .radio-secondary:focus-visible {
3793
3793
  outline-color: var(--fallback-s,oklch(var(--s)/1));
3794
3794
  }
3795
- [type="radio"].radio-secondary:checked,
3796
- [type="radio"].radio-secondary[aria-checked="true"] {
3795
+ .radio-secondary:checked,
3796
+ .radio-secondary[aria-checked="true"] {
3797
3797
  --tw-border-opacity: 1;
3798
3798
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
3799
3799
  --tw-bg-opacity: 1;
@@ -3801,22 +3801,22 @@ details.collapse summary {
3801
3801
  --tw-text-opacity: 1;
3802
3802
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
3803
3803
  }
3804
- [type="radio"].radio-accent {
3804
+ .radio-accent {
3805
3805
  --chkbg: var(--a);
3806
3806
  --tw-border-opacity: 1;
3807
3807
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3808
3808
  }
3809
3809
  @media(hover:hover) {
3810
- [type="radio"].radio-accent:hover {
3810
+ .radio-accent:hover {
3811
3811
  --tw-border-opacity: 1;
3812
3812
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3813
3813
  }
3814
3814
  }
3815
- [type="radio"].radio-accent:focus-visible {
3815
+ .radio-accent:focus-visible {
3816
3816
  outline-color: var(--fallback-a,oklch(var(--a)/1));
3817
3817
  }
3818
- [type="radio"].radio-accent:checked,
3819
- [type="radio"].radio-accent[aria-checked="true"] {
3818
+ .radio-accent:checked,
3819
+ .radio-accent[aria-checked="true"] {
3820
3820
  --tw-border-opacity: 1;
3821
3821
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
3822
3822
  --tw-bg-opacity: 1;
@@ -3824,22 +3824,22 @@ details.collapse summary {
3824
3824
  --tw-text-opacity: 1;
3825
3825
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
3826
3826
  }
3827
- [type="radio"].radio-success {
3827
+ .radio-success {
3828
3828
  --chkbg: var(--su);
3829
3829
  --tw-border-opacity: 1;
3830
3830
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3831
3831
  }
3832
3832
  @media(hover:hover) {
3833
- [type="radio"].radio-success:hover {
3833
+ .radio-success:hover {
3834
3834
  --tw-border-opacity: 1;
3835
3835
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3836
3836
  }
3837
3837
  }
3838
- [type="radio"].radio-success:focus-visible {
3838
+ .radio-success:focus-visible {
3839
3839
  outline-color: var(--fallback-su,oklch(var(--su)/1));
3840
3840
  }
3841
- [type="radio"].radio-success:checked,
3842
- [type="radio"].radio-success[aria-checked="true"] {
3841
+ .radio-success:checked,
3842
+ .radio-success[aria-checked="true"] {
3843
3843
  --tw-border-opacity: 1;
3844
3844
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
3845
3845
  --tw-bg-opacity: 1;
@@ -3847,22 +3847,22 @@ details.collapse summary {
3847
3847
  --tw-text-opacity: 1;
3848
3848
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
3849
3849
  }
3850
- [type="radio"].radio-warning {
3850
+ .radio-warning {
3851
3851
  --chkbg: var(--wa);
3852
3852
  --tw-border-opacity: 1;
3853
3853
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3854
3854
  }
3855
3855
  @media(hover:hover) {
3856
- [type="radio"].radio-warning:hover {
3856
+ .radio-warning:hover {
3857
3857
  --tw-border-opacity: 1;
3858
3858
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3859
3859
  }
3860
3860
  }
3861
- [type="radio"].radio-warning:focus-visible {
3861
+ .radio-warning:focus-visible {
3862
3862
  outline-color: var(--fallback-wa,oklch(var(--wa)/1));
3863
3863
  }
3864
- [type="radio"].radio-warning:checked,
3865
- [type="radio"].radio-warning[aria-checked="true"] {
3864
+ .radio-warning:checked,
3865
+ .radio-warning[aria-checked="true"] {
3866
3866
  --tw-border-opacity: 1;
3867
3867
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
3868
3868
  --tw-bg-opacity: 1;
@@ -3870,22 +3870,22 @@ details.collapse summary {
3870
3870
  --tw-text-opacity: 1;
3871
3871
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
3872
3872
  }
3873
- [type="radio"].radio-info {
3873
+ .radio-info {
3874
3874
  --chkbg: var(--in);
3875
3875
  --tw-border-opacity: 1;
3876
3876
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3877
3877
  }
3878
3878
  @media(hover:hover) {
3879
- [type="radio"].radio-info:hover {
3879
+ .radio-info:hover {
3880
3880
  --tw-border-opacity: 1;
3881
3881
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3882
3882
  }
3883
3883
  }
3884
- [type="radio"].radio-info:focus-visible {
3884
+ .radio-info:focus-visible {
3885
3885
  outline-color: var(--fallback-in,oklch(var(--in)/1));
3886
3886
  }
3887
- [type="radio"].radio-info:checked,
3888
- [type="radio"].radio-info[aria-checked="true"] {
3887
+ .radio-info:checked,
3888
+ .radio-info[aria-checked="true"] {
3889
3889
  --tw-border-opacity: 1;
3890
3890
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
3891
3891
  --tw-bg-opacity: 1;
@@ -3893,22 +3893,22 @@ details.collapse summary {
3893
3893
  --tw-text-opacity: 1;
3894
3894
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
3895
3895
  }
3896
- [type="radio"].radio-error {
3896
+ .radio-error {
3897
3897
  --chkbg: var(--er);
3898
3898
  --tw-border-opacity: 1;
3899
3899
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3900
3900
  }
3901
3901
  @media(hover:hover) {
3902
- [type="radio"].radio-error:hover {
3902
+ .radio-error:hover {
3903
3903
  --tw-border-opacity: 1;
3904
3904
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3905
3905
  }
3906
3906
  }
3907
- [type="radio"].radio-error:focus-visible {
3907
+ .radio-error:focus-visible {
3908
3908
  outline-color: var(--fallback-er,oklch(var(--er)/1));
3909
3909
  }
3910
- [type="radio"].radio-error:checked,
3911
- [type="radio"].radio-error[aria-checked="true"] {
3910
+ .radio-error:checked,
3911
+ .radio-error[aria-checked="true"] {
3912
3912
  --tw-border-opacity: 1;
3913
3913
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
3914
3914
  --tw-bg-opacity: 1;
@@ -3916,7 +3916,7 @@ details.collapse summary {
3916
3916
  --tw-text-opacity: 1;
3917
3917
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
3918
3918
  }
3919
- [type="radio"].radio:disabled {
3919
+ .radio:disabled {
3920
3920
  cursor: not-allowed;
3921
3921
  opacity: 0.2;
3922
3922
  }
@@ -4075,8 +4075,7 @@ details.collapse summary {
4075
4075
  transform: translateY(0);
4076
4076
  }
4077
4077
  }
4078
- .select,
4079
- select.select {
4078
+ .select {
4080
4079
  border-radius: var(--rounded-btn, 0.5rem);
4081
4080
  border-width: 1px;
4082
4081
  border-color: transparent;
@@ -4084,11 +4083,10 @@ select.select {
4084
4083
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
4085
4084
  padding-right: 2.5rem;
4086
4085
  }
4087
- .select-bordered, select.select-bordered {
4086
+ .select-bordered {
4088
4087
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
4089
4088
  }
4090
- .select,
4091
- select.select {
4089
+ .select {
4092
4090
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
4093
4091
  linear-gradient(135deg, currentColor 50%, transparent 50%);
4094
4092
  background-position:
@@ -4099,7 +4097,7 @@ select.select {
4099
4097
  4px 4px;
4100
4098
  background-repeat: no-repeat;
4101
4099
  }
4102
- .select:focus, select.select:focus {
4100
+ .select:focus {
4103
4101
  box-shadow: none;
4104
4102
  border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
4105
4103
  outline-style: solid;
@@ -4107,83 +4105,80 @@ select.select {
4107
4105
  outline-offset: 2px;
4108
4106
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
4109
4107
  }
4110
- .select-ghost, select.select-ghost {
4108
+ .select-ghost {
4111
4109
  --tw-bg-opacity: 0.05;
4112
4110
  }
4113
- .select-ghost:focus, select.select-ghost:focus {
4111
+ .select-ghost:focus {
4114
4112
  --tw-bg-opacity: 1;
4115
4113
  --tw-text-opacity: 1;
4116
4114
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
4117
4115
  }
4118
- .select-primary, select.select-primary {
4116
+ .select-primary {
4119
4117
  --tw-border-opacity: 1;
4120
4118
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
4121
4119
  }
4122
- .select-primary:focus, select.select-primary:focus {
4120
+ .select-primary:focus {
4123
4121
  --tw-border-opacity: 1;
4124
4122
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
4125
4123
  outline-color: var(--fallback-p,oklch(var(--p)/1));
4126
4124
  }
4127
- .select-secondary, select.select-secondary {
4125
+ .select-secondary {
4128
4126
  --tw-border-opacity: 1;
4129
4127
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
4130
4128
  }
4131
- .select-secondary:focus, select.select-secondary:focus {
4129
+ .select-secondary:focus {
4132
4130
  --tw-border-opacity: 1;
4133
4131
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
4134
4132
  outline-color: var(--fallback-s,oklch(var(--s)/1));
4135
4133
  }
4136
- .select-accent, select.select-accent {
4134
+ .select-accent {
4137
4135
  --tw-border-opacity: 1;
4138
4136
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
4139
4137
  }
4140
- .select-accent:focus, select.select-accent:focus {
4138
+ .select-accent:focus {
4141
4139
  --tw-border-opacity: 1;
4142
4140
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
4143
4141
  outline-color: var(--fallback-a,oklch(var(--a)/1));
4144
4142
  }
4145
- .select-info, select.select-info {
4143
+ .select-info {
4146
4144
  --tw-border-opacity: 1;
4147
4145
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
4148
4146
  }
4149
- .select-info:focus, select.select-info:focus {
4147
+ .select-info:focus {
4150
4148
  --tw-border-opacity: 1;
4151
4149
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
4152
4150
  outline-color: var(--fallback-in,oklch(var(--in)/1));
4153
4151
  }
4154
- .select-success, select.select-success {
4152
+ .select-success {
4155
4153
  --tw-border-opacity: 1;
4156
4154
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
4157
4155
  }
4158
- .select-success:focus, select.select-success:focus {
4156
+ .select-success:focus {
4159
4157
  --tw-border-opacity: 1;
4160
4158
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
4161
4159
  outline-color: var(--fallback-su,oklch(var(--su)/1));
4162
4160
  }
4163
- .select-warning, select.select-warning {
4161
+ .select-warning {
4164
4162
  --tw-border-opacity: 1;
4165
4163
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4166
4164
  }
4167
- .select-warning:focus, select.select-warning:focus {
4165
+ .select-warning:focus {
4168
4166
  --tw-border-opacity: 1;
4169
4167
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4170
4168
  outline-color: var(--fallback-wa,oklch(var(--wa)/1));
4171
4169
  }
4172
- .select-error, select.select-error {
4170
+ .select-error {
4173
4171
  --tw-border-opacity: 1;
4174
4172
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
4175
4173
  }
4176
- .select-error:focus, select.select-error:focus {
4174
+ .select-error:focus {
4177
4175
  --tw-border-opacity: 1;
4178
4176
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
4179
4177
  outline-color: var(--fallback-er,oklch(var(--er)/1));
4180
4178
  }
4181
4179
  .select-disabled,
4182
4180
  .select:disabled,
4183
- .select[disabled],
4184
- select.select-disabled,
4185
- select.select:disabled,
4186
- select.select[disabled] {
4181
+ .select[disabled] {
4187
4182
  cursor: not-allowed;
4188
4183
  --tw-border-opacity: 1;
4189
4184
  border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -4193,19 +4188,13 @@ select.select {
4193
4188
  }
4194
4189
  .select-disabled::placeholder,
4195
4190
  .select:disabled::placeholder,
4196
- .select[disabled]::placeholder,
4197
- select.select-disabled::placeholder,
4198
- select.select:disabled::placeholder,
4199
- select.select[disabled]::placeholder {
4191
+ .select[disabled]::placeholder {
4200
4192
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
4201
4193
  --tw-placeholder-opacity: 0.2;
4202
4194
  }
4203
4195
  .select-multiple,
4204
4196
  .select[multiple],
4205
- .select[size].select:not([size="1"]),
4206
- select.select-multiple,
4207
- select.select[multiple],
4208
- select.select[size]select.select:not([size="1"]) {
4197
+ .select[size].select:not([size="1"]) {
4209
4198
  background-image: none;
4210
4199
  padding-right: 1rem;
4211
4200
  }
@@ -4878,7 +4867,7 @@ select.select {
4878
4867
  opacity: 1;
4879
4868
  }
4880
4869
  }
4881
- [type="checkbox"].toggle {
4870
+ .toggle {
4882
4871
  --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
4883
4872
  --handleoffset: 1.5rem;
4884
4873
  --handleoffsetcalculator: calc(var(--handleoffset) * -1);
@@ -4900,30 +4889,30 @@ select.select {
4900
4889
  0 0 0 2px var(--tglbg) inset,
4901
4890
  var(--togglehandleborder);
4902
4891
  }
4903
- [dir="rtl"] [type="checkbox"].toggle {
4892
+ [dir="rtl"] .toggle {
4904
4893
  --handleoffsetcalculator: calc(var(--handleoffset) * 1);
4905
4894
  }
4906
- [type="checkbox"].toggle:focus-visible {
4895
+ .toggle:focus-visible {
4907
4896
  outline-style: solid;
4908
4897
  outline-width: 2px;
4909
4898
  outline-offset: 2px;
4910
4899
  outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
4911
4900
  }
4912
- [type="checkbox"].toggle:hover {
4901
+ .toggle:hover {
4913
4902
  background-color: currentColor;
4914
4903
  }
4915
- [type="checkbox"].toggle:checked,
4916
- [type="checkbox"].toggle[checked="true"],
4917
- [type="checkbox"].toggle[aria-checked="true"] {
4904
+ .toggle:checked,
4905
+ .toggle[checked="true"],
4906
+ .toggle[aria-checked="true"] {
4918
4907
  background-image: none;
4919
4908
  --handleoffsetcalculator: var(--handleoffset);
4920
4909
  --tw-text-opacity: 1;
4921
4910
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
4922
4911
  }
4923
- [dir="rtl"] [type="checkbox"].toggle:checked, [dir="rtl"] [type="checkbox"].toggle[checked="true"], [dir="rtl"] [type="checkbox"].toggle[aria-checked="true"] {
4912
+ [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"] {
4924
4913
  --handleoffsetcalculator: calc(var(--handleoffset) * -1);
4925
4914
  }
4926
- [type="checkbox"].toggle:indeterminate {
4915
+ .toggle:indeterminate {
4927
4916
  --tw-text-opacity: 1;
4928
4917
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
4929
4918
  box-shadow:
@@ -4931,18 +4920,18 @@ select.select {
4931
4920
  calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
4932
4921
  0 0 0 2px var(--tglbg) inset;
4933
4922
  }
4934
- [dir="rtl"] [type="checkbox"].toggle:indeterminate {
4923
+ [dir="rtl"] .toggle:indeterminate {
4935
4924
  box-shadow:
4936
4925
  calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
4937
4926
  calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
4938
4927
  0 0 0 2px var(--tglbg) inset;
4939
4928
  }
4940
- [type="checkbox"].toggle-primary:focus-visible {
4929
+ .toggle-primary:focus-visible {
4941
4930
  outline-color: var(--fallback-p,oklch(var(--p)/1));
4942
4931
  }
4943
- [type="checkbox"].toggle-primary:checked,
4944
- [type="checkbox"].toggle-primary[checked="true"],
4945
- [type="checkbox"].toggle-primary[aria-checked="true"] {
4932
+ .toggle-primary:checked,
4933
+ .toggle-primary[checked="true"],
4934
+ .toggle-primary[aria-checked="true"] {
4946
4935
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
4947
4936
  --tw-border-opacity: 0.1;
4948
4937
  --tw-bg-opacity: 1;
@@ -4950,12 +4939,12 @@ select.select {
4950
4939
  --tw-text-opacity: 1;
4951
4940
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
4952
4941
  }
4953
- [type="checkbox"].toggle-secondary:focus-visible {
4942
+ .toggle-secondary:focus-visible {
4954
4943
  outline-color: var(--fallback-s,oklch(var(--s)/1));
4955
4944
  }
4956
- [type="checkbox"].toggle-secondary:checked,
4957
- [type="checkbox"].toggle-secondary[checked="true"],
4958
- [type="checkbox"].toggle-secondary[aria-checked="true"] {
4945
+ .toggle-secondary:checked,
4946
+ .toggle-secondary[checked="true"],
4947
+ .toggle-secondary[aria-checked="true"] {
4959
4948
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
4960
4949
  --tw-border-opacity: 0.1;
4961
4950
  --tw-bg-opacity: 1;
@@ -4963,12 +4952,12 @@ select.select {
4963
4952
  --tw-text-opacity: 1;
4964
4953
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
4965
4954
  }
4966
- [type="checkbox"].toggle-accent:focus-visible {
4955
+ .toggle-accent:focus-visible {
4967
4956
  outline-color: var(--fallback-a,oklch(var(--a)/1));
4968
4957
  }
4969
- [type="checkbox"].toggle-accent:checked,
4970
- [type="checkbox"].toggle-accent[checked="true"],
4971
- [type="checkbox"].toggle-accent[aria-checked="true"] {
4958
+ .toggle-accent:checked,
4959
+ .toggle-accent[checked="true"],
4960
+ .toggle-accent[aria-checked="true"] {
4972
4961
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
4973
4962
  --tw-border-opacity: 0.1;
4974
4963
  --tw-bg-opacity: 1;
@@ -4976,12 +4965,12 @@ select.select {
4976
4965
  --tw-text-opacity: 1;
4977
4966
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
4978
4967
  }
4979
- [type="checkbox"].toggle-success:focus-visible {
4968
+ .toggle-success:focus-visible {
4980
4969
  outline-color: var(--fallback-su,oklch(var(--su)/1));
4981
4970
  }
4982
- [type="checkbox"].toggle-success:checked,
4983
- [type="checkbox"].toggle-success[checked="true"],
4984
- [type="checkbox"].toggle-success[aria-checked="true"] {
4971
+ .toggle-success:checked,
4972
+ .toggle-success[checked="true"],
4973
+ .toggle-success[aria-checked="true"] {
4985
4974
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
4986
4975
  --tw-border-opacity: 0.1;
4987
4976
  --tw-bg-opacity: 1;
@@ -4989,12 +4978,12 @@ select.select {
4989
4978
  --tw-text-opacity: 1;
4990
4979
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
4991
4980
  }
4992
- [type="checkbox"].toggle-warning:focus-visible {
4981
+ .toggle-warning:focus-visible {
4993
4982
  outline-color: var(--fallback-wa,oklch(var(--wa)/1));
4994
4983
  }
4995
- [type="checkbox"].toggle-warning:checked,
4996
- [type="checkbox"].toggle-warning[checked="true"],
4997
- [type="checkbox"].toggle-warning[aria-checked="true"] {
4984
+ .toggle-warning:checked,
4985
+ .toggle-warning[checked="true"],
4986
+ .toggle-warning[aria-checked="true"] {
4998
4987
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
4999
4988
  --tw-border-opacity: 0.1;
5000
4989
  --tw-bg-opacity: 1;
@@ -5002,12 +4991,12 @@ select.select {
5002
4991
  --tw-text-opacity: 1;
5003
4992
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
5004
4993
  }
5005
- [type="checkbox"].toggle-info:focus-visible {
4994
+ .toggle-info:focus-visible {
5006
4995
  outline-color: var(--fallback-in,oklch(var(--in)/1));
5007
4996
  }
5008
- [type="checkbox"].toggle-info:checked,
5009
- [type="checkbox"].toggle-info[checked="true"],
5010
- [type="checkbox"].toggle-info[aria-checked="true"] {
4997
+ .toggle-info:checked,
4998
+ .toggle-info[checked="true"],
4999
+ .toggle-info[aria-checked="true"] {
5011
5000
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
5012
5001
  --tw-border-opacity: 0.1;
5013
5002
  --tw-bg-opacity: 1;
@@ -5015,12 +5004,12 @@ select.select {
5015
5004
  --tw-text-opacity: 1;
5016
5005
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
5017
5006
  }
5018
- [type="checkbox"].toggle-error:focus-visible {
5007
+ .toggle-error:focus-visible {
5019
5008
  outline-color: var(--fallback-er,oklch(var(--er)/1));
5020
5009
  }
5021
- [type="checkbox"].toggle-error:checked,
5022
- [type="checkbox"].toggle-error[checked="true"],
5023
- [type="checkbox"].toggle-error[aria-checked="true"] {
5010
+ .toggle-error:checked,
5011
+ .toggle-error[checked="true"],
5012
+ .toggle-error[aria-checked="true"] {
5024
5013
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
5025
5014
  --tw-border-opacity: 0.1;
5026
5015
  --tw-bg-opacity: 1;
@@ -5028,7 +5017,7 @@ select.select {
5028
5017
  --tw-text-opacity: 1;
5029
5018
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
5030
5019
  }
5031
- [type="checkbox"].toggle:disabled {
5020
+ .toggle:disabled {
5032
5021
  cursor: not-allowed;
5033
5022
  --tw-border-opacity: 1;
5034
5023
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));