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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (182) hide show
  1. package/base/keyframes/index.js +7 -0
  2. package/base/keyframes/object.js +1 -0
  3. package/base/keyframes.css +1 -0
  4. package/base/properties.css +1 -1
  5. package/base/reset/object.js +1 -1
  6. package/base/reset.css +1 -1
  7. package/base/rootcolor/object.js +1 -1
  8. package/base/rootcolor.css +1 -1
  9. package/base/rootscrollgutter/object.js +1 -1
  10. package/base/rootscrollgutter.css +1 -1
  11. package/base/rootscrolllock.css +1 -1
  12. package/base/scrollbar.css +1 -1
  13. package/chunks.css +3 -0
  14. package/colors/properties.css +1 -1
  15. package/colors/responsive.css +1 -1
  16. package/colors/states.css +1 -1
  17. package/components/alert/object.js +1 -1
  18. package/components/alert.css +1 -1
  19. package/components/avatar.css +1 -1
  20. package/components/badge/object.js +1 -1
  21. package/components/badge.css +1 -1
  22. package/components/breadcrumbs.css +1 -1
  23. package/components/button/object.js +1 -1
  24. package/components/button.css +1 -1
  25. package/components/calendar/object.js +1 -1
  26. package/components/calendar.css +1 -1
  27. package/components/card/object.js +1 -1
  28. package/components/card.css +1 -1
  29. package/components/carousel.css +1 -1
  30. package/components/chat.css +1 -1
  31. package/components/checkbox/object.js +1 -1
  32. package/components/checkbox.css +1 -1
  33. package/components/collapse/object.js +1 -1
  34. package/components/collapse.css +1 -1
  35. package/components/countdown.css +1 -1
  36. package/components/diff.css +1 -1
  37. package/components/divider.css +1 -1
  38. package/components/dock/object.js +1 -1
  39. package/components/dock.css +1 -1
  40. package/components/drawer.css +1 -1
  41. package/components/dropdown/object.js +1 -1
  42. package/components/dropdown.css +1 -1
  43. package/components/fieldset/object.js +1 -1
  44. package/components/fieldset.css +1 -1
  45. package/components/fileinput/object.js +1 -1
  46. package/components/fileinput.css +1 -1
  47. package/components/filter.css +1 -1
  48. package/components/footer.css +1 -1
  49. package/components/hero.css +1 -1
  50. package/components/indicator.css +1 -1
  51. package/components/input/object.js +1 -1
  52. package/components/input.css +1 -1
  53. package/components/kbd/object.js +1 -1
  54. package/components/kbd.css +1 -1
  55. package/components/label/index.js +7 -0
  56. package/components/label/object.js +1 -0
  57. package/components/label.css +1 -0
  58. package/components/link.css +1 -1
  59. package/components/list/index.js +7 -0
  60. package/components/list/object.js +1 -0
  61. package/components/list.css +1 -0
  62. package/components/loading.css +1 -1
  63. package/components/mask.css +1 -1
  64. package/components/menu/object.js +1 -1
  65. package/components/menu.css +1 -1
  66. package/components/mockup/object.js +1 -1
  67. package/components/mockup.css +1 -1
  68. package/components/modal/object.js +1 -1
  69. package/components/modal.css +1 -1
  70. package/components/navbar.css +1 -1
  71. package/components/progress/object.js +1 -1
  72. package/components/progress.css +1 -1
  73. package/components/radialprogress.css +1 -1
  74. package/components/radio/object.js +1 -1
  75. package/components/radio.css +1 -1
  76. package/components/range/object.js +1 -1
  77. package/components/range.css +1 -1
  78. package/components/rating/object.js +1 -1
  79. package/components/rating.css +1 -1
  80. package/components/select/object.js +1 -1
  81. package/components/select.css +1 -1
  82. package/components/skeleton/object.js +1 -1
  83. package/components/skeleton.css +1 -1
  84. package/components/stack.css +1 -1
  85. package/components/stat/object.js +1 -1
  86. package/components/stat.css +1 -1
  87. package/components/status/object.js +1 -1
  88. package/components/status.css +1 -1
  89. package/components/steps.css +1 -1
  90. package/components/swap.css +1 -1
  91. package/components/tab/object.js +1 -1
  92. package/components/tab.css +1 -1
  93. package/components/table/object.js +1 -1
  94. package/components/table.css +1 -1
  95. package/components/textarea/object.js +1 -1
  96. package/components/textarea.css +1 -1
  97. package/components/timeline/object.js +1 -1
  98. package/components/timeline.css +1 -1
  99. package/components/toast/object.js +1 -1
  100. package/components/toast.css +1 -1
  101. package/components/toggle/object.js +1 -1
  102. package/components/toggle.css +1 -1
  103. package/components/tooltip/object.js +1 -1
  104. package/components/tooltip.css +1 -1
  105. package/daisyui.css +1 -1
  106. package/functions/pluginOptionsHandler.js +3 -1
  107. package/imports.js +5 -2
  108. package/package.json +1 -13
  109. package/theme/abyss/object.js +1 -1
  110. package/theme/abyss.css +1 -1
  111. package/theme/acid/object.js +1 -1
  112. package/theme/acid.css +1 -1
  113. package/theme/aqua/object.js +1 -1
  114. package/theme/aqua.css +1 -1
  115. package/theme/autumn/object.js +1 -1
  116. package/theme/autumn.css +1 -1
  117. package/theme/black/object.js +1 -1
  118. package/theme/black.css +1 -1
  119. package/theme/bumblebee/object.js +1 -1
  120. package/theme/bumblebee.css +1 -1
  121. package/theme/business/object.js +1 -1
  122. package/theme/business.css +1 -1
  123. package/theme/cmyk/object.js +1 -1
  124. package/theme/cmyk.css +1 -1
  125. package/theme/coffee/object.js +1 -1
  126. package/theme/coffee.css +1 -1
  127. package/theme/corporate/object.js +1 -1
  128. package/theme/corporate.css +1 -1
  129. package/theme/cupcake/object.js +1 -1
  130. package/theme/cupcake.css +1 -1
  131. package/theme/cyberpunk/object.js +1 -1
  132. package/theme/cyberpunk.css +1 -1
  133. package/theme/dark/object.js +1 -1
  134. package/theme/dark.css +1 -1
  135. package/theme/dim/object.js +1 -1
  136. package/theme/dim.css +1 -1
  137. package/theme/dracula/object.js +1 -1
  138. package/theme/dracula.css +1 -1
  139. package/theme/emerald/object.js +1 -1
  140. package/theme/emerald.css +1 -1
  141. package/theme/fantasy/object.js +1 -1
  142. package/theme/fantasy.css +1 -1
  143. package/theme/forest/object.js +1 -1
  144. package/theme/forest.css +1 -1
  145. package/theme/garden/object.js +1 -1
  146. package/theme/garden.css +1 -1
  147. package/theme/halloween/object.js +1 -1
  148. package/theme/halloween.css +1 -1
  149. package/theme/lemonade/object.js +1 -1
  150. package/theme/lemonade.css +1 -1
  151. package/theme/light/object.js +1 -1
  152. package/theme/light.css +1 -1
  153. package/theme/lofi/object.js +1 -1
  154. package/theme/lofi.css +1 -1
  155. package/theme/luxury/object.js +1 -1
  156. package/theme/luxury.css +1 -1
  157. package/theme/night/object.js +1 -1
  158. package/theme/night.css +1 -1
  159. package/theme/nord/object.js +1 -1
  160. package/theme/nord.css +1 -1
  161. package/theme/object.js +1 -1
  162. package/theme/pastel/object.js +1 -1
  163. package/theme/pastel.css +1 -1
  164. package/theme/retro/object.js +1 -1
  165. package/theme/retro.css +1 -1
  166. package/theme/silk/object.js +1 -1
  167. package/theme/silk.css +1 -1
  168. package/theme/sunset/object.js +1 -1
  169. package/theme/sunset.css +1 -1
  170. package/theme/synthwave/object.js +1 -1
  171. package/theme/synthwave.css +1 -1
  172. package/theme/valentine/object.js +1 -1
  173. package/theme/valentine.css +1 -1
  174. package/theme/winter/object.js +1 -1
  175. package/theme/winter.css +1 -1
  176. package/theme/wireframe/object.js +1 -1
  177. package/theme/wireframe.css +1 -1
  178. package/themes.css +1 -1
  179. package/utilities/join/object.js +1 -1
  180. package/utilities/join.css +1 -1
  181. package/utilities/radius.css +1 -1
  182. package/utilities/typography.css +1 -1
package/components/fieldset.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}@media (width>=640px){.sm\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.sm\:legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.sm\:label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}@media (width>=768px){.md\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.md\:legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.md\:label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}@media (width>=1024px){.lg\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.lg\:legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.lg\:label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}@media (width>=1280px){.xl\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.xl\:legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.xl\:label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}@media (width>=1536px){.\32 xl\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.\32 xl\:legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.\32 xl\:label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.fieldset-legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.fieldset-label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}@media (width>=640px){.sm\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.sm\:fieldset-legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.sm\:fieldset-label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}@media (width>=768px){.md\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.md\:fieldset-legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.md\:fieldset-label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}@media (width>=1024px){.lg\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.lg\:fieldset-legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.lg\:fieldset-label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}@media (width>=1280px){.xl\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.xl\:fieldset-legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.xl\:fieldset-label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}@media (width>=1536px){.\32 xl\:fieldset{grid-template-columns:1fr;gap:.375rem;padding-block:.75rem;padding-inline:.5rem;font-size:.75rem;display:grid}.\32 xl\:fieldset-legend{color:var(--color-base-content);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.75rem;padding-block:.5rem;font-weight:600;display:flex}.\32 xl\:fieldset-label{cursor:pointer;color:color-mix(in oklab,var(--color-base-content)60%,transparent);align-items:center;gap:.375rem;display:flex}}
package/components/fileinput/object.js CHANGED
@@ -1 +1 @@
1
- export default {".file-input":{"cursor":["pointer","pointer"],"border":"var(--border-width) solid transparent","display":"inline-flex","width":"100%","max-width":"calc(0.25rem * 80)","appearance":"none","align-items":"center","vertical-align":"middle","webkit-user-select":"none","user-select":"none","height":"var(--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","--size":"calc(var(--size-field, 0.25rem) * 10)","--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(--border-width)","border-style":"solid","border-color":"var(--btn-border)","border-start-start-radius":"calc( var(--radius-join-ss, var(--radius-field) - var(--border-width)) )","border-end-start-radius":"calc(var(--radius-join-es, var(--radius-field) - var(--border-width)))","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(--border-width) + 0.5px), 100% calc(var(--border-width) + 0.5px), 2rem 100%, 2rem 100%","background-repeat":"no-repeat","background-position":"top, bottom, left, right","--size":"calc(var(--size-field, 0.25rem) * 10)","--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 oklab, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklab, 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":{"--size":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.6875rem","line-height":"1rem","&::file-selector-button":{"font-size":"0.6875rem"}},".file-input-sm":{"--size":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.75rem","line-height":"1.5rem","&::file-selector-button":{"font-size":"0.75rem"}},".file-input-md":{"--size":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","line-height":2,"&::file-selector-button":{"font-size":"0.875rem"}},".file-input-lg":{"--size":"calc(var(--size-field, 0.25rem) * 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)","--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.375rem","line-height":"3rem","&::file-selector-button":{"font-size":"1.375rem"}}};
1
+ export default {".file-input":{"cursor":["pointer","pointer"],"border":"var(--border) solid transparent","display":"inline-flex","width":"100%","max-width":"calc(0.25rem * 80)","appearance":"none","align-items":"center","vertical-align":"middle","webkit-user-select":"none","user-select":"none","height":"var(--size)","padding-inline-end":"0.75rem","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--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","--size":"calc(var(--size-field, 0.25rem) * 10)","--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(--border)","border-style":"solid","border-color":"var(--btn-border)","border-start-start-radius":"calc(var(--join-ss, var(--radius-field) - var(--border)))","border-end-start-radius":"calc(var(--join-es, var(--radius-field) - var(--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(--border) + 0.5px), 100% calc(var(--border) + 0.5px), 2rem 100%, 2rem 100%","background-repeat":"no-repeat","background-position":"top, bottom, left, right","--size":"calc(var(--size-field, 0.25rem) * 10)","--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 oklab, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklab, 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":{"--size":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.6875rem","line-height":"1rem","&::file-selector-button":{"font-size":"0.6875rem"}},".file-input-sm":{"--size":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.75rem","line-height":"1.5rem","&::file-selector-button":{"font-size":"0.75rem"}},".file-input-md":{"--size":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","line-height":2,"&::file-selector-button":{"font-size":"0.875rem"}},".file-input-lg":{"--size":"calc(var(--size-field, 0.25rem) * 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)","--size":"calc(var(--size-field, 0.25rem) * 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.44 – MIT License */ .file-input{cursor:pointer;border:var(--border-width)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--border-width);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(--border-width) + .5px),100% calc(var(--border-width) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--border-width)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--border-width)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border-width)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--border-width);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(--border-width) + .5px),100% calc(var(--border-width) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--border-width)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--border-width)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.sm\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.sm\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.sm\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.sm\:file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border-width)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--border-width);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(--border-width) + .5px),100% calc(var(--border-width) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--border-width)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--border-width)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.md\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.md\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.md\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.md\:file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border-width)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--border-width);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(--border-width) + .5px),100% calc(var(--border-width) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--border-width)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--border-width)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.lg\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.lg\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.lg\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.lg\:file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border-width)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--border-width);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(--border-width) + .5px),100% calc(var(--border-width) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--border-width)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--border-width)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.xl\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.xl\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.xl\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.xl\:file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border-width)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--border-width);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(--border-width) + .5px),100% calc(var(--border-width) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--border-width)));border-end-start-radius:calc(var(--radius-join-es,var(--radius-field) - var(--border-width)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.\32 xl\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.\32 xl\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.\32 xl\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.\32 xl\:file-input-xl{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .file-input{cursor:pointer;border:var(--border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--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(--border) + .5px),100% calc(var(--border) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--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(--border) + .5px),100% calc(var(--border) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.sm\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.sm\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.sm\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.sm\:file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--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(--border) + .5px),100% calc(var(--border) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.md\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.md\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.md\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.md\:file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--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(--border) + .5px),100% calc(var(--border) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.lg\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.lg\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.lg\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.lg\:file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--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(--border) + .5px),100% calc(var(--border) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.xl\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.xl\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.xl\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.xl\:file-input-xl{--size:calc(var(--size-field,.25rem)*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{cursor:pointer;border:var(--border)solid transparent;cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&:where(){color:var(--color-base-content)}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;color:var(--btn-fg);border-width:var(--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(--border) + .5px),100% calc(var(--border) + .5px),2rem 100%,2rem 100%;--size:calc(var(--size-field,.25rem)*10);--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(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.\32 xl\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.\32 xl\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.\32 xl\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.\32 xl\:file-input-xl{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.375rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}
package/components/filter.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}@media (width>=640px){.sm\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}@media (width>=768px){.md\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}@media (width>=1024px){.lg\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}@media (width>=1280px){.xl\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}@media (width>=1536px){.\32 xl\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}@media (width>=640px){.sm\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}@media (width>=768px){.md\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}@media (width>=1024px){.lg\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}@media (width>=1280px){.xl\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}@media (width>=1536px){.\32 xl\:filter{flex-wrap:wrap;display:flex;& input{opacity:1;width:auto;transition:margin .1s,opacity .3s,padding .3s,border-width .1s,width .1s allow-discrete;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}
package/components/footer.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – 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}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - 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/hero.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – 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 oklab,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 oklab,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 oklab,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 oklab,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 oklab,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 oklab,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}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - 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 oklab,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 oklab,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 oklab,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 oklab,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 oklab,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 oklab,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.44 – 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.45 - 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":{"cursor":"text","border":"var(--border-width) solid transparent","display":"inline-flex","width":"100%","max-width":"calc(0.25rem * 80)","flex-shrink":1,"appearance":"none","align-items":"center","background-color":"var(--color-base-100)","vertical-align":"middle","height":"var(--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","--size":"calc(var(--size-field, 0.25rem) * 10)","--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 oklab, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklab, 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":{"--size":"calc(var(--size-field, 0.25rem) * 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":{"--size":"calc(var(--size-field, 0.25rem) * 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":{"--size":"calc(var(--size-field, 0.25rem) * 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":{"--size":"calc(var(--size-field, 0.25rem) * 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":{"--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.375rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -6)","margin-inline-end":"calc(0.25rem * -6)"}}}};
1
+ export default {".input":{"cursor":"text","border":"var(--border) solid transparent","display":"inline-flex","width":"100%","max-width":"calc(0.25rem * 80)","flex-shrink":1,"appearance":"none","align-items":"center","background-color":"var(--color-base-100)","vertical-align":"middle","height":"var(--size)","padding-inline-start":"0.75rem","padding-inline-end":"0.75rem","font-size":"0.875rem","border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--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","--size":"calc(var(--size-field, 0.25rem) * 10)","--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 oklab, var(--color-base-content) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklab, 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":{"--size":"calc(var(--size-field, 0.25rem) * 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":{"--size":"calc(var(--size-field, 0.25rem) * 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":{"--size":"calc(var(--size-field, 0.25rem) * 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":{"--size":"calc(var(--size-field, 0.25rem) * 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":{"--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.375rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -6)","margin-inline-end":"calc(0.25rem * -6)"}}}};
package/components/input.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .input{cursor:text;border:var(--border-width)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.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}}.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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}@media (width>=640px){.sm\:input{cursor:text;border:var(--border-width)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.sm\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.sm\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.sm\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.sm\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.sm\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=768px){.md\:input{cursor:text;border:var(--border-width)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.md\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.md\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.md\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.md\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.md\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1024px){.lg\:input{cursor:text;border:var(--border-width)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.lg\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.lg\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.lg\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.lg\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.lg\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1280px){.xl\:input{cursor:text;border:var(--border-width)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.xl\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.xl\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.xl\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.xl\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.xl\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1536px){.\32 xl\:input{cursor:text;border:var(--border-width)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--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));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.\32 xl\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.\32 xl\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.\32 xl\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.\32 xl\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.\32 xl\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .input{cursor:text;border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.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}}.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{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}@media (width>=640px){.sm\:input{cursor:text;border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.sm\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.sm\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.sm\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.sm\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.sm\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=768px){.md\:input{cursor:text;border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.md\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.md\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.md\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.md\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.md\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1024px){.lg\:input{cursor:text;border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.lg\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.lg\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.lg\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.lg\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.lg\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1280px){.xl\:input{cursor:text;border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.xl\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.xl\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.xl\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.xl\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.xl\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}@media (width>=1536px){.\32 xl\:input{cursor:text;border:var(--border)solid transparent;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;max-width:20rem;height:var(--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;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,transparent);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;padding-inline:.75rem;font-size:.875rem;display:inline-flex;& input{appearance:none;background-color:#0000;border:none;width:100%;&:focus,&:focus-within{outline-offset:2px;outline:2px solid #0000}}&: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 oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.\32 xl\: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\:input-neutral{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:0}}}.\32 xl\:input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:0;margin-inline-end:0}}}.\32 xl\:input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-1rem}}}.\32 xl\:input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}.\32 xl\:input-xl{--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem;&[type=number]{&::-webkit-inner-spin-button{margin-block:-1.5rem;margin-inline-end:-1.5rem}}}}
package/components/kbd/object.js CHANGED
@@ -1 +1 @@
1
- export default {".kbd":{"display":"inline-flex","align-items":"center","justify-content":"center","border-radius":"var(--radius-field)","background-color":"var(--color-base-200)","vertical-align":"middle","padding-left":"0.5em","padding-right":"0.5em","border":"var(--border-width) solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","border-bottom":"2px solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem","height":"var(--size)","min-width":"var(--size)"},".kbd-xs":{"--size":"calc(var(--size-selector, 0.25rem) * 4)","font-size":"0.625rem"},".kbd-sm":{"--size":"calc(var(--size-selector, 0.25rem) * 5)","font-size":"0.75rem"},".kbd-md":{"--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem"},".kbd-lg":{"--size":"calc(var(--size-selector, 0.25rem) * 7)","font-size":"1rem"},".kbd-xl":{"--size":"calc(var(--size-selector, 0.25rem) * 8)","font-size":"1.125rem"}};
1
+ export default {".kbd":{"display":"inline-flex","align-items":"center","justify-content":"center","border-radius":"var(--radius-field)","background-color":"var(--color-base-200)","vertical-align":"middle","padding-left":"0.5em","padding-right":"0.5em","border":"var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","border-bottom":"calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, transparent)","--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem","height":"var(--size)","min-width":"var(--size)"},".kbd-xs":{"--size":"calc(var(--size-selector, 0.25rem) * 4)","font-size":"0.625rem"},".kbd-sm":{"--size":"calc(var(--size-selector, 0.25rem) * 5)","font-size":"0.75rem"},".kbd-md":{"--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem"},".kbd-lg":{"--size":"calc(var(--size-selector, 0.25rem) * 7)","font-size":"1rem"},".kbd-xl":{"--size":"calc(var(--size-selector, 0.25rem) * 8)","font-size":"1.125rem"}};
package/components/kbd.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border-width)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}@media (width>=640px){.sm\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border-width)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.sm\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.sm\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.sm\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.sm\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.sm\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}@media (width>=768px){.md\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border-width)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.md\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.md\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.md\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.md\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.md\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}@media (width>=1024px){.lg\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border-width)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.lg\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.lg\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.lg\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.lg\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.lg\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}@media (width>=1280px){.xl\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border-width)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.xl\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.xl\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.xl\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.xl\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.xl\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}@media (width>=1536px){.\32 xl\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border-width)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.\32 xl\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.\32 xl\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.\32 xl\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.\32 xl\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.\32 xl\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}@media (width>=640px){.sm\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.sm\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.sm\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.sm\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.sm\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.sm\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}@media (width>=768px){.md\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.md\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.md\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.md\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.md\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.md\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}@media (width>=1024px){.lg\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.lg\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.lg\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.lg\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.lg\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.lg\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}@media (width>=1280px){.xl\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.xl\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.xl\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.xl\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.xl\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.xl\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}@media (width>=1536px){.\32 xl\:kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,transparent);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,transparent);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}.\32 xl\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}.\32 xl\:kbd-sm{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}.\32 xl\:kbd-md{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}.\32 xl\:kbd-lg{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}.\32 xl\:kbd-xl{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}
package/components/label/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import label from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedlabel = addPrefix(label, prefix);
6
+ addComponents({ ...prefixedlabel });
7
+ };
package/components/label/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".label":{"margin-inline-start":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * 3)","display":"flex","height":"100%","align-items":"center","padding-inline":"calc(0.25rem * 3)","color":"color-mix(in oklab, currentColor 60%, transparent)","webkit-user-select":"none","user-select":"none","border-inline-end":"var(--border) solid color-mix(in oklab, currentColor 10%, transparent)","font-size":"inherit"}};
package/components/label.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .label{height:100%;color:color-mix(in oklab,currentColor 60%,transparent);-webkit-user-select:none;user-select:none;border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,transparent);font-size:inherit;align-items:center;margin-inline:-.75rem .75rem;padding-inline:.75rem;display:flex}@media (width>=640px){.sm\:label{height:100%;color:color-mix(in oklab,currentColor 60%,transparent);-webkit-user-select:none;user-select:none;border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,transparent);font-size:inherit;align-items:center;margin-inline:-.75rem .75rem;padding-inline:.75rem;display:flex}}@media (width>=768px){.md\:label{height:100%;color:color-mix(in oklab,currentColor 60%,transparent);-webkit-user-select:none;user-select:none;border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,transparent);font-size:inherit;align-items:center;margin-inline:-.75rem .75rem;padding-inline:.75rem;display:flex}}@media (width>=1024px){.lg\:label{height:100%;color:color-mix(in oklab,currentColor 60%,transparent);-webkit-user-select:none;user-select:none;border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,transparent);font-size:inherit;align-items:center;margin-inline:-.75rem .75rem;padding-inline:.75rem;display:flex}}@media (width>=1280px){.xl\:label{height:100%;color:color-mix(in oklab,currentColor 60%,transparent);-webkit-user-select:none;user-select:none;border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,transparent);font-size:inherit;align-items:center;margin-inline:-.75rem .75rem;padding-inline:.75rem;display:flex}}@media (width>=1536px){.\32 xl\:label{height:100%;color:color-mix(in oklab,currentColor 60%,transparent);-webkit-user-select:none;user-select:none;border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,transparent);font-size:inherit;align-items:center;margin-inline:-.75rem .75rem;padding-inline:.75rem;display:flex}}
package/components/link.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}@media (width>=640px){.sm\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.sm\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.sm\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.sm\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.sm\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.sm\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.sm\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.sm\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.sm\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.sm\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=768px){.md\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.md\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.md\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.md\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.md\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.md\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.md\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.md\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.md\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.md\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1024px){.lg\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.lg\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.lg\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.lg\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.lg\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.lg\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.lg\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.lg\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.lg\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.lg\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1280px){.xl\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.xl\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.xl\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.xl\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.xl\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.xl\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.xl\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.xl\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.xl\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.xl\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1536px){.\32 xl\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.\32 xl\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.\32 xl\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.\32 xl\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.\32 xl\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.\32 xl\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.\32 xl\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.\32 xl\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.\32 xl\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.\32 xl\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}@media (width>=640px){.sm\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.sm\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.sm\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.sm\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.sm\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.sm\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.sm\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.sm\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.sm\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.sm\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=768px){.md\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.md\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.md\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.md\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.md\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.md\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.md\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.md\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.md\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.md\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1024px){.lg\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.lg\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.lg\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.lg\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.lg\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.lg\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.lg\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.lg\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.lg\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.lg\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1280px){.xl\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.xl\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.xl\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.xl\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.xl\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.xl\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.xl\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.xl\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.xl\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.xl\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}@media (width>=1536px){.\32 xl\:link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.\32 xl\:link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.\32 xl\:link-primary{color:var(--color-primary);&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.\32 xl\:link-secondary{color:var(--color-secondary);&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.\32 xl\:link-accent{color:var(--color-accent);&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.\32 xl\:link-neutral{color:var(--color-neutral);&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.\32 xl\:link-success{color:var(--color-success);&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.\32 xl\:link-info{color:var(--color-info);&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.\32 xl\:link-warning{color:var(--color-warning);&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.\32 xl\:link-error{color:var(--color-error);&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}}
package/components/list/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import list from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedlist = addPrefix(list, prefix);
6
+ addComponents({ ...prefixedlist });
7
+ };
package/components/list/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".list":{"display":"flex","flex-direction":"column",".list-row":{"position":"relative","display":"grid","grid-auto-flow":"column","gap":"calc(0.25rem * 4)","border-radius":"var(--radius-box)","padding":"calc(0.25rem * 4)","grid-template-columns":"minmax(0, auto) 1fr","&:not(:last-child)":{"&:after":{"content":"\"\"","border-bottom":"var(--border) solid","inset-inline":"var(--radius-box)","position":"absolute","bottom":"calc(0.25rem * 0)","border-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)"}},":not(.list-row-wrap)":{"grid-row-start":"1"}}},".list-row-wrap":{"grid-row-start":"2"}};
package/components/list.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .list{flex-direction:column;display:flex;& .list-row{border-radius:var(--radius-box);grid-template-columns:minmax(0,auto) 1fr;grid-auto-flow:column;gap:1rem;padding:1rem;display:grid;position:relative;&:not(:last-child){&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)10%,transparent);position:absolute;bottom:0}}& :not(.list-row-wrap){grid-row-start:1}}}.list-row-wrap{grid-row-start:2}@media (width>=640px){.sm\:list{flex-direction:column;display:flex;& .list-row{border-radius:var(--radius-box);grid-template-columns:minmax(0,auto) 1fr;grid-auto-flow:column;gap:1rem;padding:1rem;display:grid;position:relative;&:not(:last-child){&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)10%,transparent);position:absolute;bottom:0}}& :not(.list-row-wrap){grid-row-start:1}}}.sm\:list-row-wrap{grid-row-start:2}}@media (width>=768px){.md\:list{flex-direction:column;display:flex;& .list-row{border-radius:var(--radius-box);grid-template-columns:minmax(0,auto) 1fr;grid-auto-flow:column;gap:1rem;padding:1rem;display:grid;position:relative;&:not(:last-child){&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)10%,transparent);position:absolute;bottom:0}}& :not(.list-row-wrap){grid-row-start:1}}}.md\:list-row-wrap{grid-row-start:2}}@media (width>=1024px){.lg\:list{flex-direction:column;display:flex;& .list-row{border-radius:var(--radius-box);grid-template-columns:minmax(0,auto) 1fr;grid-auto-flow:column;gap:1rem;padding:1rem;display:grid;position:relative;&:not(:last-child){&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)10%,transparent);position:absolute;bottom:0}}& :not(.list-row-wrap){grid-row-start:1}}}.lg\:list-row-wrap{grid-row-start:2}}@media (width>=1280px){.xl\:list{flex-direction:column;display:flex;& .list-row{border-radius:var(--radius-box);grid-template-columns:minmax(0,auto) 1fr;grid-auto-flow:column;gap:1rem;padding:1rem;display:grid;position:relative;&:not(:last-child){&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)10%,transparent);position:absolute;bottom:0}}& :not(.list-row-wrap){grid-row-start:1}}}.xl\:list-row-wrap{grid-row-start:2}}@media (width>=1536px){.\32 xl\:list{flex-direction:column;display:flex;& .list-row{border-radius:var(--radius-box);grid-template-columns:minmax(0,auto) 1fr;grid-auto-flow:column;gap:1rem;padding:1rem;display:grid;position:relative;&:not(:last-child){&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)10%,transparent);position:absolute;bottom:0}}& :not(.list-row-wrap){grid-row-start:1}}}.\32 xl\:list-row-wrap{grid-row-start:2}}