daisyui 5.0.0-alpha.44 → 5.0.0-alpha.45

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 (182) hide show
  1. package/base/keyframes/index.js +7 -0
  2. package/base/keyframes/object.js +1 -0
  3. package/base/keyframes.css +1 -0
  4. package/base/properties.css +1 -1
  5. package/base/reset/object.js +1 -1
  6. package/base/reset.css +1 -1
  7. package/base/rootcolor/object.js +1 -1
  8. package/base/rootcolor.css +1 -1
  9. package/base/rootscrollgutter/object.js +1 -1
  10. package/base/rootscrollgutter.css +1 -1
  11. package/base/rootscrolllock.css +1 -1
  12. package/base/scrollbar.css +1 -1
  13. package/chunks.css +3 -0
  14. package/colors/properties.css +1 -1
  15. package/colors/responsive.css +1 -1
  16. package/colors/states.css +1 -1
  17. package/components/alert/object.js +1 -1
  18. package/components/alert.css +1 -1
  19. package/components/avatar.css +1 -1
  20. package/components/badge/object.js +1 -1
  21. package/components/badge.css +1 -1
  22. package/components/breadcrumbs.css +1 -1
  23. package/components/button/object.js +1 -1
  24. package/components/button.css +1 -1
  25. package/components/calendar/object.js +1 -1
  26. package/components/calendar.css +1 -1
  27. package/components/card/object.js +1 -1
  28. package/components/card.css +1 -1
  29. package/components/carousel.css +1 -1
  30. package/components/chat.css +1 -1
  31. package/components/checkbox/object.js +1 -1
  32. package/components/checkbox.css +1 -1
  33. package/components/collapse/object.js +1 -1
  34. package/components/collapse.css +1 -1
  35. package/components/countdown.css +1 -1
  36. package/components/diff.css +1 -1
  37. package/components/divider.css +1 -1
  38. package/components/dock/object.js +1 -1
  39. package/components/dock.css +1 -1
  40. package/components/drawer.css +1 -1
  41. package/components/dropdown/object.js +1 -1
  42. package/components/dropdown.css +1 -1
  43. package/components/fieldset/object.js +1 -1
  44. package/components/fieldset.css +1 -1
  45. package/components/fileinput/object.js +1 -1
  46. package/components/fileinput.css +1 -1
  47. package/components/filter.css +1 -1
  48. package/components/footer.css +1 -1
  49. package/components/hero.css +1 -1
  50. package/components/indicator.css +1 -1
  51. package/components/input/object.js +1 -1
  52. package/components/input.css +1 -1
  53. package/components/kbd/object.js +1 -1
  54. package/components/kbd.css +1 -1
  55. package/components/label/index.js +7 -0
  56. package/components/label/object.js +1 -0
  57. package/components/label.css +1 -0
  58. package/components/link.css +1 -1
  59. package/components/list/index.js +7 -0
  60. package/components/list/object.js +1 -0
  61. package/components/list.css +1 -0
  62. package/components/loading.css +1 -1
  63. package/components/mask.css +1 -1
  64. package/components/menu/object.js +1 -1
  65. package/components/menu.css +1 -1
  66. package/components/mockup/object.js +1 -1
  67. package/components/mockup.css +1 -1
  68. package/components/modal/object.js +1 -1
  69. package/components/modal.css +1 -1
  70. package/components/navbar.css +1 -1
  71. package/components/progress/object.js +1 -1
  72. package/components/progress.css +1 -1
  73. package/components/radialprogress.css +1 -1
  74. package/components/radio/object.js +1 -1
  75. package/components/radio.css +1 -1
  76. package/components/range/object.js +1 -1
  77. package/components/range.css +1 -1
  78. package/components/rating/object.js +1 -1
  79. package/components/rating.css +1 -1
  80. package/components/select/object.js +1 -1
  81. package/components/select.css +1 -1
  82. package/components/skeleton/object.js +1 -1
  83. package/components/skeleton.css +1 -1
  84. package/components/stack.css +1 -1
  85. package/components/stat/object.js +1 -1
  86. package/components/stat.css +1 -1
  87. package/components/status/object.js +1 -1
  88. package/components/status.css +1 -1
  89. package/components/steps.css +1 -1
  90. package/components/swap.css +1 -1
  91. package/components/tab/object.js +1 -1
  92. package/components/tab.css +1 -1
  93. package/components/table/object.js +1 -1
  94. package/components/table.css +1 -1
  95. package/components/textarea/object.js +1 -1
  96. package/components/textarea.css +1 -1
  97. package/components/timeline/object.js +1 -1
  98. package/components/timeline.css +1 -1
  99. package/components/toast/object.js +1 -1
  100. package/components/toast.css +1 -1
  101. package/components/toggle/object.js +1 -1
  102. package/components/toggle.css +1 -1
  103. package/components/tooltip/object.js +1 -1
  104. package/components/tooltip.css +1 -1
  105. package/daisyui.css +1 -1
  106. package/functions/pluginOptionsHandler.js +3 -1
  107. package/imports.js +5 -2
  108. package/package.json +1 -13
  109. package/theme/abyss/object.js +1 -1
  110. package/theme/abyss.css +1 -1
  111. package/theme/acid/object.js +1 -1
  112. package/theme/acid.css +1 -1
  113. package/theme/aqua/object.js +1 -1
  114. package/theme/aqua.css +1 -1
  115. package/theme/autumn/object.js +1 -1
  116. package/theme/autumn.css +1 -1
  117. package/theme/black/object.js +1 -1
  118. package/theme/black.css +1 -1
  119. package/theme/bumblebee/object.js +1 -1
  120. package/theme/bumblebee.css +1 -1
  121. package/theme/business/object.js +1 -1
  122. package/theme/business.css +1 -1
  123. package/theme/cmyk/object.js +1 -1
  124. package/theme/cmyk.css +1 -1
  125. package/theme/coffee/object.js +1 -1
  126. package/theme/coffee.css +1 -1
  127. package/theme/corporate/object.js +1 -1
  128. package/theme/corporate.css +1 -1
  129. package/theme/cupcake/object.js +1 -1
  130. package/theme/cupcake.css +1 -1
  131. package/theme/cyberpunk/object.js +1 -1
  132. package/theme/cyberpunk.css +1 -1
  133. package/theme/dark/object.js +1 -1
  134. package/theme/dark.css +1 -1
  135. package/theme/dim/object.js +1 -1
  136. package/theme/dim.css +1 -1
  137. package/theme/dracula/object.js +1 -1
  138. package/theme/dracula.css +1 -1
  139. package/theme/emerald/object.js +1 -1
  140. package/theme/emerald.css +1 -1
  141. package/theme/fantasy/object.js +1 -1
  142. package/theme/fantasy.css +1 -1
  143. package/theme/forest/object.js +1 -1
  144. package/theme/forest.css +1 -1
  145. package/theme/garden/object.js +1 -1
  146. package/theme/garden.css +1 -1
  147. package/theme/halloween/object.js +1 -1
  148. package/theme/halloween.css +1 -1
  149. package/theme/lemonade/object.js +1 -1
  150. package/theme/lemonade.css +1 -1
  151. package/theme/light/object.js +1 -1
  152. package/theme/light.css +1 -1
  153. package/theme/lofi/object.js +1 -1
  154. package/theme/lofi.css +1 -1
  155. package/theme/luxury/object.js +1 -1
  156. package/theme/luxury.css +1 -1
  157. package/theme/night/object.js +1 -1
  158. package/theme/night.css +1 -1
  159. package/theme/nord/object.js +1 -1
  160. package/theme/nord.css +1 -1
  161. package/theme/object.js +1 -1
  162. package/theme/pastel/object.js +1 -1
  163. package/theme/pastel.css +1 -1
  164. package/theme/retro/object.js +1 -1
  165. package/theme/retro.css +1 -1
  166. package/theme/silk/object.js +1 -1
  167. package/theme/silk.css +1 -1
  168. package/theme/sunset/object.js +1 -1
  169. package/theme/sunset.css +1 -1
  170. package/theme/synthwave/object.js +1 -1
  171. package/theme/synthwave.css +1 -1
  172. package/theme/valentine/object.js +1 -1
  173. package/theme/valentine.css +1 -1
  174. package/theme/winter/object.js +1 -1
  175. package/theme/winter.css +1 -1
  176. package/theme/wireframe/object.js +1 -1
  177. package/theme/wireframe.css +1 -1
  178. package/themes.css +1 -1
  179. package/utilities/join/object.js +1 -1
  180. package/utilities/join.css +1 -1
  181. package/utilities/radius.css +1 -1
  182. package/utilities/typography.css +1 -1
package/components/checkbox.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .checkbox{border:var(--border-width)solid;cursor:pointer;appearance:none;border-radius:var(--radius-field);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}@media (width>=640px){.sm\:checkbox{border:var(--border-width)solid;cursor:pointer;appearance:none;border-radius:var(--radius-field);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.sm\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.sm\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.sm\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.sm\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.sm\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.sm\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.sm\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.sm\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.sm\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.sm\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=768px){.md\:checkbox{border:var(--border-width)solid;cursor:pointer;appearance:none;border-radius:var(--radius-field);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.md\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.md\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.md\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.md\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.md\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.md\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.md\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.md\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.md\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.md\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1024px){.lg\:checkbox{border:var(--border-width)solid;cursor:pointer;appearance:none;border-radius:var(--radius-field);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.lg\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.lg\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.lg\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.lg\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.lg\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.lg\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.lg\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.lg\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.lg\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.lg\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1280px){.xl\:checkbox{border:var(--border-width)solid;cursor:pointer;appearance:none;border-radius:var(--radius-field);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.xl\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.xl\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.xl\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.xl\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1536px){.\32 xl\:checkbox{border:var(--border-width)solid;cursor:pointer;appearance:none;border-radius:var(--radius-field);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.\32 xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.\32 xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.\32 xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.\32 xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.\32 xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.\32 xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.\32 xl\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.\32 xl\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.\32 xl\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.\32 xl\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .checkbox{border:var(--border)solid;cursor:pointer;appearance:none;border-radius:var(--radius-selector);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}@media (width>=640px){.sm\:checkbox{border:var(--border)solid;cursor:pointer;appearance:none;border-radius:var(--radius-selector);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.sm\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.sm\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.sm\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.sm\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.sm\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.sm\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.sm\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.sm\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.sm\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.sm\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=768px){.md\:checkbox{border:var(--border)solid;cursor:pointer;appearance:none;border-radius:var(--radius-selector);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.md\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.md\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.md\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.md\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.md\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.md\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.md\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.md\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.md\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.md\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1024px){.lg\:checkbox{border:var(--border)solid;cursor:pointer;appearance:none;border-radius:var(--radius-selector);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.lg\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.lg\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.lg\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.lg\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.lg\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.lg\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.lg\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.lg\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.lg\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.lg\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1280px){.xl\:checkbox{border:var(--border)solid;cursor:pointer;appearance:none;border-radius:var(--radius-selector);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.xl\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.xl\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.xl\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.xl\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1536px){.\32 xl\:checkbox{border:var(--border)solid;cursor:pointer;appearance:none;border-radius:var(--radius-selector);border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.\32 xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.\32 xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.\32 xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.\32 xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.\32 xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.\32 xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.\32 xl\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.1875rem}.\32 xl\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.25rem}.\32 xl\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.3125rem}.\32 xl\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}
package/components/collapse/object.js CHANGED
@@ -1 +1 @@
1
- export default {".collapse:not(td, tr, colgroup)":{"visibility":"visible"},".collapse":{"position":"relative","display":"grid","overflow":"hidden","border-radius":"var(--rounded-box, 1rem)","width":"100%","grid-template-rows":"auto 0fr","transition":"grid-template-rows 0.2s","> input:is([type=\"checkbox\"], [type=\"radio\"])":{"grid-column-start":"1","grid-row-start":"1","appearance":"none","opacity":0,"z-index":1,"width":"100%","padding":"1rem","padding-inline-end":"3rem","min-height":"3.75rem","transition":"background-color 0.2s ease-out"},"&:is([open], .collapse-open, :focus:not(.collapse-close)), &:not(.collapse-close):has(> input:is([type=\"checkbox\"], [type=\"radio\"]):checked)":{"grid-template-rows":"auto 1fr"},"&:is([open], .collapse-open, :focus:not(.collapse-close)) > .collapse-content, &:not(.collapse-close) > :where(input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-content)":{"visibility":"visible","min-height":"fit-content"},"&, &:has(.collapse-title, > input:is([type=\"checkbox\"], [type=\"radio\"]))":{"&:focus-visible":{"outline-color":"var(--color-base-content)","outline-style":"solid","outline-width":"2px","outline-offset":"2px"}},"&:not(.collapse-open, .collapse-close)":{"> input[type=\"checkbox\"], > input[type=\"radio\"]:not(:checked), > .collapse-title":{"cursor":"pointer"}},"&:focus:not(.collapse-open, .collapse-close, .collapse[open]) > .collapse-title":{"cursor":"unset"},"&:is([open], .collapse-open, :focus:not(.collapse-close)) > :where(.collapse-content), &:not(.collapse-close) > :where(input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-content)":{"padding-bottom":"1rem","transition":"padding 0.2s ease-out, background-color 0.2s ease-out"},"&:is([open], .collapse-open)":{"&.collapse-arrow":{"> .collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}}},"&.collapse-arrow:focus:not(.collapse-close)":{"> .collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-arrow:not(.collapse-close)":{"> input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&[open]":{"&.collapse-plus":{"> .collapse-title:after":{"content":"\"−\""}}},"&.collapse-open":{"&.collapse-plus":{"> .collapse-title:after":{"content":"\"−\""}}},"&.collapse-plus:focus:not(.collapse-close)":{"> .collapse-title:after":{"content":"\"−\""}},"&.collapse-plus:not(.collapse-close)":{"> input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-title:after":{"content":"\"−\""}}},".collapse-title, .collapse-content":{"grid-column-start":"1","grid-row-start":"1"},".collapse-content":{"visibility":"hidden","grid-column-start":"1","grid-row-start":"2","min-height":"0","transition":["visibility 0.2s","padding 0.2s ease-out, background-color 0.2s ease-out"],"padding-left":"1rem","padding-right":"1rem","cursor":"unset"},".collapse:is(details)":{"width":"100%","& summary":{"position":"relative","display":"block","&::-webkit-details-marker":{"display":"none"}}},".collapse:is(details) summary":{"outline":"none"},".collapse-arrow":{"> .collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transform":"translateY(-100%) rotate(45deg)","transition-property":"all","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","transition-duration":"0.2s","top":"1.9rem","inset-inline-end":"1.4rem","content":"\"\"","transform-origin":"75% 75%","box-shadow":"2px 2px","pointer-events":"none"}},".collapse-plus":{"> .collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transition-property":"all","transition-duration":"300ms","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","top":"0.9rem","inset-inline-end":"1.4rem","content":"\"+\"","pointer-events":"none"}},".collapse-title":{"position":"relative","width":"100%","padding":"1rem","padding-inline-end":"3rem","min-height":"3.75rem","transition":"background-color 0.2s ease-out"}};
1
+ export default {".collapse:not(td, tr, colgroup)":{"visibility":"visible"},".collapse":{"position":"relative","display":"grid","overflow":"hidden","border-radius":"var(--rounded-box, 1rem)","width":"100%","grid-template-rows":"auto 0fr","transition":"grid-template-rows 0.2s","> input:is([type=\"checkbox\"], [type=\"radio\"])":{"grid-column-start":"1","grid-row-start":"1","appearance":"none","opacity":0,"z-index":1,"width":"100%","padding":"1rem","padding-inline-end":"3rem","min-height":"3.75rem","transition":"background-color 0.2s ease-out"},"&:is([open], .collapse-open, :focus:not(.collapse-close)),\n &:not(.collapse-close):has(> input:is([type=\"checkbox\"], [type=\"radio\"]):checked)":{"grid-template-rows":"auto 1fr"},"&:is([open], .collapse-open, :focus:not(.collapse-close)) > .collapse-content,\n &:not(.collapse-close)\n > :where(input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-content)":{"visibility":"visible","min-height":"fit-content"},"&,\n &:has(.collapse-title, > input:is([type=\"checkbox\"], [type=\"radio\"]))":{"&:focus-visible":{"outline-color":"var(--color-base-content)","outline-style":"solid","outline-width":"2px","outline-offset":"2px"}},"&:not(.collapse-open, .collapse-close)":{"> input[type=\"checkbox\"],\n > input[type=\"radio\"]:not(:checked),\n > .collapse-title":{"cursor":"pointer"}},"&:focus:not(.collapse-open, .collapse-close, .collapse[open]) > .collapse-title":{"cursor":"unset"},"&:is([open], .collapse-open, :focus:not(.collapse-close)) > :where(.collapse-content),\n &:not(.collapse-close)\n > :where(input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-content)":{"padding-bottom":"1rem","transition":"padding 0.2s ease-out,\n background-color 0.2s ease-out"},"&:is([open], .collapse-open)":{"&.collapse-arrow":{"> .collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}}},"&.collapse-arrow:focus:not(.collapse-close)":{"> .collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-arrow:not(.collapse-close)":{"> input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&[open]":{"&.collapse-plus":{"> .collapse-title:after":{"content":"\"−\""}}},"&.collapse-open":{"&.collapse-plus":{"> .collapse-title:after":{"content":"\"−\""}}},"&.collapse-plus:focus:not(.collapse-close)":{"> .collapse-title:after":{"content":"\"−\""}},"&.collapse-plus:not(.collapse-close)":{"> input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-title:after":{"content":"\"−\""}}},".collapse-title,\n.collapse-content":{"grid-column-start":"1","grid-row-start":"1"},".collapse-content":{"visibility":"hidden","grid-column-start":"1","grid-row-start":"2","min-height":"0","transition":["visibility 0.2s","padding 0.2s ease-out,\n background-color 0.2s ease-out"],"padding-left":"1rem","padding-right":"1rem","cursor":"unset"},".collapse:is(details)":{"width":"100%","& summary":{"position":"relative","display":"block","&::-webkit-details-marker":{"display":"none"}}},".collapse:is(details) summary":{"outline":"none"},".collapse-arrow":{"> .collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transform":"translateY(-100%) rotate(45deg)","transition-property":"all","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","transition-duration":"0.2s","top":"1.9rem","inset-inline-end":"1.4rem","content":"\"\"","transform-origin":"75% 75%","box-shadow":"2px 2px","pointer-events":"none"}},".collapse-plus":{"> .collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transition-property":"all","transition-duration":"300ms","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","top":"0.9rem","inset-inline-end":"1.4rem","content":"\"+\"","pointer-events":"none"}},".collapse-title":{"position":"relative","width":"100%","padding":"1rem","padding-inline-end":"3rem","min-height":"3.75rem","transition":"background-color 0.2s ease-out"}};
package/components/collapse.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .collapse:not(td,tr,colgroup){visibility:visible}.collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.collapse-title,.collapse-content{grid-row-start:1;grid-column-start:1}.collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.collapse:is(details) summary{outline:none}.collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}@media (width>=640px){.sm\:collapse:not(td,tr,colgroup){visibility:visible}.sm\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.sm\:collapse-title,.sm\:collapse-content{grid-row-start:1;grid-column-start:1}.sm\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.sm\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.sm\:collapse:is(details) summary{outline:none}.sm\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.sm\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.sm\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=768px){.md\:collapse:not(td,tr,colgroup){visibility:visible}.md\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.md\:collapse-title,.md\:collapse-content{grid-row-start:1;grid-column-start:1}.md\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.md\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.md\:collapse:is(details) summary{outline:none}.md\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.md\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.md\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1024px){.lg\:collapse:not(td,tr,colgroup){visibility:visible}.lg\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.lg\:collapse-title,.lg\:collapse-content{grid-row-start:1;grid-column-start:1}.lg\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.lg\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.lg\:collapse:is(details) summary{outline:none}.lg\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.lg\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.lg\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1280px){.xl\:collapse:not(td,tr,colgroup){visibility:visible}.xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.xl\:collapse-title,.xl\:collapse-content{grid-row-start:1;grid-column-start:1}.xl\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.xl\:collapse:is(details) summary{outline:none}.xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1536px){.\32 xl\:collapse:not(td,tr,colgroup){visibility:visible}.\32 xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.\32 xl\:collapse-title,.\32 xl\:collapse-content{grid-row-start:1;grid-column-start:1}.\32 xl\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.\32 xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.\32 xl\:collapse:is(details) summary{outline:none}.\32 xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.\32 xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.\32 xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .collapse:not(td,tr,colgroup){visibility:visible}.collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.collapse-title,.collapse-content{grid-row-start:1;grid-column-start:1}.collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.collapse:is(details) summary{outline:none}.collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}@media (width>=640px){.sm\:collapse:not(td,tr,colgroup){visibility:visible}.sm\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.sm\:collapse-title,.sm\:collapse-content{grid-row-start:1;grid-column-start:1}.sm\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.sm\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.sm\:collapse:is(details) summary{outline:none}.sm\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.sm\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.sm\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=768px){.md\:collapse:not(td,tr,colgroup){visibility:visible}.md\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.md\:collapse-title,.md\:collapse-content{grid-row-start:1;grid-column-start:1}.md\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.md\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.md\:collapse:is(details) summary{outline:none}.md\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.md\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.md\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1024px){.lg\:collapse:not(td,tr,colgroup){visibility:visible}.lg\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.lg\:collapse-title,.lg\:collapse-content{grid-row-start:1;grid-column-start:1}.lg\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.lg\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.lg\:collapse:is(details) summary{outline:none}.lg\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.lg\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.lg\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1280px){.xl\:collapse:not(td,tr,colgroup){visibility:visible}.xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.xl\:collapse-title,.xl\:collapse-content{grid-row-start:1;grid-column-start:1}.xl\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.xl\:collapse:is(details) summary{outline:none}.xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1536px){.\32 xl\:collapse:not(td,tr,colgroup){visibility:visible}.\32 xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.\32 xl\:collapse-title,.\32 xl\:collapse-content{grid-row-start:1;grid-column-start:1}.\32 xl\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.\32 xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.\32 xl\:collapse:is(details) summary{outline:none}.\32 xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.\32 xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.\32 xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}
package/components/countdown.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .countdown{display:inline-flex;&.countdown{line-height:1em}&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .countdown{display:inline-flex;&.countdown{line-height:1em}&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}
package/components/diff.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}@media (width>=640px){.sm\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.sm\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.sm\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.sm\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=768px){.md\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.md\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.md\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.md\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=1024px){.lg\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.lg\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.lg\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.lg\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=1280px){.xl\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.xl\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.xl\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.xl\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=1536px){.\32 xl\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.\32 xl\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.\32 xl\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.\32 xl\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}@media (width>=640px){.sm\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.sm\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.sm\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.sm\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=768px){.md\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.md\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.md\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.md\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=1024px){.lg\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.lg\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.lg\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.lg\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=1280px){.xl\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.xl\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.xl\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.xl\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}@media (width>=1536px){.\32 xl\:diff{-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){&:focus{& .diff-resizer{min-width:10cqi;max-width:10cqi}}&:has(.diff-item-2:focus){& .diff-resizer{min-width:90cqi;max-width:90cqi}}}}.\32 xl\:diff-resizer{z-index:1;resize:horizontal;opacity:0;cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem));grid-row-start:1;grid-column-start:1;width:50cqi;min-width:1rem;max-width:calc(100cqi - 1rem);height:1rem;position:relative;top:50%;overflow:hidden;translate:.35rem -.6rem;@supports (-webkit-touch-callout:none){&{transition:all .4s ease-in-out}}}.\32 xl\:diff-item-1{grid-row-start:1;grid-column-start:1;position:relative;&:after{pointer-events:none;z-index:1;background-color:color-mix(in oklab,var(--color-base-100)50%,transparent);border:2px solid var(--color-base-100);content:"";outline:1px solid color-mix(in oklab,var(--color-base-content)5%,transparent);outline-offset:-3px;backdrop-filter:blur(8px);border-radius:3.40282e38px;width:1.5rem;height:1.5rem;position:absolute;top:50%;bottom:0;right:1px;translate:50% -50%;box-shadow:0 1px 2px oklch(0% 0 0/.1)}&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}.\32 xl\:diff-item-2{border-right:2px solid var(--color-base-100);grid-row-start:1;grid-column-start:1;position:relative;overflow:hidden;&>*{pointer-events:none;object-fit:cover;object-position:center;width:100cqi;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0}}}
package/components/divider.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.divider-primary{&:before,&:after{background-color:var(--color-primary)}}.divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.divider-accent{&:before,&:after{background-color:var(--color-accent)}}.divider-success{&:before,&:after{background-color:var(--color-success)}}.divider-warning{&:before,&:after{background-color:var(--color-warning)}}.divider-info{&:before,&:after{background-color:var(--color-info)}}.divider-error{&:before,&:after{background-color:var(--color-error)}}.divider-start:before,.divider-end:after{display:none}@media (width>=640px){.sm\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.sm\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.sm\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.sm\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.sm\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.sm\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.sm\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.sm\:divider-success{&:before,&:after{background-color:var(--color-success)}}.sm\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.sm\:divider-info{&:before,&:after{background-color:var(--color-info)}}.sm\:divider-error{&:before,&:after{background-color:var(--color-error)}}.sm\:divider-start:before,.sm\:divider-end:after{display:none}}@media (width>=768px){.md\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.md\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.md\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.md\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.md\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.md\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.md\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.md\:divider-success{&:before,&:after{background-color:var(--color-success)}}.md\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.md\:divider-info{&:before,&:after{background-color:var(--color-info)}}.md\:divider-error{&:before,&:after{background-color:var(--color-error)}}.md\:divider-start:before,.md\:divider-end:after{display:none}}@media (width>=1024px){.lg\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.lg\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.lg\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.lg\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.lg\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.lg\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.lg\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.lg\:divider-success{&:before,&:after{background-color:var(--color-success)}}.lg\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.lg\:divider-info{&:before,&:after{background-color:var(--color-info)}}.lg\:divider-error{&:before,&:after{background-color:var(--color-error)}}.lg\:divider-start:before,.lg\:divider-end:after{display:none}}@media (width>=1280px){.xl\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.xl\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.xl\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.xl\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.xl\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.xl\:divider-success{&:before,&:after{background-color:var(--color-success)}}.xl\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.xl\:divider-info{&:before,&:after{background-color:var(--color-info)}}.xl\:divider-error{&:before,&:after{background-color:var(--color-error)}}.xl\:divider-start:before,.xl\:divider-end:after{display:none}}@media (width>=1536px){.\32 xl\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.\32 xl\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.\32 xl\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.\32 xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.\32 xl\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.\32 xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.\32 xl\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.\32 xl\:divider-success{&:before,&:after{background-color:var(--color-success)}}.\32 xl\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.\32 xl\:divider-info{&:before,&:after{background-color:var(--color-info)}}.\32 xl\:divider-error{&:before,&:after{background-color:var(--color-error)}}.\32 xl\:divider-start:before,.\32 xl\:divider-end:after{display:none}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.divider-primary{&:before,&:after{background-color:var(--color-primary)}}.divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.divider-accent{&:before,&:after{background-color:var(--color-accent)}}.divider-success{&:before,&:after{background-color:var(--color-success)}}.divider-warning{&:before,&:after{background-color:var(--color-warning)}}.divider-info{&:before,&:after{background-color:var(--color-info)}}.divider-error{&:before,&:after{background-color:var(--color-error)}}.divider-start:before,.divider-end:after{display:none}@media (width>=640px){.sm\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.sm\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.sm\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.sm\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.sm\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.sm\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.sm\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.sm\:divider-success{&:before,&:after{background-color:var(--color-success)}}.sm\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.sm\:divider-info{&:before,&:after{background-color:var(--color-info)}}.sm\:divider-error{&:before,&:after{background-color:var(--color-error)}}.sm\:divider-start:before,.sm\:divider-end:after{display:none}}@media (width>=768px){.md\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.md\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.md\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.md\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.md\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.md\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.md\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.md\:divider-success{&:before,&:after{background-color:var(--color-success)}}.md\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.md\:divider-info{&:before,&:after{background-color:var(--color-info)}}.md\:divider-error{&:before,&:after{background-color:var(--color-error)}}.md\:divider-start:before,.md\:divider-end:after{display:none}}@media (width>=1024px){.lg\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.lg\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.lg\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.lg\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.lg\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.lg\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.lg\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.lg\:divider-success{&:before,&:after{background-color:var(--color-success)}}.lg\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.lg\:divider-info{&:before,&:after{background-color:var(--color-info)}}.lg\:divider-error{&:before,&:after{background-color:var(--color-error)}}.lg\:divider-start:before,.lg\:divider-end:after{display:none}}@media (width>=1280px){.xl\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.xl\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.xl\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.xl\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.xl\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.xl\:divider-success{&:before,&:after{background-color:var(--color-success)}}.xl\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.xl\:divider-info{&:before,&:after{background-color:var(--color-info)}}.xl\:divider-error{&:before,&:after{background-color:var(--color-error)}}.xl\:divider-start:before,.xl\:divider-end:after{display:none}}@media (width>=1536px){.\32 xl\:divider{white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;height:1rem;margin-block:1rem;display:flex;&:before,&:after{content:"";background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);flex-grow:1;width:100%;height:.125rem}&:not(:empty){gap:1rem}}.\32 xl\:divider-horizontal{&.divider{flex-direction:column;width:1rem;height:auto;margin-block:0;margin-inline:1rem;&:before,&:after{width:.125rem;height:100%}}}.\32 xl\:divider-vertical{&.divider{flex-direction:row;width:auto;height:1rem;margin-block:1rem;margin-inline:0;&:before,&:after{width:100%;height:.125rem}}}.\32 xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral)}}.\32 xl\:divider-primary{&:before,&:after{background-color:var(--color-primary)}}.\32 xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary)}}.\32 xl\:divider-accent{&:before,&:after{background-color:var(--color-accent)}}.\32 xl\:divider-success{&:before,&:after{background-color:var(--color-success)}}.\32 xl\:divider-warning{&:before,&:after{background-color:var(--color-warning)}}.\32 xl\:divider-info{&:before,&:after{background-color:var(--color-info)}}.\32 xl\:divider-error{&:before,&:after{background-color:var(--color-error)}}.\32 xl\:divider-start:before,.\32 xl\:divider-end:after{display:none}}
package/components/dock/object.js CHANGED
@@ -1 +1 @@
1
- export default {".dock":{"position":"fixed","right":"calc(0.25rem * 0)","bottom":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","z-index":1,"display":"flex","height":"calc(0.25rem * 16)","width":"100%","flex-direction":"row","align-items":"center","justify-content":"space-around","background-color":"var(--color-base-100)","padding-block":"calc(0.25rem * 2)","color":"currentColor","border-top":"0.5px solid color-mix(in oklab, var(--color-base-content) 5%, transparent)","padding-bottom":"env(safe-area-inset-bottom)","&:has(> *:hover) > *:not(:hover)":{"background-color":"transparent"},"> *":{"position":"relative","margin-bottom":"calc(0.25rem * 2)","display":"flex","height":"100%","flex-shrink":1,"flex-basis":"100%","cursor":"pointer","flex-direction":"column","align-items":"center","justify-content":"center","gap":"1px","background-color":"transparent","border-radius":"calc(var(--radius-box) - 0.5rem)","transition":"background-color 0.4s ease-in-out","&:where(:hover)":{"background-color":"var(--color-base-200)"},"&:where(.dock-active)":{"background-color":"var(--color-base-200)","&:after":{"content":"\"\"","position":"absolute","height":"calc(0.25rem * 1)","width":"calc(0.25rem * 10)","border-radius":"calc(infinity * 1px)","background-color":"currentColor","bottom":"0.2rem"}},"&[aria-disabled=\"true\"], &[disabled]":{"&, &:hover":{"pointer-events":"none","color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)"}},".dock-label":{"font-size":"0.6875rem"}}},".dock-xs":{"height":"calc(0.25rem * 10)",".dock-active":{"&:after":{"bottom":"-0.1rem"}},".dock-label":{"font-size":"0.6875rem"}},".dock-sm":{"height":"calc(0.25rem * 12)",".dock-active":{"&:after":{"bottom":"-0.1rem"}},".dock-label":{"font-size":"0.6875rem"}},".dock-md":{"height":"calc(0.25rem * 16)",".dock-label":{"font-size":"0.6875rem"}},".dock-lg":{"height":"calc(0.25rem * 18)",".dock-active":{"&:after":{"bottom":"0.4rem"}},".dock-label":{"font-size":"0.75rem"}},".dock-xl":{"height":"calc(0.25rem * 20)",".dock-active":{"&:after":{"bottom":"0.4rem"}},".dock-label":{"font-size":"0.875rem"}}};
1
+ export default {".dock":{"position":"fixed","right":"calc(0.25rem * 0)","bottom":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","z-index":1,"display":"flex","height":"calc(0.25rem * 16)","width":"100%","flex-direction":"row","align-items":"center","justify-content":"space-around","background-color":"var(--color-base-100)","padding-block":"calc(0.25rem * 2)","color":"currentColor","border-top":"0.5px solid color-mix(in oklab, var(--color-base-content) 5%, transparent)","padding-bottom":"env(safe-area-inset-bottom)","&:has(> *:hover) > *:not(:hover)":{"background-color":"transparent"},"> *":{"position":"relative","margin-bottom":"calc(0.25rem * 2)","display":"flex","height":"100%","flex-shrink":1,"flex-basis":"100%","cursor":"pointer","flex-direction":"column","align-items":"center","justify-content":"center","gap":"1px","border-radius":"calc(infinity * 1px)","background-color":"transparent","transition":"background-color 0.4s ease-in-out","&:where(:hover)":{"background-color":"var(--color-base-200)"},"&:where(.dock-active)":{"background-color":"var(--color-base-200)","&:after":{"content":"\"\"","position":"absolute","height":"calc(0.25rem * 1)","width":"calc(0.25rem * 10)","border-radius":"calc(infinity * 1px)","background-color":"currentColor","bottom":"0.2rem"}},"&[aria-disabled=\"true\"], &[disabled]":{"&, &:hover":{"pointer-events":"none","color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)"}},".dock-label":{"font-size":"0.6875rem"}}},".dock-xs":{"height":"calc(0.25rem * 10)",".dock-active":{"&:after":{"bottom":"-0.1rem"}},".dock-label":{"font-size":"0.6875rem"}},".dock-sm":{"height":"calc(0.25rem * 12)",".dock-active":{"&:after":{"bottom":"-0.1rem"}},".dock-label":{"font-size":"0.6875rem"}},".dock-md":{"height":"calc(0.25rem * 16)",".dock-label":{"font-size":"0.6875rem"}},".dock-lg":{"height":"calc(0.25rem * 18)",".dock-active":{"&:after":{"bottom":"0.4rem"}},".dock-label":{"font-size":"0.75rem"}},".dock-xl":{"height":"calc(0.25rem * 20)",".dock-active":{"&:after":{"bottom":"0.4rem"}},".dock-label":{"font-size":"0.875rem"}}};
package/components/dock.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;border-radius:calc(var(--radius-box) - .5rem);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}@media (width>=640px){.sm\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;border-radius:calc(var(--radius-box) - .5rem);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.sm\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.sm\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.sm\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.sm\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.sm\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}@media (width>=768px){.md\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;border-radius:calc(var(--radius-box) - .5rem);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.md\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.md\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.md\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.md\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.md\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}@media (width>=1024px){.lg\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;border-radius:calc(var(--radius-box) - .5rem);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.lg\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.lg\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.lg\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.lg\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.lg\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}@media (width>=1280px){.xl\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;border-radius:calc(var(--radius-box) - .5rem);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.xl\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.xl\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.xl\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.xl\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.xl\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}@media (width>=1536px){.\32 xl\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;border-radius:calc(var(--radius-box) - .5rem);background-color:#0000;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.\32 xl\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.\32 xl\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.\32 xl\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.\32 xl\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.\32 xl\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;background-color:#0000;border-radius:3.40282e38px;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}@media (width>=640px){.sm\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;background-color:#0000;border-radius:3.40282e38px;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.sm\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.sm\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.sm\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.sm\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.sm\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}@media (width>=768px){.md\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;background-color:#0000;border-radius:3.40282e38px;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.md\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.md\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.md\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.md\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.md\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}@media (width>=1024px){.lg\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;background-color:#0000;border-radius:3.40282e38px;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.lg\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.lg\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.lg\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.lg\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.lg\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}@media (width>=1280px){.xl\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;background-color:#0000;border-radius:3.40282e38px;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.xl\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.xl\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.xl\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.xl\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.xl\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}@media (width>=1536px){.\32 xl\:dock{z-index:1;background-color:var(--color-base-100);color:currentColor;border-top:.5px solid color-mix(in oklab,var(--color-base-content)5%,transparent);width:100%;height:4rem;padding-block:.5rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;&:has(>:hover)>:not(:hover){background-color:#0000}&>*{cursor:pointer;background-color:#0000;border-radius:3.40282e38px;flex-direction:column;flex-shrink:1;flex-basis:100%;justify-content:center;align-items:center;gap:1px;height:100%;margin-bottom:.5rem;transition:background-color .4s ease-in-out;display:flex;position:relative;&:where(:hover){background-color:var(--color-base-200)}&:where(.dock-active){background-color:var(--color-base-200);&:after{content:"";background-color:currentColor;border-radius:3.40282e38px;width:2.5rem;height:.25rem;position:absolute;bottom:.2rem}}&[aria-disabled=true],&[disabled]{&,&:hover{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}& .dock-label{font-size:.6875rem}}}.\32 xl\:dock-xs{height:2.5rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.\32 xl\:dock-sm{height:3rem;& .dock-active{&:after{bottom:-.1rem}}& .dock-label{font-size:.6875rem}}.\32 xl\:dock-md{height:4rem;& .dock-label{font-size:.6875rem}}.\32 xl\:dock-lg{height:4.5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.75rem}}.\32 xl\:dock-xl{height:5rem;& .dock-active{&:after{bottom:.4rem}}& .dock-label{font-size:.875rem}}}
package/components/drawer.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@media (width>=640px){.sm\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.sm\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.sm\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.sm\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.sm\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.sm\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=768px){.md\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.md\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.md\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.md\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.md\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.md\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1024px){.lg\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.lg\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.lg\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.lg\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.lg\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.lg\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1280px){.xl\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.xl\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.xl\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.xl\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.xl\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.xl\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1536px){.\32 xl\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.\32 xl\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.\32 xl\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.\32 xl\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.\32 xl\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.\32 xl\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@media (width>=640px){.sm\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.sm\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.sm\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.sm\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.sm\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.sm\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=768px){.md\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.md\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.md\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.md\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.md\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.md\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1024px){.lg\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.lg\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.lg\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.lg\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.lg\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.lg\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1280px){.xl\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.xl\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.xl\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.xl\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.xl\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.xl\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1536px){.\32 xl\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.\32 xl\:drawer-content{grid-row-start:1;grid-column-start:2;min-width:0}.\32 xl\:drawer-side{pointer-events:none;visibility:hidden;inset-inline-start:0;overscroll-behavior:contain;opacity:0;width:100%;transition:opacity .2s ease-out .1s allow-discrete,visibility .3s ease-out .1s allow-discrete;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:oklch(0% 0 0/.4);place-self:stretch stretch;position:sticky;top:0}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.\32 xl\:drawer-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;opacity:1;overflow-y:auto;&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.\32 xl\:drawer-end{grid-auto-columns:auto max-content;&>.drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.\32 xl\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;opacity:1;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}
package/components/dropdown/object.js CHANGED
@@ -1 +1 @@
1
- export default {".dropdown":{"position":"relative","display":"inline-block","position-area":"var(--anchor-v, bottom) var(--anchor-h, span-right)","& > *:not(summary):focus":{"outline":"2px solid transparent","outline-offset":"2px"},".dropdown-content":{"position":"absolute"},"&:is(:not(details))":{".dropdown-content":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"}},"&[popover], .dropdown-content":{"@starting-style":[{"scale":"95%"},{"opacity":0}],"z-index":999,"animation":"dropdown-pop 0.2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"},"&.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within":{".dropdown-content":{"opacity":"100%","display":"revert"}},"&.dropdown-hover:hover":{".dropdown-content":{"opacity":"100%","display":"revert","scale":"100%"}},"&:is(details)":{"summary":{"&::-webkit-details-marker":{"display":"none"}}},"&.dropdown-open, &:focus, &:focus-within":{".dropdown-content":{"scale":"100%"}},"&[popover]":{"background":"transparent","position":"fixed","color":"inherit","@supports not (position-area: bottom)":{"margin":"auto","&.dropdown-open":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%","&:popover-open":{"opacity":"100%","display":"revert","scale":"100%"}},"&::backdrop":{"background-color":"color-mix(in oklab, black 30%, transparent)"}},"&:not(.dropdown-open, :popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"}}},".dropdown-start":{"--anchor-h":"span-right",":where(.dropdown-content)":{"inset-inline-end":"auto"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"top":"calc(0.25rem * 0)","bottom":"auto"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"top":"calc(0.25rem * 0)","bottom":"auto"}}},".dropdown-center":{"--anchor-h":"center",":where(.dropdown-content)":{"inset-inline-end":"calc(1/2 * 100%)","translate":"50% 0"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}}},".dropdown-end":{"--anchor-h":"span-left",":where(.dropdown-content)":{"inset-inline-end":"calc(0.25rem * 0)"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"calc(0.25rem * 0)"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"calc(0.25rem * 0)"}}},".dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-end":"100%","top":"calc(0.25rem * 0)","bottom":"auto","transform-origin":"right"}},".dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-start":"100%","top":"calc(0.25rem * 0)","bottom":"auto","transform-origin":"left"}},".dropdown-bottom":{"--anchor-v":"bottom",".dropdown-content":{"top":"100%","bottom":"auto","transform-origin":"top"}},".dropdown-top":{"--anchor-v":"top",".dropdown-content":{"top":"auto","bottom":"100%","transform-origin":"bottom"}},"@keyframes dropdown-pop":{"0%":{"opacity":0}}};
1
+ export default {".dropdown":{"position":"relative","display":"inline-block","position-area":"var(--anchor-v, bottom) var(--anchor-h, span-right)","& > *:not(summary):focus":{"outline":"2px solid transparent","outline-offset":"2px"},".dropdown-content":{"position":"absolute"},"&:is(:not(details))":{".dropdown-content":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"}},"&[popover], .dropdown-content":{"@starting-style":[{"scale":"95%"},{"opacity":0}],"z-index":999,"animation":"dropdown 0.2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":"0.2s","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)"},"&.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within":{".dropdown-content":{"opacity":"100%","display":"revert"}},"&.dropdown-hover:hover":{".dropdown-content":{"opacity":"100%","display":"revert","scale":"100%"}},"&:is(details)":{"summary":{"&::-webkit-details-marker":{"display":"none"}}},"&.dropdown-open, &:focus, &:focus-within":{".dropdown-content":{"scale":"100%"}},"&:where([popover])":{"background":"transparent"},"&[popover]":{"position":"fixed","color":"inherit","@supports not (position-area: bottom)":{"margin":"auto","&.dropdown-open":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%","&:popover-open":{"opacity":"100%","display":"revert","scale":"100%"}},"&::backdrop":{"background-color":"color-mix(in oklab, black 30%, transparent)"}},"&:not(.dropdown-open, :popover-open)":{"display":"none","transform-origin":"top","opacity":"0%","scale":"95%"}}},".dropdown-start":{"--anchor-h":"span-right",":where(.dropdown-content)":{"inset-inline-end":"auto"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"top":"calc(0.25rem * 0)","bottom":"auto"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"top":"calc(0.25rem * 0)","bottom":"auto"}}},".dropdown-center":{"--anchor-h":"center",":where(.dropdown-content)":{"inset-inline-end":"calc(1/2 * 100%)","translate":"50% 0"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}}},".dropdown-end":{"--anchor-h":"span-left",":where(.dropdown-content)":{"inset-inline-end":"calc(0.25rem * 0)"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"calc(0.25rem * 0)"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"calc(0.25rem * 0)"}}},".dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-end":"100%","top":"calc(0.25rem * 0)","bottom":"auto","transform-origin":"right"}},".dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-start":"100%","top":"calc(0.25rem * 0)","bottom":"auto","transform-origin":"left"}},".dropdown-bottom":{"--anchor-v":"bottom",".dropdown-content":{"top":"100%","bottom":"auto","transform-origin":"top"}},".dropdown-top":{"--anchor-v":"top",".dropdown-content":{"top":"auto","bottom":"100%","transform-origin":"bottom"}}};
package/components/dropdown.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown-pop;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{color:inherit;background:0 0;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@keyframes dropdown-pop{0%{opacity:0}}@media (width>=640px){.sm\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown-pop;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{color:inherit;background:0 0;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.sm\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.sm\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.sm\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.sm\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.sm\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.sm\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.sm\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@keyframes dropdown-pop{0%{opacity:0}}}@media (width>=768px){.md\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown-pop;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{color:inherit;background:0 0;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.md\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.md\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.md\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.md\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.md\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.md\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.md\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@keyframes dropdown-pop{0%{opacity:0}}}@media (width>=1024px){.lg\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown-pop;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{color:inherit;background:0 0;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.lg\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.lg\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.lg\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.lg\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.lg\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.lg\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.lg\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@keyframes dropdown-pop{0%{opacity:0}}}@media (width>=1280px){.xl\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown-pop;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{color:inherit;background:0 0;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.xl\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.xl\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.xl\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.xl\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.xl\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.xl\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.xl\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@keyframes dropdown-pop{0%{opacity:0}}}@media (width>=1536px){.\32 xl\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown-pop;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{color:inherit;background:0 0;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.\32 xl\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.\32 xl\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.\32 xl\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.\32 xl\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.\32 xl\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.\32 xl\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.\32 xl\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@keyframes dropdown-pop{0%{opacity:0}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@media (width>=640px){.sm\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.sm\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.sm\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.sm\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.sm\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.sm\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.sm\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.sm\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=768px){.md\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.md\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.md\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.md\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.md\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.md\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.md\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.md\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1024px){.lg\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.lg\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.lg\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.lg\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.lg\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.lg\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.lg\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.lg\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1280px){.xl\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.xl\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.xl\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.xl\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.xl\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.xl\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.xl\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.xl\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1536px){.\32 xl\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{position:absolute}&:not(details){& .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}}&[popover],& .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown;@starting-style{&{scale:95%}}@starting-style{&{opacity:0}}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{opacity:1;display:revert}}&.dropdown-hover:hover{& .dropdown-content{opacity:1;display:revert;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&:where([popover]){background:0 0}&[popover]{color:inherit;position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{transform-origin:top;opacity:0;display:none;scale:95%;&:popover-open{opacity:1;display:revert;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}}}.\32 xl\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:0;bottom:auto}}}.\32 xl\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.\32 xl\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:0}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:0}}}.\32 xl\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;transform-origin:100%;top:0;bottom:auto}}.\32 xl\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;transform-origin:0;top:0;bottom:auto}}.\32 xl\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.\32 xl\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}
package/components/fieldset/object.js CHANGED
@@ -1 +1 @@
1
- export default {".fieldset":{"display":"grid","gap":"calc(0.25rem * 1.5)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 3)","font-size":"0.75rem","grid-template-columns":"1fr"},".legend":{"margin-bottom":"calc(0.25rem * -3)","display":"flex","align-items":"center","justify-content":"space-between","gap":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 2)","color":"var(--color-base-content)","font-weight":600},".label":{"display":"flex","cursor":"pointer","align-items":"center","gap":"calc(0.25rem * 1.5)","color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)"}};
1
+ export default {".fieldset":{"display":"grid","gap":"calc(0.25rem * 1.5)","padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 3)","font-size":"0.75rem","grid-template-columns":"1fr"},".fieldset-legend":{"margin-bottom":"calc(0.25rem * -3)","display":"flex","align-items":"center","justify-content":"space-between","gap":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 2)","color":"var(--color-base-content)","font-weight":600},".fieldset-label":{"display":"flex","cursor":"pointer","align-items":"center","gap":"calc(0.25rem * 1.5)","color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)"}};