daisyui 2.15.0 → 2.15.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.
package/dist/styled.css CHANGED
@@ -52,7 +52,9 @@
52
52
  display: inline-flex;
53
53
  align-items: center;
54
54
  justify-content: center;
55
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
55
56
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
57
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
56
58
  transition-duration: 200ms;
57
59
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
58
60
  height: 1.25rem;
@@ -82,19 +84,23 @@
82
84
  align-items: center
83
85
  }
84
86
  .breadcrumbs > ul > li > a:hover {
85
- text-decoration-line: underline
87
+ -webkit-text-decoration-line: underline;
88
+ text-decoration-line: underline
86
89
  }
87
90
  .btn {
88
91
  display: inline-flex;
89
92
  flex-shrink: 0;
90
93
  cursor: pointer;
91
- user-select: none;
94
+ -webkit-user-select: none;
95
+ user-select: none;
92
96
  flex-wrap: wrap;
93
97
  align-items: center;
94
98
  justify-content: center;
95
99
  border-color: transparent;
96
100
  text-align: center;
101
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
97
102
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
103
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
98
104
  transition-duration: 200ms;
99
105
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
100
106
  border-radius: var(--rounded-btn, 0.5rem);
@@ -109,7 +115,8 @@
109
115
 
110
116
  /* disabled */
111
117
 
112
- .btn-disabled, .btn[disabled] {
118
+ .btn-disabled,
119
+ .btn[disabled] {
113
120
  pointer-events: none;
114
121
  }
115
122
 
@@ -130,7 +137,8 @@
130
137
 
131
138
  /* loading */
132
139
 
133
- .btn.loading, .btn.loading:hover {
140
+ .btn.loading,
141
+ .btn.loading:hover {
134
142
  pointer-events: none;
135
143
  }
136
144
 
@@ -207,7 +215,8 @@
207
215
  position: relative;
208
216
  content: ""
209
217
  }
210
- .card.image-full:before, .card.image-full > * {
218
+ .card.image-full:before,
219
+ .card.image-full > * {
211
220
  grid-column-start: 1;
212
221
  grid-row-start: 1
213
222
  }
@@ -249,7 +258,9 @@
249
258
  display: grid;
250
259
  overflow: hidden;
251
260
  }
252
- .collapse-title, .collapse > input[type="checkbox"], .collapse-content {
261
+ .collapse-title,
262
+ .collapse > input[type="checkbox"],
263
+ .collapse-content {
253
264
  grid-column-start: 1;
254
265
  grid-row-start: 1;
255
266
  }
@@ -528,7 +539,10 @@
528
539
  bottom: 0px;
529
540
  top: auto
530
541
  }
531
- .dropdown.dropdown-open .dropdown-content, .dropdown.dropdown-hover:hover .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content, .dropdown:not(.dropdown-hover):focus-within .dropdown-content {
542
+ .dropdown.dropdown-open .dropdown-content,
543
+ .dropdown.dropdown-hover:hover .dropdown-content,
544
+ .dropdown:not(.dropdown-hover):focus .dropdown-content,
545
+ .dropdown:not(.dropdown-hover):focus-within .dropdown-content {
532
546
  visibility: visible;
533
547
  opacity: 1
534
548
  }
@@ -563,7 +577,8 @@
563
577
  }
564
578
  .label {
565
579
  display: flex;
566
- user-select: none;
580
+ -webkit-user-select: none;
581
+ user-select: none;
567
582
  align-items: center;
568
583
  justify-content: space-between
569
584
  }
@@ -602,7 +617,9 @@
602
617
  }
603
618
  .input {
604
619
  flex-shrink: 1;
620
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
605
621
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
622
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
606
623
  transition-duration: 200ms;
607
624
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
608
625
  height: 3rem;
@@ -617,7 +634,8 @@
617
634
  width: 100%;
618
635
  align-items: stretch;
619
636
  }
620
- .input-group > *, .input-group > .input {
637
+ .input-group > *,
638
+ .input-group > .input {
621
639
  border-radius: 0px;
622
640
  }
623
641
  .input-group-md {
@@ -681,13 +699,16 @@
681
699
  }
682
700
  .link {
683
701
  cursor: pointer;
684
- text-decoration-line: underline
702
+ -webkit-text-decoration-line: underline;
703
+ text-decoration-line: underline
685
704
  }
686
705
  .link-hover {
687
- text-decoration-line: none
706
+ -webkit-text-decoration-line: none;
707
+ text-decoration-line: none
688
708
  }
689
709
  .link-hover:hover {
690
- text-decoration-line: underline
710
+ -webkit-text-decoration-line: underline;
711
+ text-decoration-line: underline
691
712
  }
692
713
  .mask {
693
714
  -webkit-mask-size: contain;
@@ -732,7 +753,8 @@
732
753
  }
733
754
  .menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
734
755
  cursor: pointer;
735
- user-select: none;
756
+ -webkit-user-select: none;
757
+ user-select: none;
736
758
  align-items: center;
737
759
  outline: 2px solid transparent;
738
760
  outline-offset: 2px
@@ -800,7 +822,9 @@
800
822
  .modal-box {
801
823
  max-height: calc(100vh - 5em);
802
824
  }
803
- .modal-open, .modal:target, .modal-toggle:checked + .modal {
825
+ .modal-open,
826
+ .modal:target,
827
+ .modal-toggle:checked + .modal {
804
828
  pointer-events: auto;
805
829
  visibility: visible;
806
830
  opacity: 1;
@@ -863,7 +887,8 @@
863
887
  appearance: none;
864
888
  background-color: transparent;
865
889
  }
866
- .radial-progress:before, .radial-progress:after {
890
+ .radial-progress:before,
891
+ .radial-progress:after {
867
892
  position: absolute;
868
893
  border-radius: 9999px;
869
894
  content: "";
@@ -907,7 +932,9 @@
907
932
 
908
933
  cursor: pointer;
909
934
 
910
- user-select: none;
935
+ -webkit-user-select: none;
936
+
937
+ user-select: none;
911
938
 
912
939
  appearance: none;
913
940
 
@@ -928,10 +955,18 @@
928
955
 
929
956
  /* disabled */
930
957
 
931
- .select-disabled, .select[disabled] {
958
+ .select-disabled,
959
+ .select[disabled] {
932
960
 
933
961
  pointer-events: none
934
962
  }
963
+
964
+ /* multiple */
965
+
966
+ .select[multiple] {
967
+
968
+ height: auto
969
+ }
935
970
  .stack {
936
971
  display: inline-grid;
937
972
  }
@@ -1007,7 +1042,9 @@
1007
1042
 
1008
1043
  display: inline-grid;
1009
1044
 
1010
- user-select: none;
1045
+ -webkit-user-select: none;
1046
+
1047
+ user-select: none;
1011
1048
 
1012
1049
  place-content: center
1013
1050
  }
@@ -1024,17 +1061,23 @@
1024
1061
  appearance: none
1025
1062
  }
1026
1063
 
1027
- .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on {
1064
+ .swap .swap-on,
1065
+ .swap .swap-indeterminate,
1066
+ .swap input:indeterminate ~ .swap-on {
1028
1067
 
1029
1068
  opacity: 0
1030
1069
  }
1031
1070
 
1032
- .swap input:checked ~ .swap-off, .swap.swap-active .swap-off, .swap input:indeterminate ~ .swap-off {
1071
+ .swap input:checked ~ .swap-off,
1072
+ .swap.swap-active .swap-off,
1073
+ .swap input:indeterminate ~ .swap-off {
1033
1074
 
1034
1075
  opacity: 0
1035
1076
  }
1036
1077
 
1037
- .swap input:checked ~ .swap-on, .swap-active .swap-on, .swap input:indeterminate ~ .swap-indeterminate {
1078
+ .swap input:checked ~ .swap-on,
1079
+ .swap-active .swap-on,
1080
+ .swap input:indeterminate ~ .swap-indeterminate {
1038
1081
 
1039
1082
  opacity: 1
1040
1083
  }
@@ -1047,7 +1090,8 @@
1047
1090
  position: relative;
1048
1091
  display: inline-flex;
1049
1092
  cursor: pointer;
1050
- user-select: none;
1093
+ -webkit-user-select: none;
1094
+ user-select: none;
1051
1095
  flex-wrap: wrap;
1052
1096
  align-items: center;
1053
1097
  justify-content: center;
@@ -1070,7 +1114,9 @@
1070
1114
  }
1071
1115
  .textarea {
1072
1116
  flex-shrink: 1;
1117
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1073
1118
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1119
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1074
1120
  transition-duration: 200ms;
1075
1121
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1076
1122
  padding-left: 1rem;
@@ -1457,7 +1503,8 @@
1457
1503
  .btn {
1458
1504
  font-weight: 600;
1459
1505
  text-transform: uppercase;
1460
- text-decoration-line: none;
1506
+ -webkit-text-decoration-line: none;
1507
+ text-decoration-line: none;
1461
1508
  border-width: var(--border-btn, 1px);
1462
1509
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
1463
1510
  text-transform: var(--btn-text-case, uppercase);
@@ -1476,7 +1523,8 @@
1476
1523
  --tw-text-opacity: 1;
1477
1524
  color: hsl(var(--nc) / var(--tw-text-opacity));
1478
1525
  }
1479
- .btn:hover, .btn-active {
1526
+ .btn:hover,
1527
+ .btn-active {
1480
1528
  --tw-border-opacity: 1;
1481
1529
  border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
1482
1530
  --tw-bg-opacity: 1;
@@ -1495,7 +1543,8 @@
1495
1543
  --tw-text-opacity: 1;
1496
1544
  color: hsl(var(--pc) / var(--tw-text-opacity));
1497
1545
  }
1498
- .btn-primary:hover, .btn-primary.btn-active {
1546
+ .btn-primary:hover,
1547
+ .btn-primary.btn-active {
1499
1548
  --tw-border-opacity: 1;
1500
1549
  border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
1501
1550
  --tw-bg-opacity: 1;
@@ -1512,7 +1561,8 @@
1512
1561
  --tw-text-opacity: 1;
1513
1562
  color: hsl(var(--sc) / var(--tw-text-opacity));
1514
1563
  }
1515
- .btn-secondary:hover, .btn-secondary.btn-active {
1564
+ .btn-secondary:hover,
1565
+ .btn-secondary.btn-active {
1516
1566
  --tw-border-opacity: 1;
1517
1567
  border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
1518
1568
  --tw-bg-opacity: 1;
@@ -1529,7 +1579,8 @@
1529
1579
  --tw-text-opacity: 1;
1530
1580
  color: hsl(var(--ac) / var(--tw-text-opacity));
1531
1581
  }
1532
- .btn-accent:hover, .btn-accent.btn-active {
1582
+ .btn-accent:hover,
1583
+ .btn-accent.btn-active {
1533
1584
  --tw-border-opacity: 1;
1534
1585
  border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
1535
1586
  --tw-bg-opacity: 1;
@@ -1547,7 +1598,8 @@
1547
1598
  --tw-text-opacity: 1;
1548
1599
  color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
1549
1600
  }
1550
- .btn-info:hover, .btn-info.btn-active {
1601
+ .btn-info:hover,
1602
+ .btn-info.btn-active {
1551
1603
  --tw-border-opacity: 1;
1552
1604
  border-color: hsl(var(--in) / var(--tw-border-opacity));
1553
1605
  --tw-bg-opacity: 1;
@@ -1564,7 +1616,8 @@
1564
1616
  --tw-text-opacity: 1;
1565
1617
  color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
1566
1618
  }
1567
- .btn-success:hover, .btn-success.btn-active {
1619
+ .btn-success:hover,
1620
+ .btn-success.btn-active {
1568
1621
  --tw-border-opacity: 1;
1569
1622
  border-color: hsl(var(--su) / var(--tw-border-opacity));
1570
1623
  --tw-bg-opacity: 1;
@@ -1581,7 +1634,8 @@
1581
1634
  --tw-text-opacity: 1;
1582
1635
  color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
1583
1636
  }
1584
- .btn-warning:hover, .btn-warning.btn-active {
1637
+ .btn-warning:hover,
1638
+ .btn-warning.btn-active {
1585
1639
  --tw-border-opacity: 1;
1586
1640
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
1587
1641
  --tw-bg-opacity: 1;
@@ -1598,7 +1652,8 @@
1598
1652
  --tw-text-opacity: 1;
1599
1653
  color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
1600
1654
  }
1601
- .btn-error:hover, .btn-error.btn-active {
1655
+ .btn-error:hover,
1656
+ .btn-error.btn-active {
1602
1657
  --tw-border-opacity: 1;
1603
1658
  border-color: hsl(var(--er) / var(--tw-border-opacity));
1604
1659
  --tw-bg-opacity: 1;
@@ -1623,7 +1678,8 @@
1623
1678
  background-color: transparent;
1624
1679
  color: currentColor;
1625
1680
  }
1626
- .btn-ghost:hover, .btn-ghost.btn-active {
1681
+ .btn-ghost:hover,
1682
+ .btn-ghost.btn-active {
1627
1683
  --tw-border-opacity: 0;
1628
1684
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1629
1685
  --tw-bg-opacity: 0.2;
@@ -1637,10 +1693,12 @@
1637
1693
  --tw-text-opacity: 1;
1638
1694
  color: hsl(var(--p) / var(--tw-text-opacity));
1639
1695
  }
1640
- .btn-link:hover, .btn-link.btn-active {
1696
+ .btn-link:hover,
1697
+ .btn-link.btn-active {
1641
1698
  border-color: transparent;
1642
1699
  background-color: transparent;
1643
- text-decoration-line: underline;
1700
+ -webkit-text-decoration-line: underline;
1701
+ text-decoration-line: underline;
1644
1702
  }
1645
1703
  .btn-link:focus-visible {
1646
1704
  outline: 2px solid 0 0 2px currentColor;
@@ -1745,7 +1803,10 @@
1745
1803
  color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
1746
1804
  }
1747
1805
  /* disabled */
1748
- .btn-disabled, .btn-disabled:hover, .btn[disabled], .btn[disabled]:hover {
1806
+ .btn-disabled,
1807
+ .btn-disabled:hover,
1808
+ .btn[disabled],
1809
+ .btn[disabled]:hover {
1749
1810
  --tw-border-opacity: 0;
1750
1811
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
1751
1812
  --tw-bg-opacity: 0.2;
@@ -1753,19 +1814,23 @@
1753
1814
  --tw-text-opacity: 0.2;
1754
1815
  }
1755
1816
  /* loading */
1756
- .btn.loading.btn-square:before, .btn.loading.btn-circle:before {
1817
+ .btn.loading.btn-square:before,
1818
+ .btn.loading.btn-circle:before {
1757
1819
  margin-right: 0px;
1758
1820
  }
1759
- .btn.loading.btn-xl:before, .btn.loading.btn-lg:before {
1821
+ .btn.loading.btn-xl:before,
1822
+ .btn.loading.btn-lg:before {
1760
1823
  height: 1.25rem;
1761
1824
  width: 1.25rem;
1762
1825
  }
1763
- .btn.loading.btn-sm:before, .btn.loading.btn-xs:before {
1826
+ .btn.loading.btn-sm:before,
1827
+ .btn.loading.btn-xs:before {
1764
1828
  height: 0.75rem;
1765
1829
  width: 0.75rem;
1766
1830
  }
1767
1831
  /* group */
1768
- .btn-group > input[type="radio"]:checked.btn, .btn-group > .btn-active {
1832
+ .btn-group > input[type="radio"]:checked.btn,
1833
+ .btn-group > .btn-active {
1769
1834
  --tw-border-opacity: 1;
1770
1835
  border-color: hsl(var(--p) / var(--tw-border-opacity));
1771
1836
  --tw-bg-opacity: 1;
@@ -1867,7 +1932,8 @@
1867
1932
  outline: 2px solid hsl(var(--bc));
1868
1933
  outline-offset: 2px;
1869
1934
  }
1870
- .checkbox:checked, .checkbox[checked="true"] {
1935
+ .checkbox:checked,
1936
+ .checkbox[checked="true"] {
1871
1937
  --tw-bg-opacity: 1;
1872
1938
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1873
1939
  background-repeat: no-repeat;
@@ -1894,7 +1960,8 @@
1894
1960
  .checkbox-primary:focus-visible {
1895
1961
  outline: 2px solid hsl(var(--p));
1896
1962
  }
1897
- .checkbox-primary:checked, .checkbox-primary[checked="true"] {
1963
+ .checkbox-primary:checked,
1964
+ .checkbox-primary[checked="true"] {
1898
1965
  --tw-border-opacity: 1;
1899
1966
  border-color: hsl(var(--p) / var(--tw-border-opacity));
1900
1967
  --tw-bg-opacity: 1;
@@ -1915,7 +1982,8 @@
1915
1982
  .checkbox-secondary:focus-visible {
1916
1983
  outline: 2px solid hsl(var(--s));
1917
1984
  }
1918
- .checkbox-secondary:checked, .checkbox-secondary[checked="true"] {
1985
+ .checkbox-secondary:checked,
1986
+ .checkbox-secondary[checked="true"] {
1919
1987
  --tw-border-opacity: 1;
1920
1988
  border-color: hsl(var(--s) / var(--tw-border-opacity));
1921
1989
  --tw-bg-opacity: 1;
@@ -1936,7 +2004,8 @@
1936
2004
  .checkbox-accent:focus-visible {
1937
2005
  outline: 2px solid hsl(var(--a));
1938
2006
  }
1939
- .checkbox-accent:checked, .checkbox-accent[checked="true"] {
2007
+ .checkbox-accent:checked,
2008
+ .checkbox-accent[checked="true"] {
1940
2009
  --tw-border-opacity: 1;
1941
2010
  border-color: hsl(var(--a) / var(--tw-border-opacity));
1942
2011
  --tw-bg-opacity: 1;
@@ -2013,13 +2082,15 @@ body[dir="rtl"] .checkbox:checked,
2013
2082
  content: "+";
2014
2083
  pointer-events: none;
2015
2084
  }
2016
- .collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"], .collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
2085
+ .collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
2086
+ .collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
2017
2087
  cursor: pointer;
2018
2088
  }
2019
2089
  .collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title {
2020
2090
  cursor: unset;
2021
2091
  }
2022
- .collapse-title, .collapse > input[type="checkbox"] {
2092
+ .collapse-title,
2093
+ .collapse > input[type="checkbox"] {
2023
2094
  width: 100%;
2024
2095
  padding: 1rem;
2025
2096
  padding-right: 3rem;
@@ -2038,7 +2109,9 @@ body[dir="rtl"] .checkbox:checked,
2038
2109
  cursor: unset;
2039
2110
  transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
2040
2111
  }
2041
- .collapse-open :where(.collapse-content), .collapse:focus:not(.collapse-close) :where(.collapse-content), .collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content) {
2112
+ .collapse-open :where(.collapse-content),
2113
+ .collapse:focus:not(.collapse-close) :where(.collapse-content),
2114
+ .collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content) {
2042
2115
  padding-bottom: 1rem;
2043
2116
  transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
2044
2117
  }
@@ -2147,7 +2220,9 @@ body[dir="rtl"] .checkbox:checked,
2147
2220
  --tw-scale-x: .95;
2148
2221
  --tw-scale-y: .95;
2149
2222
  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));
2223
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2150
2224
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2225
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2151
2226
  transition-duration: 200ms;
2152
2227
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
2153
2228
  }
@@ -2160,7 +2235,10 @@ body[dir="rtl"] .checkbox:checked,
2160
2235
  .dropdown-right .dropdown-content {
2161
2236
  transform-origin: left
2162
2237
  }
2163
- .dropdown.dropdown-open .dropdown-content, .dropdown.dropdown-hover:hover .dropdown-content, .dropdown:focus .dropdown-content, .dropdown:focus-within .dropdown-content {
2238
+ .dropdown.dropdown-open .dropdown-content,
2239
+ .dropdown.dropdown-hover:hover .dropdown-content,
2240
+ .dropdown:focus .dropdown-content,
2241
+ .dropdown:focus-within .dropdown-content {
2164
2242
  --tw-scale-x: 1;
2165
2243
  --tw-scale-y: 1;
2166
2244
  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))
@@ -2290,7 +2368,8 @@ body[dir="rtl"] .checkbox:checked,
2290
2368
  .input-error:focus {
2291
2369
  outline: 2px solid hsl(var(--er));
2292
2370
  }
2293
- .input-disabled, .input[disabled] {
2371
+ .input-disabled,
2372
+ .input[disabled] {
2294
2373
  cursor: not-allowed;
2295
2374
  --tw-border-opacity: 1;
2296
2375
  border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
@@ -2298,7 +2377,8 @@ body[dir="rtl"] .checkbox:checked,
2298
2377
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
2299
2378
  --tw-text-opacity: 0.2;
2300
2379
  }
2301
- .input-disabled::placeholder, .input[disabled]::placeholder {
2380
+ .input-disabled::placeholder,
2381
+ .input[disabled]::placeholder {
2302
2382
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
2303
2383
  --tw-placeholder-opacity: 0.2;
2304
2384
  }
@@ -2431,13 +2511,16 @@ body[dir="rtl"] .checkbox:checked,
2431
2511
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2432
2512
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2433
2513
  }
2434
- .menu.horizontal li.bordered > a, .menu.horizontal li.bordered > button, .menu.horizontal li.bordered > span {
2514
+ .menu.horizontal li.bordered > a,
2515
+ .menu.horizontal li.bordered > button,
2516
+ .menu.horizontal li.bordered > span {
2435
2517
  border-left-width: 0px;
2436
2518
  border-bottom-width: 4px;
2437
2519
  --tw-border-opacity: 1;
2438
2520
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2439
2521
  }
2440
- .menu[class*=" p-"] li > *, .menu[class^="p-"] li > * {
2522
+ .menu[class*=" p-"] li > *,
2523
+ .menu[class^="p-"] li > * {
2441
2524
  border-radius: var(--rounded-btn, 0.5rem);
2442
2525
  }
2443
2526
  .menu :where(li.bordered > *) {
@@ -2453,11 +2536,13 @@ body[dir="rtl"] .checkbox:checked,
2453
2536
  padding-bottom: 0.75rem;
2454
2537
  color: currentColor;
2455
2538
  }
2456
- .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
2539
+ .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus),
2540
+ .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
2457
2541
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
2458
2542
  --tw-bg-opacity: 0.1;
2459
2543
  }
2460
- .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
2544
+ .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active),
2545
+ .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
2461
2546
  --tw-bg-opacity: 1;
2462
2547
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
2463
2548
  --tw-text-opacity: 1;
@@ -2473,7 +2558,8 @@ body[dir="rtl"] .checkbox:checked,
2473
2558
  --tw-bg-opacity: 0.1;
2474
2559
  }
2475
2560
  .menu li.disabled > * {
2476
- user-select: none;
2561
+ -webkit-user-select: none;
2562
+ user-select: none;
2477
2563
  color: hsl(var(--bc) / var(--tw-text-opacity));
2478
2564
  --tw-text-opacity: 0.2;
2479
2565
  }
@@ -2488,7 +2574,8 @@ body[dir="rtl"] .checkbox:checked,
2488
2574
  --tw-border-opacity: 1;
2489
2575
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2490
2576
  }
2491
- .menu.compact li > a, .menu.compact li > span {
2577
+ .menu.compact li > a,
2578
+ .menu.compact li > span {
2492
2579
  padding-top: 0.5rem;
2493
2580
  padding-bottom: 0.5rem;
2494
2581
  font-size: 0.875rem;
@@ -2507,7 +2594,9 @@ body[dir="rtl"] .checkbox:checked,
2507
2594
  .menu :where(li:not(.disabled)) > :where(*:not(ul)) {
2508
2595
  outline: 2px solid transparent;
2509
2596
  outline-offset: 2px;
2597
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2510
2598
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2599
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2511
2600
  transition-duration: 200ms;
2512
2601
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2513
2602
  }
@@ -2694,7 +2783,9 @@ body[dir="rtl"] .checkbox:checked,
2694
2783
  --tw-bg-opacity: 1;
2695
2784
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2696
2785
  padding: 1.5rem;
2786
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2697
2787
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2788
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2698
2789
  transition-duration: 200ms;
2699
2790
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2700
2791
  width: 91.666667%;
@@ -2710,7 +2801,9 @@ body[dir="rtl"] .checkbox:checked,
2710
2801
  overflow-y: auto;
2711
2802
  overscroll-behavior: contain
2712
2803
  }
2713
- .modal-open .modal-box, .modal-toggle:checked + .modal .modal-box, .modal:target .modal-box {
2804
+ .modal-open .modal-box,
2805
+ .modal-toggle:checked + .modal .modal-box,
2806
+ .modal:target .modal-box {
2714
2807
  --tw-translate-y: 0px;
2715
2808
  --tw-scale-x: 1;
2716
2809
  --tw-scale-y: 1;
@@ -3076,7 +3169,9 @@ body[dir="rtl"] .checkbox:checked,
3076
3169
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
3077
3170
  padding-right: 2.5rem;
3078
3171
  font-weight: 600;
3172
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3079
3173
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3174
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3080
3175
  transition-duration: 200ms;
3081
3176
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3082
3177
  border-radius: var(--rounded-btn, 0.5rem);
@@ -3151,7 +3246,8 @@ body[dir="rtl"] .checkbox:checked,
3151
3246
  .select-error:focus {
3152
3247
  outline: 2px solid hsl(var(--er));
3153
3248
  }
3154
- .select-disabled, .select[disabled] {
3249
+ .select-disabled,
3250
+ .select[disabled] {
3155
3251
  cursor: not-allowed;
3156
3252
  --tw-border-opacity: 1;
3157
3253
  border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
@@ -3159,11 +3255,14 @@ body[dir="rtl"] .checkbox:checked,
3159
3255
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
3160
3256
  --tw-text-opacity: 0.2;
3161
3257
  }
3162
- .select-disabled::placeholder, .select[disabled]::placeholder {
3258
+ .select-disabled::placeholder,
3259
+ .select[disabled]::placeholder {
3163
3260
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
3164
3261
  --tw-placeholder-opacity: 0.2;
3165
3262
  }
3166
- .select-multiple, .select[multiple], .select[size].select:not([size="1"]) {
3263
+ .select-multiple,
3264
+ .select[multiple],
3265
+ .select[size].select:not([size="1"]) {
3167
3266
  background-image: none;
3168
3267
  padding-right: 1rem;
3169
3268
  }
@@ -3293,25 +3392,29 @@ body[dir="rtl"] .checkbox:checked,
3293
3392
  .steps .step[data-content]:after {
3294
3393
  content: attr(data-content);
3295
3394
  }
3296
- .steps .step-neutral + .step-neutral:before, .steps .step-neutral:after {
3395
+ .steps .step-neutral + .step-neutral:before,
3396
+ .steps .step-neutral:after {
3297
3397
  --tw-bg-opacity: 1;
3298
3398
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
3299
3399
  --tw-text-opacity: 1;
3300
3400
  color: hsl(var(--nc) / var(--tw-text-opacity));
3301
3401
  }
3302
- .steps .step-primary + .step-primary:before, .steps .step-primary:after {
3402
+ .steps .step-primary + .step-primary:before,
3403
+ .steps .step-primary:after {
3303
3404
  --tw-bg-opacity: 1;
3304
3405
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
3305
3406
  --tw-text-opacity: 1;
3306
3407
  color: hsl(var(--pc) / var(--tw-text-opacity));
3307
3408
  }
3308
- .steps .step-secondary + .step-secondary:before, .steps .step-secondary:after {
3409
+ .steps .step-secondary + .step-secondary:before,
3410
+ .steps .step-secondary:after {
3309
3411
  --tw-bg-opacity: 1;
3310
3412
  background-color: hsl(var(--s) / var(--tw-bg-opacity));
3311
3413
  --tw-text-opacity: 1;
3312
3414
  color: hsl(var(--sc) / var(--tw-text-opacity));
3313
3415
  }
3314
- .steps .step-accent + .step-accent:before, .steps .step-accent:after {
3416
+ .steps .step-accent + .step-accent:before,
3417
+ .steps .step-accent:after {
3315
3418
  --tw-bg-opacity: 1;
3316
3419
  background-color: hsl(var(--a) / var(--tw-bg-opacity));
3317
3420
  --tw-text-opacity: 1;
@@ -3367,17 +3470,23 @@ body[dir="rtl"] .checkbox:checked,
3367
3470
  transition-property: transform, opacity;
3368
3471
  }
3369
3472
 
3370
- .swap-rotate .swap-on, .swap-rotate .swap-indeterminate, .swap-rotate input:indeterminate ~ .swap-on {
3473
+ .swap-rotate .swap-on,
3474
+ .swap-rotate .swap-indeterminate,
3475
+ .swap-rotate input:indeterminate ~ .swap-on {
3371
3476
  --tw-rotate: 45deg;
3372
3477
  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));
3373
3478
  }
3374
3479
 
3375
- .swap-rotate input:checked ~ .swap-off, .swap-rotate.swap-active .swap-off, .swap-rotate input:indeterminate ~ .swap-off {
3480
+ .swap-rotate input:checked ~ .swap-off,
3481
+ .swap-rotate.swap-active .swap-off,
3482
+ .swap-rotate input:indeterminate ~ .swap-off {
3376
3483
  --tw-rotate: -45deg;
3377
3484
  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));
3378
3485
  }
3379
3486
 
3380
- .swap-rotate input:checked ~ .swap-on, .swap-rotate.swap-active .swap-on, .swap-rotate input:indeterminate ~ .swap-indeterminate {
3487
+ .swap-rotate input:checked ~ .swap-on,
3488
+ .swap-rotate.swap-active .swap-on,
3489
+ .swap-rotate input:indeterminate ~ .swap-indeterminate {
3381
3490
  --tw-rotate: 0deg;
3382
3491
  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));
3383
3492
  }
@@ -3528,11 +3637,17 @@ body[dir="rtl"] .checkbox:checked,
3528
3637
  padding: 1rem;
3529
3638
  vertical-align: middle
3530
3639
  }
3531
- .table tr.active th, .table tr.active td, .table tr.active:nth-child(even) th, .table tr.active:nth-child(even) td {
3640
+ .table tr.active th,
3641
+ .table tr.active td,
3642
+ .table tr.active:nth-child(even) th,
3643
+ .table tr.active:nth-child(even) td {
3532
3644
  --tw-bg-opacity: 1;
3533
3645
  background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
3534
3646
  }
3535
- .table tr.hover:hover th, .table tr.hover:hover td, .table tr.hover:nth-child(even):hover th, .table tr.hover:nth-child(even):hover td {
3647
+ .table tr.hover:hover th,
3648
+ .table tr.hover:hover td,
3649
+ .table tr.hover:nth-child(even):hover th,
3650
+ .table tr.hover:nth-child(even):hover td {
3536
3651
  --tw-bg-opacity: 1;
3537
3652
  background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
3538
3653
  }
@@ -3565,7 +3680,8 @@ body[dir="rtl"] .checkbox:checked,
3565
3680
  --tw-bg-opacity: 1;
3566
3681
  background-color: hsl(var(--b1) / var(--tw-bg-opacity))
3567
3682
  }
3568
- .table-zebra tbody tr:nth-child(even) th, .table-zebra tbody tr:nth-child(even) td {
3683
+ .table-zebra tbody tr:nth-child(even) th,
3684
+ .table-zebra tbody tr:nth-child(even) td {
3569
3685
  --tw-bg-opacity: 1;
3570
3686
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
3571
3687
  }
@@ -3642,7 +3758,8 @@ body[dir="rtl"] .checkbox:checked,
3642
3758
  .textarea-error:focus {
3643
3759
  outline: 2px solid hsl(var(--er));
3644
3760
  }
3645
- .textarea-disabled, .textarea[disabled] {
3761
+ .textarea-disabled,
3762
+ .textarea[disabled] {
3646
3763
  cursor: not-allowed;
3647
3764
  --tw-border-opacity: 1;
3648
3765
  border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
@@ -3650,7 +3767,8 @@ body[dir="rtl"] .checkbox:checked,
3650
3767
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
3651
3768
  --tw-text-opacity: 0.2;
3652
3769
  }
3653
- .textarea-disabled::placeholder, .textarea[disabled]::placeholder {
3770
+ .textarea-disabled::placeholder,
3771
+ .textarea[disabled]::placeholder {
3654
3772
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
3655
3773
  --tw-placeholder-opacity: 0.2;
3656
3774
  }
@@ -3755,9 +3873,12 @@ body[dir="rtl"] .checkbox:checked,
3755
3873
  --tooltip-text-color: hsl(var(--nc));
3756
3874
  --tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail));
3757
3875
  }
3758
- .tooltip:before, .tooltip:after {
3876
+ .tooltip:before,
3877
+ .tooltip:after {
3759
3878
  opacity: 0;
3879
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3760
3880
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3881
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3761
3882
  transition-delay: 100ms;
3762
3883
  transition-duration: 200ms;
3763
3884
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3778,7 +3899,10 @@ body[dir="rtl"] .checkbox:checked,
3778
3899
  color: var(--tooltip-text-color);
3779
3900
  width: max-content;
3780
3901
  }
3781
- .tooltip.tooltip-open:before, .tooltip.tooltip-open:after, .tooltip:hover:before, .tooltip:hover:after {
3902
+ .tooltip.tooltip-open:before,
3903
+ .tooltip.tooltip-open:after,
3904
+ .tooltip:hover:before,
3905
+ .tooltip:hover:after {
3782
3906
  opacity: 1;
3783
3907
  transition-delay: 75ms;
3784
3908
  }