daisyui 5.0.0-alpha.37 → 5.0.0-alpha.39

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 (192) hide show
  1. package/base/properties.css +1 -1
  2. package/base/reset/object.js +1 -1
  3. package/base/reset.css +1 -1
  4. package/base/rootcolor.css +1 -1
  5. package/base/rootscrollgutter/object.js +1 -1
  6. package/base/rootscrollgutter.css +1 -1
  7. package/base/rootscrolllock/object.js +1 -1
  8. package/base/rootscrolllock.css +1 -1
  9. package/base/scrollbar.css +1 -1
  10. package/base/startingstyle.css +1 -1
  11. package/chunks.css +2 -1
  12. package/colors/properties.css +1 -1
  13. package/colors/responsive.css +1 -1
  14. package/colors/states.css +1 -1
  15. package/components/alert/object.js +1 -1
  16. package/components/alert.css +1 -1
  17. package/components/avatar/object.js +1 -1
  18. package/components/avatar.css +1 -1
  19. package/components/badge/object.js +1 -1
  20. package/components/badge.css +1 -1
  21. package/components/breadcrumbs/object.js +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/card/object.js +1 -1
  26. package/components/card.css +1 -1
  27. package/components/carousel.css +1 -1
  28. package/components/chat/object.js +1 -1
  29. package/components/chat.css +1 -1
  30. package/components/checkbox/object.js +1 -1
  31. package/components/checkbox.css +1 -1
  32. package/components/collapse/object.js +1 -1
  33. package/components/collapse.css +1 -1
  34. package/components/countdown/object.js +1 -1
  35. package/components/countdown.css +1 -1
  36. package/components/divider/object.js +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/object.js +1 -1
  41. package/components/drawer.css +1 -1
  42. package/components/dropdown/object.js +1 -1
  43. package/components/dropdown.css +1 -1
  44. package/components/fileinput/object.js +1 -1
  45. package/components/fileinput.css +1 -1
  46. package/components/footer/object.js +1 -1
  47. package/components/footer.css +1 -1
  48. package/components/formcontrol/index.js +7 -0
  49. package/components/formcontrol/object.js +1 -0
  50. package/components/formcontrol.css +1 -0
  51. package/components/hero/object.js +1 -1
  52. package/components/hero.css +1 -1
  53. package/components/indicator.css +1 -1
  54. package/components/input/object.js +1 -1
  55. package/components/input.css +1 -1
  56. package/components/kbd/object.js +1 -1
  57. package/components/kbd.css +1 -1
  58. package/components/link.css +1 -1
  59. package/components/loading/object.js +1 -1
  60. package/components/loading.css +1 -1
  61. package/components/mask/object.js +1 -1
  62. package/components/mask.css +1 -1
  63. package/components/menu/object.js +1 -1
  64. package/components/menu.css +1 -1
  65. package/components/mockup/object.js +1 -1
  66. package/components/mockup.css +1 -1
  67. package/components/modal/object.js +1 -1
  68. package/components/modal.css +1 -1
  69. package/components/navbar.css +1 -1
  70. package/components/progress/object.js +1 -1
  71. package/components/progress.css +1 -1
  72. package/components/radialprogress/object.js +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/object.js +1 -1
  85. package/components/stack.css +1 -1
  86. package/components/stat/object.js +1 -1
  87. package/components/stat.css +1 -1
  88. package/components/status/object.js +1 -1
  89. package/components/status.css +1 -1
  90. package/components/steps/object.js +1 -1
  91. package/components/steps.css +1 -1
  92. package/components/swap/object.js +1 -1
  93. package/components/swap.css +1 -1
  94. package/components/tab/object.js +1 -1
  95. package/components/tab.css +1 -1
  96. package/components/table/object.js +1 -1
  97. package/components/table.css +1 -1
  98. package/components/textarea/object.js +1 -1
  99. package/components/textarea.css +1 -1
  100. package/components/timeline/object.js +1 -1
  101. package/components/timeline.css +1 -1
  102. package/components/toast/object.js +1 -1
  103. package/components/toast.css +1 -1
  104. package/components/toggle/object.js +1 -1
  105. package/components/toggle.css +1 -1
  106. package/components/tooltip/object.js +1 -1
  107. package/components/tooltip.css +1 -1
  108. package/daisyui.css +1 -0
  109. package/functions/addPrefix.js +58 -43
  110. package/functions/plugin.js +8 -8
  111. package/functions/pluginOptionsHandler.js +22 -22
  112. package/functions/variables.js +25 -26
  113. package/imports.js +5 -4
  114. package/index.js +30 -27
  115. package/package.json +6 -6
  116. package/theme/acid/object.js +1 -1
  117. package/theme/acid.css +3 -4
  118. package/theme/aqua/object.js +1 -1
  119. package/theme/aqua.css +2 -3
  120. package/theme/autumn/object.js +1 -1
  121. package/theme/autumn.css +2 -3
  122. package/theme/black/object.js +1 -1
  123. package/theme/black.css +2 -3
  124. package/theme/bumblebee/object.js +1 -1
  125. package/theme/bumblebee.css +3 -4
  126. package/theme/business/object.js +1 -1
  127. package/theme/business.css +2 -3
  128. package/theme/cmyk/object.js +1 -1
  129. package/theme/cmyk.css +2 -3
  130. package/theme/coffee/object.js +1 -1
  131. package/theme/coffee.css +2 -3
  132. package/theme/corporate/object.js +1 -1
  133. package/theme/corporate.css +3 -4
  134. package/theme/cupcake/object.js +1 -1
  135. package/theme/cupcake.css +2 -3
  136. package/theme/cyberpunk/object.js +1 -1
  137. package/theme/cyberpunk.css +3 -4
  138. package/theme/dark/object.js +1 -1
  139. package/theme/dark.css +2 -3
  140. package/theme/dim/object.js +1 -1
  141. package/theme/dim.css +2 -3
  142. package/theme/dracula/object.js +1 -1
  143. package/theme/dracula.css +2 -3
  144. package/theme/emerald/object.js +1 -1
  145. package/theme/emerald.css +3 -4
  146. package/theme/fantasy/object.js +1 -1
  147. package/theme/fantasy.css +3 -4
  148. package/theme/forest/object.js +1 -1
  149. package/theme/forest.css +3 -4
  150. package/theme/garden/object.js +1 -1
  151. package/theme/garden.css +3 -4
  152. package/theme/halloween/object.js +1 -1
  153. package/theme/halloween.css +2 -3
  154. package/theme/index.js +40 -42
  155. package/theme/lemonade/object.js +1 -1
  156. package/theme/lemonade.css +2 -3
  157. package/theme/light/object.js +1 -1
  158. package/theme/light.css +2 -3
  159. package/theme/lofi/object.js +1 -1
  160. package/theme/lofi.css +2 -3
  161. package/theme/luxury/object.js +1 -1
  162. package/theme/luxury.css +2 -3
  163. package/theme/night/object.js +1 -1
  164. package/theme/night.css +2 -3
  165. package/theme/nord/object.js +1 -1
  166. package/theme/nord.css +3 -4
  167. package/theme/object.js +1 -1
  168. package/theme/pastel/object.js +1 -1
  169. package/theme/pastel.css +3 -4
  170. package/theme/retro/object.js +1 -1
  171. package/theme/retro.css +3 -4
  172. package/theme/sunset/object.js +1 -1
  173. package/theme/sunset.css +3 -4
  174. package/theme/synthwave/object.js +1 -1
  175. package/theme/synthwave.css +2 -3
  176. package/theme/valentine/object.js +1 -1
  177. package/theme/valentine.css +2 -3
  178. package/theme/winter/object.js +1 -1
  179. package/theme/winter.css +2 -3
  180. package/theme/wireframe/object.js +1 -1
  181. package/theme/wireframe.css +3 -4
  182. package/themes.css +1 -1
  183. package/utilities/join/object.js +1 -1
  184. package/utilities/join.css +1 -1
  185. package/utilities/radius/object.js +1 -1
  186. package/utilities/radius.css +1 -1
  187. package/{base → utilities}/typography/index.js +2 -2
  188. package/utilities/typography/object.js +1 -0
  189. package/utilities/typography.css +1 -0
  190. package/base/typography/object.js +0 -1
  191. package/base/typography.css +0 -1
  192. package/full.css +0 -1
package/components/drawer.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – 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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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.39 – 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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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;inset-inline-start:0;overscroll-behavior:contain;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;width:100%;height:100dvh;display:grid;position:fixed;top:0;overflow:hidden;&>.drawer-overlay{cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;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;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>: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;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","display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},"&[popover], .dropdown-content":{"z-index":999,"animation":"dropdown-pop .2s","transition-property":"opacity, scale, display","transition-behavior":"allow-discrete","transition-duration":".2s","transition-timing-function":"cubic-bezier(.4, 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]":{"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":"0px","bottom":"auto"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"top":"0px","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":"0px"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"0px"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"0px"}}},".dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-end":"100%","top":"0px","bottom":"auto","transform-origin":"right"}},".dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-start":"100%","top":"0px","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","display":"none","transform-origin":"top","opacity":"0%","scale":"95%"},"&[popover], .dropdown-content":{"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]":{"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}}};
package/components/dropdown.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – 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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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.39 – 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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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{transform-origin:top;opacity:0;display:none;position:absolute;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}&.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;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}}}
package/components/fileinput/object.js CHANGED
@@ -1 +1 @@
1
- export default {".file-input":{"border":"1px solid transparent","height":"2.5rem","width":"100%","max-width":"20rem","cursor":"pointer","appearance":"none","padding-inline-end":"1rem","vertical-align":"middle","webkit-user-select":"none","user-select":"none","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--radius-join-start-start, var(--radius-btn))","border-start-end-radius":"var(--radius-join-start-end, var(--radius-btn))","border-end-start-radius":"var(--radius-join-end-start, var(--radius-btn))","border-end-end-radius":"var(--radius-join-end-end, var(--radius-btn))","&:where(::file-selector-button)":{"color":"var(--color-base-content)"},"&::file-selector-button":{"margin-inline-end":"1rem","height":"100%","cursor":"pointer","padding-left":"1rem","padding-right":"1rem","webkit-user-select":"none","user-select":"none","border":"1px solid var(--btn-color)","font-size":".875rem","font-weight":600,"--btn-color":"var(--btn-bg, var(--color-base-200))","background-color":"var(--btn-color)","text-shadow":"0 0.5px oklch(1 0 0 / .15)","box-shadow":"0 0 0 0.5px oklch(1 0 0 / .01) inset, var(--btn-shadow)","background-origin":"border-box","background-image":"var(--btn-gradient)","background-size":"100% calc(1px + .5px), 100% calc(1px + .5px), 2rem 100%, 2rem 100%","background-repeat":"no-repeat","background-position":"top, bottom, left, right","--btn-gradient":"linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n linear-gradient(-50deg, transparent 50%, color-mix(in oklab, transparent, white 4%)),\n linear-gradient(50deg, transparent 50%, color-mix(in oklab, transparent, white 4%))"},"&:focus":{"outline":"2px solid var(--btn-bg, color-mix(in srgb, var(--color-base-content) 20%, transparent))","outline-offset":"2px"},"&.file-input-border":{"border-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","box-shadow":"0 1px oklch(0% 0 0 / 0.1) inset, 0 -1px oklch(100% 0 0 / 0.1) inset"},"&.file-input-ghost":{"&:not(&:focus)":{"&::file-selector-button":{"background":"transparent","border-color":"transparent"}}},"&.file-input-primary":{"border-color":"var(--color-primary)","--btn-bg":"var(--color-primary)","&::file-selector-button":{"color":"var(--color-primary-content)"}},"&.file-input-secondary":{"border-color":"var(--color-secondary)","--btn-bg":"var(--color-secondary)","&::file-selector-button":{"color":"var(--color-secondary-content)"}},"&.file-input-accent":{"border-color":"var(--color-accent)","--btn-bg":"var(--color-accent)","&::file-selector-button":{"color":"var(--color-accent-content)"}},"&.file-input-neutral":{"border-color":"var(--color-neutral)","--btn-bg":"var(--color-neutral)","&::file-selector-button":{"color":"var(--color-neutral-content)"}},"&.file-input-info":{"border-color":"var(--color-info)","--btn-bg":"var(--color-info)","&::file-selector-button":{"color":"var(--color-info-content)"}},"&.file-input-success":{"border-color":"var(--color-success)","--btn-bg":"var(--color-success)","&::file-selector-button":{"color":"var(--color-success-content)"}},"&.file-input-warning":{"border-color":"var(--color-warning)","--btn-bg":"var(--color-warning)","&::file-selector-button":{"color":"var(--color-warning-content)"}},"&.file-input-error":{"border-color":"var(--color-error)","--btn-bg":"var(--color-error)","&::file-selector-button":{"color":"var(--color-error-content)"}},"&.file-input-xs":{"height":"1.5rem","padding-inline-end":"0.5rem","font-size":".75rem","line-height":1},"&.file-input-sm":{"height":"2rem","padding-inline-end":"0.75rem","font-size":".875rem","line-height":"1.5rem"},"&.file-input-md":{"height":"2.5rem","padding-inline-end":"1rem","font-size":".875rem","line-height":2},"&.file-input-lg":{"height":"3.5rem","padding-inline-end":"1.5rem","font-size":"1.125rem","line-height":"2rem"},"&:has(> input[disabled]), &:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","color":"color-mix(in oklch, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"},"box-shadow":"none","&::file-selector-button":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)"}}}};
1
+ export default {".file-input":{"border":"var(--spacing-button-border) solid transparent","width":"100%","max-width":"calc(0.25rem * 80)","cursor":"pointer","appearance":"none","vertical-align":"middle","webkit-user-select":"none","user-select":"none","height":"var(--field-size)","padding-inline-end":"0.75rem","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--radius-join-ss, var(--radius-field))","border-start-end-radius":"var(--radius-join-se, var(--radius-field))","border-end-start-radius":"var(--radius-join-es, var(--radius-field))","border-end-end-radius":"var(--radius-join-ee, var(--radius-field))","border-color":"var(--input-color)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) 10%, transparent) inset, 0 -1px oklch(100% 0 0 / 0.1) inset","--spacing-field-size":"0.25rem","--field-size":"calc(var(--spacing-field-size) * 9)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)","&:where(::file-selector-button)":{"color":"var(--color-base-content)"},"&::file-selector-button":{"margin-inline-end":"calc(0.25rem * 4)","height":"100%","cursor":"pointer","padding-inline":"calc(0.25rem * 4)","webkit-user-select":"none","user-select":"none","font-size":"0.875rem","color":"var(--btn-fg)","border-width":"var(--spacing-button-border)","border-style":"solid","border-color":"var(--btn-border)","border-start-start-radius":"calc( var(--radius-join-ss, var(--radius-field) - var(--spacing-button-border)) )","border-end-start-radius":"calc( var(--radius-join-es, var(--radius-field) - var(--spacing-button-border)) )","font-weight":600,"background-color":"var(--btn-bg)","text-shadow":"0 0.5px oklch(1 0 0 / 0.15)","box-shadow":"0 0 0 0.5px color-mix(in oklab, color-mix(in oklab, white 20%, var(--btn-bg)) 20%, transparent) inset, var(--btn-shadow)","background-origin":"border-box","background-image":"var(--btn-gradient)","background-size":"100% calc(var(--spacing-button-border) + 0.5px), 100% calc(var(--spacing-button-border) + 0.5px), 2rem 100%, 2rem 100%","background-repeat":"no-repeat","background-position":"top, bottom, left, right","--spacing-field-size":"0.25rem","--field-size":"calc(var(--spacing-field-size) * 9)","--btn-bg":"var(--btn-color, var(--color-base-200))","--btn-fg":"var(--color-base-content)","--btn-border":"color-mix(in oklab, var(--btn-bg), black 5%)","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, transparent),\n 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, transparent)","--btn-gradient":"linear-gradient(\n to left,\n transparent 25%,\n color-mix(in oklab, color-mix(in oklab, white 20%, var(--btn-bg)) 40%, transparent),\n transparent 75%\n ),\n linear-gradient(\n to left,\n transparent 25%,\n color-mix(in oklab, color-mix(in oklab, white 20%, var(--btn-bg)) 10%, transparent),\n transparent 75%\n ),\n linear-gradient(\n -50deg,\n transparent 50%,\n color-mix(in oklab, transparent, color-mix(in oklab, var(--color-base-100), white 50%) 4%)\n ),\n linear-gradient(\n 50deg,\n transparent 50%,\n color-mix(in oklab, transparent, color-mix(in oklab, var(--color-base-100), white 50%) 4%)\n )"},"&:focus":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) 10%, transparent)","outline":"2px solid var(--input-color)","outline-offset":"2px","isolation":"isolate"},"&:has(> input[disabled]), &:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","color":"color-mix(in oklch, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"},"box-shadow":"none","&::file-selector-button":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)"}}},".file-input-ghost":{"background-color":"transparent","transition":"background-color 0.2s","box-shadow":"none","border-color":"transparent","&:focus, &:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"transparent","box-shadow":"none"}},".file-input-neutral":{"--btn-color":"var(--color-neutral)","&::file-selector-button":{"color":"var(--color-neutral-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}},".file-input-primary":{"--btn-color":"var(--color-primary)","&::file-selector-button":{"color":"var(--color-primary-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}},".file-input-secondary":{"--btn-color":"var(--color-secondary)","&::file-selector-button":{"color":"var(--color-secondary-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}},".file-input-accent":{"--btn-color":"var(--color-accent)","&::file-selector-button":{"color":"var(--color-accent-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}},".file-input-info":{"--btn-color":"var(--color-info)","&::file-selector-button":{"color":"var(--color-info-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}},".file-input-success":{"--btn-color":"var(--color-success)","&::file-selector-button":{"color":"var(--color-success-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}},".file-input-warning":{"--btn-color":"var(--color-warning)","&::file-selector-button":{"color":"var(--color-warning-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}},".file-input-error":{"--btn-color":"var(--color-error)","&::file-selector-button":{"color":"var(--color-error-content)"},"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}},".file-input-xs":{"--field-size":"calc(var(--spacing-field-size) * 6)","font-size":"0.6875rem","line-height":"1rem","&::file-selector-button":{"font-size":"0.6875rem"}},".file-input-sm":{"--field-size":"calc(var(--spacing-field-size) * 8)","font-size":"0.75rem","line-height":"1.5rem","&::file-selector-button":{"font-size":"0.75rem"}},".file-input-md":{"--field-size":"calc(var(--spacing-field-size) * 10)","font-size":"0.875rem","line-height":2,"&::file-selector-button":{"font-size":"0.875rem"}},".file-input-lg":{"--field-size":"calc(var(--spacing-field-size) * 12)","font-size":"1.125rem","line-height":"2.5rem","&::file-selector-button":{"font-size":"1.125rem"}},".file-input-xl":{"padding-inline-end":"calc(0.25rem * 6)","--field-size":"calc(var(--spacing-field-size) * 14)","font-size":"1.375rem","line-height":"3rem","&::file-selector-button":{"font-size":"1.375rem"}}};
package/components/fileinput.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .file-input{cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--btn-color);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;background-size:100% 1.5px,100% 1.5px,2rem 100%,2rem 100%;height:100%;margin-inline-end:1rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary);--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary);--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent);--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral);--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info);--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success);--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning);--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error);--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:1.5rem;padding-inline-end:.5rem;font-size:.75rem;line-height:1}&.file-input-sm{height:2rem;padding-inline-end:.75rem;font-size:.875rem;line-height:1.5rem}&.file-input-md{height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2}&.file-input-lg{height:3.5rem;padding-inline-end:1.5rem;font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}@media (width>=640px){.sm\:file-input{cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--btn-color);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;background-size:100% 1.5px,100% 1.5px,2rem 100%,2rem 100%;height:100%;margin-inline-end:1rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary);--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary);--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent);--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral);--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info);--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success);--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning);--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error);--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:1.5rem;padding-inline-end:.5rem;font-size:.75rem;line-height:1}&.file-input-sm{height:2rem;padding-inline-end:.75rem;font-size:.875rem;line-height:1.5rem}&.file-input-md{height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2}&.file-input-lg{height:3.5rem;padding-inline-end:1.5rem;font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}}@media (width>=768px){.md\:file-input{cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--btn-color);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;background-size:100% 1.5px,100% 1.5px,2rem 100%,2rem 100%;height:100%;margin-inline-end:1rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary);--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary);--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent);--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral);--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info);--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success);--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning);--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error);--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:1.5rem;padding-inline-end:.5rem;font-size:.75rem;line-height:1}&.file-input-sm{height:2rem;padding-inline-end:.75rem;font-size:.875rem;line-height:1.5rem}&.file-input-md{height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2}&.file-input-lg{height:3.5rem;padding-inline-end:1.5rem;font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}}@media (width>=1024px){.lg\:file-input{cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--btn-color);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;background-size:100% 1.5px,100% 1.5px,2rem 100%,2rem 100%;height:100%;margin-inline-end:1rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary);--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary);--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent);--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral);--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info);--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success);--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning);--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error);--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:1.5rem;padding-inline-end:.5rem;font-size:.75rem;line-height:1}&.file-input-sm{height:2rem;padding-inline-end:.75rem;font-size:.875rem;line-height:1.5rem}&.file-input-md{height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2}&.file-input-lg{height:3.5rem;padding-inline-end:1.5rem;font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}}@media (width>=1280px){.xl\:file-input{cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--btn-color);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;background-size:100% 1.5px,100% 1.5px,2rem 100%,2rem 100%;height:100%;margin-inline-end:1rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary);--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary);--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent);--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral);--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info);--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success);--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning);--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error);--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:1.5rem;padding-inline-end:.5rem;font-size:.75rem;line-height:1}&.file-input-sm{height:2rem;padding-inline-end:.75rem;font-size:.875rem;line-height:1.5rem}&.file-input-md{height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2}&.file-input-lg{height:3.5rem;padding-inline-end:1.5rem;font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}}@media (width>=1536px){.\32 xl\:file-input{cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;max-width:20rem;height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--btn-color);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;background-size:100% 1.5px,100% 1.5px,2rem 100%,2rem 100%;height:100%;margin-inline-end:1rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content)10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary);--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary);--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent);--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral);--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info);--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success);--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning);--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error);--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:1.5rem;padding-inline-end:.5rem;font-size:.75rem;line-height:1}&.file-input-sm{height:2rem;padding-inline-end:.75rem;font-size:.875rem;line-height:1.5rem}&.file-input-md{height:2.5rem;padding-inline-end:1rem;font-size:.875rem;line-height:2}&.file-input-lg{height:3.5rem;padding-inline-end:1.5rem;font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}@media (width>=640px){.sm\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.sm\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.sm\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.sm\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.sm\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.sm\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.sm\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=768px){.md\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.md\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.md\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.md\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.md\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.md\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.md\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1024px){.lg\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.lg\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.lg\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.lg\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.lg\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.lg\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.lg\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1280px){.xl\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.xl\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.xl\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.xl\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.xl\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.xl\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.xl\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1536px){.\32 xl\:file-input{border:var(--spacing-button-border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;height:var(--field-size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent)inset,0 -1px oklch(100% 0 0/.1) inset;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));width:100%;max-width:20rem;padding-inline-end:.75rem;font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--btn-fg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:calc(var(--radius-join-ss,var(--radius-field) - var(--spacing-button-border)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--spacing-button-border)));height:100%;margin-inline-end:1rem;padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,transparent);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklch,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}}}.\32 xl\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.\32 xl\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:file-input-xs{--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.\32 xl\:file-input-sm{--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.\32 xl\:file-input-md{--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.\32 xl\:file-input-lg{--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.\32 xl\:file-input-xl{--field-size:calc(var(--spacing-field-size)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}
package/components/footer/object.js CHANGED
@@ -1 +1 @@
1
- export default {".footer":{"display":"grid","width":"100%","grid-auto-flow":"row","place-items":"start","column-gap":"1rem","row-gap":"2.5rem","font-size":"0.875rem","line-height":"1.25rem","&>*":{"display":"grid","place-items":"start","gap":"0.5rem"},"&.footer-center":{"grid-auto-flow":"column dense","place-items":"center","text-align":"center","&>*":{"place-items":"center"}}},".footer-title":{"margin-bottom":"0.5rem","text-transform":"uppercase","opacity":"60%","font-weight":700},".footer-horizontal":{"grid-auto-flow":"column","&.footer-center":{"grid-auto-flow":"row dense"}},".footer-vertical":{"grid-auto-flow":"row","&.footer-center":{"grid-auto-flow":"column dense"}}};
1
+ export default {".footer":{"display":"grid","width":"100%","grid-auto-flow":"row","place-items":"start","column-gap":"calc(0.25rem * 4)","row-gap":"calc(0.25rem * 10)","font-size":"0.875rem","line-height":"1.25rem","& > *":{"display":"grid","place-items":"start","gap":"calc(0.25rem * 2)"},"&.footer-center":{"grid-auto-flow":"column dense","place-items":"center","text-align":"center","& > *":{"place-items":"center"}}},".footer-title":{"margin-bottom":"calc(0.25rem * 2)","text-transform":"uppercase","opacity":"60%","font-weight":600},".footer-horizontal":{"grid-auto-flow":"column","&.footer-center":{"grid-auto-flow":"row dense"}},".footer-vertical":{"grid-auto-flow":"row","&.footer-center":{"grid-auto-flow":"column dense"}}};
package/components/footer.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:700}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}@media (width>=640px){.sm\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.sm\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:700}.sm\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.sm\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=768px){.md\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.md\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:700}.md\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.md\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1024px){.lg\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.lg\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:700}.lg\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.lg\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1280px){.xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.xl\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:700}.xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1536px){.\32 xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.\32 xl\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:700}.\32 xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.\32 xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}@media (width>=640px){.sm\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.sm\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.sm\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.sm\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=768px){.md\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.md\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.md\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.md\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1024px){.lg\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.lg\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.lg\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.lg\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1280px){.xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.xl\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1536px){.\32 xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.\32 xl\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.\32 xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.\32 xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}
package/components/formcontrol/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import formcontrol from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedformcontrol = addPrefix(formcontrol, prefix);
6
+ addComponents({ ...prefixedformcontrol });
7
+ };
package/components/formcontrol/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".form-control":{"display":"flex","flex-direction":"column"}};
package/components/formcontrol.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .form-control{flex-direction:column;display:flex}@media (width>=640px){.sm\:form-control{flex-direction:column;display:flex}}@media (width>=768px){.md\:form-control{flex-direction:column;display:flex}}@media (width>=1024px){.lg\:form-control{flex-direction:column;display:flex}}@media (width>=1280px){.xl\:form-control{flex-direction:column;display:flex}}@media (width>=1536px){.\32 xl\:form-control{flex-direction:column;display:flex}}
package/components/hero/object.js CHANGED
@@ -1 +1 @@
1
- export default {".hero":{"display":"grid","width":"100%","place-items":"center","background-size":"cover","background-position":"center","&>*":{"grid-column-start":"1","grid-row-start":"1"}},".hero-overlay":{"grid-column-start":"1","grid-row-start":"1","height":"100%","width":"100%","background-color":"color-mix(in oklch, var(--color-neutral) 50%, transparent)"},".hero-content":{"z-index":0,"display":"flex","max-width":"80rem","align-items":"center","justify-content":"center","gap":"1rem","padding":"1rem"}};
1
+ export default {".hero":{"display":"grid","width":"100%","place-items":"center","background-size":"cover","background-position":"center","& > *":{"grid-column-start":"1","grid-row-start":"1"}},".hero-overlay":{"grid-column-start":"1","grid-row-start":"1","height":"100%","width":"100%","background-color":"color-mix(in oklch, var(--color-neutral) 50%, transparent)"},".hero-content":{"z-index":0,"display":"flex","max-width":"var(--container-7xl)","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 4)","padding":"calc(0.25rem * 4)"}};
package/components/hero.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.hero-content{z-index:0;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}@media (width>=640px){.sm\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.sm\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.sm\:hero-content{z-index:0;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}@media (width>=768px){.md\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.md\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.md\:hero-content{z-index:0;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}@media (width>=1024px){.lg\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.lg\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.lg\:hero-content{z-index:0;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}@media (width>=1280px){.xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.xl\:hero-content{z-index:0;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}@media (width>=1536px){.\32 xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.\32 xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.\32 xl\:hero-content{z-index:0;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}@media (width>=640px){.sm\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.sm\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.sm\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=768px){.md\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.md\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.md\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=1024px){.lg\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.lg\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.lg\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=1280px){.xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.xl\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}@media (width>=1536px){.\32 xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.\32 xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.\32 xl\:hero-content{z-index:0;max-width:var(--container-7xl);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}}
package/components/indicator.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.37 – MIT License */ .indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}@media (width>=640px){.sm\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=768px){.md\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1024px){.lg\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1280px){.xl\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1536px){.\32 xl\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}@media (width>=640px){.sm\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=768px){.md\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1024px){.lg\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1280px){.xl\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}@media (width>=1536px){.\32 xl\:indicator{width:max-content;display:inline-flex;position:relative;& :where(.indicator-item){z-index:1;white-space:nowrap;translate:var(--inidcator-x,50%)var(--indicator-y,-50%);position:absolute;inset:0 0 auto auto}& :where(.indicator-item.indicator-start){--inidcator-x:-50%;left:0;right:auto}& :where(.indicator-item.indicator-center){--inidcator-x:-50%;left:50%;right:50%}& :where(.indicator-item.indicator-end){--inidcator-x:50%;left:auto;right:0}& :where(.indicator-item.indicator-bottom){--indicator-y:50%;top:auto;bottom:0}& :where(.indicator-item.indicator-middle){--indicator-y:-50%;top:50%;bottom:50%}& :where(.indicator-item.indicator-top){--indicator-y:-50%;top:0;bottom:auto}}}
package/components/input/object.js CHANGED
@@ -1 +1 @@
1
- export default {".input":{"border":"1px solid transparent","height":"2.5rem","width":"100%","max-width":"20rem","flex-shrink":1,"appearance":"none","background-color":"var(--color-base-100)","padding-left":"1rem","padding-right":"1rem","vertical-align":"middle","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--radius-join-start-start, var(--radius-btn))","border-start-end-radius":"var(--radius-join-start-end, var(--radius-btn))","border-end-start-radius":"var(--radius-join-end-start, var(--radius-btn))","border-end-end-radius":"var(--radius-join-end-end, var(--radius-btn))","input":{"width":"100%","background-color":"transparent","border":"none","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus, &:focus-within":{"border-color":"color-mix(in srgb, var(--color-base-content) 20%, transparent)","outline":"2px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","outline-offset":"2px"},"&:has(> input[disabled]), &:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","color":"color-mix(in oklch, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"},"box-shadow":"none"},"&:has(> input[disabled])>input[disabled]":{"cursor":"not-allowed"},"&::-webkit-date-and-time-value":{"text-align":"inherit"},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-top":"calc(1rem * -1)","margin-bottom":"calc(1rem * -1)","margin-inline-end":"calc(1rem * -1)"}},"&[list]":{"&::-webkit-calendar-picker-indicator":{"line-height":"1em"}},"&.input-border":{"border-color":"color-mix(in oklch, var(--color-base-content) 10%, transparent)","box-shadow":"0 1px oklch(0% 0 0 / 0.1) inset, 0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"box-shadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.input-ghost":{"background-color":"color-mix(in oklch, var(--color-base-100) 5%, transparent)","box-shadow":"none","&:focus, &:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","box-shadow":"none"}},"&.input-primary":{"border-color":"var(--color-primary)","background-color":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-primary)","outline-color":"var(--color-primary)"}},"&.input-secondary":{"border-color":"var(--color-secondary)","background-color":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-secondary)","outline-color":"var(--color-secondary)"}},"&.input-accent":{"border-color":"var(--color-accent)","background-color":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-accent)","outline-color":"var(--color-accent)"}},"&.input-info":{"border-color":"var(--color-info)","background-color":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-info)","outline-color":"var(--color-info)"}},"&.input-success":{"border-color":"var(--color-success)","background-color":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-success)","outline-color":"var(--color-success)"}},"&.input-warning":{"border-color":"var(--color-warning)","background-color":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-warning)","outline-color":"var(--color-warning)"}},"&.input-error":{"border-color":"var(--color-error)","background-color":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus, &:focus-within":{"border-color":"var(--color-error)","outline-color":"var(--color-error)"}},"&.input-xs":{"height":"1.5rem","padding-left":"0.5rem","padding-right":"0.5rem","font-size":"0.75rem","line-height":1.625,"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-top":"calc(0.25rem * -1)","margin-bottom":"calc(0.25rem * -1)","margin-inline-end":"calc(0px * -1)"}}},"&.input-sm":{"height":"2rem","padding-left":"0.75rem","padding-right":"0.75rem","font-size":"0.875rem","line-height":"2rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-top":"0px","margin-bottom":"0px","margin-inline-end":"calc(0px * -1)"}}},"&.input-md":{"height":"2.5rem","padding-left":"1rem","padding-right":"1rem","font-size":"0.875rem","line-height":2,"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-top":"calc(1rem * -1)","margin-bottom":"calc(1rem * -1)","margin-inline-end":"calc(1rem * -1)"}}},"&.input-lg":{"height":"3.5rem","padding-left":"1.5rem","padding-right":"1.5rem","font-size":"1.125rem","line-height":"2rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-top":"calc(1.5rem * -1)","margin-bottom":"calc(1.5rem * -1)","margin-inline-end":"calc(1.5rem * -1)"}}}}};
1
+ export default {".input":{"border":"var(--spacing-button-border) solid transparent","width":"100%","max-width":"calc(0.25rem * 80)","flex-shrink":1,"appearance":"none","background-color":"var(--color-base-100)","vertical-align":"middle","height":"var(--field-size)","padding-inline-start":"0.75rem","padding-inline-end":"0.75rem","font-size":"0.875rem","border-start-start-radius":"var(--radius-join-ss, var(--radius-field))","border-start-end-radius":"var(--radius-join-se, var(--radius-field))","border-end-start-radius":"var(--radius-join-es, var(--radius-field))","border-end-end-radius":"var(--radius-join-ee, var(--radius-field))","border-color":"var(--input-color)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) 10%, transparent) inset, 0 -1px oklch(100% 0 0 / 0.1) inset","--spacing-field-size":"0.25rem","--field-size":"calc(var(--spacing-field-size) * 9)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)","input":{"width":"100%","appearance":"none","background-color":"transparent","border":"none","&:focus, &:focus-within":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus, &:focus-within":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) 10%, transparent)","outline":"2px solid var(--input-color)","outline-offset":"2px","isolation":"isolate"},"&:has(> input[disabled]), &:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","color":"color-mix(in oklch, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"},"box-shadow":"none"},"&:has(> input[disabled]) > input[disabled]":{"cursor":"not-allowed"},"&::-webkit-date-and-time-value":{"text-align":"inherit"},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -4)","margin-inline-end":"calc(0.25rem * -4)"}},"&[list]":{"&::-webkit-calendar-picker-indicator":{}}},".input-ghost":{"background-color":"transparent","transition":"background-color 0.2s","box-shadow":"none","border-color":"transparent","&:focus, &:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"transparent","box-shadow":"none"}},".input-neutral":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}},".input-primary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}},".input-secondary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}},".input-accent":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}},".input-info":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}},".input-success":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}},".input-warning":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}},".input-error":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}},".input-xs":{"--field-size":"calc(var(--spacing-field-size) * 6)","font-size":"0.6875rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -1)","margin-inline-end":"calc(0.25rem * -0)"}}},".input-sm":{"--field-size":"calc(var(--spacing-field-size) * 8)","font-size":"0.75rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * 0)","margin-inline-end":"calc(0.25rem * -0)"}}},".input-md":{"--field-size":"calc(var(--spacing-field-size) * 10)","font-size":"0.875rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -4)","margin-inline-end":"calc(0.25rem * -4)"}}},".input-lg":{"--field-size":"calc(var(--spacing-field-size) * 12)","font-size":"1.125rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -6)","margin-inline-end":"calc(0.25rem * -6)"}}},".input-xl":{"--field-size":"calc(var(--spacing-field-size) * 14)","font-size":"1.375rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -6)","margin-inline-end":"calc(0.25rem * -6)"}}}};