daisyui 3.1.1 → 3.1.3

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 (6) hide show
  1. package/dist/full.css +252 -24
  2. package/dist/styled.css +13 -14
  3. package/dist/styled.js +1 -1
  4. package/dist/styled.rtl.js +1 -1
  5. package/package.json +1 -1
  6. package/src/lib/responsiveRegex.js +2 -1
package/dist/full.css CHANGED
@@ -1645,7 +1645,8 @@ html {
1645
1645
  .link-error:hover {
1646
1646
  --tw-text-opacity: 1;
1647
1647
  color: hsl(var(--er) / var(--tw-text-opacity))}
1648
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active), :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
1648
+ .menu li > *:active,
1649
+ .menu li > *.active {
1649
1650
  --tw-bg-opacity: 1;
1650
1651
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
1651
1652
  --tw-text-opacity: 1;
@@ -1721,12 +1722,7 @@ html {
1721
1722
  .btn-disabled,
1722
1723
  .btn[disabled],
1723
1724
  .btn:disabled {
1724
- pointer-events: none;
1725
- --tw-border-opacity: 0;
1726
- background-color: hsl(var(--n) / var(--tw-bg-opacity));
1727
- --tw-bg-opacity: 0.2;
1728
- color: hsl(var(--bc) / var(--tw-text-opacity));
1729
- --tw-text-opacity: 0.2}
1725
+ pointer-events: none}
1730
1726
  .btn-square {
1731
1727
  height: 3rem;
1732
1728
  width: 3rem;
@@ -2518,7 +2514,9 @@ html {
2518
2514
  padding: 0.5rem}
2519
2515
  .menu :where(li ul) {
2520
2516
  position: relative;
2521
- white-space: nowrap}
2517
+ white-space: nowrap;
2518
+ margin-left: 1rem;
2519
+ padding-left: 0.5rem}
2522
2520
  .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
2523
2521
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
2524
2522
  display: grid;
@@ -2530,7 +2528,8 @@ html {
2530
2528
  user-select: none}
2531
2529
  .menu li.disabled {
2532
2530
  cursor: not-allowed;
2533
- user-select: none}
2531
+ user-select: none;
2532
+ color: hsl(var(--bc) / 0.3)}
2534
2533
  .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
2535
2534
  display: none}
2536
2535
  :where(.menu li) {
@@ -3365,6 +3364,14 @@ html {
3365
3364
  background-color: hsl(var(--er) / var(--tw-bg-opacity));
3366
3365
  --tw-text-opacity: 1;
3367
3366
  color: hsl(var(--erc) / var(--tw-text-opacity))}
3367
+ .btn.btn-disabled,
3368
+ .btn[disabled],
3369
+ .btn:disabled {
3370
+ --tw-border-opacity: 0;
3371
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
3372
+ --tw-bg-opacity: 0.2;
3373
+ color: hsl(var(--bc) / var(--tw-text-opacity));
3374
+ --tw-text-opacity: 0.2}
3368
3375
  .btn-group > input[type="radio"]:checked.btn,
3369
3376
  .btn-group > .btn-active {
3370
3377
  --tw-border-opacity: 1;
@@ -4109,10 +4116,7 @@ details.collapse summary::-webkit-details-marker {
4109
4116
  background-color: hsl(var(--bc) / 0.1);
4110
4117
  margin: 0.5rem 1rem;
4111
4118
  height: 1px}
4112
- :where(.menu li ul) {
4113
- margin-left: 1rem;
4114
- padding-left: 0.5rem}
4115
- :where(.menu li ul):before {
4119
+ .menu :where(li ul):before {
4116
4120
  position: absolute;
4117
4121
  left: 0px;
4118
4122
  top: 0.75rem;
@@ -4141,20 +4145,16 @@ details.collapse summary::-webkit-details-marker {
4141
4145
  color: hsl(var(--bc) / var(--tw-text-opacity));
4142
4146
  outline: 2px solid transparent;
4143
4147
  outline-offset: 2px}
4144
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):active,
4145
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active),
4146
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):active,
4147
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
4148
+ .menu li > *:active,
4149
+ .menu li > *.active {
4148
4150
  --tw-bg-opacity: 1;
4149
4151
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
4150
4152
  --tw-text-opacity: 1;
4151
4153
  color: hsl(var(--nc) / var(--tw-text-opacity))}
4152
- :where(.menu li.disabled) {
4153
- color: hsl(var(--bc) / 0.3)}
4154
- :where(.menu li > details > summary)::-webkit-details-marker {
4154
+ .menu :where(li > details > summary)::-webkit-details-marker {
4155
4155
  display: none}
4156
- :where(.menu li > details > summary):after,
4157
- :where(.menu li > .menu-dropdown-toggle):after {
4156
+ .menu :where(li > details > summary):after,
4157
+ .menu :where(li > .menu-dropdown-toggle):after {
4158
4158
  justify-self: end;
4159
4159
  display: block;
4160
4160
  margin-top: -0.5rem;
@@ -4168,8 +4168,8 @@ details.collapse summary::-webkit-details-marker {
4168
4168
  transform-origin: 75% 75%;
4169
4169
  box-shadow: 2px 2px;
4170
4170
  pointer-events: none}
4171
- :where(.menu li > details[open] > summary):after,
4172
- :where(.menu li > .menu-dropdown-toggle.menu-dropdown-show):after {
4171
+ .menu :where(li > details[open] > summary):after,
4172
+ .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
4173
4173
  transform: rotate(225deg);
4174
4174
  margin-top: 0}
4175
4175
  .menu-title {
@@ -45949,6 +45949,22 @@ details.collapse summary::-webkit-details-marker {
45949
45949
  .sm\:checkbox-lg {
45950
45950
  height: 2rem;
45951
45951
  width: 2rem}
45952
+ .sm\:drawer-open > .drawer-toggle {
45953
+ display: none}
45954
+ .sm\:drawer-open > .drawer-toggle ~ .drawer-side {
45955
+ pointer-events: auto;
45956
+ visibility: visible;
45957
+ position: sticky;
45958
+ display: block;
45959
+ width: auto;
45960
+ overscroll-behavior: auto}
45961
+ .sm\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
45962
+ transform: translateX(0%)}
45963
+ [dir="rtl"] .sm\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
45964
+ transform: translateX(0%)}
45965
+ .sm\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
45966
+ pointer-events: auto;
45967
+ visibility: visible}
45952
45968
  .sm\:file-input-sm {
45953
45969
  height: 2rem;
45954
45970
  padding-right: 0.75rem;
@@ -46023,8 +46039,12 @@ details.collapse summary::-webkit-details-marker {
46023
46039
  line-height: 1.75rem;
46024
46040
  min-height: 2.5em;
46025
46041
  min-width: 2.5em}
46042
+ .sm\:modal-top {
46043
+ place-items: start}
46026
46044
  .sm\:modal-middle {
46027
46045
  place-items: center}
46046
+ .sm\:modal-bottom {
46047
+ place-items: end}
46028
46048
  .sm\:radio-sm {
46029
46049
  height: 1.25rem;
46030
46050
  width: 1.25rem}
@@ -46179,6 +46199,21 @@ details.collapse summary::-webkit-details-marker {
46179
46199
  --handleoffset: 2rem;
46180
46200
  height: 2rem;
46181
46201
  width: 4rem}
46202
+ .sm\:card-compact .card-body {
46203
+ padding: 1rem;
46204
+ font-size: 0.875rem;
46205
+ line-height: 1.25rem}
46206
+ .sm\:card-compact .card-title {
46207
+ margin-bottom: 0.25rem}
46208
+ .sm\:card-normal .card-body {
46209
+ padding: var(--padding-card, 2rem);
46210
+ font-size: 1rem;
46211
+ line-height: 1.5rem}
46212
+ .sm\:card-normal .card-title {
46213
+ margin-bottom: 0.75rem}
46214
+ .sm\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46215
+ cursor: default;
46216
+ background-color: transparent}
46182
46217
  .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)) {
46183
46218
  padding-left: 0.75rem;
46184
46219
  padding-right: 0.75rem;
@@ -46218,6 +46253,17 @@ details.collapse summary::-webkit-details-marker {
46218
46253
  padding-right: 1.5rem;
46219
46254
  padding-top: 0.75rem;
46220
46255
  padding-bottom: 0.75rem}
46256
+ .sm\:modal-top :where(.modal-box) {
46257
+ width: 100%;
46258
+ max-width: none;
46259
+ --tw-translate-y: -2.5rem;
46260
+ --tw-scale-x: 1;
46261
+ --tw-scale-y: 1;
46262
+ 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));
46263
+ border-top-left-radius: 0px;
46264
+ border-top-right-radius: 0px;
46265
+ border-bottom-left-radius: var(--rounded-box, 1rem);
46266
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
46221
46267
  .sm\:modal-middle :where(.modal-box) {
46222
46268
  width: 91.666667%;
46223
46269
  max-width: 32rem;
@@ -46229,6 +46275,17 @@ details.collapse summary::-webkit-details-marker {
46229
46275
  border-top-right-radius: var(--rounded-box, 1rem);
46230
46276
  border-bottom-left-radius: var(--rounded-box, 1rem);
46231
46277
  border-bottom-right-radius: var(--rounded-box, 1rem)}
46278
+ .sm\:modal-bottom :where(.modal-box) {
46279
+ width: 100%;
46280
+ max-width: none;
46281
+ --tw-translate-y: 2.5rem;
46282
+ --tw-scale-x: 1;
46283
+ --tw-scale-y: 1;
46284
+ 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));
46285
+ border-bottom-right-radius: 0px;
46286
+ border-bottom-left-radius: 0px;
46287
+ border-top-left-radius: var(--rounded-box, 1rem);
46288
+ border-top-right-radius: var(--rounded-box, 1rem)}
46232
46289
  .sm\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
46233
46290
  --tw-divide-x-reverse: 0;
46234
46291
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -46388,6 +46445,22 @@ details.collapse summary::-webkit-details-marker {
46388
46445
  .md\:checkbox-lg {
46389
46446
  height: 2rem;
46390
46447
  width: 2rem}
46448
+ .md\:drawer-open > .drawer-toggle {
46449
+ display: none}
46450
+ .md\:drawer-open > .drawer-toggle ~ .drawer-side {
46451
+ pointer-events: auto;
46452
+ visibility: visible;
46453
+ position: sticky;
46454
+ display: block;
46455
+ width: auto;
46456
+ overscroll-behavior: auto}
46457
+ .md\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46458
+ transform: translateX(0%)}
46459
+ [dir="rtl"] .md\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46460
+ transform: translateX(0%)}
46461
+ .md\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
46462
+ pointer-events: auto;
46463
+ visibility: visible}
46391
46464
  .md\:file-input-sm {
46392
46465
  height: 2rem;
46393
46466
  padding-right: 0.75rem;
@@ -46462,8 +46535,12 @@ details.collapse summary::-webkit-details-marker {
46462
46535
  line-height: 1.75rem;
46463
46536
  min-height: 2.5em;
46464
46537
  min-width: 2.5em}
46538
+ .md\:modal-top {
46539
+ place-items: start}
46465
46540
  .md\:modal-middle {
46466
46541
  place-items: center}
46542
+ .md\:modal-bottom {
46543
+ place-items: end}
46467
46544
  .md\:radio-sm {
46468
46545
  height: 1.25rem;
46469
46546
  width: 1.25rem}
@@ -46618,6 +46695,21 @@ details.collapse summary::-webkit-details-marker {
46618
46695
  --handleoffset: 2rem;
46619
46696
  height: 2rem;
46620
46697
  width: 4rem}
46698
+ .md\:card-compact .card-body {
46699
+ padding: 1rem;
46700
+ font-size: 0.875rem;
46701
+ line-height: 1.25rem}
46702
+ .md\:card-compact .card-title {
46703
+ margin-bottom: 0.25rem}
46704
+ .md\:card-normal .card-body {
46705
+ padding: var(--padding-card, 2rem);
46706
+ font-size: 1rem;
46707
+ line-height: 1.5rem}
46708
+ .md\:card-normal .card-title {
46709
+ margin-bottom: 0.75rem}
46710
+ .md\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46711
+ cursor: default;
46712
+ background-color: transparent}
46621
46713
  .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)) {
46622
46714
  padding-left: 0.75rem;
46623
46715
  padding-right: 0.75rem;
@@ -46657,6 +46749,17 @@ details.collapse summary::-webkit-details-marker {
46657
46749
  padding-right: 1.5rem;
46658
46750
  padding-top: 0.75rem;
46659
46751
  padding-bottom: 0.75rem}
46752
+ .md\:modal-top :where(.modal-box) {
46753
+ width: 100%;
46754
+ max-width: none;
46755
+ --tw-translate-y: -2.5rem;
46756
+ --tw-scale-x: 1;
46757
+ --tw-scale-y: 1;
46758
+ 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));
46759
+ border-top-left-radius: 0px;
46760
+ border-top-right-radius: 0px;
46761
+ border-bottom-left-radius: var(--rounded-box, 1rem);
46762
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
46660
46763
  .md\:modal-middle :where(.modal-box) {
46661
46764
  width: 91.666667%;
46662
46765
  max-width: 32rem;
@@ -46668,6 +46771,17 @@ details.collapse summary::-webkit-details-marker {
46668
46771
  border-top-right-radius: var(--rounded-box, 1rem);
46669
46772
  border-bottom-left-radius: var(--rounded-box, 1rem);
46670
46773
  border-bottom-right-radius: var(--rounded-box, 1rem)}
46774
+ .md\:modal-bottom :where(.modal-box) {
46775
+ width: 100%;
46776
+ max-width: none;
46777
+ --tw-translate-y: 2.5rem;
46778
+ --tw-scale-x: 1;
46779
+ --tw-scale-y: 1;
46780
+ 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));
46781
+ border-bottom-right-radius: 0px;
46782
+ border-bottom-left-radius: 0px;
46783
+ border-top-left-radius: var(--rounded-box, 1rem);
46784
+ border-top-right-radius: var(--rounded-box, 1rem)}
46671
46785
  .md\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
46672
46786
  --tw-divide-x-reverse: 0;
46673
46787
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -46827,6 +46941,22 @@ details.collapse summary::-webkit-details-marker {
46827
46941
  .lg\:checkbox-lg {
46828
46942
  height: 2rem;
46829
46943
  width: 2rem}
46944
+ .lg\:drawer-open > .drawer-toggle {
46945
+ display: none}
46946
+ .lg\:drawer-open > .drawer-toggle ~ .drawer-side {
46947
+ pointer-events: auto;
46948
+ visibility: visible;
46949
+ position: sticky;
46950
+ display: block;
46951
+ width: auto;
46952
+ overscroll-behavior: auto}
46953
+ .lg\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46954
+ transform: translateX(0%)}
46955
+ [dir="rtl"] .lg\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46956
+ transform: translateX(0%)}
46957
+ .lg\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
46958
+ pointer-events: auto;
46959
+ visibility: visible}
46830
46960
  .lg\:file-input-sm {
46831
46961
  height: 2rem;
46832
46962
  padding-right: 0.75rem;
@@ -46901,8 +47031,12 @@ details.collapse summary::-webkit-details-marker {
46901
47031
  line-height: 1.75rem;
46902
47032
  min-height: 2.5em;
46903
47033
  min-width: 2.5em}
47034
+ .lg\:modal-top {
47035
+ place-items: start}
46904
47036
  .lg\:modal-middle {
46905
47037
  place-items: center}
47038
+ .lg\:modal-bottom {
47039
+ place-items: end}
46906
47040
  .lg\:radio-sm {
46907
47041
  height: 1.25rem;
46908
47042
  width: 1.25rem}
@@ -47057,6 +47191,21 @@ details.collapse summary::-webkit-details-marker {
47057
47191
  --handleoffset: 2rem;
47058
47192
  height: 2rem;
47059
47193
  width: 4rem}
47194
+ .lg\:card-compact .card-body {
47195
+ padding: 1rem;
47196
+ font-size: 0.875rem;
47197
+ line-height: 1.25rem}
47198
+ .lg\:card-compact .card-title {
47199
+ margin-bottom: 0.25rem}
47200
+ .lg\:card-normal .card-body {
47201
+ padding: var(--padding-card, 2rem);
47202
+ font-size: 1rem;
47203
+ line-height: 1.5rem}
47204
+ .lg\:card-normal .card-title {
47205
+ margin-bottom: 0.75rem}
47206
+ .lg\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
47207
+ cursor: default;
47208
+ background-color: transparent}
47060
47209
  .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)) {
47061
47210
  padding-left: 0.75rem;
47062
47211
  padding-right: 0.75rem;
@@ -47096,6 +47245,17 @@ details.collapse summary::-webkit-details-marker {
47096
47245
  padding-right: 1.5rem;
47097
47246
  padding-top: 0.75rem;
47098
47247
  padding-bottom: 0.75rem}
47248
+ .lg\:modal-top :where(.modal-box) {
47249
+ width: 100%;
47250
+ max-width: none;
47251
+ --tw-translate-y: -2.5rem;
47252
+ --tw-scale-x: 1;
47253
+ --tw-scale-y: 1;
47254
+ 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));
47255
+ border-top-left-radius: 0px;
47256
+ border-top-right-radius: 0px;
47257
+ border-bottom-left-radius: var(--rounded-box, 1rem);
47258
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
47099
47259
  .lg\:modal-middle :where(.modal-box) {
47100
47260
  width: 91.666667%;
47101
47261
  max-width: 32rem;
@@ -47107,6 +47267,17 @@ details.collapse summary::-webkit-details-marker {
47107
47267
  border-top-right-radius: var(--rounded-box, 1rem);
47108
47268
  border-bottom-left-radius: var(--rounded-box, 1rem);
47109
47269
  border-bottom-right-radius: var(--rounded-box, 1rem)}
47270
+ .lg\:modal-bottom :where(.modal-box) {
47271
+ width: 100%;
47272
+ max-width: none;
47273
+ --tw-translate-y: 2.5rem;
47274
+ --tw-scale-x: 1;
47275
+ --tw-scale-y: 1;
47276
+ 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));
47277
+ border-bottom-right-radius: 0px;
47278
+ border-bottom-left-radius: 0px;
47279
+ border-top-left-radius: var(--rounded-box, 1rem);
47280
+ border-top-right-radius: var(--rounded-box, 1rem)}
47110
47281
  .lg\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
47111
47282
  --tw-divide-x-reverse: 0;
47112
47283
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -47266,6 +47437,22 @@ details.collapse summary::-webkit-details-marker {
47266
47437
  .xl\:checkbox-lg {
47267
47438
  height: 2rem;
47268
47439
  width: 2rem}
47440
+ .xl\:drawer-open > .drawer-toggle {
47441
+ display: none}
47442
+ .xl\:drawer-open > .drawer-toggle ~ .drawer-side {
47443
+ pointer-events: auto;
47444
+ visibility: visible;
47445
+ position: sticky;
47446
+ display: block;
47447
+ width: auto;
47448
+ overscroll-behavior: auto}
47449
+ .xl\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
47450
+ transform: translateX(0%)}
47451
+ [dir="rtl"] .xl\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
47452
+ transform: translateX(0%)}
47453
+ .xl\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
47454
+ pointer-events: auto;
47455
+ visibility: visible}
47269
47456
  .xl\:file-input-sm {
47270
47457
  height: 2rem;
47271
47458
  padding-right: 0.75rem;
@@ -47340,8 +47527,12 @@ details.collapse summary::-webkit-details-marker {
47340
47527
  line-height: 1.75rem;
47341
47528
  min-height: 2.5em;
47342
47529
  min-width: 2.5em}
47530
+ .xl\:modal-top {
47531
+ place-items: start}
47343
47532
  .xl\:modal-middle {
47344
47533
  place-items: center}
47534
+ .xl\:modal-bottom {
47535
+ place-items: end}
47345
47536
  .xl\:radio-sm {
47346
47537
  height: 1.25rem;
47347
47538
  width: 1.25rem}
@@ -47496,6 +47687,21 @@ details.collapse summary::-webkit-details-marker {
47496
47687
  --handleoffset: 2rem;
47497
47688
  height: 2rem;
47498
47689
  width: 4rem}
47690
+ .xl\:card-compact .card-body {
47691
+ padding: 1rem;
47692
+ font-size: 0.875rem;
47693
+ line-height: 1.25rem}
47694
+ .xl\:card-compact .card-title {
47695
+ margin-bottom: 0.25rem}
47696
+ .xl\:card-normal .card-body {
47697
+ padding: var(--padding-card, 2rem);
47698
+ font-size: 1rem;
47699
+ line-height: 1.5rem}
47700
+ .xl\:card-normal .card-title {
47701
+ margin-bottom: 0.75rem}
47702
+ .xl\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
47703
+ cursor: default;
47704
+ background-color: transparent}
47499
47705
  .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)) {
47500
47706
  padding-left: 0.75rem;
47501
47707
  padding-right: 0.75rem;
@@ -47535,6 +47741,17 @@ details.collapse summary::-webkit-details-marker {
47535
47741
  padding-right: 1.5rem;
47536
47742
  padding-top: 0.75rem;
47537
47743
  padding-bottom: 0.75rem}
47744
+ .xl\:modal-top :where(.modal-box) {
47745
+ width: 100%;
47746
+ max-width: none;
47747
+ --tw-translate-y: -2.5rem;
47748
+ --tw-scale-x: 1;
47749
+ --tw-scale-y: 1;
47750
+ 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));
47751
+ border-top-left-radius: 0px;
47752
+ border-top-right-radius: 0px;
47753
+ border-bottom-left-radius: var(--rounded-box, 1rem);
47754
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
47538
47755
  .xl\:modal-middle :where(.modal-box) {
47539
47756
  width: 91.666667%;
47540
47757
  max-width: 32rem;
@@ -47546,6 +47763,17 @@ details.collapse summary::-webkit-details-marker {
47546
47763
  border-top-right-radius: var(--rounded-box, 1rem);
47547
47764
  border-bottom-left-radius: var(--rounded-box, 1rem);
47548
47765
  border-bottom-right-radius: var(--rounded-box, 1rem)}
47766
+ .xl\:modal-bottom :where(.modal-box) {
47767
+ width: 100%;
47768
+ max-width: none;
47769
+ --tw-translate-y: 2.5rem;
47770
+ --tw-scale-x: 1;
47771
+ --tw-scale-y: 1;
47772
+ 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));
47773
+ border-bottom-right-radius: 0px;
47774
+ border-bottom-left-radius: 0px;
47775
+ border-top-left-radius: var(--rounded-box, 1rem);
47776
+ border-top-right-radius: var(--rounded-box, 1rem)}
47549
47777
  .xl\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
47550
47778
  --tw-divide-x-reverse: 0;
47551
47779
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
package/dist/styled.css CHANGED
@@ -1906,7 +1906,7 @@
1906
1906
  color: hsl(var(--erc) / var(--tw-text-opacity));
1907
1907
  }
1908
1908
  /* disabled */
1909
- .btn-disabled,
1909
+ .btn.btn-disabled,
1910
1910
  .btn[disabled],
1911
1911
  .btn:disabled {
1912
1912
  --tw-border-opacity: 0;
@@ -3128,11 +3128,11 @@ details.collapse summary {
3128
3128
  margin: 0.5rem 1rem;
3129
3129
  height: 1px;
3130
3130
  }
3131
- :where(.menu li ul) {
3131
+ .menu :where(li ul) {
3132
3132
  margin-left: 1rem;
3133
3133
  padding-left: 0.5rem;
3134
3134
  }
3135
- :where(.menu li ul):before {
3135
+ .menu :where(li ul):before {
3136
3136
  position: absolute;
3137
3137
  left: 0px;
3138
3138
  top: 0.75rem;
@@ -3174,31 +3174,30 @@ details.collapse summary {
3174
3174
  outline-offset: 2px;
3175
3175
  }
3176
3176
  }
3177
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):active,
3178
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active),
3179
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):active,
3180
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
3177
+ .menu li > *:active,
3178
+ .menu li > *.active {
3181
3179
  --tw-bg-opacity: 1;
3182
3180
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
3183
3181
  --tw-text-opacity: 1;
3184
3182
  color: hsl(var(--nc) / var(--tw-text-opacity));
3185
3183
  }
3186
3184
  @media (hover:hover) {
3187
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active), :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
3185
+ .menu li > *:active,
3186
+ .menu li > *.active {
3188
3187
  --tw-bg-opacity: 1;
3189
3188
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
3190
3189
  --tw-text-opacity: 1;
3191
3190
  color: hsl(var(--nc) / var(--tw-text-opacity));
3192
3191
  }
3193
3192
  }
3194
- :where(.menu li.disabled) {
3193
+ .menu li.disabled {
3195
3194
  color: hsl(var(--bc) / 0.3);
3196
3195
  }
3197
- :where(.menu li > details > summary)::-webkit-details-marker {
3196
+ .menu :where(li > details > summary)::-webkit-details-marker {
3198
3197
  display: none;
3199
3198
  }
3200
- :where(.menu li > details > summary):after,
3201
- :where(.menu li > .menu-dropdown-toggle):after {
3199
+ .menu :where(li > details > summary):after,
3200
+ .menu :where(li > .menu-dropdown-toggle):after {
3202
3201
  justify-self: end;
3203
3202
  display: block;
3204
3203
  margin-top: -0.5rem;
@@ -3213,8 +3212,8 @@ details.collapse summary {
3213
3212
  box-shadow: 2px 2px;
3214
3213
  pointer-events: none;
3215
3214
  }
3216
- :where(.menu li > details[open] > summary):after,
3217
- :where(.menu li > .menu-dropdown-toggle.menu-dropdown-show):after {
3215
+ .menu :where(li > details[open] > summary):after,
3216
+ .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
3218
3217
  transform: rotate(225deg);
3219
3218
  margin-top: 0;
3220
3219
  }