daisyui 5.0.0-alpha.21 → 5.0.0-alpha.23

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 (111) hide show
  1. package/base/properties.css +1 -1
  2. package/base/rootcolor.css +1 -1
  3. package/base/scrollbar.css +1 -1
  4. package/colors/properties.css +1 -1
  5. package/colors/responsive.css +1 -1
  6. package/colors/states.css +1 -1
  7. package/components/alert/object.js +1 -1
  8. package/components/alert.css +1 -1
  9. package/components/avatar/object.js +1 -1
  10. package/components/avatar.css +1 -1
  11. package/components/badge/object.js +1 -1
  12. package/components/badge.css +1 -1
  13. package/components/button/object.js +1 -1
  14. package/components/button.css +1 -1
  15. package/components/card/object.js +1 -1
  16. package/components/card.css +1 -1
  17. package/components/chat/object.js +1 -1
  18. package/components/chat.css +1 -1
  19. package/components/checkbox/object.js +1 -1
  20. package/components/checkbox.css +1 -1
  21. package/components/collapse.css +1 -1
  22. package/components/countdown.css +1 -1
  23. package/components/divider/object.js +1 -1
  24. package/components/divider.css +1 -1
  25. package/components/dropdown/object.js +1 -1
  26. package/components/dropdown.css +1 -1
  27. package/components/footer/object.js +1 -1
  28. package/components/footer.css +1 -1
  29. package/components/hero.css +1 -1
  30. package/components/input/object.js +1 -1
  31. package/components/input.css +1 -1
  32. package/components/kbd/object.js +1 -1
  33. package/components/kbd.css +1 -1
  34. package/components/link.css +1 -1
  35. package/components/loading.css +1 -1
  36. package/components/mask.css +1 -1
  37. package/components/menu/object.js +1 -1
  38. package/components/menu.css +1 -1
  39. package/components/navbar.css +1 -1
  40. package/components/progress.css +1 -1
  41. package/components/radialprogress.css +1 -1
  42. package/components/radio/object.js +1 -1
  43. package/components/radio.css +1 -1
  44. package/components/range/object.js +1 -1
  45. package/components/range.css +1 -1
  46. package/components/rating/object.js +1 -1
  47. package/components/rating.css +1 -1
  48. package/components/select/object.js +1 -1
  49. package/components/select.css +1 -1
  50. package/components/skeleton/object.js +1 -1
  51. package/components/skeleton.css +1 -1
  52. package/components/stack.css +1 -1
  53. package/components/status.css +1 -1
  54. package/components/steps/object.js +1 -1
  55. package/components/steps.css +1 -1
  56. package/components/swap/object.js +1 -1
  57. package/components/swap.css +1 -1
  58. package/components/tab/object.js +1 -1
  59. package/components/tab.css +1 -1
  60. package/components/table/object.js +1 -1
  61. package/components/table.css +1 -1
  62. package/components/timeline/object.js +1 -1
  63. package/components/timeline.css +1 -1
  64. package/components/toggle/object.js +1 -1
  65. package/components/toggle.css +1 -1
  66. package/components/tooltip/object.js +1 -1
  67. package/components/tooltip.css +1 -1
  68. package/full.css +1 -1
  69. package/functions/pluginOptionsHandler.js +2 -2
  70. package/index.js +1 -1
  71. package/package.json +79 -78
  72. package/theme/index.js +2 -2
  73. package/theme/object.js +1 -1
  74. package/themes.css +1 -1
  75. package/utilities/join.css +1 -1
  76. package/components/alert/class.json +0 -12
  77. package/components/avatar/class.json +0 -7
  78. package/components/badge/class.json +0 -19
  79. package/components/button/class.json +0 -27
  80. package/components/card/class.json +0 -13
  81. package/components/chat/class.json +0 -17
  82. package/components/checkbox/class.json +0 -17
  83. package/components/collapse/class.json +0 -10
  84. package/components/countdown/class.json +0 -3
  85. package/components/divider/class.json +0 -15
  86. package/components/dropdown/class.json +0 -15
  87. package/components/footer/class.json +0 -7
  88. package/components/hero/class.json +0 -5
  89. package/components/input/class.json +0 -16
  90. package/components/kbd/class.json +0 -7
  91. package/components/link/class.json +0 -12
  92. package/components/loading/class.json +0 -21
  93. package/components/mask/class.json +0 -24
  94. package/components/menu/class.json +0 -16
  95. package/components/navbar/class.json +0 -6
  96. package/components/progress/class.json +0 -10
  97. package/components/radialprogress/class.json +0 -3
  98. package/components/radio/class.json +0 -14
  99. package/components/range/class.json +0 -14
  100. package/components/rating/class.json +0 -6
  101. package/components/select/class.json +0 -16
  102. package/components/skeleton/class.json +0 -3
  103. package/components/stack/class.json +0 -3
  104. package/components/status/class.json +0 -15
  105. package/components/steps/class.json +0 -14
  106. package/components/swap/class.json +0 -10
  107. package/components/tab/class.json +0 -13
  108. package/components/table/class.json +0 -9
  109. package/components/timeline/class.json +0 -11
  110. package/components/toggle/class.json +0 -16
  111. package/components/tooltip/class.json +0 -17
package/components/range/object.js CHANGED
@@ -1 +1 @@
1
- export default {".range":{"appearance":"none","WebkitAppearance":"none","--range-shdw":"currentColor","@apply rounded-box h-6 w-full cursor-pointer overflow-hidden border-none bg-transparent align-middle":{},"&:focus":{"outline":"none"},"&:focus-visible":{"--focus-shadow":"0 0 0 6px var(--color-base-100) inset, 0 0 0 2rem var(--range-shdw) inset"},"&::-webkit-slider-runnable-track":{"@apply rounded-box bg-base-content/10 h-2 w-full":{}},"&::-webkit-slider-thumb":{"@apply rounded-box bg-base-100 relative h-6 w-6 border-none":{},"appearance":"none","WebkitAppearance":"none","top":"50%","color":"var(--range-shdw)","transform":"translateY(-50%)","--filler-size":"100rem","--filler-offset":"0.6rem","--track-shdw":"calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)","boxShadow":"0 0 0 3px var(--range-shdw) inset,\n var(--focus-shadow, 0 0),\n var(--track-shdw)"},"[dir=rtl] &::-webkit-slider-thumb":{"--track-shdw":"calc(var(--filler-size) * 1 + var(--filler-offset)) 0 0 var(--filler-size)"},"&::-moz-range-track":{"@apply rounded-box bg-base-content/10 h-2 w-full":{}},"&::-moz-range-thumb":{"@apply rounded-box bg-base-100 relative h-6 w-6 border-none":{},"top":"50%","color":"var(--range-shdw)","--filler-size":"100rem","--filler-offset":"0.5rem","boxShadow":"0 0 0 3px var(--range-shdw) inset,\n var(--focus-shadow, 0 0),\n calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)"}},".range-primary":{"@apply text-primary":{}},".range-secondary":{"@apply text-secondary":{}},".range-accent":{"@apply text-accent":{}},".range-success":{"@apply text-success":{}},".range-warning":{"@apply text-warning":{}},".range-info":{"@apply text-info":{}},".range-error":{"@apply text-error":{}},".range-xs":{"@apply h-4":{},"&::-webkit-slider-runnable-track":{"@apply h-1":{}},"&::-webkit-slider-thumb":{"@apply size-4":{},"--filler-offset":"0.4rem"},"&::-moz-range-track":{"@apply h-1":{}},"&::-moz-range-thumb":{"@apply size-4":{},"--filler-offset":"0.4rem"}},".range-sm":{"@apply h-5":{},"&::-webkit-slider-runnable-track":{"@apply h-1":{}},"&::-webkit-slider-thumb":{"@apply size-5":{},"--filler-offset":"0.5rem"},"&::-moz-range-track":{"@apply h-1":{}},"&::-moz-range-thumb":{"@apply size-5":{},"--filler-offset":"0.5rem"}},".range-md":{"@apply h-6":{},"&::-webkit-slider-runnable-track":{"@apply h-2":{}},"&::-webkit-slider-thumb":{"@apply size-6":{},"--filler-offset":"0.6rem"},"&::-moz-range-track":{"@apply h-2":{}},"&::-moz-range-thumb":{"@apply size-6":{},"--filler-offset":"0.6rem"}},".range-lg":{"@apply h-8":{},"&::-webkit-slider-runnable-track":{"@apply h-4":{}},"&::-webkit-slider-thumb":{"@apply size-8":{},"--filler-offset":"1rem"},"&::-moz-range-track":{"@apply h-4":{}},"&::-moz-range-thumb":{"@apply size-8":{},"--filler-offset":"1rem"}}};
1
+ export default {".range":{"appearance":"none","WebkitAppearance":"none","--range-shdw":"currentColor","@apply rounded-box h-6 w-full cursor-pointer overflow-hidden bg-transparent align-middle":{},"border":"none","&:focus":{"outline":"none"},"&:focus-visible":{"--focus-shadow":"0 0 0 6px var(--color-base-100) inset, 0 0 0 2rem var(--range-shdw) inset"},"&::-webkit-slider-runnable-track":{"@apply rounded-box bg-base-content/10 h-2 w-full":{}},"&::-webkit-slider-thumb":{"@apply rounded-box bg-base-100 relative h-6 w-6":{},"border":"none","appearance":"none","WebkitAppearance":"none","top":"50%","color":"var(--range-shdw)","transform":"translateY(-50%)","--filler-offset":"0.6rem","--track-shdw":"calc(-100rem - var(--filler-offset)) 0 0 100rem","boxShadow":"0 0 0 3px var(--range-shdw) inset,\n var(--focus-shadow, 0 0),\n var(--track-shdw)"},"[dir=rtl] &::-webkit-slider-thumb":{"--track-shdw":"calc(100rem * 1 + var(--filler-offset)) 0 0 100rem"},"&::-moz-range-track":{"@apply rounded-box bg-base-content/10 h-2 w-full":{}},"&::-moz-range-thumb":{"@apply rounded-box bg-base-100 relative h-6 w-6":{},"border":"none","top":"50%","color":"var(--range-shdw)","--filler-offset":"0.5rem","boxShadow":"0 0 0 3px var(--range-shdw) inset,\n var(--focus-shadow, 0 0),\n calc(-100rem - var(--filler-offset)) 0 0 100rem"}},".range-primary":{"@apply text-primary":{}},".range-secondary":{"@apply text-secondary":{}},".range-accent":{"@apply text-accent":{}},".range-success":{"@apply text-success":{}},".range-warning":{"@apply text-warning":{}},".range-info":{"@apply text-info":{}},".range-error":{"@apply text-error":{}},".range-xs":{"@apply h-4":{},"&::-webkit-slider-runnable-track":{"@apply h-1":{}},"&::-webkit-slider-thumb":{"@apply size-4":{},"--filler-offset":"0.4rem"},"&::-moz-range-track":{"@apply h-1":{}},"&::-moz-range-thumb":{"@apply size-4":{},"--filler-offset":"0.4rem"}},".range-sm":{"@apply h-5":{},"&::-webkit-slider-runnable-track":{"@apply h-1":{}},"&::-webkit-slider-thumb":{"@apply size-5":{},"--filler-offset":"0.5rem"},"&::-moz-range-track":{"@apply h-1":{}},"&::-moz-range-thumb":{"@apply size-5":{},"--filler-offset":"0.5rem"}},".range-md":{"@apply h-6":{},"&::-webkit-slider-runnable-track":{"@apply h-2":{}},"&::-webkit-slider-thumb":{"@apply size-6":{},"--filler-offset":"0.6rem"},"&::-moz-range-track":{"@apply h-2":{}},"&::-moz-range-thumb":{"@apply size-6":{},"--filler-offset":"0.6rem"}},".range-lg":{"@apply h-8":{},"&::-webkit-slider-runnable-track":{"@apply h-4":{}},"&::-webkit-slider-thumb":{"@apply size-8":{},"--filler-offset":"1rem"},"&::-moz-range-track":{"@apply h-4":{}},"&::-moz-range-thumb":{"@apply size-8":{},"--filler-offset":"1rem"}}};
package/components/range.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;height:var(--spacing-6,1.5rem);cursor:pointer;border-radius:var(--radius-box,var(--radius-box));--tw-border-style:none;vertical-align:middle;background-color:#0000;border-style:none;width:100%;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box,var(--radius-box));background-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))10%,transparent);width:100%}&::-webkit-slider-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box,var(--radius-box));--tw-border-style:none;background-color:var(--color-base-100,var(--color-base-100));-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-size:100rem;--filler-offset:.6rem;--track-shdw:calc(var(--filler-size)*-1 - var(--filler-offset))0 0 var(--filler-size);box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border-style:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(var(--filler-size)*1 + var(--filler-offset))0 0 var(--filler-size)}&::-moz-range-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box,var(--radius-box));background-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))10%,transparent);width:100%}&::-moz-range-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box,var(--radius-box));--tw-border-style:none;background-color:var(--color-base-100,var(--color-base-100));color:var(--range-shdw);--filler-size:100rem;--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset))0 0 var(--filler-size);border-style:none;position:relative;top:50%}}.range-primary{color:var(--color-primary,var(--color-primary))}.range-secondary{color:var(--color-secondary,var(--color-secondary))}.range-accent{color:var(--color-accent,var(--color-accent))}.range-success{color:var(--color-success,var(--color-success))}.range-warning{color:var(--color-warning,var(--color-warning))}.range-info{color:var(--color-info,var(--color-info))}.range-error{color:var(--color-error,var(--color-error))}.range-xs{height:var(--spacing-4,1rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}}.range-sm{height:var(--spacing-5,1.25rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}}.range-md{height:var(--spacing-6,1.5rem);&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem)}&::-webkit-slider-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}&::-moz-range-track{height:var(--spacing-2,.5rem)}&::-moz-range-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}}.range-lg{height:var(--spacing-8,2rem);&::-webkit-slider-runnable-track{height:var(--spacing-4,1rem)}&::-webkit-slider-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}&::-moz-range-track{height:var(--spacing-4,1rem)}&::-moz-range-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;height:var(--spacing-6,1.5rem);cursor:pointer;border-radius:var(--radius-box, );vertical-align:middle;background-color:#0000;border:none;width:100%;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-webkit-slider-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-moz-range-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.range-primary{color:var(--color-primary, )}.range-secondary{color:var(--color-secondary, )}.range-accent{color:var(--color-accent, )}.range-success{color:var(--color-success, )}.range-warning{color:var(--color-warning, )}.range-info{color:var(--color-info, )}.range-error{color:var(--color-error, )}.range-xs{height:var(--spacing-4,1rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}}.range-sm{height:var(--spacing-5,1.25rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}}.range-md{height:var(--spacing-6,1.5rem);&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem)}&::-webkit-slider-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}&::-moz-range-track{height:var(--spacing-2,.5rem)}&::-moz-range-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}}.range-lg{height:var(--spacing-8,2rem);&::-webkit-slider-runnable-track{height:var(--spacing-4,1rem)}&::-webkit-slider-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}&::-moz-range-track{height:var(--spacing-4,1rem)}&::-moz-range-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}}@media (width>=640px){.sm\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;height:var(--spacing-6,1.5rem);cursor:pointer;border-radius:var(--radius-box, );vertical-align:middle;background-color:#0000;border:none;width:100%;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-webkit-slider-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-moz-range-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.sm\:range-primary{color:var(--color-primary, )}.sm\:range-secondary{color:var(--color-secondary, )}.sm\:range-accent{color:var(--color-accent, )}.sm\:range-success{color:var(--color-success, )}.sm\:range-warning{color:var(--color-warning, )}.sm\:range-info{color:var(--color-info, )}.sm\:range-error{color:var(--color-error, )}.sm\:range-xs{height:var(--spacing-4,1rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}}.sm\:range-sm{height:var(--spacing-5,1.25rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}}.sm\:range-md{height:var(--spacing-6,1.5rem);&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem)}&::-webkit-slider-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}&::-moz-range-track{height:var(--spacing-2,.5rem)}&::-moz-range-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}}.sm\:range-lg{height:var(--spacing-8,2rem);&::-webkit-slider-runnable-track{height:var(--spacing-4,1rem)}&::-webkit-slider-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}&::-moz-range-track{height:var(--spacing-4,1rem)}&::-moz-range-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}}}@media (width>=768px){.md\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;height:var(--spacing-6,1.5rem);cursor:pointer;border-radius:var(--radius-box, );vertical-align:middle;background-color:#0000;border:none;width:100%;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-webkit-slider-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-moz-range-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.md\:range-primary{color:var(--color-primary, )}.md\:range-secondary{color:var(--color-secondary, )}.md\:range-accent{color:var(--color-accent, )}.md\:range-success{color:var(--color-success, )}.md\:range-warning{color:var(--color-warning, )}.md\:range-info{color:var(--color-info, )}.md\:range-error{color:var(--color-error, )}.md\:range-xs{height:var(--spacing-4,1rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}}.md\:range-sm{height:var(--spacing-5,1.25rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}}.md\:range-md{height:var(--spacing-6,1.5rem);&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem)}&::-webkit-slider-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}&::-moz-range-track{height:var(--spacing-2,.5rem)}&::-moz-range-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}}.md\:range-lg{height:var(--spacing-8,2rem);&::-webkit-slider-runnable-track{height:var(--spacing-4,1rem)}&::-webkit-slider-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}&::-moz-range-track{height:var(--spacing-4,1rem)}&::-moz-range-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}}}@media (width>=1024px){.lg\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;height:var(--spacing-6,1.5rem);cursor:pointer;border-radius:var(--radius-box, );vertical-align:middle;background-color:#0000;border:none;width:100%;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-webkit-slider-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-moz-range-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.lg\:range-primary{color:var(--color-primary, )}.lg\:range-secondary{color:var(--color-secondary, )}.lg\:range-accent{color:var(--color-accent, )}.lg\:range-success{color:var(--color-success, )}.lg\:range-warning{color:var(--color-warning, )}.lg\:range-info{color:var(--color-info, )}.lg\:range-error{color:var(--color-error, )}.lg\:range-xs{height:var(--spacing-4,1rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}}.lg\:range-sm{height:var(--spacing-5,1.25rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}}.lg\:range-md{height:var(--spacing-6,1.5rem);&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem)}&::-webkit-slider-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}&::-moz-range-track{height:var(--spacing-2,.5rem)}&::-moz-range-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}}.lg\:range-lg{height:var(--spacing-8,2rem);&::-webkit-slider-runnable-track{height:var(--spacing-4,1rem)}&::-webkit-slider-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}&::-moz-range-track{height:var(--spacing-4,1rem)}&::-moz-range-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}}}@media (width>=1280px){.xl\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;height:var(--spacing-6,1.5rem);cursor:pointer;border-radius:var(--radius-box, );vertical-align:middle;background-color:#0000;border:none;width:100%;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-webkit-slider-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-moz-range-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.xl\:range-primary{color:var(--color-primary, )}.xl\:range-secondary{color:var(--color-secondary, )}.xl\:range-accent{color:var(--color-accent, )}.xl\:range-success{color:var(--color-success, )}.xl\:range-warning{color:var(--color-warning, )}.xl\:range-info{color:var(--color-info, )}.xl\:range-error{color:var(--color-error, )}.xl\:range-xs{height:var(--spacing-4,1rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}}.xl\:range-sm{height:var(--spacing-5,1.25rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}}.xl\:range-md{height:var(--spacing-6,1.5rem);&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem)}&::-webkit-slider-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}&::-moz-range-track{height:var(--spacing-2,.5rem)}&::-moz-range-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}}.xl\:range-lg{height:var(--spacing-8,2rem);&::-webkit-slider-runnable-track{height:var(--spacing-4,1rem)}&::-webkit-slider-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}&::-moz-range-track{height:var(--spacing-4,1rem)}&::-moz-range-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}}}@media (width>=1536px){.\32 xl\:range{-webkit-appearance:none;appearance:none;--range-shdw:currentColor;height:var(--spacing-6,1.5rem);cursor:pointer;border-radius:var(--radius-box, );vertical-align:middle;background-color:#0000;border:none;width:100%;overflow:hidden;&:focus{outline:none}&:focus-visible{--focus-shadow:0 0 0 6px var(--color-base-100)inset,0 0 0 2rem var(--range-shdw)inset}&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-webkit-slider-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );-webkit-appearance:none;appearance:none;color:var(--range-shdw);--filler-offset:.6rem;--track-shdw:calc(-100rem - var(--filler-offset))0 0 100rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),var(--track-shdw);border:none;position:relative;top:50%;transform:translateY(-50%)}[dir=rtl] &::-webkit-slider-thumb{--track-shdw:calc(100rem*1 + var(--filler-offset))0 0 100rem}&::-moz-range-track{height:var(--spacing-2,.5rem);border-radius:var(--radius-box, );background-color:color-mix(in srgb,var(--color-base-content, )10%,transparent);width:100%}&::-moz-range-thumb{height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);border-radius:var(--radius-box, );background-color:var(--color-base-100, );color:var(--range-shdw);--filler-offset:.5rem;box-shadow:0 0 0 3px var(--range-shdw)inset,var(--focus-shadow,0 0),calc(-100rem - var(--filler-offset))0 0 100rem;border:none;position:relative;top:50%}}.\32 xl\:range-primary{color:var(--color-primary, )}.\32 xl\:range-secondary{color:var(--color-secondary, )}.\32 xl\:range-accent{color:var(--color-accent, )}.\32 xl\:range-success{color:var(--color-success, )}.\32 xl\:range-warning{color:var(--color-warning, )}.\32 xl\:range-info{color:var(--color-info, )}.\32 xl\:range-error{color:var(--color-error, )}.\32 xl\:range-xs{height:var(--spacing-4,1rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);--filler-offset:.4rem}}.\32 xl\:range-sm{height:var(--spacing-5,1.25rem);&::-webkit-slider-runnable-track{height:var(--spacing-1,.25rem)}&::-webkit-slider-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}&::-moz-range-track{height:var(--spacing-1,.25rem)}&::-moz-range-thumb{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem);--filler-offset:.5rem}}.\32 xl\:range-md{height:var(--spacing-6,1.5rem);&::-webkit-slider-runnable-track{height:var(--spacing-2,.5rem)}&::-webkit-slider-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}&::-moz-range-track{height:var(--spacing-2,.5rem)}&::-moz-range-thumb{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);--filler-offset:.6rem}}.\32 xl\:range-lg{height:var(--spacing-8,2rem);&::-webkit-slider-runnable-track{height:var(--spacing-4,1rem)}&::-webkit-slider-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}&::-moz-range-track{height:var(--spacing-4,1rem)}&::-moz-range-thumb{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem);--filler-offset:1rem}}}
package/components/rating/object.js CHANGED
@@ -1 +1 @@
1
- export default {".rating":{"@apply relative inline-flex align-middle":{},"& input":{"@apply appearance-none border-none":{},"WebkitAppearance":"none"},":where(input)":{"animation":"rating-pop var(--animation-input, 0.25s) ease-out","@apply bg-base-content h-6 w-6 cursor-pointer rounded-none opacity-100":{}},"& .rating-hidden":{"@apply w-2 bg-transparent":{}},"input[type=\"radio\"]:checked":{"backgroundImage":"none"},"input":{"&:checked,\n &[aria-checked=\"true\"]":{"&~input":{"@apply opacity-20":{}}},"&:focus-visible":{"transitionProperty":"transform","transitionDuration":".3s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","transform":"translateY(-0.125em)"}},"& input:active:focus":{"animation":"none","transform":"translateY(-0.125em)"},"&:is(.rating-xs)":{"input":{"@apply size-3":{}}},"&:is(.rating-sm)":{"input":{"@apply size-4":{}}},"&:is(.rating-md)":{"input":{"@apply size-6":{}}},"&:is(.rating-lg)":{"input":{"@apply size-10":{}}}},".rating-half":{":where(input:not(.rating-hidden))":{"@apply w-3":{}},"&.rating-xs input:not(.rating-hidden)":{"@apply w-1.5":{}},"&.rating-sm input:not(.rating-hidden)":{"@apply w-2":{}},"&.rating-md input:not(.rating-hidden)":{"@apply w-3":{}},"&.rating-lg input:not(.rating-hidden)":{"@apply w-5":{}}},"@keyframes rating-pop":{"0%":{"transform":"translateY(-0.125em)"},"40%":{"transform":"translateY(-0.125em)"},"100%":{"transform":"translateY(0)"}}};
1
+ export default {".rating":{"@apply relative inline-flex align-middle":{},"& input":{"border":"none","@apply appearance-none":{},"WebkitAppearance":"none"},":where(input)":{"animation":"rating-pop var(--animation-input, 0.25s) ease-out","@apply bg-base-content h-6 w-6 cursor-pointer rounded-none opacity-100":{}},"& .rating-hidden":{"@apply w-2 bg-transparent":{}},"input[type=\"radio\"]:checked":{"backgroundImage":"none"},"input":{"&:checked,\n &[aria-checked=\"true\"]":{"&~input":{"@apply opacity-20":{}}},"&:focus-visible":{"transitionProperty":"transform","transitionDuration":".3s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","transform":"translateY(-0.125em)"}},"& input:active:focus":{"animation":"none","transform":"translateY(-0.125em)"},"&:is(.rating-xs)":{"input":{"@apply size-3":{}}},"&:is(.rating-sm)":{"input":{"@apply size-4":{}}},"&:is(.rating-md)":{"input":{"@apply size-6":{}}},"&:is(.rating-lg)":{"input":{"@apply size-10":{}}}},".rating-half":{":where(input:not(.rating-hidden))":{"@apply w-3":{}},"&.rating-xs input:not(.rating-hidden)":{"@apply w-1.5":{}},"&.rating-sm input:not(.rating-hidden)":{"@apply w-2":{}},"&.rating-md input:not(.rating-hidden)":{"@apply w-3":{}},"&.rating-lg input:not(.rating-hidden)":{"@apply w-5":{}}},"@keyframes rating-pop":{"0%":{"transform":"translateY(-0.125em)"},"40%":{"transform":"translateY(-0.125em)"},"100%":{"transform":"translateY(0)"}}};
package/components/rating.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;--tw-border-style:none;border-style:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content,var(--color-base-content));opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content, );opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}@media (width>=640px){.sm\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content, );opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.sm\:rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.sm\:rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}}@media (width>=768px){.md\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content, );opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.md\:rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.md\:rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}}@media (width>=1024px){.lg\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content, );opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.lg\:rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.lg\:rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}}@media (width>=1280px){.xl\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content, );opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.xl\:rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.xl\:rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}}@media (width>=1536px){.\32 xl\:rating{vertical-align:middle;display:inline-flex;position:relative;& input{-webkit-appearance:none;appearance:none;border:none}& :where(input){animation:rating-pop var(--animation-input,.25s)ease-out;height:var(--spacing-6,1.5rem);width:var(--spacing-6,1.5rem);cursor:pointer;background-color:var(--color-base-content, );opacity:1;border-radius:0}& .rating-hidden{width:var(--spacing-2,.5rem);background-color:#0000}& input[type=radio]:checked{background-image:none}& input{&:checked,&[aria-checked=true]{&~input{opacity:.2}}&:focus-visible{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-.125em)}}& input:active:focus{animation:none;transform:translateY(-.125em)}&.rating-xs{& input{width:var(--spacing-3,.75rem);height:var(--spacing-3,.75rem)}}&.rating-sm{& input{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}&.rating-md{& input{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}}&.rating-lg{& input{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem)}}}.\32 xl\:rating-half{& :where(input:not(.rating-hidden)){width:var(--spacing-3,.75rem)}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.\32 xl\:rating-half{&.rating-xs input:not(.rating-hidden){width:var(--spacing-1_5,.375rem)}&.rating-sm input:not(.rating-hidden){width:var(--spacing-2,.5rem)}&.rating-md input:not(.rating-hidden){width:var(--spacing-3,.75rem)}&.rating-lg input:not(.rating-hidden){width:var(--spacing-5,1.25rem)}}}
package/components/select/object.js CHANGED
@@ -1 +1 @@
1
- export default {".select":{"@apply relative bg-base-100 h-10 shrink appearance-none border border-transparent px-4 text-base text-sm leading-loose align-middle":{},"borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","backgroundImage":"linear-gradient(45deg, transparent 50%, currentColor 50%),\n linear-gradient(135deg, currentColor 50%, transparent 50%)","backgroundPosition":"calc(100% - 20px) calc(1px + 50%),\n calc(100% - 16.1px) calc(1px + 50%)","backgroundSize":"4px 4px,\n 4px 4px","backgroundRepeat":"no-repeat","input":{"@apply border-none bg-transparent":{},"&:focus":{"@apply outline-none":{}}},"&:focus,\n &:focus-within":{"@apply border-base-content/20 outline-base-content/20 outline outline-2 outline-offset-2":{}},"&:has(> select[disabled]),\n &:is(:disabled, [disabled])":{"@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 placeholder-base-content/20 cursor-not-allowed":{}},"&:has(> select[disabled])>select[disabled]":{"@apply cursor-not-allowed":{}},"&.select-bordered":{"@apply border-base-content/20":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset,\n 0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"boxShadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.select-ghost":{"@apply bg-base-100/5 shadow-none":{},"&:focus,\n &:focus-within":{"@apply text-base-content bg-base-100":{},"boxShadow":"none"}},"&.select-primary":{"@apply border-primary":{},"backgroundColor":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-primary border-primary":{}}},"&.select-secondary":{"@apply border-secondary":{},"backgroundColor":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-secondary border-secondary":{}}},"&.select-accent":{"@apply border-accent":{},"backgroundColor":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-accent border-accent":{}}},"&.select-info":{"@apply border-info":{},"backgroundColor":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-info border-info":{}}},"&.select-success":{"@apply border-success":{},"backgroundColor":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-success border-success":{}}},"&.select-warning":{"@apply border-warning":{},"backgroundColor":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-warning border-warning":{}}},"&.select-error":{"@apply border-error":{},"backgroundColor":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-error border-error":{}}},"&.select-xs":{"@apply h-6 px-2 text-xs leading-relaxed":{}},"&.select-sm":{"@apply h-8 px-3 text-sm leading-8":{}},"&.select-md":{"@apply h-10 px-4 text-sm leading-loose":{}},"&.select-lg":{"@apply h-14 px-6 text-lg leading-loose":{}}}};
1
+ export default {".select":{"border":"1px solid","@apply relative bg-base-100 h-10 shrink appearance-none border-transparent px-4 align-middle":{},"fontSize":"0.875rem","lineHeight":2,"borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","backgroundImage":"linear-gradient(45deg, transparent 50%, currentColor 50%),\n linear-gradient(135deg, currentColor 50%, transparent 50%)","backgroundPosition":"calc(100% - 20px) calc(1px + 50%),\n calc(100% - 16.1px) calc(1px + 50%)","backgroundSize":"4px 4px,\n 4px 4px","backgroundRepeat":"no-repeat","input":{"@apply bg-transparent":{},"borderStyle":"none","&:focus":{"@apply outline-none":{}}},"&:focus,\n &:focus-within":{"@apply border-base-content/20 outline-base-content/20":{},"outline":"2px solid","outlineOffset":"2px"},"&:has(> select[disabled]),\n &:is(:disabled, [disabled])":{"@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 placeholder-base-content/20 cursor-not-allowed":{}},"&:has(> select[disabled])>select[disabled]":{"@apply cursor-not-allowed":{}},"&.select-border":{"@apply border-base-content/20":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset,\n 0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"boxShadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.select-ghost":{"@apply bg-base-100/5":{},"boxShadow":"none","&:focus,\n &:focus-within":{"@apply text-base-content bg-base-100":{},"boxShadow":"none"}},"&.select-primary":{"@apply border-primary":{},"backgroundColor":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-primary border-primary":{}}},"&.select-secondary":{"@apply border-secondary":{},"backgroundColor":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-secondary border-secondary":{}}},"&.select-accent":{"@apply border-accent":{},"backgroundColor":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-accent border-accent":{}}},"&.select-info":{"@apply border-info":{},"backgroundColor":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-info border-info":{}}},"&.select-success":{"@apply border-success":{},"backgroundColor":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-success border-success":{}}},"&.select-warning":{"@apply border-warning":{},"backgroundColor":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-warning border-warning":{}}},"&.select-error":{"@apply border-error":{},"backgroundColor":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus,\n &:focus-within":{"@apply outline-error border-error":{}}},"&.select-xs":{"@apply h-6 px-2":{},"fontSize":"0.75rem","lineHeight":1.625},"&.select-sm":{"@apply h-8 px-3":{},"fontSize":"0.875rem","lineHeight":2},"&.select-md":{"@apply h-10 px-4":{},"fontSize":"0.875rem","lineHeight":2},"&.select-lg":{"@apply h-14 px-6":{},"fontSize":"1.125rem","lineHeight":2}}};
package/components/select.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .select{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,var(--color-base-100));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-width:1px;border-color:#0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;position:relative;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,var(--color-base-200));background-color:var(--color-base-200,var(--color-base-200));color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-bordered{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100,var(--color-base-100))5%,transparent);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);&:focus,&:focus-within{background-color:var(--color-base-100,var(--color-base-100));color:var(--color-base-content,var(--color-base-content));box-shadow:none}}&.select-primary{border-color:var(--color-primary,var(--color-primary));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,var(--color-primary));outline-color:var(--color-primary,var(--color-primary))}}&.select-secondary{border-color:var(--color-secondary,var(--color-secondary));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,var(--color-secondary));outline-color:var(--color-secondary,var(--color-secondary))}}&.select-accent{border-color:var(--color-accent,var(--color-accent));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,var(--color-accent));outline-color:var(--color-accent,var(--color-accent))}}&.select-info{border-color:var(--color-info,var(--color-info));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,var(--color-info));outline-color:var(--color-info,var(--color-info))}}&.select-success{border-color:var(--color-success,var(--color-success));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,var(--color-success));outline-color:var(--color-success,var(--color-success))}}&.select-warning{border-color:var(--color-warning,var(--color-warning));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,var(--color-warning));outline-color:var(--color-warning,var(--color-warning))}}&.select-error{border-color:var(--color-error,var(--color-error));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,var(--color-error));outline-color:var(--color-error,var(--color-error))}}&.select-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625)}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem)}&.select-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}&.select-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .select{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;position:relative;& input{background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.select-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.select-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.select-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.select-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.select-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.select-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.select-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.select-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2}&.select-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.select-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2}}@media (width>=640px){.sm\:select{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;position:relative;& input{background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.select-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.select-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.select-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.select-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.select-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.select-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.select-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.select-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2}&.select-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.select-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2}}}@media (width>=768px){.md\:select{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;position:relative;& input{background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.select-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.select-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.select-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.select-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.select-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.select-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.select-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.select-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2}&.select-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.select-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2}}}@media (width>=1024px){.lg\:select{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;position:relative;& input{background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.select-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.select-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.select-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.select-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.select-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.select-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.select-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.select-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2}&.select-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.select-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2}}}@media (width>=1280px){.xl\:select{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;position:relative;& input{background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.select-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.select-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.select-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.select-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.select-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.select-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.select-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.select-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2}&.select-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.select-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2}}}@media (width>=1536px){.\32 xl\:select{height:var(--spacing-10,2.5rem);appearance:none;background-color:var(--color-base-100, );padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-shrink:1;font-size:.875rem;line-height:2;position:relative;& input{background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);outline-offset:2px;outline:2px solid}&:has(>select[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in srgb,var(--color-base-content, )40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}}&:has(>select[disabled])>select[disabled]{cursor:not-allowed}&.select-border{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.select-ghost{background-color:color-mix(in srgb,var(--color-base-100, )5%,transparent);box-shadow:none;&:focus,&:focus-within{background-color:var(--color-base-100, );color:var(--color-base-content, );box-shadow:none}}&.select-primary{border-color:var(--color-primary, );background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary, );outline-color:var(--color-primary, )}}&.select-secondary{border-color:var(--color-secondary, );background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary, );outline-color:var(--color-secondary, )}}&.select-accent{border-color:var(--color-accent, );background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent, );outline-color:var(--color-accent, )}}&.select-info{border-color:var(--color-info, );background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info, );outline-color:var(--color-info, )}}&.select-success{border-color:var(--color-success, );background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success, );outline-color:var(--color-success, )}}&.select-warning{border-color:var(--color-warning, );background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning, );outline-color:var(--color-warning, )}}&.select-error{border-color:var(--color-error, );background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error, );outline-color:var(--color-error, )}}&.select-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.75rem;line-height:1.625}&.select-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem;line-height:2}&.select-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.select-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2}}}
package/components/skeleton/object.js CHANGED
@@ -1 +1 @@
1
- export default {".skeleton":{"@apply bg-base-300 rounded-box motion-reduce:duration-[15s]":{},"willChange":"background-position","animation":"skeleton 1.8s ease-in-out infinite","backgroundImage":"linear-gradient(105deg,\n transparent 0% 40%,\n var(--color-base-100) 50%,\n transparent 60% 100%)","backgroundSize":"200% auto","backgroundRepeat":"no-repeat","backgroundPositionX":"-50%"},"@keyframes skeleton":{"from":{"backgroundPosition":"150%"},"to":{"backgroundPosition":"-50%"}}};
1
+ export default {".skeleton":{"@apply bg-base-300 rounded-box motion-reduce:[transition-duration:15s]":{},"willChange":"background-position","animation":"skeleton 1.8s ease-in-out infinite","backgroundImage":"linear-gradient(105deg,\n transparent 0% 40%,\n var(--color-base-100) 50%,\n transparent 60% 100%)","backgroundSize":"200% auto","backgroundRepeat":"no-repeat","backgroundPositionX":"-50%"},"@keyframes skeleton":{"from":{"backgroundPosition":"150%"},"to":{"backgroundPosition":"-50%"}}};
package/components/skeleton.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .skeleton{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-base-300,var(--color-base-300));will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{--tw-duration:15s;transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .skeleton{border-radius:var(--radius-box, );background-color:var(--color-base-300, );will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@media (width>=640px){.sm\:skeleton{border-radius:var(--radius-box, );background-color:var(--color-base-300, );will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=768px){.md\:skeleton{border-radius:var(--radius-box, );background-color:var(--color-base-300, );will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=1024px){.lg\:skeleton{border-radius:var(--radius-box, );background-color:var(--color-base-300, );will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=1280px){.xl\:skeleton{border-radius:var(--radius-box, );background-color:var(--color-base-300, );will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}@media (width>=1536px){.\32 xl\:skeleton{border-radius:var(--radius-box, );background-color:var(--color-base-300, );will-change:background-position;background-image:linear-gradient(105deg,transparent 0% 40%,var(--color-base-100)50%,transparent 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton;@media (prefers-reduced-motion:reduce){&{transition-duration:15s}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}}
package/components/stack.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}@media (width>=640px){.sm\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=768px){.md\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=1024px){.lg\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=1280px){.xl\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}@media (width>=1536px){.\32 xl\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(5%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)}}}
package/components/status.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .status{aspect-ratio:1;width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem);border-radius:var(--radius-badge,var(--radius-badge));background-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat}.status-primary{background-color:var(--color-primary,var(--color-primary));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.status-secondary{background-color:var(--color-secondary,var(--color-secondary));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.status-accent{background-color:var(--color-accent,var(--color-accent));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.status-neutral{background-color:var(--color-neutral,var(--color-neutral));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.status-info{background-color:var(--color-info,var(--color-info));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A")}.status-success{background-color:var(--color-success,var(--color-success));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.status-warning{background-color:var(--color-warning,var(--color-warning));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A")}.status-error{background-color:var(--color-error,var(--color-error));box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A")}.status-xs{width:var(--spacing-0_5,.125rem);height:var(--spacing-0_5,.125rem)}.status-sm{width:var(--spacing-1,.25rem);height:var(--spacing-1,.25rem)}.status-md{width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem)}.status-lg{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .status{aspect-ratio:1;width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );background-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat}.status-primary{background-color:var(--color-primary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.status-secondary{background-color:var(--color-secondary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.status-accent{background-color:var(--color-accent, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.status-neutral{background-color:var(--color-neutral, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.status-info{background-color:var(--color-info, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A")}.status-success{background-color:var(--color-success, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.status-warning{background-color:var(--color-warning, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A")}.status-error{background-color:var(--color-error, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A")}.status-xs{width:var(--spacing-0_5,.125rem);height:var(--spacing-0_5,.125rem)}.status-sm{width:var(--spacing-1,.25rem);height:var(--spacing-1,.25rem)}.status-md{width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem)}.status-lg{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}@media (width>=640px){.sm\:status{aspect-ratio:1;width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );background-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat}.sm\:status-primary{background-color:var(--color-primary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.sm\:status-secondary{background-color:var(--color-secondary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.sm\:status-accent{background-color:var(--color-accent, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.sm\:status-neutral{background-color:var(--color-neutral, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.sm\:status-info{background-color:var(--color-info, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A")}.sm\:status-success{background-color:var(--color-success, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.sm\:status-warning{background-color:var(--color-warning, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A")}.sm\:status-error{background-color:var(--color-error, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A")}.sm\:status-xs{width:var(--spacing-0_5,.125rem);height:var(--spacing-0_5,.125rem)}.sm\:status-sm{width:var(--spacing-1,.25rem);height:var(--spacing-1,.25rem)}.sm\:status-md{width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem)}.sm\:status-lg{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}@media (width>=768px){.md\:status{aspect-ratio:1;width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );background-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat}.md\:status-primary{background-color:var(--color-primary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.md\:status-secondary{background-color:var(--color-secondary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.md\:status-accent{background-color:var(--color-accent, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.md\:status-neutral{background-color:var(--color-neutral, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.md\:status-info{background-color:var(--color-info, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A")}.md\:status-success{background-color:var(--color-success, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.md\:status-warning{background-color:var(--color-warning, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A")}.md\:status-error{background-color:var(--color-error, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A")}.md\:status-xs{width:var(--spacing-0_5,.125rem);height:var(--spacing-0_5,.125rem)}.md\:status-sm{width:var(--spacing-1,.25rem);height:var(--spacing-1,.25rem)}.md\:status-md{width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem)}.md\:status-lg{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}@media (width>=1024px){.lg\:status{aspect-ratio:1;width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );background-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat}.lg\:status-primary{background-color:var(--color-primary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.lg\:status-secondary{background-color:var(--color-secondary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.lg\:status-accent{background-color:var(--color-accent, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.lg\:status-neutral{background-color:var(--color-neutral, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.lg\:status-info{background-color:var(--color-info, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A")}.lg\:status-success{background-color:var(--color-success, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.lg\:status-warning{background-color:var(--color-warning, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A")}.lg\:status-error{background-color:var(--color-error, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A")}.lg\:status-xs{width:var(--spacing-0_5,.125rem);height:var(--spacing-0_5,.125rem)}.lg\:status-sm{width:var(--spacing-1,.25rem);height:var(--spacing-1,.25rem)}.lg\:status-md{width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem)}.lg\:status-lg{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}@media (width>=1280px){.xl\:status{aspect-ratio:1;width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );background-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat}.xl\:status-primary{background-color:var(--color-primary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.xl\:status-secondary{background-color:var(--color-secondary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.xl\:status-accent{background-color:var(--color-accent, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.xl\:status-neutral{background-color:var(--color-neutral, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.xl\:status-info{background-color:var(--color-info, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A")}.xl\:status-success{background-color:var(--color-success, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.xl\:status-warning{background-color:var(--color-warning, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A")}.xl\:status-error{background-color:var(--color-error, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A")}.xl\:status-xs{width:var(--spacing-0_5,.125rem);height:var(--spacing-0_5,.125rem)}.xl\:status-sm{width:var(--spacing-1,.25rem);height:var(--spacing-1,.25rem)}.xl\:status-md{width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem)}.xl\:status-lg{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}@media (width>=1536px){.\32 xl\:status{aspect-ratio:1;width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );background-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);vertical-align:middle;background-position:50%;background-repeat:no-repeat}.\32 xl\:status-primary{background-color:var(--color-primary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-primary)100%,transparent)}.\32 xl\:status-secondary{background-color:var(--color-secondary, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-secondary)100%,transparent)}.\32 xl\:status-accent{background-color:var(--color-accent, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-accent)100%,transparent)}.\32 xl\:status-neutral{background-color:var(--color-neutral, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-neutral)100%,transparent)}.\32 xl\:status-info{background-color:var(--color-info, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-info)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='white'/%3E%3Crect y='2' width='1' height='3'/%3E%3C/svg%3E%0A")}.\32 xl\:status-success{background-color:var(--color-success, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-success)100%,transparent)}.\32 xl\:status-warning{background-color:var(--color-warning, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-warning)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='1' height='5' fill='white' viewBox='0 0 1 5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='4' width='1' height='1' /%3E%3Crect width='1' height='3'/%3E%3C/svg%3E%0A")}.\32 xl\:status-error{background-color:var(--color-error, );box-shadow:0 2px 3px -1px color-mix(in oklab,var(--color-error)100%,transparent);background-image:url("data:image/svg+xml,%3Csvg width='4' height='1' fill='white' viewBox='0 0 4 1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='1'/%3E%3C/svg%3E%0A")}.\32 xl\:status-xs{width:var(--spacing-0_5,.125rem);height:var(--spacing-0_5,.125rem)}.\32 xl\:status-sm{width:var(--spacing-1,.25rem);height:var(--spacing-1,.25rem)}.\32 xl\:status-md{width:var(--spacing-2,.5rem);height:var(--spacing-2,.5rem)}.\32 xl\:status-lg{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem)}}
package/components/steps/object.js CHANGED
@@ -1 +1 @@
1
- export default {".steps":{"@apply inline-grid grid-flow-col overflow-hidden overflow-x-auto":{},"counterReset":"step","gridAutoColumns":"1fr",".step":{"@apply grid grid-cols-1 grid-rows-2 place-items-center text-center":{},"gridTemplateRows":"40px 1fr","gridTemplateColumns":"auto","minWidth":"4rem","&:before":{"@apply bg-base-300 text-base-content top-0 col-start-1 row-start-1 h-2 w-full transform":{},"content":"\"\"","marginInlineStart":"-100%"},"&:after":{"content":"counter(step)","counterIncrement":"step","zIndex":1,"@apply bg-base-300 text-base-content relative col-start-1 row-start-1 grid h-8 w-8 place-items-center place-self-center rounded-full":{}},"&:first-child:before":{"content":"none"},"&[data-content]:after":{"content":"attr(data-content)"}},".step-neutral+.step-neutral:before,\n .step-neutral:after":{"@apply bg-neutral text-neutral-content":{}},".step-primary+.step-primary:before,\n .step-primary:after":{"@apply bg-primary text-primary-content":{}},".step-secondary+.step-secondary:before,\n .step-secondary:after":{"@apply bg-secondary text-secondary-content":{}},".step-accent+.step-accent:before,\n .step-accent:after":{"@apply bg-accent text-accent-content":{}},".step-info+.step-info:before":{"@apply bg-info":{}},".step-info:after":{"@apply bg-info text-info-content":{}},".step-success+.step-success:before":{"@apply bg-success":{}},".step-success:after":{"@apply bg-success text-success-content":{}},".step-warning+.step-warning:before":{"@apply bg-warning":{}},".step-warning:after":{"@apply bg-warning text-warning-content":{}},".step-error+.step-error:before":{"@apply bg-error":{}},".step-error:after":{"@apply bg-error text-error-content":{}}},".steps-horizontal":{"gridAutoColumns":"1fr","@apply inline-grid grid-flow-col overflow-hidden overflow-x-auto":{},".step":{"@apply grid grid-cols-1 grid-rows-2 place-items-center text-center":{},"gridTemplateRows":"40px 1fr","gridTemplateColumns":"auto","minWidth":"4rem","&:before":{"@apply h-2 w-full translate-x-0 translate-y-0 rtl:translate-x-0":{},"content":"\"\"","marginInlineStart":"-100%"}}},".steps-vertical":{"gridAutoRows":"1fr","@apply grid-flow-row":{},".step":{"@apply grid grid-cols-2 grid-rows-1":{},"gap":"0.5rem","gridTemplateColumns":"40px 1fr","gridTemplateRows":"auto","minHeight":"4rem","justifyItems":"start","&:before":{"@apply h-full w-2 -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2":{},"marginInlineStart":"50%"}}}};
1
+ export default {".steps":{"@apply inline-grid grid-flow-col overflow-hidden overflow-x-auto":{},"counterReset":"step","gridAutoColumns":"1fr",".step":{"@apply grid grid-cols-1 grid-rows-2 place-items-center text-center":{},"gridTemplateRows":"40px 1fr","gridTemplateColumns":"auto","minWidth":"4rem","&:before":{"@apply bg-base-300 text-base-content top-0 col-start-1 row-start-1 h-2 w-full":{},"content":"\"\"","marginInlineStart":"-100%"},"&:after":{"content":"counter(step)","counterIncrement":"step","zIndex":1,"@apply bg-base-300 text-base-content relative col-start-1 row-start-1 grid h-8 w-8 place-items-center place-self-center rounded-full":{}},"&:first-child:before":{"content":"none"},"&[data-content]:after":{"content":"attr(data-content)"}},".step-neutral+.step-neutral:before,\n .step-neutral:after":{"@apply bg-neutral text-neutral-content":{}},".step-primary+.step-primary:before,\n .step-primary:after":{"@apply bg-primary text-primary-content":{}},".step-secondary+.step-secondary:before,\n .step-secondary:after":{"@apply bg-secondary text-secondary-content":{}},".step-accent+.step-accent:before,\n .step-accent:after":{"@apply bg-accent text-accent-content":{}},".step-info+.step-info:before":{"@apply bg-info":{}},".step-info:after":{"@apply bg-info text-info-content":{}},".step-success+.step-success:before":{"@apply bg-success":{}},".step-success:after":{"@apply bg-success text-success-content":{}},".step-warning+.step-warning:before":{"@apply bg-warning":{}},".step-warning:after":{"@apply bg-warning text-warning-content":{}},".step-error+.step-error:before":{"@apply bg-error":{}},".step-error:after":{"@apply bg-error text-error-content":{}}},".steps-horizontal":{"gridAutoColumns":"1fr","@apply inline-grid grid-flow-col overflow-hidden overflow-x-auto":{},".step":{"@apply grid grid-cols-1 grid-rows-2 place-items-center text-center":{},"gridTemplateRows":"40px 1fr","gridTemplateColumns":"auto","minWidth":"4rem","&:before":{"@apply h-2 w-full":{},"translate":"0","content":"\"\"","marginInlineStart":"-100%"}}},".steps-vertical":{"gridAutoRows":"1fr","@apply grid-flow-row":{},".step":{"@apply grid grid-cols-2 grid-rows-1":{},"gap":"0.5rem","gridTemplateColumns":"40px 1fr","gridTemplateRows":"auto","minHeight":"4rem","justifyItems":"start","&:before":{"@apply h-full w-2":{},"translate":"-50%","marginInlineStart":"50%"}}}};
package/components/steps.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{top:var(--spacing-0,0px);height:var(--spacing-2,.5rem);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);background-color:var(--color-base-300,var(--color-base-300));color:var(--color-base-content,var(--color-base-content));content:"";grid-row-start:1;grid-column-start:1;width:100%;margin-inline-start:-100%}&:after{content:counter(step);counter-increment:step;z-index:1;height:var(--spacing-8,2rem);width:var(--spacing-8,2rem);background-color:var(--color-base-300,var(--color-base-300));color:var(--color-base-content,var(--color-base-content));border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral,var(--color-neutral));color:var(--color-neutral-content,var(--color-neutral-content))}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary,var(--color-primary));color:var(--color-primary-content,var(--color-primary-content))}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary,var(--color-secondary));color:var(--color-secondary-content,var(--color-secondary-content))}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent,var(--color-accent));color:var(--color-accent-content,var(--color-accent-content))}& .step-info+.step-info:before{background-color:var(--color-info,var(--color-info))}& .step-info:after{background-color:var(--color-info,var(--color-info));color:var(--color-info-content,var(--color-info-content))}& .step-success+.step-success:before{background-color:var(--color-success,var(--color-success))}& .step-success:after{background-color:var(--color-success,var(--color-success));color:var(--color-success-content,var(--color-success-content))}& .step-warning+.step-warning:before{background-color:var(--color-warning,var(--color-warning))}& .step-warning:after{background-color:var(--color-warning,var(--color-warning));color:var(--color-warning-content,var(--color-warning-content))}& .step-error+.step-error:before{background-color:var(--color-error,var(--color-error))}& .step-error:after{background-color:var(--color-error,var(--color-error));color:var(--color-error-content,var(--color-error-content))}}.steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{height:var(--spacing-2,.5rem);--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y);content:"";width:100%;margin-inline-start:-100%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:var(--spacing-0,0px);translate:var(--tw-translate-x)var(--tw-translate-y)}}}}.steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:var(--spacing-2,.5rem);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);height:100%;margin-inline-start:50%;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{top:var(--spacing-0,0px);height:var(--spacing-2,.5rem);background-color:var(--color-base-300, );color:var(--color-base-content, );content:"";grid-row-start:1;grid-column-start:1;width:100%;margin-inline-start:-100%}&:after{content:counter(step);counter-increment:step;z-index:1;height:var(--spacing-8,2rem);width:var(--spacing-8,2rem);background-color:var(--color-base-300, );color:var(--color-base-content, );border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary, );color:var(--color-primary-content, )}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent, );color:var(--color-accent-content, )}& .step-info+.step-info:before{background-color:var(--color-info, )}& .step-info:after{background-color:var(--color-info, );color:var(--color-info-content, )}& .step-success+.step-success:before{background-color:var(--color-success, )}& .step-success:after{background-color:var(--color-success, );color:var(--color-success-content, )}& .step-warning+.step-warning:before{background-color:var(--color-warning, )}& .step-warning:after{background-color:var(--color-warning, );color:var(--color-warning-content, )}& .step-error+.step-error:before{background-color:var(--color-error, )}& .step-error:after{background-color:var(--color-error, );color:var(--color-error-content, )}}.steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{height:var(--spacing-2,.5rem);content:"";width:100%;margin-inline-start:-100%;translate:0}}}.steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:var(--spacing-2,.5rem);height:100%;margin-inline-start:50%;translate:-50%}}}@media (width>=640px){.sm\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{top:var(--spacing-0,0px);height:var(--spacing-2,.5rem);background-color:var(--color-base-300, );color:var(--color-base-content, );content:"";grid-row-start:1;grid-column-start:1;width:100%;margin-inline-start:-100%}&:after{content:counter(step);counter-increment:step;z-index:1;height:var(--spacing-8,2rem);width:var(--spacing-8,2rem);background-color:var(--color-base-300, );color:var(--color-base-content, );border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary, );color:var(--color-primary-content, )}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent, );color:var(--color-accent-content, )}& .step-info+.step-info:before{background-color:var(--color-info, )}& .step-info:after{background-color:var(--color-info, );color:var(--color-info-content, )}& .step-success+.step-success:before{background-color:var(--color-success, )}& .step-success:after{background-color:var(--color-success, );color:var(--color-success-content, )}& .step-warning+.step-warning:before{background-color:var(--color-warning, )}& .step-warning:after{background-color:var(--color-warning, );color:var(--color-warning-content, )}& .step-error+.step-error:before{background-color:var(--color-error, )}& .step-error:after{background-color:var(--color-error, );color:var(--color-error-content, )}}.sm\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{height:var(--spacing-2,.5rem);content:"";width:100%;margin-inline-start:-100%;translate:0}}}.sm\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:var(--spacing-2,.5rem);height:100%;margin-inline-start:50%;translate:-50%}}}}@media (width>=768px){.md\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{top:var(--spacing-0,0px);height:var(--spacing-2,.5rem);background-color:var(--color-base-300, );color:var(--color-base-content, );content:"";grid-row-start:1;grid-column-start:1;width:100%;margin-inline-start:-100%}&:after{content:counter(step);counter-increment:step;z-index:1;height:var(--spacing-8,2rem);width:var(--spacing-8,2rem);background-color:var(--color-base-300, );color:var(--color-base-content, );border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary, );color:var(--color-primary-content, )}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent, );color:var(--color-accent-content, )}& .step-info+.step-info:before{background-color:var(--color-info, )}& .step-info:after{background-color:var(--color-info, );color:var(--color-info-content, )}& .step-success+.step-success:before{background-color:var(--color-success, )}& .step-success:after{background-color:var(--color-success, );color:var(--color-success-content, )}& .step-warning+.step-warning:before{background-color:var(--color-warning, )}& .step-warning:after{background-color:var(--color-warning, );color:var(--color-warning-content, )}& .step-error+.step-error:before{background-color:var(--color-error, )}& .step-error:after{background-color:var(--color-error, );color:var(--color-error-content, )}}.md\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{height:var(--spacing-2,.5rem);content:"";width:100%;margin-inline-start:-100%;translate:0}}}.md\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:var(--spacing-2,.5rem);height:100%;margin-inline-start:50%;translate:-50%}}}}@media (width>=1024px){.lg\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{top:var(--spacing-0,0px);height:var(--spacing-2,.5rem);background-color:var(--color-base-300, );color:var(--color-base-content, );content:"";grid-row-start:1;grid-column-start:1;width:100%;margin-inline-start:-100%}&:after{content:counter(step);counter-increment:step;z-index:1;height:var(--spacing-8,2rem);width:var(--spacing-8,2rem);background-color:var(--color-base-300, );color:var(--color-base-content, );border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary, );color:var(--color-primary-content, )}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent, );color:var(--color-accent-content, )}& .step-info+.step-info:before{background-color:var(--color-info, )}& .step-info:after{background-color:var(--color-info, );color:var(--color-info-content, )}& .step-success+.step-success:before{background-color:var(--color-success, )}& .step-success:after{background-color:var(--color-success, );color:var(--color-success-content, )}& .step-warning+.step-warning:before{background-color:var(--color-warning, )}& .step-warning:after{background-color:var(--color-warning, );color:var(--color-warning-content, )}& .step-error+.step-error:before{background-color:var(--color-error, )}& .step-error:after{background-color:var(--color-error, );color:var(--color-error-content, )}}.lg\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{height:var(--spacing-2,.5rem);content:"";width:100%;margin-inline-start:-100%;translate:0}}}.lg\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:var(--spacing-2,.5rem);height:100%;margin-inline-start:50%;translate:-50%}}}}@media (width>=1280px){.xl\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{top:var(--spacing-0,0px);height:var(--spacing-2,.5rem);background-color:var(--color-base-300, );color:var(--color-base-content, );content:"";grid-row-start:1;grid-column-start:1;width:100%;margin-inline-start:-100%}&:after{content:counter(step);counter-increment:step;z-index:1;height:var(--spacing-8,2rem);width:var(--spacing-8,2rem);background-color:var(--color-base-300, );color:var(--color-base-content, );border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary, );color:var(--color-primary-content, )}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent, );color:var(--color-accent-content, )}& .step-info+.step-info:before{background-color:var(--color-info, )}& .step-info:after{background-color:var(--color-info, );color:var(--color-info-content, )}& .step-success+.step-success:before{background-color:var(--color-success, )}& .step-success:after{background-color:var(--color-success, );color:var(--color-success-content, )}& .step-warning+.step-warning:before{background-color:var(--color-warning, )}& .step-warning:after{background-color:var(--color-warning, );color:var(--color-warning-content, )}& .step-error+.step-error:before{background-color:var(--color-error, )}& .step-error:after{background-color:var(--color-error, );color:var(--color-error-content, )}}.xl\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{height:var(--spacing-2,.5rem);content:"";width:100%;margin-inline-start:-100%;translate:0}}}.xl\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:var(--spacing-2,.5rem);height:100%;margin-inline-start:50%;translate:-50%}}}}@media (width>=1536px){.\32 xl\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{top:var(--spacing-0,0px);height:var(--spacing-2,.5rem);background-color:var(--color-base-300, );color:var(--color-base-content, );content:"";grid-row-start:1;grid-column-start:1;width:100%;margin-inline-start:-100%}&:after{content:counter(step);counter-increment:step;z-index:1;height:var(--spacing-8,2rem);width:var(--spacing-8,2rem);background-color:var(--color-base-300, );color:var(--color-base-content, );border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral, );color:var(--color-neutral-content, )}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary, );color:var(--color-primary-content, )}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary, );color:var(--color-secondary-content, )}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent, );color:var(--color-accent-content, )}& .step-info+.step-info:before{background-color:var(--color-info, )}& .step-info:after{background-color:var(--color-info, );color:var(--color-info-content, )}& .step-success+.step-success:before{background-color:var(--color-success, )}& .step-success:after{background-color:var(--color-success, );color:var(--color-success-content, )}& .step-warning+.step-warning:before{background-color:var(--color-warning, )}& .step-warning:after{background-color:var(--color-warning, );color:var(--color-warning-content, )}& .step-error+.step-error:before{background-color:var(--color-error, )}& .step-error:after{background-color:var(--color-error, );color:var(--color-error-content, )}}.\32 xl\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{height:var(--spacing-2,.5rem);content:"";width:100%;margin-inline-start:-100%;translate:0}}}.\32 xl\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:var(--spacing-2,.5rem);height:100%;margin-inline-start:50%;translate:-50%}}}}
package/components/swap/object.js CHANGED
@@ -1 +1 @@
1
- export default {".swap":{"@apply relative inline-grid select-none place-content-center cursor-pointer align-middle":{},"input":{"@apply appearance-none border-none":{}},">*":{"@apply col-start-1 row-start-1":{},"transitionProperty":"transform, rotate, opacity","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)"},".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"@apply opacity-0":{}},"input:checked,\n input:indeterminate":{"&~.swap-off":{"@apply opacity-0":{}}},"input:checked~.swap-on,\n input:indeterminate~.swap-indeterminate":{"@apply opacity-100":{}}},".swap-active":{".swap-off":{"@apply opacity-0":{}},".swap-on":{"@apply opacity-100":{}}},".swap-rotate":{".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"@apply rotate-45":{}},"input:checked,\n input:indeterminate":{"&~.swap-on":{"@apply rotate-0":{}},"&~.swap-off":{"@apply -rotate-45":{}}},"&:where(.swap-active)":{"&~.swap-on":{"@apply rotate-0":{}},".swap-off":{"@apply -rotate-45":{}}}},".swap-flip":{"transformStyle":"preserve-3d","perspective":"20rem",".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"transform":"rotateY(180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}},"input:checked,\n input:indeterminate":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}},"&:where(.swap-active)":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}}}};
1
+ export default {".swap":{"@apply relative inline-grid select-none place-content-center cursor-pointer align-middle":{},"input":{"@apply appearance-none":{},"border":"none"},">*":{"@apply col-start-1 row-start-1":{},"transitionProperty":"transform, rotate, opacity","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)"},".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"@apply opacity-0":{}},"input:checked,\n input:indeterminate":{"&~.swap-off":{"@apply opacity-0":{}}},"input:checked~.swap-on,\n input:indeterminate~.swap-indeterminate":{"@apply opacity-100":{}}},".swap-active":{".swap-off":{"@apply opacity-0":{}},".swap-on":{"@apply opacity-100":{}}},".swap-rotate":{".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"@apply rotate-45":{}},"input:checked,\n input:indeterminate":{"&~.swap-on":{"@apply rotate-0":{}},"&~.swap-off":{"@apply -rotate-45":{}}},"&:where(.swap-active)":{"&~.swap-on":{"@apply rotate-0":{}},".swap-off":{"@apply -rotate-45":{}}}},".swap-flip":{"transformStyle":"preserve-3d","perspective":"20rem",".swap-on,\n .swap-indeterminate,\n input:indeterminate~.swap-on":{"transform":"rotateY(180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}},"input:checked,\n input:indeterminate":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}},"&:where(.swap-active)":{"&~.swap-on":{"transform":"rotateY(0deg)"},"&~.swap-off":{"transform":"rotateY(-180deg)","backfaceVisibility":"hidden","@apply opacity-100":{}}}}};
package/components/swap.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;--tw-border-style:none;border-style:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;border:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}@media (width>=640px){.sm\:swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;border:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.sm\:swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.sm\:swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.sm\:swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}}@media (width>=768px){.md\:swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;border:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.md\:swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.md\:swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.md\:swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}}@media (width>=1024px){.lg\:swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;border:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.lg\:swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.lg\:swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.lg\:swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}}@media (width>=1280px){.xl\:swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;border:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.xl\:swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.xl\:swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.xl\:swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}}@media (width>=1536px){.\32 xl\:swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;border:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.\32 xl\:swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.\32 xl\:swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.\32 xl\:swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}}
package/components/tab/object.js CHANGED
@@ -1 +1 @@
1
- export default {".tabs":{"@apply inline-grid items-end align-bottom":{}},".tab":{"@apply hover:text-base-content relative row-start-1 inline-flex h-8 cursor-pointer select-none appearance-none flex-wrap items-center justify-center text-center text-sm leading-loose text-base-content/50":{},"--tab-padding":"1rem","--tab-color":"var(--color-base-content)","--tab-bg":"var(--color-base-100)","--tab-border-color":"var(--color-base-300)","color":"var(--tab-color)","paddingInlineStart":"var(--tab-padding, 1rem)","paddingInlineEnd":"var(--tab-padding, 1rem)","&:is(input[type=\"radio\"])":{"@apply w-auto rounded-b-none":{},"&:after":{"--tw-content":"attr(aria-label)","content":"var(--tw-content)"}},"&:checked,\n &:is(.tab-active, [aria-selected=\"true\"])":{"&+.tab-content":{"@apply block":{}}},"&:not(input):empty":{"@apply cursor-default":{},"gridColumnStart":"span 9999"},"&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n &:is(input:checked)":{"@apply border-base-content":{}},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"-5px"},"&-disabled,\n &[disabled]":{"@apply text-base-content/20 cursor-not-allowed":{}},"&[disabled],\n &[disabled]:hover":{"@apply text-base-content/29 cursor-not-allowed":{}}},".tabs-bordered":{"&>.tab":{"@apply border-base-content/20":{},"borderStyle":"solid","borderWidth":"0","borderBottomWidth":"calc(var(--spacing-tab-border, 1px) + 1px)"}},".tabs-lifted":{"&>.tab:focus-visible":{"borderEndEndRadius":"0","borderEndStartRadius":"0"},"&:has(.tab-content[class^=\"rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"])),\n &:has(.tab-content[class*=\" rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"]))":{"@apply border-b-transparent":{}},"&>.tab":{"border":"var(--spacing-tab-border, 1px) solid transparent","borderWidth":"0 0 var(--spacing-tab-border, 1px) 0","borderStartStartRadius":"var(--tab-radius, 0.5rem)","borderStartEndRadius":"var(--tab-radius, 0.5rem)","borderBottomColor":"var(--tab-border-color)","paddingInlineStart":"var(--tab-padding, 1rem)","paddingInlineEnd":"var(--tab-padding, 1rem)","paddingTop":"var(--spacing-tab-border, 1px)","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n &:is(input:checked)":{"backgroundColor":"var(--tab-bg)","borderWidth":"var(--spacing-tab-border, 1px) var(--spacing-tab-border, 1px) 0 var(--spacing-tab-border, 1px)","borderInlineStartColor":"var(--tab-border-color)","borderInlineEndColor":"var(--tab-border-color)","borderTopColor":"var(--tab-border-color)","paddingInlineStart":"calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))","paddingInlineEnd":"calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))","paddingBottom":"var(--spacing-tab-border, 1px)","paddingTop":"0","&:before":{"zIndex":1,"content":"\"\"","display":"block","position":"absolute","width":"calc(100% + var(--tab-radius, 0.5rem) * 2)","height":"var(--tab-radius, 0.5rem)","bottom":"0","backgroundSize":"var(--tab-radius, 0.5rem)","backgroundPosition":"top left,\n top right","backgroundRepeat":"no-repeat","--tab-grad":"calc(69% - var(--spacing-tab-border, 1px))","--radius-start":"radial-gradient(circle at top left,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))","--radius-end":"radial-gradient(circle at top right,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))","backgroundImage":"var(--radius-start), var(--radius-end)"},"&:first-child:before":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right","[dir=\"rtl\"] &":{"backgroundImage":"var(--radius-start)","backgroundPosition":"top left"}},"&:last-child:before":{"backgroundImage":"var(--radius-start)","backgroundPosition":"top left","[dir=\"rtl\"] &":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right"}}}},"&> :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n &>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked)":{"&:before":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right"}}},".tabs-boxed":{"@apply bg-base-200 rounded-btn p-1":{},".tab":{"@apply rounded-btn":{}},":is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n :is(input:checked)":{"@apply bg-primary text-primary-content hover:text-primary-content":{}}},".tab-content":{"@apply col-start-1 col-end-[span_9999] row-start-2 hidden border-transparent":{},"borderWidth":"var(--spacing-tab-border, 1px)","marginTop":"calc(var(--spacing-tab-border) * -1)","minWidth":"calc(100% + 1.5rem)",":checked+&:nth-child(2),\n :is(.tab-active, [aria-selected=\"true\"])+&:nth-child(2)":{"@apply rounded-ss-none":{}}},".tabs-md":{":where(.tab)":{"@apply h-8 text-sm leading-loose":{},"--tab-padding":"1rem"}},".tabs-lg":{":where(.tab)":{"@apply h-12 text-lg leading-loose":{},"--tab-padding":"1.25rem"}},".tabs-sm":{":where(.tab)":{"@apply h-6 text-sm leading-3":{},"--tab-padding":"0.75rem"}},".tabs-xs":{":where(.tab)":{"@apply h-5 text-xs leading-3":{},"--tab-padding":"0.5rem"}}};
1
+ export default {".tabs":{"@apply inline-grid items-end align-bottom":{}},".tab":{"@apply hover:text-base-content relative row-start-1 inline-flex h-8 cursor-pointer select-none appearance-none flex-wrap items-center justify-center text-center text-base-content/50":{},"height":"2rem","fontSize":"0.875rem","lineHeight":2,"--tab-padding":"1rem","--tab-color":"var(--color-base-content)","--tab-bg":"var(--color-base-100)","--tab-border-color":"var(--color-base-300)","color":"var(--tab-color)","paddingInlineStart":"var(--tab-padding, 1rem)","paddingInlineEnd":"var(--tab-padding, 1rem)","&:is(input[type=\"radio\"])":{"@apply w-auto rounded-b-none":{},"&:after":{"content":"attr(aria-label)"}},"&:checked,\n &:is(.tab-active, [aria-selected=\"true\"])":{"&+.tab-content":{"@apply block":{}}},"&:not(input):empty":{"@apply cursor-default":{},"gridColumnStart":"span 9999"},"&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n &:is(input:checked)":{"@apply border-base-content":{}},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"-5px"},"&-disabled,\n &[disabled]":{"@apply text-base-content/20 cursor-not-allowed":{}},"&[disabled],\n &[disabled]:hover":{"@apply text-base-content/29 cursor-not-allowed":{}}},".tabs-border":{"&>.tab":{"@apply border-base-content/20":{},"borderStyle":"solid","borderWidth":"0","borderBottomWidth":"calc(var(--spacing-tab-border, 1px) + 1px)"}},".tabs-lifted":{"&>.tab:focus-visible":{"borderEndEndRadius":"0","borderEndStartRadius":"0"},"&:has(.tab-content[class^=\"rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"])),\n &:has(.tab-content[class*=\" rounded-\"]) .tab:first-child:not(:is(.tab-active, [aria-selected=\"true\"]))":{"@apply border-b-transparent":{}},"&>.tab":{"border":"var(--spacing-tab-border, 1px) solid transparent","borderWidth":"0 0 var(--spacing-tab-border, 1px) 0","borderStartStartRadius":"var(--tab-radius, 0.5rem)","borderStartEndRadius":"var(--tab-radius, 0.5rem)","borderBottomColor":"var(--tab-border-color)","paddingInlineStart":"var(--tab-padding, 1rem)","paddingInlineEnd":"var(--tab-padding, 1rem)","paddingTop":"var(--spacing-tab-border, 1px)","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n &:is(input:checked)":{"backgroundColor":"var(--tab-bg)","borderWidth":"var(--spacing-tab-border, 1px) var(--spacing-tab-border, 1px) 0 var(--spacing-tab-border, 1px)","borderInlineStartColor":"var(--tab-border-color)","borderInlineEndColor":"var(--tab-border-color)","borderTopColor":"var(--tab-border-color)","paddingInlineStart":"calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))","paddingInlineEnd":"calc(var(--tab-padding, 1rem) - var(--spacing-tab-border, 1px))","paddingBottom":"var(--spacing-tab-border, 1px)","paddingTop":"0","&:before":{"zIndex":1,"content":"\"\"","display":"block","position":"absolute","width":"calc(100% + var(--tab-radius, 0.5rem) * 2)","height":"var(--tab-radius, 0.5rem)","bottom":"0","backgroundSize":"var(--tab-radius, 0.5rem)","backgroundPosition":"top left,\n top right","backgroundRepeat":"no-repeat","--tab-grad":"calc(69% - var(--spacing-tab-border, 1px))","--radius-start":"radial-gradient(circle at top left,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))","--radius-end":"radial-gradient(circle at top right,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--spacing-tab-border, 1px)),\n var(--tab-bg) calc(var(--tab-grad) + var(--spacing-tab-border, 1px) + 0.25px))","backgroundImage":"var(--radius-start), var(--radius-end)"},"&:first-child:before":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right","[dir=\"rtl\"] &":{"backgroundImage":"var(--radius-start)","backgroundPosition":"top left"}},"&:last-child:before":{"backgroundImage":"var(--radius-start)","backgroundPosition":"top left","[dir=\"rtl\"] &":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right"}}}},"&> :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n &>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked)":{"&:before":{"backgroundImage":"var(--radius-end)","backgroundPosition":"top right"}}},".tabs-boxed":{"@apply bg-base-200 rounded-btn p-1":{},".tab":{"@apply rounded-btn":{}},":is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled):not([disabled]),\n :is(input:checked)":{"@apply bg-primary text-primary-content hover:text-primary-content":{}}},".tab-content":{"@apply col-start-1 col-end-[span_9999] row-start-2 hidden border-transparent":{},"borderWidth":"var(--spacing-tab-border, 1px)","marginTop":"calc(var(--spacing-tab-border) * -1)","minWidth":"calc(100% + 1.5rem)",":checked+&:nth-child(2),\n :is(.tab-active, [aria-selected=\"true\"])+&:nth-child(2)":{"@apply rounded-ss-none":{}}},".tabs-xs":{":where(.tab)":{"height":"1.25rem","fontSize":"0.75rem","lineHeight":"0.75rem","--tab-padding":"0.5rem"}},".tabs-sm":{":where(.tab)":{"height":"1.5rem","fontSize":"0.875rem","lineHeight":"0.75rem","--tab-padding":"0.75rem"}},".tabs-md":{":where(.tab)":{"height":"2rem","fontSize":"0.875rem","lineHeight":2,"--tab-padding":"1rem"}},".tabs-lg":{":where(.tab)":{"height":"3rem","fontSize":"1.125rem","lineHeight":2,"--tab-padding":"1.25rem"}}};
package/components/tab.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content,var(--color-base-content))}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content,var(--color-base-content))}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))29%,transparent)}}.tabs-bordered{&>.tab{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.tabs-boxed{border-radius:var(--radius-btn,var(--radius-btn));background-color:var(--color-base-200,var(--color-base-200));padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn,var(--radius-btn))}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary,var(--color-primary));color:var(--color-primary-content,var(--color-primary-content));&:hover{@media (hover:hover){&{color:var(--color-primary-content,var(--color-primary-content))}}}}}.tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.tabs-md{& :where(.tab){height:var(--spacing-8,2rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1rem}}.tabs-lg{& :where(.tab){height:var(--spacing-12,3rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);--tab-padding:1.25rem}}.tabs-sm{& :where(.tab){height:var(--spacing-6,1.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.75rem}}.tabs-xs{& :where(.tab){height:var(--spacing-5,1.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);--tab-padding:.5rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;height:2rem;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);font-size:.875rem;line-height:2;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content, )}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content, )}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )29%,transparent)}}.tabs-border{&>.tab{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.tabs-boxed{border-radius:var(--radius-btn, );background-color:var(--color-base-200, );padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn, )}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary, );color:var(--color-primary-content, );&:hover{@media (hover:hover){&{color:var(--color-primary-content, )}}}}}.tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.tabs-xs{& :where(.tab){--tab-padding:.5rem;height:1.25rem;font-size:.75rem;line-height:.75rem}}.tabs-sm{& :where(.tab){--tab-padding:.75rem;height:1.5rem;font-size:.875rem;line-height:.75rem}}.tabs-md{& :where(.tab){--tab-padding:1rem;height:2rem;font-size:.875rem;line-height:2}}.tabs-lg{& :where(.tab){--tab-padding:1.25rem;height:3rem;font-size:1.125rem;line-height:2}}@media (width>=640px){.sm\:tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.sm\:tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;height:2rem;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);font-size:.875rem;line-height:2;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content, )}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content, )}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )29%,transparent)}}.sm\:tabs-border{&>.tab{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.sm\:tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.sm\:tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.sm\:tabs-boxed{border-radius:var(--radius-btn, );background-color:var(--color-base-200, );padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn, )}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary, );color:var(--color-primary-content, );&:hover{@media (hover:hover){&{color:var(--color-primary-content, )}}}}}.sm\:tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.sm\:tabs-xs{& :where(.tab){--tab-padding:.5rem;height:1.25rem;font-size:.75rem;line-height:.75rem}}.sm\:tabs-sm{& :where(.tab){--tab-padding:.75rem;height:1.5rem;font-size:.875rem;line-height:.75rem}}.sm\:tabs-md{& :where(.tab){--tab-padding:1rem;height:2rem;font-size:.875rem;line-height:2}}.sm\:tabs-lg{& :where(.tab){--tab-padding:1.25rem;height:3rem;font-size:1.125rem;line-height:2}}}@media (width>=768px){.md\:tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.md\:tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;height:2rem;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);font-size:.875rem;line-height:2;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content, )}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content, )}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )29%,transparent)}}.md\:tabs-border{&>.tab{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.md\:tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.md\:tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.md\:tabs-boxed{border-radius:var(--radius-btn, );background-color:var(--color-base-200, );padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn, )}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary, );color:var(--color-primary-content, );&:hover{@media (hover:hover){&{color:var(--color-primary-content, )}}}}}.md\:tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.md\:tabs-xs{& :where(.tab){--tab-padding:.5rem;height:1.25rem;font-size:.75rem;line-height:.75rem}}.md\:tabs-sm{& :where(.tab){--tab-padding:.75rem;height:1.5rem;font-size:.875rem;line-height:.75rem}}.md\:tabs-md{& :where(.tab){--tab-padding:1rem;height:2rem;font-size:.875rem;line-height:2}}.md\:tabs-lg{& :where(.tab){--tab-padding:1.25rem;height:3rem;font-size:1.125rem;line-height:2}}}@media (width>=1024px){.lg\:tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.lg\:tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;height:2rem;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);font-size:.875rem;line-height:2;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content, )}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content, )}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )29%,transparent)}}.lg\:tabs-border{&>.tab{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.lg\:tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.lg\:tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.lg\:tabs-boxed{border-radius:var(--radius-btn, );background-color:var(--color-base-200, );padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn, )}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary, );color:var(--color-primary-content, );&:hover{@media (hover:hover){&{color:var(--color-primary-content, )}}}}}.lg\:tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.lg\:tabs-xs{& :where(.tab){--tab-padding:.5rem;height:1.25rem;font-size:.75rem;line-height:.75rem}}.lg\:tabs-sm{& :where(.tab){--tab-padding:.75rem;height:1.5rem;font-size:.875rem;line-height:.75rem}}.lg\:tabs-md{& :where(.tab){--tab-padding:1rem;height:2rem;font-size:.875rem;line-height:2}}.lg\:tabs-lg{& :where(.tab){--tab-padding:1.25rem;height:3rem;font-size:1.125rem;line-height:2}}}@media (width>=1280px){.xl\:tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.xl\:tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;height:2rem;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);font-size:.875rem;line-height:2;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content, )}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content, )}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )29%,transparent)}}.xl\:tabs-border{&>.tab{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.xl\:tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.xl\:tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.xl\:tabs-boxed{border-radius:var(--radius-btn, );background-color:var(--color-base-200, );padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn, )}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary, );color:var(--color-primary-content, );&:hover{@media (hover:hover){&{color:var(--color-primary-content, )}}}}}.xl\:tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.xl\:tabs-xs{& :where(.tab){--tab-padding:.5rem;height:1.25rem;font-size:.75rem;line-height:.75rem}}.xl\:tabs-sm{& :where(.tab){--tab-padding:.75rem;height:1.5rem;font-size:.875rem;line-height:.75rem}}.xl\:tabs-md{& :where(.tab){--tab-padding:1rem;height:2rem;font-size:.875rem;line-height:2}}.xl\:tabs-lg{& :where(.tab){--tab-padding:1.25rem;height:3rem;font-size:1.125rem;line-height:2}}}@media (width>=1536px){.\32 xl\:tabs{vertical-align:bottom;align-items:flex-end;display:inline-grid}.\32 xl\:tab{height:var(--spacing-8,2rem);cursor:pointer;appearance:none;text-align:center;color:var(--tab-color);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-color:var(--color-base-content);--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);flex-wrap:wrap;grid-row-start:1;justify-content:center;align-items:center;height:2rem;padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);font-size:.875rem;line-height:2;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content, )}}}&:is(input[type=radio]){border-bottom-right-radius:0;border-bottom-left-radius:0;width:auto;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{display:block}}&:not(input):empty{cursor:default;grid-column-start:span 9999}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){border-color:var(--color-base-content, )}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&-disabled,&[disabled]{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )20%,transparent)}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in srgb,var(--color-base-content, )29%,transparent)}}.\32 xl\:tabs-border{&>.tab{border-color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-style:solid;border-width:0;border-bottom-width:calc(var(--spacing-tab-border,1px) + 1px)}}.\32 xl\:tabs-lifted{&>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}&:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),&:has(.tab-content[class*=\ rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])){border-bottom-color:#0000}&>.tab{border:var(--spacing-tab-border,1px)solid transparent;border-width:0 0 var(--spacing-tab-border,1px)0;border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-padding,1rem);padding-inline-end:var(--tab-padding,1rem);padding-top:var(--spacing-tab-border,1px);border-start-start-radius:var(--tab-radius,.5rem);border-start-end-radius:var(--tab-radius,.5rem);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&:is(input:checked){background-color:var(--tab-bg);border-width:var(--spacing-tab-border,1px)var(--spacing-tab-border,1px)0 var(--spacing-tab-border,1px);border-inline-start-color:var(--tab-border-color);border-inline-end-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-inline-end:calc(var(--tab-padding,1rem) - var(--spacing-tab-border,1px));padding-bottom:var(--spacing-tab-border,1px);padding-top:0;&:before{z-index:1;content:"";width:calc(100% + var(--tab-radius,.5rem)*2);height:var(--tab-radius,.5rem);background-size:var(--tab-radius,.5rem);--tab-grad:calc(69% - var(--spacing-tab-border,1px));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--spacing-tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--spacing-tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}&:first-child:before{background-image:var(--radius-end);background-position:100% 0;[dir=rtl] &{background-image:var(--radius-start);background-position:0 0}}&:last-child:before{background-image:var(--radius-start);background-position:0 0;[dir=rtl] &{background-image:var(--radius-end);background-position:100% 0}}}}}.\32 xl\:tabs-lifted{&>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),&>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked){&:before{background-image:var(--radius-end);background-position:100% 0}}}.\32 xl\:tabs-boxed{border-radius:var(--radius-btn, );background-color:var(--color-base-200, );padding:var(--spacing-1,.25rem);& .tab{border-radius:var(--radius-btn, )}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),& :is(input:checked){background-color:var(--color-primary, );color:var(--color-primary-content, );&:hover{@media (hover:hover){&{color:var(--color-primary-content, )}}}}}.\32 xl\:tab-content{border-color:#0000;border-width:var(--spacing-tab-border,1px);margin-top:calc(var(--spacing-tab-border)*-1);grid-column:1/span 9999;grid-row-start:2;min-width:calc(100% + 1.5rem);display:none;:checked+&:nth-child(2),:is(.tab-active,[aria-selected=true])+&:nth-child(2){border-start-start-radius:0}}.\32 xl\:tabs-xs{& :where(.tab){--tab-padding:.5rem;height:1.25rem;font-size:.75rem;line-height:.75rem}}.\32 xl\:tabs-sm{& :where(.tab){--tab-padding:.75rem;height:1.5rem;font-size:.875rem;line-height:.75rem}}.\32 xl\:tabs-md{& :where(.tab){--tab-padding:1rem;height:2rem;font-size:.875rem;line-height:2}}.\32 xl\:tabs-lg{& :where(.tab){--tab-padding:1.25rem;height:3rem;font-size:1.125rem;line-height:2}}}
package/components/table/object.js CHANGED
@@ -1 +1 @@
1
- export default {".table":{"@apply relative w-full rounded-box text-left text-sm rtl:text-right":{},"tr.row-hover":{"&,\n &:nth-child(even)":{"@apply hover:bg-base-200":{}}},":where(th, td)":{"@apply px-4 py-3 align-middle":{}},":where(thead, tfoot)":{"@apply text-base-content/60 whitespace-nowrap text-xs font-bold":{}},":where(tfoot)":{"@apply border-t-base-200 border-t":{}},":where(.table-pin-rows thead tr)":{"@apply bg-base-100 sticky top-0 z-[1]":{}},":where(.table-pin-rows tfoot tr)":{"@apply bg-base-100 sticky bottom-0 z-[1]":{}},":where(.table-pin-cols tr th)":{"@apply bg-base-100 sticky left-0 right-0":{}},":where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child)":{"@apply border-b-base-200 border-b":{}}},".table-zebra":{"tbody":{"tr":{"&:nth-child(even)":{"@apply bg-base-200":{},":where(.table-pin-cols tr th)":{"@apply bg-base-200":{}}},"&.row-hover":{"&,\n &:nth-child(even)":{"@apply hover:bg-base-300":{}}}}}},".table-xs":{":not(thead):not(tfoot) tr":{"@apply text-xs":{}},":where(th, td)":{"@apply px-2 py-1":{}}},".table-sm":{":not(thead):not(tfoot) tr":{"@apply text-sm":{}},":where(th, td)":{"@apply px-3 py-2":{}}},".table-md":{":not(thead):not(tfoot) tr":{"@apply text-sm":{}},":where(th, td)":{"@apply px-4 py-3":{}}},".table-lg":{":not(thead):not(tfoot) tr":{"@apply text-base":{}},":where(th, td)":{"@apply px-6 py-4":{}}}};
1
+ export default {".table":{"fontSize":"0.875rem","lineHeight":"1.25rem","@apply relative w-full rounded-box text-left rtl:text-right":{},"tr.row-hover":{"&,\n &:nth-child(even)":{"@apply hover:bg-base-200":{}}},":where(th, td)":{"@apply px-4 py-3 align-middle":{}},":where(thead, tfoot)":{"@apply text-base-content/60 whitespace-nowrap":{},"fontSize":"0.875rem","lineHeight":"1rem","fontWeight":700},":where(tfoot)":{"borderTop":"1px solid var(--color-base-200)"},":where(.table-pin-rows thead tr)":{"@apply bg-base-100 sticky top-0 z-[1]":{}},":where(.table-pin-rows tfoot tr)":{"@apply bg-base-100 sticky bottom-0 z-[1]":{}},":where(.table-pin-cols tr th)":{"@apply bg-base-100 sticky left-0 right-0":{}},":where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child)":{"borderBottom":"1px solid var(--color-base-200)"}},".table-zebra":{"tbody":{"tr":{"&:nth-child(even)":{"@apply bg-base-200":{},":where(.table-pin-cols tr th)":{"@apply bg-base-200":{}}},"&.row-hover":{"&,\n &:nth-child(even)":{"@apply hover:bg-base-300":{}}}}}},".table-xs":{":not(thead):not(tfoot) tr":{"fontSize":"0.75rem","lineHeight":"1rem"},":where(th, td)":{"@apply px-2 py-1":{}}},".table-sm":{":not(thead):not(tfoot) tr":{"fontSize":"0.875rem","lineHeight":"1.25rem"},":where(th, td)":{"@apply px-3 py-2":{}}},".table-md":{":not(thead):not(tfoot) tr":{"fontSize":"0.875rem","lineHeight":"1.25rem"},":where(th, td)":{"@apply px-4 py-3":{}}},".table-lg":{":not(thead):not(tfoot) tr":{"fontSize":"1rem","lineHeight":"1.5rem"},":where(th, td)":{"@apply px-6 py-4":{}}}};