daisyui 3.0.1 → 3.0.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 (11) hide show
  1. package/README.md +2 -2
  2. package/dist/full.css +7132 -11880
  3. package/dist/styled.css +381 -389
  4. package/dist/styled.js +1 -1
  5. package/dist/styled.rtl.js +1 -1
  6. package/dist/unstyled.css +38 -38
  7. package/dist/unstyled.js +1 -1
  8. package/dist/unstyled.rtl.js +1 -1
  9. package/dist/utilities-styled.js +1 -1
  10. package/dist/utilities.js +1 -1
  11. package/package.json +1 -2
package/dist/styled.css CHANGED
@@ -95,8 +95,8 @@
95
95
  cursor: pointer;
96
96
  align-items: center
97
97
  }
98
- @media (hover: hover) {
99
- .breadcrumbs>ul>li>a:hover, .breadcrumbs>ol>li>a:hover {
98
+ @media (hover:hover) {
99
+ .breadcrumbs > ul > li > a:hover, .breadcrumbs > ol > li > a:hover {
100
100
  text-decoration-line: underline
101
101
  }
102
102
  }
@@ -482,63 +482,63 @@
482
482
  transform: translateX(0%);
483
483
  }
484
484
  .dropdown {
485
- position: relative;
486
- display: inline-block
485
+ position: relative;
486
+ display: inline-block
487
487
  }
488
488
  .dropdown > *:focus {
489
- outline: 2px solid transparent;
490
- outline-offset: 2px
489
+ outline: 2px solid transparent;
490
+ outline-offset: 2px
491
491
  }
492
492
  .dropdown .dropdown-content {
493
- position: absolute
493
+ position: absolute
494
494
  }
495
495
  .dropdown:is(:not(details)) .dropdown-content {
496
- visibility: hidden;
497
- opacity: 0
496
+ visibility: hidden;
497
+ opacity: 0
498
498
  }
499
499
  .dropdown-end .dropdown-content {
500
- right: 0px
500
+ right: 0px
501
501
  }
502
502
  .dropdown-left .dropdown-content {
503
- top: 0px;
504
- right: 100%;
505
- bottom: auto
503
+ top: 0px;
504
+ right: 100%;
505
+ bottom: auto
506
506
  }
507
507
  .dropdown-right .dropdown-content {
508
- left: 100%;
509
- top: 0px;
510
- bottom: auto
508
+ left: 100%;
509
+ top: 0px;
510
+ bottom: auto
511
511
  }
512
512
  .dropdown-bottom .dropdown-content {
513
- bottom: auto;
514
- top: 100%
513
+ bottom: auto;
514
+ top: 100%
515
515
  }
516
516
  .dropdown-top .dropdown-content {
517
- bottom: 100%;
518
- top: auto
517
+ bottom: 100%;
518
+ top: auto
519
519
  }
520
520
  .dropdown-end.dropdown-right .dropdown-content {
521
- bottom: 0px;
522
- top: auto
521
+ bottom: 0px;
522
+ top: auto
523
523
  }
524
524
  .dropdown-end.dropdown-left .dropdown-content {
525
- bottom: 0px;
526
- top: auto
525
+ bottom: 0px;
526
+ top: auto
527
527
  }
528
528
  .dropdown.dropdown-open .dropdown-content,
529
529
  .dropdown:not(.dropdown-hover):focus .dropdown-content,
530
530
  .dropdown:focus-within .dropdown-content {
531
- visibility: visible;
532
- opacity: 1
531
+ visibility: visible;
532
+ opacity: 1
533
533
  }
534
534
  @media (hover: hover) {
535
- .dropdown.dropdown-hover:hover .dropdown-content {
536
- visibility: visible;
537
- opacity: 1
538
- }
535
+ .dropdown.dropdown-hover:hover .dropdown-content {
536
+ visibility: visible;
537
+ opacity: 1
538
+ }
539
539
  }
540
540
  .dropdown:is(details) summary::-webkit-details-marker {
541
- display: none
541
+ display: none
542
542
  }
543
543
  .file-input {
544
544
  height: 3rem;
@@ -761,16 +761,16 @@ display: none
761
761
  justify-content: center
762
762
  }
763
763
  .link {
764
- cursor: pointer;
765
- text-decoration-line: underline
764
+ cursor: pointer;
765
+ text-decoration-line: underline
766
766
  }
767
767
  .link-hover {
768
- text-decoration-line: none
768
+ text-decoration-line: none
769
769
  }
770
- @media (hover: hover) {
771
- .link-hover:hover {
772
- text-decoration-line: underline
773
- }
770
+ @media (hover:hover) {
771
+ .link-hover:hover {
772
+ text-decoration-line: underline
773
+ }
774
774
  }
775
775
  .mask {
776
776
  mask-size: contain;
@@ -1357,47 +1357,47 @@ display: none
1357
1357
  color: hsl(var(--er) / var(--tw-text-opacity))
1358
1358
  }
1359
1359
  .btm-nav {
1360
- height: 4rem;
1361
- --tw-bg-opacity: 1;
1362
- background-color: hsl(var(--b1) / var(--tw-bg-opacity));
1363
- color: currentColor
1360
+ height: 4rem;
1361
+ --tw-bg-opacity: 1;
1362
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity));
1363
+ color: currentColor
1364
1364
  }
1365
1365
  .btm-nav > * {
1366
- border-color: currentColor
1366
+ border-color: currentColor
1367
1367
  }
1368
1368
  .btm-nav > *:not(.active) {
1369
- padding-top: 0.125rem
1369
+ padding-top: 0.125rem
1370
1370
  }
1371
1371
  /* active */
1372
1372
  .btm-nav > *:where(.active) {
1373
- border-top-width: 2px;
1374
- --tw-bg-opacity: 1;
1375
- background-color: hsl(var(--b1) / var(--tw-bg-opacity))
1373
+ border-top-width: 2px;
1374
+ --tw-bg-opacity: 1;
1375
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity))
1376
1376
  }
1377
1377
  /* disabled */
1378
- .btm-nav>*.disabled,
1379
- .btm-nav>*[disabled] {
1380
- pointer-events: none;
1381
- --tw-border-opacity: 0;
1382
- background-color: hsl(var(--n) / var(--tw-bg-opacity));
1383
- --tw-bg-opacity: 0.1;
1384
- color: hsl(var(--bc) / var(--tw-text-opacity));
1385
- --tw-text-opacity: 0.2
1378
+ .btm-nav > *.disabled,
1379
+ .btm-nav > *[disabled] {
1380
+ pointer-events: none;
1381
+ --tw-border-opacity: 0;
1382
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
1383
+ --tw-bg-opacity: 0.1;
1384
+ color: hsl(var(--bc) / var(--tw-text-opacity));
1385
+ --tw-text-opacity: 0.2
1386
1386
  }
1387
1387
  @media (hover: hover) {
1388
- .btm-nav>*.disabled:hover,
1389
- .btm-nav>*[disabled]:hover {
1390
- pointer-events: none;
1391
- --tw-border-opacity: 0;
1392
- background-color: hsl(var(--n) / var(--tw-bg-opacity));
1393
- --tw-bg-opacity: 0.1;
1394
- color: hsl(var(--bc) / var(--tw-text-opacity));
1395
- --tw-text-opacity: 0.2
1396
- }
1397
- }
1388
+ .btm-nav > *.disabled:hover,
1389
+ .btm-nav > *[disabled]:hover {
1390
+ pointer-events: none;
1391
+ --tw-border-opacity: 0;
1392
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
1393
+ --tw-bg-opacity: 0.1;
1394
+ color: hsl(var(--bc) / var(--tw-text-opacity));
1395
+ --tw-text-opacity: 0.2
1396
+ }
1397
+ }
1398
1398
  .btm-nav > * .label {
1399
- font-size: 1rem;
1400
- line-height: 1.5rem
1399
+ font-size: 1rem;
1400
+ line-height: 1.5rem
1401
1401
  }
1402
1402
  .breadcrumbs {
1403
1403
  padding-top: 0.5rem;
@@ -1438,16 +1438,11 @@ display: none
1438
1438
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
1439
1439
  text-transform: var(--btn-text-case, uppercase);
1440
1440
  }
1441
+ .btn:active:hover,
1441
1442
  .btn:active:focus {
1442
- animation: none;
1443
+ animation: button-pop 0s ease-out;
1443
1444
  transform: scale(var(--btn-focus-scale, 0.97));
1444
1445
  }
1445
- @media (hover: hover) {
1446
- .btn:active:hover {
1447
- animation: none;
1448
- transform: scale(var(--btn-focus-scale, 0.97));
1449
- }
1450
- }
1451
1446
  /* default btn */
1452
1447
  .btn {
1453
1448
  --tw-border-opacity: 1;
@@ -1457,20 +1452,20 @@ display: none
1457
1452
  --tw-text-opacity: 1;
1458
1453
  color: hsl(var(--bc) / var(--tw-text-opacity));
1459
1454
  text-decoration-line: none;
1460
- }
1461
- .btn-active {
1462
- --tw-border-opacity: 1;
1463
- border-color: hsl(var(--b3) / var(--tw-border-opacity));
1464
- --tw-bg-opacity: 1;
1465
- background-color: hsl(var(--b3) / var(--tw-bg-opacity));
1466
1455
  }
1467
1456
  @media (hover: hover) {
1468
- .btn:hover {
1457
+ .btn:hover {
1469
1458
  --tw-border-opacity: 1;
1470
1459
  border-color: hsl(var(--b3) / var(--tw-border-opacity));
1471
1460
  --tw-bg-opacity: 1;
1472
1461
  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
1473
1462
  }
1463
+ }
1464
+ .btn-active {
1465
+ --tw-border-opacity: 1;
1466
+ border-color: hsl(var(--b3) / var(--tw-border-opacity));
1467
+ --tw-bg-opacity: 1;
1468
+ background-color: hsl(var(--b3) / var(--tw-bg-opacity));
1474
1469
  }
1475
1470
  .btn:focus-visible {
1476
1471
  outline-style: solid;
@@ -1486,20 +1481,20 @@ display: none
1486
1481
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
1487
1482
  --tw-text-opacity: 1;
1488
1483
  color: hsl(var(--pc) / var(--tw-text-opacity));
1489
- }
1490
- .btn-primary.btn-active {
1491
- --tw-border-opacity: 1;
1492
- border-color: hsl(var(--pf) / var(--tw-border-opacity));
1493
- --tw-bg-opacity: 1;
1494
- background-color: hsl(var(--pf) / var(--tw-bg-opacity));
1495
1484
  }
1496
1485
  @media (hover: hover) {
1497
- .btn-primary:hover {
1486
+ .btn-primary:hover {
1498
1487
  --tw-border-opacity: 1;
1499
1488
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
1500
1489
  --tw-bg-opacity: 1;
1501
1490
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
1502
1491
  }
1492
+ }
1493
+ .btn-primary.btn-active {
1494
+ --tw-border-opacity: 1;
1495
+ border-color: hsl(var(--pf) / var(--tw-border-opacity));
1496
+ --tw-bg-opacity: 1;
1497
+ background-color: hsl(var(--pf) / var(--tw-bg-opacity));
1503
1498
  }
1504
1499
  .btn-primary:focus-visible {
1505
1500
  outline-color: hsl(var(--p) / 1);
@@ -1511,20 +1506,20 @@ display: none
1511
1506
  background-color: hsl(var(--s) / var(--tw-bg-opacity));
1512
1507
  --tw-text-opacity: 1;
1513
1508
  color: hsl(var(--sc) / var(--tw-text-opacity));
1514
- }
1515
- .btn-secondary.btn-active {
1516
- --tw-border-opacity: 1;
1517
- border-color: hsl(var(--sf) / var(--tw-border-opacity));
1518
- --tw-bg-opacity: 1;
1519
- background-color: hsl(var(--sf) / var(--tw-bg-opacity));
1520
1509
  }
1521
1510
  @media (hover: hover) {
1522
- .btn-secondary:hover {
1511
+ .btn-secondary:hover {
1523
1512
  --tw-border-opacity: 1;
1524
1513
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
1525
1514
  --tw-bg-opacity: 1;
1526
1515
  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
1527
1516
  }
1517
+ }
1518
+ .btn-secondary.btn-active {
1519
+ --tw-border-opacity: 1;
1520
+ border-color: hsl(var(--sf) / var(--tw-border-opacity));
1521
+ --tw-bg-opacity: 1;
1522
+ background-color: hsl(var(--sf) / var(--tw-bg-opacity));
1528
1523
  }
1529
1524
  .btn-secondary:focus-visible {
1530
1525
  outline-color: hsl(var(--s) / 1);
@@ -1536,20 +1531,20 @@ display: none
1536
1531
  background-color: hsl(var(--a) / var(--tw-bg-opacity));
1537
1532
  --tw-text-opacity: 1;
1538
1533
  color: hsl(var(--ac) / var(--tw-text-opacity));
1539
- }
1540
- .btn-accent.btn-active {
1541
- --tw-border-opacity: 1;
1542
- border-color: hsl(var(--af) / var(--tw-border-opacity));
1543
- --tw-bg-opacity: 1;
1544
- background-color: hsl(var(--af) / var(--tw-bg-opacity));
1545
1534
  }
1546
1535
  @media (hover: hover) {
1547
- .btn-accent:hover {
1536
+ .btn-accent:hover {
1548
1537
  --tw-border-opacity: 1;
1549
1538
  border-color: hsl(var(--af) / var(--tw-border-opacity));
1550
1539
  --tw-bg-opacity: 1;
1551
1540
  background-color: hsl(var(--af) / var(--tw-bg-opacity));
1552
1541
  }
1542
+ }
1543
+ .btn-accent.btn-active {
1544
+ --tw-border-opacity: 1;
1545
+ border-color: hsl(var(--af) / var(--tw-border-opacity));
1546
+ --tw-bg-opacity: 1;
1547
+ background-color: hsl(var(--af) / var(--tw-bg-opacity));
1553
1548
  }
1554
1549
  .btn-accent:focus-visible {
1555
1550
  outline-color: hsl(var(--a) / 1);
@@ -1561,20 +1556,20 @@ display: none
1561
1556
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
1562
1557
  --tw-text-opacity: 1;
1563
1558
  color: hsl(var(--nc) / var(--tw-text-opacity));
1564
- }
1565
- .btn-neutral.btn-active {
1566
- --tw-border-opacity: 1;
1567
- border-color: hsl(var(--nf) / var(--tw-border-opacity));
1568
- --tw-bg-opacity: 1;
1569
- background-color: hsl(var(--nf) / var(--tw-bg-opacity));
1570
1559
  }
1571
1560
  @media (hover: hover) {
1572
- .btn-neutral:hover {
1561
+ .btn-neutral:hover {
1573
1562
  --tw-border-opacity: 1;
1574
1563
  border-color: hsl(var(--nf) / var(--tw-border-opacity));
1575
1564
  --tw-bg-opacity: 1;
1576
1565
  background-color: hsl(var(--nf) / var(--tw-bg-opacity));
1577
1566
  }
1567
+ }
1568
+ .btn-neutral.btn-active {
1569
+ --tw-border-opacity: 1;
1570
+ border-color: hsl(var(--nf) / var(--tw-border-opacity));
1571
+ --tw-bg-opacity: 1;
1572
+ background-color: hsl(var(--nf) / var(--tw-bg-opacity));
1578
1573
  }
1579
1574
  .btn-neutral:focus-visible {
1580
1575
  outline-color: hsl(var(--n) / 1);
@@ -1587,20 +1582,20 @@ display: none
1587
1582
  background-color: hsl(var(--in) / var(--tw-bg-opacity));
1588
1583
  --tw-text-opacity: 1;
1589
1584
  color: hsl(var(--inc) / var(--tw-text-opacity));
1590
- }
1591
- .btn-info.btn-active {
1592
- --tw-border-opacity: 1;
1593
- border-color: hsl(var(--in) / var(--tw-border-opacity));
1594
- --tw-bg-opacity: 1;
1595
- background-color: hsl(var(--in) / var(--tw-bg-opacity));
1596
1585
  }
1597
1586
  @media (hover: hover) {
1598
- .btn-info:hover {
1587
+ .btn-info:hover {
1599
1588
  --tw-border-opacity: 1;
1600
1589
  border-color: hsl(var(--in) / var(--tw-border-opacity));
1601
1590
  --tw-bg-opacity: 1;
1602
1591
  background-color: hsl(var(--in) / var(--tw-bg-opacity));
1603
1592
  }
1593
+ }
1594
+ .btn-info.btn-active {
1595
+ --tw-border-opacity: 1;
1596
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
1597
+ --tw-bg-opacity: 1;
1598
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
1604
1599
  }
1605
1600
  .btn-info:focus-visible {
1606
1601
  outline-color: hsl(var(--in) / 1);
@@ -1612,20 +1607,20 @@ display: none
1612
1607
  background-color: hsl(var(--su) / var(--tw-bg-opacity));
1613
1608
  --tw-text-opacity: 1;
1614
1609
  color: hsl(var(--suc) / var(--tw-text-opacity));
1615
- }
1616
- .btn-success.btn-active {
1617
- --tw-border-opacity: 1;
1618
- border-color: hsl(var(--su) / var(--tw-border-opacity));
1619
- --tw-bg-opacity: 1;
1620
- background-color: hsl(var(--su) / var(--tw-bg-opacity));
1621
1610
  }
1622
1611
  @media (hover: hover) {
1623
- .btn-success:hover {
1612
+ .btn-success:hover {
1624
1613
  --tw-border-opacity: 1;
1625
1614
  border-color: hsl(var(--su) / var(--tw-border-opacity));
1626
1615
  --tw-bg-opacity: 1;
1627
1616
  background-color: hsl(var(--su) / var(--tw-bg-opacity));
1628
1617
  }
1618
+ }
1619
+ .btn-success.btn-active {
1620
+ --tw-border-opacity: 1;
1621
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
1622
+ --tw-bg-opacity: 1;
1623
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
1629
1624
  }
1630
1625
  .btn-success:focus-visible {
1631
1626
  outline-color: hsl(var(--su) / 1);
@@ -1637,20 +1632,20 @@ display: none
1637
1632
  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1638
1633
  --tw-text-opacity: 1;
1639
1634
  color: hsl(var(--wac) / var(--tw-text-opacity));
1640
- }
1641
- .btn-warning.btn-active {
1642
- --tw-border-opacity: 1;
1643
- border-color: hsl(var(--wa) / var(--tw-border-opacity));
1644
- --tw-bg-opacity: 1;
1645
- background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1646
1635
  }
1647
1636
  @media (hover: hover) {
1648
- .btn-warning:hover {
1637
+ .btn-warning:hover {
1649
1638
  --tw-border-opacity: 1;
1650
1639
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
1651
1640
  --tw-bg-opacity: 1;
1652
1641
  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1653
1642
  }
1643
+ }
1644
+ .btn-warning.btn-active {
1645
+ --tw-border-opacity: 1;
1646
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
1647
+ --tw-bg-opacity: 1;
1648
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1654
1649
  }
1655
1650
  .btn-warning:focus-visible {
1656
1651
  outline-color: hsl(var(--wa) / 1);
@@ -1662,20 +1657,20 @@ display: none
1662
1657
  background-color: hsl(var(--er) / var(--tw-bg-opacity));
1663
1658
  --tw-text-opacity: 1;
1664
1659
  color: hsl(var(--erc) / var(--tw-text-opacity));
1665
- }
1666
- .btn-error.btn-active {
1667
- --tw-border-opacity: 1;
1668
- border-color: hsl(var(--er) / var(--tw-border-opacity));
1669
- --tw-bg-opacity: 1;
1670
- background-color: hsl(var(--er) / var(--tw-bg-opacity));
1671
1660
  }
1672
1661
  @media (hover: hover) {
1673
- .btn-error:hover {
1662
+ .btn-error:hover {
1674
1663
  --tw-border-opacity: 1;
1675
1664
  border-color: hsl(var(--er) / var(--tw-border-opacity));
1676
1665
  --tw-bg-opacity: 1;
1677
1666
  background-color: hsl(var(--er) / var(--tw-bg-opacity));
1678
1667
  }
1668
+ }
1669
+ .btn-error.btn-active {
1670
+ --tw-border-opacity: 1;
1671
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
1672
+ --tw-bg-opacity: 1;
1673
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
1679
1674
  }
1680
1675
  .btn-error:focus-visible {
1681
1676
  outline-color: hsl(var(--er) / 1);
@@ -1686,16 +1681,16 @@ display: none
1686
1681
  --tw-shadow-colored: 0 0 #0000;
1687
1682
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1688
1683
  }
1689
- .btn.glass.btn-active {
1690
- --glass-opacity: 25%;
1691
- --glass-border-opacity: 15%;
1692
- }
1693
1684
  @media (hover: hover) {
1694
- .btn.glass:hover {
1685
+ .btn.glass:hover{
1686
+ --glass-opacity: 25%;
1687
+ --glass-border-opacity: 15%;
1688
+ }
1689
+ }
1690
+ .btn.glass.btn-active {
1695
1691
  --glass-opacity: 25%;
1696
1692
  --glass-border-opacity: 15%;
1697
1693
  }
1698
- }
1699
1694
  .btn.glass:focus-visible {
1700
1695
  outline-color: currentColor;
1701
1696
  }
@@ -1708,18 +1703,18 @@ display: none
1708
1703
  --tw-shadow: 0 0 #0000;
1709
1704
  --tw-shadow-colored: 0 0 #0000;
1710
1705
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1711
- }
1712
- .btn-ghost.btn-active {
1713
- --tw-border-opacity: 0;
1714
- background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1715
- --tw-bg-opacity: 0.2;
1716
1706
  }
1717
1707
  @media (hover: hover) {
1718
- .btn-ghost:hover {
1708
+ .btn-ghost:hover {
1719
1709
  --tw-border-opacity: 0;
1720
1710
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1721
1711
  --tw-bg-opacity: 0.2;
1722
1712
  }
1713
+ }
1714
+ .btn-ghost.btn-active {
1715
+ --tw-border-opacity: 0;
1716
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1717
+ --tw-bg-opacity: 0.2;
1723
1718
  }
1724
1719
  .btn-ghost:focus-visible {
1725
1720
  outline-color: currentColor;
@@ -1733,18 +1728,18 @@ display: none
1733
1728
  --tw-shadow: 0 0 #0000;
1734
1729
  --tw-shadow-colored: 0 0 #0000;
1735
1730
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1736
- }
1737
- .btn-link.btn-active {
1738
- border-color: transparent;
1739
- background-color: transparent;
1740
- text-decoration-line: underline;
1741
1731
  }
1742
1732
  @media (hover: hover) {
1743
- .btn-link:hover {
1733
+ .btn-link:hover {
1744
1734
  border-color: transparent;
1745
1735
  background-color: transparent;
1746
1736
  text-decoration-line: underline;
1747
1737
  }
1738
+ }
1739
+ .btn-link.btn-active {
1740
+ border-color: transparent;
1741
+ background-color: transparent;
1742
+ text-decoration-line: underline;
1748
1743
  }
1749
1744
  .btn-link:focus-visible {
1750
1745
  outline-color: currentColor;
@@ -1758,17 +1753,9 @@ display: none
1758
1753
  --tw-shadow: 0 0 #0000;
1759
1754
  --tw-shadow-colored: 0 0 #0000;
1760
1755
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1761
- }
1762
- .btn-outline.btn-active {
1763
- --tw-border-opacity: 1;
1764
- border-color: hsl(var(--bc) / var(--tw-border-opacity));
1765
- --tw-bg-opacity: 1;
1766
- background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1767
- --tw-text-opacity: 1;
1768
- color: hsl(var(--b1) / var(--tw-text-opacity));
1769
1756
  }
1770
1757
  @media (hover: hover) {
1771
- .btn-outline:hover {
1758
+ .btn-outline:hover {
1772
1759
  --tw-border-opacity: 1;
1773
1760
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
1774
1761
  --tw-bg-opacity: 1;
@@ -1776,21 +1763,21 @@ display: none
1776
1763
  --tw-text-opacity: 1;
1777
1764
  color: hsl(var(--b1) / var(--tw-text-opacity));
1778
1765
  }
1766
+ }
1767
+ .btn-outline.btn-active {
1768
+ --tw-border-opacity: 1;
1769
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
1770
+ --tw-bg-opacity: 1;
1771
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1772
+ --tw-text-opacity: 1;
1773
+ color: hsl(var(--b1) / var(--tw-text-opacity));
1779
1774
  }
1780
1775
  .btn-outline.btn-primary {
1781
1776
  --tw-text-opacity: 1;
1782
1777
  color: hsl(var(--p) / var(--tw-text-opacity));
1783
- }
1784
- .btn-outline.btn-primary.btn-active {
1785
- --tw-border-opacity: 1;
1786
- border-color: hsl(var(--pf) / var(--tw-border-opacity));
1787
- --tw-bg-opacity: 1;
1788
- background-color: hsl(var(--pf) / var(--tw-bg-opacity));
1789
- --tw-text-opacity: 1;
1790
- color: hsl(var(--pc) / var(--tw-text-opacity));
1791
1778
  }
1792
1779
  @media (hover: hover) {
1793
- .btn-outline.btn-primary:hover {
1780
+ .btn-outline.btn-primary:hover {
1794
1781
  --tw-border-opacity: 1;
1795
1782
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
1796
1783
  --tw-bg-opacity: 1;
@@ -1798,21 +1785,21 @@ display: none
1798
1785
  --tw-text-opacity: 1;
1799
1786
  color: hsl(var(--pc) / var(--tw-text-opacity));
1800
1787
  }
1788
+ }
1789
+ .btn-outline.btn-primary.btn-active {
1790
+ --tw-border-opacity: 1;
1791
+ border-color: hsl(var(--pf) / var(--tw-border-opacity));
1792
+ --tw-bg-opacity: 1;
1793
+ background-color: hsl(var(--pf) / var(--tw-bg-opacity));
1794
+ --tw-text-opacity: 1;
1795
+ color: hsl(var(--pc) / var(--tw-text-opacity));
1801
1796
  }
1802
1797
  .btn-outline.btn-secondary {
1803
1798
  --tw-text-opacity: 1;
1804
1799
  color: hsl(var(--s) / var(--tw-text-opacity));
1805
- }
1806
- .btn-outline.btn-secondary.btn-active {
1807
- --tw-border-opacity: 1;
1808
- border-color: hsl(var(--sf) / var(--tw-border-opacity));
1809
- --tw-bg-opacity: 1;
1810
- background-color: hsl(var(--sf) / var(--tw-bg-opacity));
1811
- --tw-text-opacity: 1;
1812
- color: hsl(var(--sc) / var(--tw-text-opacity));
1813
1800
  }
1814
1801
  @media (hover: hover) {
1815
- .btn-outline.btn-secondary:hover {
1802
+ .btn-outline.btn-secondary:hover {
1816
1803
  --tw-border-opacity: 1;
1817
1804
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
1818
1805
  --tw-bg-opacity: 1;
@@ -1820,21 +1807,21 @@ display: none
1820
1807
  --tw-text-opacity: 1;
1821
1808
  color: hsl(var(--sc) / var(--tw-text-opacity));
1822
1809
  }
1810
+ }
1811
+ .btn-outline.btn-secondary.btn-active {
1812
+ --tw-border-opacity: 1;
1813
+ border-color: hsl(var(--sf) / var(--tw-border-opacity));
1814
+ --tw-bg-opacity: 1;
1815
+ background-color: hsl(var(--sf) / var(--tw-bg-opacity));
1816
+ --tw-text-opacity: 1;
1817
+ color: hsl(var(--sc) / var(--tw-text-opacity));
1823
1818
  }
1824
1819
  .btn-outline.btn-accent {
1825
1820
  --tw-text-opacity: 1;
1826
1821
  color: hsl(var(--a) / var(--tw-text-opacity));
1827
- }
1828
- .btn-outline.btn-accent.btn-active {
1829
- --tw-border-opacity: 1;
1830
- border-color: hsl(var(--af) / var(--tw-border-opacity));
1831
- --tw-bg-opacity: 1;
1832
- background-color: hsl(var(--af) / var(--tw-bg-opacity));
1833
- --tw-text-opacity: 1;
1834
- color: hsl(var(--ac) / var(--tw-text-opacity));
1835
1822
  }
1836
1823
  @media (hover: hover) {
1837
- .btn-outline.btn-accent:hover {
1824
+ .btn-outline.btn-accent:hover {
1838
1825
  --tw-border-opacity: 1;
1839
1826
  border-color: hsl(var(--af) / var(--tw-border-opacity));
1840
1827
  --tw-bg-opacity: 1;
@@ -1842,21 +1829,21 @@ display: none
1842
1829
  --tw-text-opacity: 1;
1843
1830
  color: hsl(var(--ac) / var(--tw-text-opacity));
1844
1831
  }
1832
+ }
1833
+ .btn-outline.btn-accent.btn-active {
1834
+ --tw-border-opacity: 1;
1835
+ border-color: hsl(var(--af) / var(--tw-border-opacity));
1836
+ --tw-bg-opacity: 1;
1837
+ background-color: hsl(var(--af) / var(--tw-bg-opacity));
1838
+ --tw-text-opacity: 1;
1839
+ color: hsl(var(--ac) / var(--tw-text-opacity));
1845
1840
  }
1846
1841
  .btn-outline.btn-success {
1847
1842
  --tw-text-opacity: 1;
1848
1843
  color: hsl(var(--su) / var(--tw-text-opacity));
1849
- }
1850
- .btn-outline.btn-success.btn-active {
1851
- --tw-border-opacity: 1;
1852
- border-color: hsl(var(--su) / var(--tw-border-opacity));
1853
- --tw-bg-opacity: 1;
1854
- background-color: hsl(var(--su) / var(--tw-bg-opacity));
1855
- --tw-text-opacity: 1;
1856
- color: hsl(var(--suc) / var(--tw-text-opacity));
1857
1844
  }
1858
1845
  @media (hover: hover) {
1859
- .btn-outline.btn-success:hover {
1846
+ .btn-outline.btn-success:hover {
1860
1847
  --tw-border-opacity: 1;
1861
1848
  border-color: hsl(var(--su) / var(--tw-border-opacity));
1862
1849
  --tw-bg-opacity: 1;
@@ -1864,21 +1851,21 @@ display: none
1864
1851
  --tw-text-opacity: 1;
1865
1852
  color: hsl(var(--suc) / var(--tw-text-opacity));
1866
1853
  }
1854
+ }
1855
+ .btn-outline.btn-success.btn-active {
1856
+ --tw-border-opacity: 1;
1857
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
1858
+ --tw-bg-opacity: 1;
1859
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
1860
+ --tw-text-opacity: 1;
1861
+ color: hsl(var(--suc) / var(--tw-text-opacity));
1867
1862
  }
1868
1863
  .btn-outline.btn-info {
1869
1864
  --tw-text-opacity: 1;
1870
1865
  color: hsl(var(--in) / var(--tw-text-opacity));
1871
- }
1872
- .btn-outline.btn-info.btn-active {
1873
- --tw-border-opacity: 1;
1874
- border-color: hsl(var(--in) / var(--tw-border-opacity));
1875
- --tw-bg-opacity: 1;
1876
- background-color: hsl(var(--in) / var(--tw-bg-opacity));
1877
- --tw-text-opacity: 1;
1878
- color: hsl(var(--inc) / var(--tw-text-opacity));
1879
1866
  }
1880
1867
  @media (hover: hover) {
1881
- .btn-outline.btn-info:hover {
1868
+ .btn-outline.btn-info:hover {
1882
1869
  --tw-border-opacity: 1;
1883
1870
  border-color: hsl(var(--in) / var(--tw-border-opacity));
1884
1871
  --tw-bg-opacity: 1;
@@ -1886,21 +1873,21 @@ display: none
1886
1873
  --tw-text-opacity: 1;
1887
1874
  color: hsl(var(--inc) / var(--tw-text-opacity));
1888
1875
  }
1876
+ }
1877
+ .btn-outline.btn-info.btn-active {
1878
+ --tw-border-opacity: 1;
1879
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
1880
+ --tw-bg-opacity: 1;
1881
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
1882
+ --tw-text-opacity: 1;
1883
+ color: hsl(var(--inc) / var(--tw-text-opacity));
1889
1884
  }
1890
1885
  .btn-outline.btn-warning {
1891
1886
  --tw-text-opacity: 1;
1892
1887
  color: hsl(var(--wa) / var(--tw-text-opacity));
1893
- }
1894
- .btn-outline.btn-warning.btn-active {
1895
- --tw-border-opacity: 1;
1896
- border-color: hsl(var(--wa) / var(--tw-border-opacity));
1897
- --tw-bg-opacity: 1;
1898
- background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1899
- --tw-text-opacity: 1;
1900
- color: hsl(var(--wac) / var(--tw-text-opacity));
1901
1888
  }
1902
1889
  @media (hover: hover) {
1903
- .btn-outline.btn-warning:hover {
1890
+ .btn-outline.btn-warning:hover {
1904
1891
  --tw-border-opacity: 1;
1905
1892
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
1906
1893
  --tw-bg-opacity: 1;
@@ -1908,21 +1895,21 @@ display: none
1908
1895
  --tw-text-opacity: 1;
1909
1896
  color: hsl(var(--wac) / var(--tw-text-opacity));
1910
1897
  }
1898
+ }
1899
+ .btn-outline.btn-warning.btn-active {
1900
+ --tw-border-opacity: 1;
1901
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
1902
+ --tw-bg-opacity: 1;
1903
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1904
+ --tw-text-opacity: 1;
1905
+ color: hsl(var(--wac) / var(--tw-text-opacity));
1911
1906
  }
1912
1907
  .btn-outline.btn-error {
1913
1908
  --tw-text-opacity: 1;
1914
1909
  color: hsl(var(--er) / var(--tw-text-opacity));
1915
- }
1916
- .btn-outline.btn-error.btn-active {
1917
- --tw-border-opacity: 1;
1918
- border-color: hsl(var(--er) / var(--tw-border-opacity));
1919
- --tw-bg-opacity: 1;
1920
- background-color: hsl(var(--er) / var(--tw-bg-opacity));
1921
- --tw-text-opacity: 1;
1922
- color: hsl(var(--erc) / var(--tw-text-opacity));
1923
1910
  }
1924
1911
  @media (hover: hover) {
1925
- .btn-outline.btn-error:hover {
1912
+ .btn-outline.btn-error:hover {
1926
1913
  --tw-border-opacity: 1;
1927
1914
  border-color: hsl(var(--er) / var(--tw-border-opacity));
1928
1915
  --tw-bg-opacity: 1;
@@ -1930,6 +1917,14 @@ display: none
1930
1917
  --tw-text-opacity: 1;
1931
1918
  color: hsl(var(--erc) / var(--tw-text-opacity));
1932
1919
  }
1920
+ }
1921
+ .btn-outline.btn-error.btn-active {
1922
+ --tw-border-opacity: 1;
1923
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
1924
+ --tw-bg-opacity: 1;
1925
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
1926
+ --tw-text-opacity: 1;
1927
+ color: hsl(var(--erc) / var(--tw-text-opacity));
1933
1928
  }
1934
1929
  /* disabled */
1935
1930
  .btn-disabled,
@@ -1942,16 +1937,16 @@ display: none
1942
1937
  --tw-text-opacity: 0.2;
1943
1938
  }
1944
1939
  @media (hover: hover) {
1945
- .btn-disabled:hover,
1946
- .btn[disabled]:hover,
1947
- .btn:disabled:hover {
1940
+ .btn-disabled:hover,
1941
+ .btn[disabled]:hover,
1942
+ .btn:disabled:hover {
1948
1943
  --tw-border-opacity: 0;
1949
1944
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
1950
1945
  --tw-bg-opacity: 0.2;
1951
1946
  color: hsl(var(--bc) / var(--tw-text-opacity));
1952
1947
  --tw-text-opacity: 0.2;
1953
1948
  }
1954
- }
1949
+ }
1955
1950
  /* group */
1956
1951
  .btn-group > input[type="radio"]:checked.btn,
1957
1952
  .btn-group > .btn-active {
@@ -1978,13 +1973,13 @@ display: none
1978
1973
  color: hsl(var(--pc) / var(--tw-text-opacity));
1979
1974
  }
1980
1975
  @media (hover: hover) {
1981
- .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
1976
+ .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
1982
1977
  --tw-border-opacity: 1;
1983
1978
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
1984
1979
  --tw-bg-opacity: 1;
1985
1980
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
1986
1981
  }
1987
- }
1982
+ }
1988
1983
  .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
1989
1984
  outline-color: hsl(var(--p) / 1);
1990
1985
  }
@@ -2199,7 +2194,7 @@ display: none
2199
2194
  --tw-border-opacity: 1;
2200
2195
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2201
2196
  }
2202
- @media (hover: hover) {
2197
+ @media (hover:hover) {
2203
2198
  .checkbox-primary:hover {
2204
2199
  --tw-border-opacity: 1;
2205
2200
  border-color: hsl(var(--p) / var(--tw-border-opacity));
@@ -2224,7 +2219,7 @@ display: none
2224
2219
  --tw-border-opacity: 1;
2225
2220
  border-color: hsl(var(--s) / var(--tw-border-opacity));
2226
2221
  }
2227
- @media (hover: hover) {
2222
+ @media (hover:hover) {
2228
2223
  .checkbox-secondary:hover {
2229
2224
  --tw-border-opacity: 1;
2230
2225
  border-color: hsl(var(--s) / var(--tw-border-opacity));
@@ -2249,7 +2244,7 @@ display: none
2249
2244
  --tw-border-opacity: 1;
2250
2245
  border-color: hsl(var(--a) / var(--tw-border-opacity));
2251
2246
  }
2252
- @media (hover: hover) {
2247
+ @media (hover:hover) {
2253
2248
  .checkbox-accent:hover {
2254
2249
  --tw-border-opacity: 1;
2255
2250
  border-color: hsl(var(--a) / var(--tw-border-opacity));
@@ -2274,7 +2269,7 @@ display: none
2274
2269
  --tw-border-opacity: 1;
2275
2270
  border-color: hsl(var(--su) / var(--tw-border-opacity));
2276
2271
  }
2277
- @media (hover: hover) {
2272
+ @media (hover:hover) {
2278
2273
  .checkbox-success:hover {
2279
2274
  --tw-border-opacity: 1;
2280
2275
  border-color: hsl(var(--su) / var(--tw-border-opacity));
@@ -2299,7 +2294,7 @@ display: none
2299
2294
  --tw-border-opacity: 1;
2300
2295
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
2301
2296
  }
2302
- @media (hover: hover) {
2297
+ @media (hover:hover) {
2303
2298
  .checkbox-warning:hover {
2304
2299
  --tw-border-opacity: 1;
2305
2300
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
@@ -2324,7 +2319,7 @@ display: none
2324
2319
  --tw-border-opacity: 1;
2325
2320
  border-color: hsl(var(--in) / var(--tw-border-opacity));
2326
2321
  }
2327
- @media (hover: hover) {
2322
+ @media (hover:hover) {
2328
2323
  .checkbox-info:hover {
2329
2324
  --tw-border-opacity: 1;
2330
2325
  border-color: hsl(var(--in) / var(--tw-border-opacity));
@@ -2349,7 +2344,7 @@ display: none
2349
2344
  --tw-border-opacity: 1;
2350
2345
  border-color: hsl(var(--er) / var(--tw-border-opacity));
2351
2346
  }
2352
- @media (hover: hover) {
2347
+ @media (hover:hover) {
2353
2348
  .checkbox-error:hover {
2354
2349
  --tw-border-opacity: 1;
2355
2350
  border-color: hsl(var(--er) / var(--tw-border-opacity));
@@ -2572,39 +2567,39 @@ details.collapse summary {
2572
2567
  background-color: hsl(0 0% 0%/0.4);
2573
2568
  }
2574
2569
  .dropdown:is(:not(details)) .dropdown-content {
2575
- transform-origin: top;
2576
- --tw-scale-x: .95;
2577
- --tw-scale-y: .95;
2578
- 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));
2579
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2580
- transition-duration: 200ms;
2581
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
2570
+ transform-origin: top;
2571
+ --tw-scale-x: .95;
2572
+ --tw-scale-y: .95;
2573
+ 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));
2574
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2575
+ transition-duration: 200ms;
2576
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
2582
2577
  }
2583
2578
  .dropdown-bottom .dropdown-content {
2584
- transform-origin: top
2579
+ transform-origin: top
2585
2580
  }
2586
2581
  .dropdown-top .dropdown-content {
2587
- transform-origin: bottom
2582
+ transform-origin: bottom
2588
2583
  }
2589
2584
  .dropdown-left .dropdown-content {
2590
- transform-origin: right
2585
+ transform-origin: right
2591
2586
  }
2592
2587
  .dropdown-right .dropdown-content {
2593
- transform-origin: left
2588
+ transform-origin: left
2594
2589
  }
2595
2590
  .dropdown.dropdown-open .dropdown-content,
2596
2591
  .dropdown:focus .dropdown-content,
2597
2592
  .dropdown:focus-within .dropdown-content {
2598
- --tw-scale-x: 1;
2599
- --tw-scale-y: 1;
2600
- 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))
2593
+ --tw-scale-x: 1;
2594
+ --tw-scale-y: 1;
2595
+ 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))
2601
2596
  }
2602
2597
  @media (hover: hover) {
2603
- .dropdown.dropdown-hover:hover .dropdown-content {
2604
- --tw-scale-x: 1;
2605
- --tw-scale-y: 1;
2606
- 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))
2607
- }
2598
+ .dropdown.dropdown-hover:hover .dropdown-content {
2599
+ --tw-scale-x: 1;
2600
+ --tw-scale-y: 1;
2601
+ 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))
2602
+ }
2608
2603
  }
2609
2604
  .file-input {
2610
2605
  overflow: hidden;
@@ -2639,7 +2634,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
2639
2634
  outline-style: solid;
2640
2635
  outline-width: 2px;
2641
2636
  outline-offset: 2px;
2642
- outline-color: hsl(var(--bc) / 1);
2637
+ outline-color: hsl(var(--bc) / 0.2);
2643
2638
  }
2644
2639
  .file-input-ghost {
2645
2640
  --tw-bg-opacity: 0.05;
@@ -2798,28 +2793,28 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
2798
2793
  opacity: 0.5
2799
2794
  }
2800
2795
  .label {
2801
- padding-left: 0.25rem;
2802
- padding-right: 0.25rem;
2803
- padding-top: 0.5rem;
2804
- padding-bottom: 0.5rem
2796
+ padding-left: 0.25rem;
2797
+ padding-right: 0.25rem;
2798
+ padding-top: 0.5rem;
2799
+ padding-bottom: 0.5rem
2805
2800
  }
2806
2801
  .label-text {
2807
- font-size: 0.875rem;
2808
- line-height: 1.25rem;
2809
- --tw-text-opacity: 1;
2810
- color: hsl(var(--bc) / var(--tw-text-opacity))
2802
+ font-size: 0.875rem;
2803
+ line-height: 1.25rem;
2804
+ --tw-text-opacity: 1;
2805
+ color: hsl(var(--bc) / var(--tw-text-opacity))
2811
2806
  }
2812
2807
  .label-text-alt {
2813
- font-size: 0.75rem;
2814
- line-height: 1rem;
2815
- --tw-text-opacity: 1;
2816
- color: hsl(var(--bc) / var(--tw-text-opacity))
2817
- }
2818
- @media (hover: hover) {
2819
- .label a:hover {
2808
+ font-size: 0.75rem;
2809
+ line-height: 1rem;
2820
2810
  --tw-text-opacity: 1;
2821
2811
  color: hsl(var(--bc) / var(--tw-text-opacity))
2822
- }
2812
+ }
2813
+ @media (hover:hover) {
2814
+ .label a:hover {
2815
+ --tw-text-opacity: 1;
2816
+ color: hsl(var(--bc) / var(--tw-text-opacity))
2817
+ }
2823
2818
  }
2824
2819
  .hero-overlay {
2825
2820
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
@@ -2853,7 +2848,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
2853
2848
  outline-style: solid;
2854
2849
  outline-width: 2px;
2855
2850
  outline-offset: 2px;
2856
- outline-color: hsl(var(--bc) / 1);
2851
+ outline-color: hsl(var(--bc) / 0.2);
2857
2852
  }
2858
2853
  .input-ghost {
2859
2854
  --tw-bg-opacity: 0.05;
@@ -2954,88 +2949,88 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
2954
2949
  min-width: 2.2em
2955
2950
  }
2956
2951
  .link-primary {
2957
- --tw-text-opacity: 1;
2958
- color: hsl(var(--p) / var(--tw-text-opacity));
2959
- }
2960
- @media (hover: hover) {
2961
- .link-primary:hover {
2962
2952
  --tw-text-opacity: 1;
2963
- color: hsl(var(--pf) / var(--tw-text-opacity));
2964
- }
2953
+ color: hsl(var(--p) / var(--tw-text-opacity));
2965
2954
  }
2966
- .link-secondary {
2967
- --tw-text-opacity: 1;
2968
- color: hsl(var(--s) / var(--tw-text-opacity));
2955
+ @media (hover:hover) {
2956
+ .link-primary:hover {
2957
+ --tw-text-opacity: 1;
2958
+ color: hsl(var(--pf) / var(--tw-text-opacity));
2959
+ }
2969
2960
  }
2970
- @media (hover: hover) {
2971
- .link-secondary:hover {
2961
+ .link-secondary {
2972
2962
  --tw-text-opacity: 1;
2973
- color: hsl(var(--sf) / var(--tw-text-opacity));
2974
- }
2963
+ color: hsl(var(--s) / var(--tw-text-opacity));
2975
2964
  }
2976
- .link-accent {
2977
- --tw-text-opacity: 1;
2978
- color: hsl(var(--a) / var(--tw-text-opacity));
2965
+ @media (hover:hover) {
2966
+ .link-secondary:hover {
2967
+ --tw-text-opacity: 1;
2968
+ color: hsl(var(--sf) / var(--tw-text-opacity));
2969
+ }
2979
2970
  }
2980
- @media (hover: hover) {
2981
- .link-accent:hover {
2971
+ .link-accent {
2982
2972
  --tw-text-opacity: 1;
2983
- color: hsl(var(--af) / var(--tw-text-opacity));
2984
- }
2973
+ color: hsl(var(--a) / var(--tw-text-opacity));
2985
2974
  }
2986
- .link-neutral {
2987
- --tw-text-opacity: 1;
2988
- color: hsl(var(--n) / var(--tw-text-opacity));
2975
+ @media (hover:hover) {
2976
+ .link-accent:hover {
2977
+ --tw-text-opacity: 1;
2978
+ color: hsl(var(--af) / var(--tw-text-opacity));
2979
+ }
2989
2980
  }
2990
- @media (hover: hover) {
2991
- .link-neutral:hover {
2981
+ .link-neutral {
2992
2982
  --tw-text-opacity: 1;
2993
- color: hsl(var(--nf) / var(--tw-text-opacity));
2994
- }
2983
+ color: hsl(var(--n) / var(--tw-text-opacity));
2995
2984
  }
2996
- .link-success {
2997
- --tw-text-opacity: 1;
2998
- color: hsl(var(--su) / var(--tw-text-opacity));
2985
+ @media (hover:hover) {
2986
+ .link-neutral:hover {
2987
+ --tw-text-opacity: 1;
2988
+ color: hsl(var(--nf) / var(--tw-text-opacity));
2989
+ }
2999
2990
  }
3000
- @media (hover: hover) {
3001
- .link-success:hover {
2991
+ .link-success {
3002
2992
  --tw-text-opacity: 1;
3003
2993
  color: hsl(var(--su) / var(--tw-text-opacity));
3004
- }
3005
2994
  }
3006
- .link-info {
3007
- --tw-text-opacity: 1;
3008
- color: hsl(var(--in) / var(--tw-text-opacity));
2995
+ @media (hover:hover) {
2996
+ .link-success:hover {
2997
+ --tw-text-opacity: 1;
2998
+ color: hsl(var(--su) / var(--tw-text-opacity));
2999
+ }
3009
3000
  }
3010
- @media (hover: hover) {
3011
- .link-info:hover {
3001
+ .link-info {
3012
3002
  --tw-text-opacity: 1;
3013
3003
  color: hsl(var(--in) / var(--tw-text-opacity));
3014
- }
3015
3004
  }
3016
- .link-warning {
3017
- --tw-text-opacity: 1;
3018
- color: hsl(var(--wa) / var(--tw-text-opacity));
3005
+ @media (hover:hover) {
3006
+ .link-info:hover {
3007
+ --tw-text-opacity: 1;
3008
+ color: hsl(var(--in) / var(--tw-text-opacity));
3009
+ }
3019
3010
  }
3020
- @media (hover: hover) {
3021
- .link-warning:hover {
3011
+ .link-warning {
3022
3012
  --tw-text-opacity: 1;
3023
3013
  color: hsl(var(--wa) / var(--tw-text-opacity));
3024
- }
3025
3014
  }
3026
- .link-error {
3027
- --tw-text-opacity: 1;
3028
- color: hsl(var(--er) / var(--tw-text-opacity));
3015
+ @media (hover:hover) {
3016
+ .link-warning:hover {
3017
+ --tw-text-opacity: 1;
3018
+ color: hsl(var(--wa) / var(--tw-text-opacity));
3019
+ }
3029
3020
  }
3030
- @media (hover: hover) {
3031
- .link-error:hover {
3021
+ .link-error {
3032
3022
  --tw-text-opacity: 1;
3033
3023
  color: hsl(var(--er) / var(--tw-text-opacity));
3034
- }
3024
+ }
3025
+ @media (hover:hover) {
3026
+ .link-error:hover {
3027
+ --tw-text-opacity: 1;
3028
+ color: hsl(var(--er) / var(--tw-text-opacity));
3029
+ }
3035
3030
  }
3036
3031
  .link:focus {
3037
- outline: 2px solid transparent;
3038
- outline-offset: 2px;
3032
+ outline: 2px solid transparent;
3033
+ outline-offset: 2px;
3039
3034
  }
3040
3035
  .link:focus-visible {
3041
3036
  outline: 2px solid currentColor;
@@ -3175,36 +3170,34 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
3175
3170
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3176
3171
  border-radius: var(--rounded-btn, 0.5rem);
3177
3172
  }
3178
- .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)).focus,
3179
- .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):focus,
3180
- .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)).focus,
3181
- .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):focus {
3173
+ .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)).focus,
3174
+ .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):focus,
3175
+ .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)).focus,
3176
+ .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):focus {
3182
3177
  cursor: pointer;
3183
3178
  background-color: hsl(var(--bc) / 0.1);
3184
3179
  outline: 2px solid transparent;
3185
3180
  outline-offset: 2px;
3186
3181
  }
3187
3182
  @media (hover: hover) {
3188
- .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):hover,
3189
- .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):hover {
3183
+ .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):hover, .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):hover {
3190
3184
  cursor: pointer;
3191
3185
  background-color: hsl(var(--bc) / 0.1);
3192
3186
  outline: 2px solid transparent;
3193
3187
  outline-offset: 2px;
3194
3188
  }
3195
- }
3196
- .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):active,
3197
- .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):where(.active),
3198
- .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):active,
3199
- .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active) {
3189
+ }
3190
+ .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):active,
3191
+ .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active),
3192
+ .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):active,
3193
+ .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
3200
3194
  --tw-bg-opacity: 1;
3201
3195
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
3202
3196
  --tw-text-opacity: 1;
3203
3197
  color: hsl(var(--nc) / var(--tw-text-opacity));
3204
3198
  }
3205
- @media (hover: hover) {
3206
- .menu :where(li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):where(.active):hover,
3207
- .menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active):hover {
3199
+ @media (hover:hover) {
3200
+ .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active), .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
3208
3201
  --tw-bg-opacity: 1;
3209
3202
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
3210
3203
  --tw-text-opacity: 1;
@@ -3567,7 +3560,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
3567
3560
  --tw-border-opacity: 1;
3568
3561
  border-color: hsl(var(--p) / var(--tw-border-opacity));
3569
3562
  }
3570
- @media (hover: hover) {
3563
+ @media (hover:hover) {
3571
3564
  .radio-primary:hover {
3572
3565
  --tw-border-opacity: 1;
3573
3566
  border-color: hsl(var(--p) / var(--tw-border-opacity));
@@ -3590,7 +3583,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
3590
3583
  --tw-border-opacity: 1;
3591
3584
  border-color: hsl(var(--s) / var(--tw-border-opacity));
3592
3585
  }
3593
- @media (hover: hover) {
3586
+ @media (hover:hover) {
3594
3587
  .radio-secondary:hover {
3595
3588
  --tw-border-opacity: 1;
3596
3589
  border-color: hsl(var(--s) / var(--tw-border-opacity));
@@ -3613,7 +3606,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
3613
3606
  --tw-border-opacity: 1;
3614
3607
  border-color: hsl(var(--a) / var(--tw-border-opacity));
3615
3608
  }
3616
- @media (hover: hover) {
3609
+ @media (hover:hover) {
3617
3610
  .radio-accent:hover {
3618
3611
  --tw-border-opacity: 1;
3619
3612
  border-color: hsl(var(--a) / var(--tw-border-opacity));
@@ -3636,7 +3629,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
3636
3629
  --tw-border-opacity: 1;
3637
3630
  border-color: hsl(var(--su) / var(--tw-border-opacity));
3638
3631
  }
3639
- @media (hover: hover) {
3632
+ @media (hover:hover) {
3640
3633
  .radio-success:hover {
3641
3634
  --tw-border-opacity: 1;
3642
3635
  border-color: hsl(var(--su) / var(--tw-border-opacity));
@@ -3659,7 +3652,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
3659
3652
  --tw-border-opacity: 1;
3660
3653
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
3661
3654
  }
3662
- @media (hover: hover) {
3655
+ @media (hover:hover) {
3663
3656
  .radio-warning:hover {
3664
3657
  --tw-border-opacity: 1;
3665
3658
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
@@ -3682,7 +3675,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
3682
3675
  --tw-border-opacity: 1;
3683
3676
  border-color: hsl(var(--in) / var(--tw-border-opacity));
3684
3677
  }
3685
- @media (hover: hover) {
3678
+ @media (hover:hover) {
3686
3679
  .radio-info:hover {
3687
3680
  --tw-border-opacity: 1;
3688
3681
  border-color: hsl(var(--in) / var(--tw-border-opacity));
@@ -3705,7 +3698,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
3705
3698
  --tw-border-opacity: 1;
3706
3699
  border-color: hsl(var(--er) / var(--tw-border-opacity));
3707
3700
  }
3708
- @media (hover: hover) {
3701
+ @media (hover:hover) {
3709
3702
  .radio-error:hover {
3710
3703
  --tw-border-opacity: 1;
3711
3704
  border-color: hsl(var(--er) / var(--tw-border-opacity));
@@ -4230,7 +4223,7 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
4230
4223
  }
4231
4224
  .tab {
4232
4225
  --tw-text-opacity: 0.5;
4233
- }@media (hover: hover) {.tab:hover {
4226
+ }@media (hover:hover) {.tab:hover {
4234
4227
  --tw-text-opacity: 1;
4235
4228
  }
4236
4229
  }.tab {
@@ -4266,13 +4259,13 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
4266
4259
  --tw-text-opacity: 0.2;
4267
4260
  }
4268
4261
  @media (hover: hover) {
4269
- .tab-disabled:hover,
4270
- .tab[disabled]:hover {
4262
+ .tab[disabled],
4263
+ .tab[disabled]:hover {
4271
4264
  cursor: not-allowed;
4272
4265
  color: hsl(var(--bc) / var(--tw-text-opacity));
4273
4266
  --tw-text-opacity: 0.2;
4274
4267
  }
4275
- }
4268
+ }
4276
4269
  .tab-bordered {
4277
4270
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
4278
4271
  --tw-border-opacity: 0.2;
@@ -4361,63 +4354,62 @@ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--
4361
4354
  --tw-text-opacity: 1;
4362
4355
  color: hsl(var(--pc) / var(--tw-text-opacity));
4363
4356
  }
4364
- @media (hover: hover) {
4365
- .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover {
4357
+ @media (hover:hover) {.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover {
4366
4358
  --tw-text-opacity: 1;
4367
4359
  color: hsl(var(--pc) / var(--tw-text-opacity));
4368
4360
  }
4369
4361
  }
4370
4362
  .table {
4371
- text-align: left;
4372
- font-size: 0.875rem;
4373
- line-height: 1.25rem;
4374
- border-radius: var(--rounded-box, 1rem)
4363
+ text-align: left;
4364
+ font-size: 0.875rem;
4365
+ line-height: 1.25rem;
4366
+ border-radius: var(--rounded-box, 1rem)
4375
4367
  }
4376
4368
  .table :where(th, td) {
4377
- padding-left: 1rem;
4378
- padding-right: 1rem;
4379
- padding-top: 0.75rem;
4380
- padding-bottom: 0.75rem;
4381
- vertical-align: middle
4369
+ padding-left: 1rem;
4370
+ padding-right: 1rem;
4371
+ padding-top: 0.75rem;
4372
+ padding-bottom: 0.75rem;
4373
+ vertical-align: middle
4382
4374
  }
4383
4375
  .table tr.active,
4384
4376
  .table tr.active:nth-child(even),
4385
4377
  .table-zebra tbody tr:nth-child(even) {
4386
- --tw-bg-opacity: 1;
4387
- background-color: hsl(var(--b2) / var(--tw-bg-opacity))
4388
- }
4389
- @media (hover: hover) {
4390
- .table tr.hover:hover,
4391
- .table tr.hover:nth-child(even):hover {
4392
4378
  --tw-bg-opacity: 1;
4393
4379
  background-color: hsl(var(--b2) / var(--tw-bg-opacity))
4394
- }
4380
+ }
4381
+ @media (hover:hover) {
4382
+ .table tr.hover:hover,
4383
+ .table tr.hover:nth-child(even):hover {
4384
+ --tw-bg-opacity: 1;
4385
+ background-color: hsl(var(--b2) / var(--tw-bg-opacity))
4386
+ }
4395
4387
  }
4396
4388
  .table-zebra tr.active,
4397
4389
  .table-zebra tr.active:nth-child(even),
4398
4390
  .table-zebra-zebra tbody tr:nth-child(even) {
4399
- --tw-bg-opacity: 1;
4400
- background-color: hsl(var(--b3) / var(--tw-bg-opacity))
4401
- }
4402
- @media (hover: hover) {
4403
- .table-zebra tr.hover:hover,
4404
- .table-zebra tr.hover:nth-child(even):hover {
4405
4391
  --tw-bg-opacity: 1;
4406
4392
  background-color: hsl(var(--b3) / var(--tw-bg-opacity))
4407
- }
4393
+ }
4394
+ @media (hover:hover) {
4395
+ .table-zebra tr.hover:hover,
4396
+ .table-zebra tr.hover:nth-child(even):hover {
4397
+ --tw-bg-opacity: 1;
4398
+ background-color: hsl(var(--b3) / var(--tw-bg-opacity))
4399
+ }
4408
4400
  }
4409
4401
  .table :where(thead, tbody) :where(tr:not(:last-child)),
4410
4402
  .table :where(thead, tbody) :where(tr:first-child:last-child) {
4411
- border-bottom-width: 1px;
4412
- --tw-border-opacity: 1;
4413
- border-bottom-color: hsl(var(--b2) / var(--tw-border-opacity))
4403
+ border-bottom-width: 1px;
4404
+ --tw-border-opacity: 1;
4405
+ border-bottom-color: hsl(var(--b2) / var(--tw-border-opacity))
4414
4406
  }
4415
4407
  .table :where(thead, tfoot) {
4416
- white-space: nowrap;
4417
- font-size: 0.75rem;
4418
- line-height: 1rem;
4419
- font-weight: 700;
4420
- color: hsl(var(--bc) / 0.6)
4408
+ white-space: nowrap;
4409
+ font-size: 0.75rem;
4410
+ line-height: 1rem;
4411
+ font-weight: 700;
4412
+ color: hsl(var(--bc) / 0.6)
4421
4413
  }
4422
4414
  .textarea {
4423
4415
  border-width: 1px;