daisyui 4.7.0 → 4.7.2

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 (7) hide show
  1. package/dist/full.css +29 -35
  2. package/dist/styled.css +14 -15
  3. package/dist/styled.js +1 -1
  4. package/dist/unstyled.css +1 -2
  5. package/dist/unstyled.js +1 -1
  6. package/dist/utilities-styled.js +1 -1
  7. package/package.json +1 -1
package/dist/full.css CHANGED
@@ -2646,8 +2646,8 @@ html {
2646
2646
  .label a:hover {
2647
2647
  --tw-text-opacity: 1;
2648
2648
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
2649
- .menu li > *:not(ul):not(.menu-title):not(details):active,
2650
- .menu li > *:not(ul):not(.menu-title):not(details).active,
2649
+ .menu li > *:not(ul, .menu-title, details, .btn):active,
2650
+ .menu li > *:not(ul, .menu-title, details, .btn).active,
2651
2651
  .menu li > details > summary:active {
2652
2652
  --tw-bg-opacity: 1;
2653
2653
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
@@ -3303,12 +3303,12 @@ html {
3303
3303
  --tw-scale-x: 1;
3304
3304
  --tw-scale-y: 1;
3305
3305
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
3306
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
3306
+ :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
3307
3307
  cursor: pointer;
3308
3308
  outline: 2px solid transparent;
3309
3309
  outline-offset: 2px}
3310
3310
  @supports (color: oklch(0 0 0)) {
3311
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
3311
+ :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
3312
3312
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1))}}
3313
3313
  .tab[disabled],
3314
3314
  .tab[disabled]:hover {
@@ -3562,8 +3562,7 @@ html {
3562
3562
  white-space: nowrap;
3563
3563
  margin-inline-start: 1rem;
3564
3564
  padding-inline-start: 0.5rem}
3565
- .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
3566
- .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
3565
+ .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
3567
3566
  display: grid;
3568
3567
  grid-auto-flow: column;
3569
3568
  align-content: flex-start;
@@ -5006,6 +5005,10 @@ details.collapse summary::-webkit-details-marker {
5006
5005
  line-height: 1rem;
5007
5006
  --tw-text-opacity: 1;
5008
5007
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
5008
+ .input input {
5009
+ --tw-bg-opacity: 1;
5010
+ background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
5011
+ background-color: transparent}
5009
5012
  .input input:focus {
5010
5013
  outline: 2px solid transparent;
5011
5014
  outline-offset: 2px}
@@ -5268,7 +5271,7 @@ details.collapse summary::-webkit-details-marker {
5268
5271
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
5269
5272
  opacity: 0.1;
5270
5273
  content: ""}
5271
- .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
5274
+ .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
5272
5275
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
5273
5276
  border-radius: var(--rounded-btn, 0.5rem);
5274
5277
  padding-left: 1rem;
@@ -5283,20 +5286,15 @@ details.collapse summary::-webkit-details-marker {
5283
5286
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
5284
5287
  transition-duration: 200ms;
5285
5288
  text-wrap: balance}
5286
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
5287
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
5288
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
5289
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
5290
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
5291
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
5289
+ :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
5292
5290
  cursor: pointer;
5293
5291
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
5294
5292
  --tw-text-opacity: 1;
5295
5293
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
5296
5294
  outline: 2px solid transparent;
5297
5295
  outline-offset: 2px}
5298
- .menu li > *:not(ul):not(.menu-title):not(details):active,
5299
- .menu li > *:not(ul):not(.menu-title):not(details).active,
5296
+ .menu li > *:not(ul, .menu-title, details, .btn):active,
5297
+ .menu li > *:not(ul, .menu-title, details, .btn).active,
5300
5298
  .menu li > details > summary:active {
5301
5299
  --tw-bg-opacity: 1;
5302
5300
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
@@ -22258,8 +22256,7 @@ html:has(.drawer-open.drawer-open) {
22258
22256
  padding-top: 0px;
22259
22257
  padding-bottom: 0px;
22260
22258
  padding-inline-end: 0px}
22261
- .menu-xs :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
22262
- .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22259
+ .menu-xs :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22263
22260
  border-radius: 0.25rem;
22264
22261
  padding-left: 0.5rem;
22265
22262
  padding-right: 0.5rem;
@@ -22272,8 +22269,7 @@ html:has(.drawer-open.drawer-open) {
22272
22269
  padding-right: 0.5rem;
22273
22270
  padding-top: 0.25rem;
22274
22271
  padding-bottom: 0.25rem}
22275
- .menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
22276
- .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22272
+ .menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22277
22273
  border-radius: var(--rounded-btn, 0.5rem);
22278
22274
  padding-left: 0.75rem;
22279
22275
  padding-right: 0.75rem;
@@ -22286,8 +22282,7 @@ html:has(.drawer-open.drawer-open) {
22286
22282
  padding-right: 0.75rem;
22287
22283
  padding-top: 0.5rem;
22288
22284
  padding-bottom: 0.5rem}
22289
- .menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
22290
- .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22285
+ .menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22291
22286
  border-radius: var(--rounded-btn, 0.5rem);
22292
22287
  padding-left: 1rem;
22293
22288
  padding-right: 1rem;
@@ -22300,8 +22295,7 @@ html:has(.drawer-open.drawer-open) {
22300
22295
  padding-right: 1rem;
22301
22296
  padding-top: 0.5rem;
22302
22297
  padding-bottom: 0.5rem}
22303
- .menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
22304
- .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22298
+ .menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22305
22299
  border-radius: var(--rounded-btn, 0.5rem);
22306
22300
  padding-left: 1.5rem;
22307
22301
  padding-right: 1.5rem;
@@ -45321,7 +45315,7 @@ html:has(.drawer-open.drawer-open) {
45321
45315
  .sm\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
45322
45316
  cursor: default;
45323
45317
  background-color: transparent}
45324
- .sm\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.sm\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45318
+ .sm\:menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.sm\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45325
45319
  border-radius: var(--rounded-btn, 0.5rem);
45326
45320
  padding-left: 0.75rem;
45327
45321
  padding-right: 0.75rem;
@@ -45334,7 +45328,7 @@ html:has(.drawer-open.drawer-open) {
45334
45328
  padding-right: 0.75rem;
45335
45329
  padding-top: 0.5rem;
45336
45330
  padding-bottom: 0.5rem}
45337
- .sm\:menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.sm\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45331
+ .sm\:menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.sm\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45338
45332
  border-radius: var(--rounded-btn, 0.5rem);
45339
45333
  padding-left: 1rem;
45340
45334
  padding-right: 1rem;
@@ -45347,7 +45341,7 @@ html:has(.drawer-open.drawer-open) {
45347
45341
  padding-right: 1rem;
45348
45342
  padding-top: 0.5rem;
45349
45343
  padding-bottom: 0.5rem}
45350
- .sm\:menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.sm\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45344
+ .sm\:menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.sm\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45351
45345
  border-radius: var(--rounded-btn, 0.5rem);
45352
45346
  padding-left: 1.5rem;
45353
45347
  padding-right: 1.5rem;
@@ -45848,7 +45842,7 @@ html:has(.drawer-open.drawer-open) {
45848
45842
  .md\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
45849
45843
  cursor: default;
45850
45844
  background-color: transparent}
45851
- .md\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.md\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45845
+ .md\:menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.md\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45852
45846
  border-radius: var(--rounded-btn, 0.5rem);
45853
45847
  padding-left: 0.75rem;
45854
45848
  padding-right: 0.75rem;
@@ -45861,7 +45855,7 @@ html:has(.drawer-open.drawer-open) {
45861
45855
  padding-right: 0.75rem;
45862
45856
  padding-top: 0.5rem;
45863
45857
  padding-bottom: 0.5rem}
45864
- .md\:menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.md\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45858
+ .md\:menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.md\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45865
45859
  border-radius: var(--rounded-btn, 0.5rem);
45866
45860
  padding-left: 1rem;
45867
45861
  padding-right: 1rem;
@@ -45874,7 +45868,7 @@ html:has(.drawer-open.drawer-open) {
45874
45868
  padding-right: 1rem;
45875
45869
  padding-top: 0.5rem;
45876
45870
  padding-bottom: 0.5rem}
45877
- .md\:menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.md\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45871
+ .md\:menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.md\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
45878
45872
  border-radius: var(--rounded-btn, 0.5rem);
45879
45873
  padding-left: 1.5rem;
45880
45874
  padding-right: 1.5rem;
@@ -46375,7 +46369,7 @@ html:has(.drawer-open.drawer-open) {
46375
46369
  .lg\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46376
46370
  cursor: default;
46377
46371
  background-color: transparent}
46378
- .lg\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.lg\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46372
+ .lg\:menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.lg\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46379
46373
  border-radius: var(--rounded-btn, 0.5rem);
46380
46374
  padding-left: 0.75rem;
46381
46375
  padding-right: 0.75rem;
@@ -46388,7 +46382,7 @@ html:has(.drawer-open.drawer-open) {
46388
46382
  padding-right: 0.75rem;
46389
46383
  padding-top: 0.5rem;
46390
46384
  padding-bottom: 0.5rem}
46391
- .lg\:menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.lg\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46385
+ .lg\:menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.lg\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46392
46386
  border-radius: var(--rounded-btn, 0.5rem);
46393
46387
  padding-left: 1rem;
46394
46388
  padding-right: 1rem;
@@ -46401,7 +46395,7 @@ html:has(.drawer-open.drawer-open) {
46401
46395
  padding-right: 1rem;
46402
46396
  padding-top: 0.5rem;
46403
46397
  padding-bottom: 0.5rem}
46404
- .lg\:menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.lg\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46398
+ .lg\:menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.lg\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46405
46399
  border-radius: var(--rounded-btn, 0.5rem);
46406
46400
  padding-left: 1.5rem;
46407
46401
  padding-right: 1.5rem;
@@ -46902,7 +46896,7 @@ html:has(.drawer-open.drawer-open) {
46902
46896
  .xl\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46903
46897
  cursor: default;
46904
46898
  background-color: transparent}
46905
- .xl\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.xl\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46899
+ .xl\:menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.xl\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46906
46900
  border-radius: var(--rounded-btn, 0.5rem);
46907
46901
  padding-left: 0.75rem;
46908
46902
  padding-right: 0.75rem;
@@ -46915,7 +46909,7 @@ html:has(.drawer-open.drawer-open) {
46915
46909
  padding-right: 0.75rem;
46916
46910
  padding-top: 0.5rem;
46917
46911
  padding-bottom: 0.5rem}
46918
- .xl\:menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.xl\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46912
+ .xl\:menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.xl\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46919
46913
  border-radius: var(--rounded-btn, 0.5rem);
46920
46914
  padding-left: 1rem;
46921
46915
  padding-right: 1rem;
@@ -46928,7 +46922,7 @@ html:has(.drawer-open.drawer-open) {
46928
46922
  padding-right: 1rem;
46929
46923
  padding-top: 0.5rem;
46930
46924
  padding-bottom: 0.5rem}
46931
- .xl\:menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.xl\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46925
+ .xl\:menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.xl\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46932
46926
  border-radius: var(--rounded-btn, 0.5rem);
46933
46927
  padding-left: 1.5rem;
46934
46928
  padding-right: 1.5rem;
package/dist/styled.css CHANGED
@@ -825,8 +825,7 @@
825
825
  position: relative;
826
826
  white-space: nowrap
827
827
  }
828
- .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
829
- .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
828
+ .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
830
829
  display: grid;
831
830
  grid-auto-flow: column;
832
831
  align-content: flex-start;
@@ -2974,6 +2973,11 @@ details.collapse summary {
2974
2973
  background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
2975
2974
  font-size: 1rem;
2976
2975
  line-height: 1.5rem;
2976
+ }
2977
+ .input input {
2978
+ --tw-bg-opacity: 1;
2979
+ background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
2980
+ background-color: transparent;
2977
2981
  }
2978
2982
  .input input:focus {
2979
2983
  outline: 2px solid transparent;
@@ -3339,7 +3343,7 @@ details.collapse summary {
3339
3343
  opacity: 0.1;
3340
3344
  content: "";
3341
3345
  }
3342
- .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
3346
+ .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
3343
3347
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
3344
3348
  border-radius: var(--rounded-btn, 0.5rem);
3345
3349
  padding-left: 1rem;
@@ -3353,12 +3357,7 @@ details.collapse summary {
3353
3357
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3354
3358
  text-wrap: balance;
3355
3359
  }
3356
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
3357
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
3358
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
3359
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
3360
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
3361
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
3360
+ :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
3362
3361
  cursor: pointer;
3363
3362
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
3364
3363
  --tw-text-opacity: 1;
@@ -3367,19 +3366,19 @@ details.collapse summary {
3367
3366
  outline-offset: 2px;
3368
3367
  }
3369
3368
  @media (hover: hover) {
3370
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
3369
+ :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
3371
3370
  cursor: pointer;
3372
3371
  outline: 2px solid transparent;
3373
3372
  outline-offset: 2px;
3374
3373
  }
3375
3374
  @supports (color: oklch(0 0 0)) {
3376
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
3375
+ :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
3377
3376
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
3378
3377
  }
3379
3378
  }
3380
3379
  }
3381
- .menu li > *:not(ul):not(.menu-title):not(details):active,
3382
- .menu li > *:not(ul):not(.menu-title):not(details).active,
3380
+ .menu li > *:not(ul, .menu-title, details, .btn):active,
3381
+ .menu li > *:not(ul, .menu-title, details, .btn).active,
3383
3382
  .menu li > details > summary:active {
3384
3383
  --tw-bg-opacity: 1;
3385
3384
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
@@ -3387,8 +3386,8 @@ details.collapse summary {
3387
3386
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
3388
3387
  }
3389
3388
  @media(hover:hover) {
3390
- .menu li > *:not(ul):not(.menu-title):not(details):active,
3391
- .menu li > *:not(ul):not(.menu-title):not(details).active,
3389
+ .menu li > *:not(ul, .menu-title, details, .btn):active,
3390
+ .menu li > *:not(ul, .menu-title, details, .btn).active,
3392
3391
  .menu li > details > summary:active {
3393
3392
  --tw-bg-opacity: 1;
3394
3393
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));