daisyui 4.6.3 → 4.7.1

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 (8) hide show
  1. package/dist/full.css +57 -37
  2. package/dist/styled.css +12 -16
  3. package/dist/styled.js +1 -1
  4. package/dist/unstyled.css +4 -3
  5. package/dist/unstyled.js +1 -1
  6. package/dist/utilities-styled.js +1 -1
  7. package/dist/utilities-unstyled.js +1 -1
  8. 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)));
@@ -3082,7 +3082,8 @@ html {
3082
3082
  grid-template-rows: repeat(1, minmax(0, 1fr));
3083
3083
  align-items: flex-start;
3084
3084
  justify-items: start;
3085
- overflow-y: auto;
3085
+ overflow-x: hidden;
3086
+ overflow-y: hidden;
3086
3087
  overscroll-behavior: contain;
3087
3088
  height: 100vh;
3088
3089
  height: 100dvh}
@@ -3116,7 +3117,8 @@ html {
3116
3117
  opacity: 0}
3117
3118
  .drawer-toggle:checked ~ .drawer-side {
3118
3119
  pointer-events: auto;
3119
- visibility: visible}
3120
+ visibility: visible;
3121
+ overflow-y: auto}
3120
3122
  .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) {
3121
3123
  transform: translateX(0%)}
3122
3124
  .drawer-end {
@@ -3301,12 +3303,12 @@ html {
3301
3303
  --tw-scale-x: 1;
3302
3304
  --tw-scale-y: 1;
3303
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))}
3304
- :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 {
3305
3307
  cursor: pointer;
3306
3308
  outline: 2px solid transparent;
3307
3309
  outline-offset: 2px}
3308
3310
  @supports (color: oklch(0 0 0)) {
3309
- :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 {
3310
3312
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1))}}
3311
3313
  .tab[disabled],
3312
3314
  .tab[disabled]:hover {
@@ -3560,8 +3562,7 @@ html {
3560
3562
  white-space: nowrap;
3561
3563
  margin-inline-start: 1rem;
3562
3564
  padding-inline-start: 0.5rem}
3563
- .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
3564
- .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)) {
3565
3566
  display: grid;
3566
3567
  grid-auto-flow: column;
3567
3568
  align-content: flex-start;
@@ -5266,7 +5267,7 @@ details.collapse summary::-webkit-details-marker {
5266
5267
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
5267
5268
  opacity: 0.1;
5268
5269
  content: ""}
5269
- .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
5270
+ .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
5270
5271
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
5271
5272
  border-radius: var(--rounded-btn, 0.5rem);
5272
5273
  padding-left: 1rem;
@@ -5281,20 +5282,15 @@ details.collapse summary::-webkit-details-marker {
5281
5282
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
5282
5283
  transition-duration: 200ms;
5283
5284
  text-wrap: balance}
5284
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
5285
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
5286
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
5287
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
5288
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
5289
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
5285
+ :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 {
5290
5286
  cursor: pointer;
5291
5287
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
5292
5288
  --tw-text-opacity: 1;
5293
5289
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
5294
5290
  outline: 2px solid transparent;
5295
5291
  outline-offset: 2px}
5296
- .menu li > *:not(ul):not(.menu-title):not(details):active,
5297
- .menu li > *:not(ul):not(.menu-title):not(details).active,
5292
+ .menu li > *:not(ul, .menu-title, details, .btn):active,
5293
+ .menu li > *:not(ul, .menu-title, details, .btn).active,
5298
5294
  .menu li > details > summary:active {
5299
5295
  --tw-bg-opacity: 1;
5300
5296
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
@@ -21578,6 +21574,14 @@ details.collapse summary::-webkit-details-marker {
21578
21574
  .drawer-open > .drawer-toggle:checked ~ .drawer-side {
21579
21575
  pointer-events: auto;
21580
21576
  visibility: visible}
21577
+ .drawer-open > .drawer-side {
21578
+ overflow-y: auto}
21579
+ html:has(.drawer-toggle:checked) {
21580
+ overflow-y: hidden;
21581
+ scrollbar-gutter: stable}
21582
+ html:has(.drawer-open.drawer-open) {
21583
+ overflow-y: auto;
21584
+ scrollbar-gutter: auto}
21581
21585
  .file-input-xs {
21582
21586
  height: 1.5rem;
21583
21587
  padding-inline-end: 0.5rem;
@@ -22248,8 +22252,7 @@ details.collapse summary::-webkit-details-marker {
22248
22252
  padding-top: 0px;
22249
22253
  padding-bottom: 0px;
22250
22254
  padding-inline-end: 0px}
22251
- .menu-xs :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
22252
- .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22255
+ .menu-xs :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22253
22256
  border-radius: 0.25rem;
22254
22257
  padding-left: 0.5rem;
22255
22258
  padding-right: 0.5rem;
@@ -22262,8 +22265,7 @@ details.collapse summary::-webkit-details-marker {
22262
22265
  padding-right: 0.5rem;
22263
22266
  padding-top: 0.25rem;
22264
22267
  padding-bottom: 0.25rem}
22265
- .menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
22266
- .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22268
+ .menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22267
22269
  border-radius: var(--rounded-btn, 0.5rem);
22268
22270
  padding-left: 0.75rem;
22269
22271
  padding-right: 0.75rem;
@@ -22276,8 +22278,7 @@ details.collapse summary::-webkit-details-marker {
22276
22278
  padding-right: 0.75rem;
22277
22279
  padding-top: 0.5rem;
22278
22280
  padding-bottom: 0.5rem}
22279
- .menu-md :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
22280
- .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22281
+ .menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22281
22282
  border-radius: var(--rounded-btn, 0.5rem);
22282
22283
  padding-left: 1rem;
22283
22284
  padding-right: 1rem;
@@ -22290,8 +22291,7 @@ details.collapse summary::-webkit-details-marker {
22290
22291
  padding-right: 1rem;
22291
22292
  padding-top: 0.5rem;
22292
22293
  padding-bottom: 0.5rem}
22293
- .menu-lg :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
22294
- .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22294
+ .menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
22295
22295
  border-radius: var(--rounded-btn, 0.5rem);
22296
22296
  padding-left: 1.5rem;
22297
22297
  padding-right: 1.5rem;
@@ -45049,6 +45049,11 @@ details.collapse summary::-webkit-details-marker {
45049
45049
  .sm\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
45050
45050
  pointer-events: auto;
45051
45051
  visibility: visible}
45052
+ .sm\:drawer-open > .drawer-side {
45053
+ overflow-y: auto}
45054
+ html:has(.sm\:drawer-open.sm\:drawer-open) {
45055
+ overflow-y: auto;
45056
+ scrollbar-gutter: auto}
45052
45057
  .sm\:file-input-sm {
45053
45058
  height: 2rem;
45054
45059
  padding-inline-end: 0.75rem;
@@ -45306,7 +45311,7 @@ details.collapse summary::-webkit-details-marker {
45306
45311
  .sm\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
45307
45312
  cursor: default;
45308
45313
  background-color: transparent}
45309
- .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)) {
45314
+ .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)) {
45310
45315
  border-radius: var(--rounded-btn, 0.5rem);
45311
45316
  padding-left: 0.75rem;
45312
45317
  padding-right: 0.75rem;
@@ -45319,7 +45324,7 @@ details.collapse summary::-webkit-details-marker {
45319
45324
  padding-right: 0.75rem;
45320
45325
  padding-top: 0.5rem;
45321
45326
  padding-bottom: 0.5rem}
45322
- .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)) {
45327
+ .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)) {
45323
45328
  border-radius: var(--rounded-btn, 0.5rem);
45324
45329
  padding-left: 1rem;
45325
45330
  padding-right: 1rem;
@@ -45332,7 +45337,7 @@ details.collapse summary::-webkit-details-marker {
45332
45337
  padding-right: 1rem;
45333
45338
  padding-top: 0.5rem;
45334
45339
  padding-bottom: 0.5rem}
45335
- .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)) {
45340
+ .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)) {
45336
45341
  border-radius: var(--rounded-btn, 0.5rem);
45337
45342
  padding-left: 1.5rem;
45338
45343
  padding-right: 1.5rem;
@@ -45571,6 +45576,11 @@ details.collapse summary::-webkit-details-marker {
45571
45576
  .md\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
45572
45577
  pointer-events: auto;
45573
45578
  visibility: visible}
45579
+ .md\:drawer-open > .drawer-side {
45580
+ overflow-y: auto}
45581
+ html:has(.md\:drawer-open.md\:drawer-open) {
45582
+ overflow-y: auto;
45583
+ scrollbar-gutter: auto}
45574
45584
  .md\:file-input-sm {
45575
45585
  height: 2rem;
45576
45586
  padding-inline-end: 0.75rem;
@@ -45828,7 +45838,7 @@ details.collapse summary::-webkit-details-marker {
45828
45838
  .md\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
45829
45839
  cursor: default;
45830
45840
  background-color: transparent}
45831
- .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)) {
45841
+ .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)) {
45832
45842
  border-radius: var(--rounded-btn, 0.5rem);
45833
45843
  padding-left: 0.75rem;
45834
45844
  padding-right: 0.75rem;
@@ -45841,7 +45851,7 @@ details.collapse summary::-webkit-details-marker {
45841
45851
  padding-right: 0.75rem;
45842
45852
  padding-top: 0.5rem;
45843
45853
  padding-bottom: 0.5rem}
45844
- .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)) {
45854
+ .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)) {
45845
45855
  border-radius: var(--rounded-btn, 0.5rem);
45846
45856
  padding-left: 1rem;
45847
45857
  padding-right: 1rem;
@@ -45854,7 +45864,7 @@ details.collapse summary::-webkit-details-marker {
45854
45864
  padding-right: 1rem;
45855
45865
  padding-top: 0.5rem;
45856
45866
  padding-bottom: 0.5rem}
45857
- .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)) {
45867
+ .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)) {
45858
45868
  border-radius: var(--rounded-btn, 0.5rem);
45859
45869
  padding-left: 1.5rem;
45860
45870
  padding-right: 1.5rem;
@@ -46093,6 +46103,11 @@ details.collapse summary::-webkit-details-marker {
46093
46103
  .lg\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
46094
46104
  pointer-events: auto;
46095
46105
  visibility: visible}
46106
+ .lg\:drawer-open > .drawer-side {
46107
+ overflow-y: auto}
46108
+ html:has(.lg\:drawer-open.lg\:drawer-open) {
46109
+ overflow-y: auto;
46110
+ scrollbar-gutter: auto}
46096
46111
  .lg\:file-input-sm {
46097
46112
  height: 2rem;
46098
46113
  padding-inline-end: 0.75rem;
@@ -46350,7 +46365,7 @@ details.collapse summary::-webkit-details-marker {
46350
46365
  .lg\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46351
46366
  cursor: default;
46352
46367
  background-color: transparent}
46353
- .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)) {
46368
+ .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)) {
46354
46369
  border-radius: var(--rounded-btn, 0.5rem);
46355
46370
  padding-left: 0.75rem;
46356
46371
  padding-right: 0.75rem;
@@ -46363,7 +46378,7 @@ details.collapse summary::-webkit-details-marker {
46363
46378
  padding-right: 0.75rem;
46364
46379
  padding-top: 0.5rem;
46365
46380
  padding-bottom: 0.5rem}
46366
- .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)) {
46381
+ .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)) {
46367
46382
  border-radius: var(--rounded-btn, 0.5rem);
46368
46383
  padding-left: 1rem;
46369
46384
  padding-right: 1rem;
@@ -46376,7 +46391,7 @@ details.collapse summary::-webkit-details-marker {
46376
46391
  padding-right: 1rem;
46377
46392
  padding-top: 0.5rem;
46378
46393
  padding-bottom: 0.5rem}
46379
- .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)) {
46394
+ .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)) {
46380
46395
  border-radius: var(--rounded-btn, 0.5rem);
46381
46396
  padding-left: 1.5rem;
46382
46397
  padding-right: 1.5rem;
@@ -46615,6 +46630,11 @@ details.collapse summary::-webkit-details-marker {
46615
46630
  .xl\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
46616
46631
  pointer-events: auto;
46617
46632
  visibility: visible}
46633
+ .xl\:drawer-open > .drawer-side {
46634
+ overflow-y: auto}
46635
+ html:has(.xl\:drawer-open.xl\:drawer-open) {
46636
+ overflow-y: auto;
46637
+ scrollbar-gutter: auto}
46618
46638
  .xl\:file-input-sm {
46619
46639
  height: 2rem;
46620
46640
  padding-inline-end: 0.75rem;
@@ -46872,7 +46892,7 @@ details.collapse summary::-webkit-details-marker {
46872
46892
  .xl\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46873
46893
  cursor: default;
46874
46894
  background-color: transparent}
46875
- .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)) {
46895
+ .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)) {
46876
46896
  border-radius: var(--rounded-btn, 0.5rem);
46877
46897
  padding-left: 0.75rem;
46878
46898
  padding-right: 0.75rem;
@@ -46885,7 +46905,7 @@ details.collapse summary::-webkit-details-marker {
46885
46905
  padding-right: 0.75rem;
46886
46906
  padding-top: 0.5rem;
46887
46907
  padding-bottom: 0.5rem}
46888
- .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)) {
46908
+ .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)) {
46889
46909
  border-radius: var(--rounded-btn, 0.5rem);
46890
46910
  padding-left: 1rem;
46891
46911
  padding-right: 1rem;
@@ -46898,7 +46918,7 @@ details.collapse summary::-webkit-details-marker {
46898
46918
  padding-right: 1rem;
46899
46919
  padding-top: 0.5rem;
46900
46920
  padding-bottom: 0.5rem}
46901
- .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)) {
46921
+ .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)) {
46902
46922
  border-radius: var(--rounded-btn, 0.5rem);
46903
46923
  padding-left: 1.5rem;
46904
46924
  padding-right: 1.5rem;
package/dist/styled.css CHANGED
@@ -476,7 +476,8 @@
476
476
  grid-template-rows: repeat(1, minmax(0, 1fr));
477
477
  align-items: flex-start;
478
478
  justify-items: start;
479
- overflow-y: auto;
479
+ overflow-x: hidden;
480
+ overflow-y: hidden;
480
481
  overscroll-behavior: contain;
481
482
  height: 100vh;
482
483
  height: 100dvh;
@@ -511,6 +512,7 @@
511
512
  .drawer-toggle:checked ~ .drawer-side {
512
513
  pointer-events: auto;
513
514
  visibility: visible;
515
+ overflow-y: auto;
514
516
  }
515
517
  .drawer-toggle:checked ~ .drawer-side > *:not(.drawer-overlay) {
516
518
  transform: translateX(0%);
@@ -823,8 +825,7 @@
823
825
  position: relative;
824
826
  white-space: nowrap
825
827
  }
826
- .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
827
- .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)) {
828
829
  display: grid;
829
830
  grid-auto-flow: column;
830
831
  align-content: flex-start;
@@ -3337,7 +3338,7 @@ details.collapse summary {
3337
3338
  opacity: 0.1;
3338
3339
  content: "";
3339
3340
  }
3340
- .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
3341
+ .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
3341
3342
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
3342
3343
  border-radius: var(--rounded-btn, 0.5rem);
3343
3344
  padding-left: 1rem;
@@ -3351,12 +3352,7 @@ details.collapse summary {
3351
3352
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3352
3353
  text-wrap: balance;
3353
3354
  }
3354
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
3355
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
3356
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
3357
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
3358
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
3359
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
3355
+ :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 {
3360
3356
  cursor: pointer;
3361
3357
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
3362
3358
  --tw-text-opacity: 1;
@@ -3365,19 +3361,19 @@ details.collapse summary {
3365
3361
  outline-offset: 2px;
3366
3362
  }
3367
3363
  @media (hover: hover) {
3368
- :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 {
3364
+ :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 {
3369
3365
  cursor: pointer;
3370
3366
  outline: 2px solid transparent;
3371
3367
  outline-offset: 2px;
3372
3368
  }
3373
3369
  @supports (color: oklch(0 0 0)) {
3374
- :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 {
3370
+ :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 {
3375
3371
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
3376
3372
  }
3377
3373
  }
3378
3374
  }
3379
- .menu li > *:not(ul):not(.menu-title):not(details):active,
3380
- .menu li > *:not(ul):not(.menu-title):not(details).active,
3375
+ .menu li > *:not(ul, .menu-title, details, .btn):active,
3376
+ .menu li > *:not(ul, .menu-title, details, .btn).active,
3381
3377
  .menu li > details > summary:active {
3382
3378
  --tw-bg-opacity: 1;
3383
3379
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
@@ -3385,8 +3381,8 @@ details.collapse summary {
3385
3381
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
3386
3382
  }
3387
3383
  @media(hover:hover) {
3388
- .menu li > *:not(ul):not(.menu-title):not(details):active,
3389
- .menu li > *:not(ul):not(.menu-title):not(details).active,
3384
+ .menu li > *:not(ul, .menu-title, details, .btn):active,
3385
+ .menu li > *:not(ul, .menu-title, details, .btn).active,
3390
3386
  .menu li > details > summary:active {
3391
3387
  --tw-bg-opacity: 1;
3392
3388
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));