daisyui 5.0.0-alpha.3 → 5.0.0-alpha.30

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 (293) hide show
  1. package/base/properties/index.js +4 -0
  2. package/base/properties/object.js +1 -0
  3. package/base/properties.css +1 -0
  4. package/base/rootcolor/index.js +4 -0
  5. package/base/rootcolor/object.js +1 -0
  6. package/base/rootcolor.css +1 -0
  7. package/base/rootscrollgutter/index.js +4 -0
  8. package/base/rootscrollgutter/object.js +1 -0
  9. package/base/rootscrollgutter.css +1 -0
  10. package/base/rootscrolllock/index.js +4 -0
  11. package/base/rootscrolllock/object.js +1 -0
  12. package/base/rootscrolllock.css +1 -0
  13. package/base/scrollbar/index.js +4 -0
  14. package/base/scrollbar/object.js +1 -0
  15. package/base/scrollbar.css +1 -0
  16. package/base/typography/index.js +4 -0
  17. package/base/typography/object.js +1 -0
  18. package/base/typography.css +1 -0
  19. package/chunks.css +58 -0
  20. package/colors/properties.css +1 -0
  21. package/colors/responsive.css +1 -0
  22. package/colors/states.css +1 -0
  23. package/components/alert/index.js +4 -0
  24. package/components/alert/object.js +1 -0
  25. package/components/alert.css +1 -0
  26. package/components/avatar/index.js +4 -0
  27. package/components/avatar/object.js +1 -0
  28. package/components/avatar.css +1 -0
  29. package/components/badge/index.js +4 -74
  30. package/components/badge/object.js +1 -0
  31. package/components/badge.css +1 -109
  32. package/components/breadcrumbs/index.js +4 -0
  33. package/components/breadcrumbs/object.js +1 -0
  34. package/components/breadcrumbs.css +1 -0
  35. package/components/button/index.js +4 -170
  36. package/components/button/object.js +1 -0
  37. package/components/button.css +1 -293
  38. package/components/card/index.js +4 -0
  39. package/components/card/object.js +1 -0
  40. package/components/card.css +1 -0
  41. package/components/chat/index.js +4 -0
  42. package/components/chat/object.js +1 -0
  43. package/components/chat.css +1 -0
  44. package/components/checkbox/index.js +4 -108
  45. package/components/checkbox/object.js +1 -0
  46. package/components/checkbox.css +1 -144
  47. package/components/collapse/index.js +4 -0
  48. package/components/collapse/object.js +1 -0
  49. package/components/collapse.css +1 -0
  50. package/components/countdown/index.js +4 -0
  51. package/components/countdown/object.js +1 -0
  52. package/components/countdown.css +1 -0
  53. package/components/divider/index.js +4 -0
  54. package/components/divider/object.js +1 -0
  55. package/components/divider.css +1 -0
  56. package/components/drawer/index.js +4 -0
  57. package/components/drawer/object.js +1 -0
  58. package/components/drawer.css +1 -0
  59. package/components/dropdown/index.js +4 -0
  60. package/components/dropdown/object.js +1 -0
  61. package/components/dropdown.css +1 -0
  62. package/components/fileinput/index.js +4 -0
  63. package/components/fileinput/object.js +1 -0
  64. package/components/fileinput.css +1 -0
  65. package/components/footer/index.js +4 -0
  66. package/components/footer/object.js +1 -0
  67. package/components/footer.css +1 -0
  68. package/components/hero/index.js +4 -0
  69. package/components/hero/object.js +1 -0
  70. package/components/hero.css +1 -0
  71. package/components/indicator/index.js +4 -0
  72. package/components/indicator/object.js +1 -0
  73. package/components/indicator.css +1 -0
  74. package/components/input/index.js +4 -128
  75. package/components/input/object.js +1 -0
  76. package/components/input.css +1 -204
  77. package/components/kbd/index.js +4 -27
  78. package/components/kbd/object.js +1 -0
  79. package/components/kbd.css +1 -49
  80. package/components/link/index.js +4 -0
  81. package/components/link/object.js +1 -0
  82. package/components/link.css +1 -0
  83. package/components/loading/index.js +4 -0
  84. package/components/loading/object.js +1 -0
  85. package/components/loading.css +1 -0
  86. package/components/mask/index.js +4 -74
  87. package/components/mask/object.js +1 -0
  88. package/components/mask.css +1 -78
  89. package/components/menu/index.js +4 -0
  90. package/components/menu/object.js +1 -0
  91. package/components/menu.css +1 -0
  92. package/components/mockup/index.js +4 -0
  93. package/components/mockup/object.js +1 -0
  94. package/components/mockup.css +1 -0
  95. package/components/modal/index.js +4 -0
  96. package/components/modal/object.js +1 -0
  97. package/components/modal.css +1 -0
  98. package/components/navbar/index.js +4 -0
  99. package/components/navbar/object.js +1 -0
  100. package/components/navbar.css +1 -0
  101. package/components/progress/index.js +4 -0
  102. package/components/progress/object.js +1 -0
  103. package/components/progress.css +1 -0
  104. package/components/radialprogress/index.js +4 -0
  105. package/components/radialprogress/object.js +1 -0
  106. package/components/radialprogress.css +1 -0
  107. package/components/radio/index.js +4 -73
  108. package/components/radio/object.js +1 -0
  109. package/components/radio.css +1 -102
  110. package/components/range/index.js +4 -132
  111. package/components/range/object.js +1 -0
  112. package/components/range.css +1 -164
  113. package/components/rating/index.js +4 -82
  114. package/components/rating/object.js +1 -0
  115. package/components/rating.css +1 -104
  116. package/components/select/index.js +4 -99
  117. package/components/select/object.js +1 -0
  118. package/components/select.css +1 -166
  119. package/components/skeleton/index.js +4 -0
  120. package/components/skeleton/object.js +1 -0
  121. package/components/skeleton.css +1 -0
  122. package/components/stack/index.js +4 -0
  123. package/components/stack/object.js +1 -0
  124. package/components/stack.css +1 -0
  125. package/components/stat/index.js +4 -0
  126. package/components/stat/object.js +1 -0
  127. package/components/stat.css +1 -0
  128. package/components/status/index.js +4 -0
  129. package/components/status/object.js +1 -0
  130. package/components/status.css +1 -0
  131. package/components/steps/index.js +4 -0
  132. package/components/steps/object.js +1 -0
  133. package/components/steps.css +1 -0
  134. package/components/swap/index.js +4 -0
  135. package/components/swap/object.js +1 -0
  136. package/components/swap.css +1 -0
  137. package/components/tab/index.js +4 -0
  138. package/components/tab/object.js +1 -0
  139. package/components/tab.css +1 -0
  140. package/components/table/index.js +4 -0
  141. package/components/table/object.js +1 -0
  142. package/components/table.css +1 -0
  143. package/components/textarea/index.js +4 -0
  144. package/components/textarea/object.js +1 -0
  145. package/components/textarea.css +1 -0
  146. package/components/timeline/index.js +4 -0
  147. package/components/timeline/object.js +1 -0
  148. package/components/timeline.css +1 -0
  149. package/components/toast/index.js +4 -0
  150. package/components/toast/object.js +1 -0
  151. package/components/toast.css +1 -0
  152. package/components/toggle/index.js +4 -102
  153. package/components/toggle/object.js +1 -0
  154. package/components/toggle.css +1 -143
  155. package/components/tooltip/index.js +4 -0
  156. package/components/tooltip/object.js +1 -0
  157. package/components/tooltip.css +1 -0
  158. package/full.css +1 -15
  159. package/functions/plugin.js +10 -10
  160. package/functions/pluginOptionsHandler.js +44 -0
  161. package/functions/variables.js +33 -0
  162. package/imports.js +107 -0
  163. package/index.js +48 -0
  164. package/package.json +98 -75
  165. package/theme/acid/index.css +28 -0
  166. package/theme/acid/index.js +4 -0
  167. package/theme/acid/object.js +1 -0
  168. package/theme/aqua/index.css +28 -0
  169. package/theme/aqua/index.js +4 -0
  170. package/theme/aqua/object.js +1 -0
  171. package/theme/autumn/index.css +28 -0
  172. package/theme/autumn/index.js +4 -0
  173. package/theme/autumn/object.js +1 -0
  174. package/theme/black/index.css +28 -0
  175. package/theme/black/index.js +4 -0
  176. package/theme/black/object.js +1 -0
  177. package/theme/bumblebee/index.css +28 -0
  178. package/theme/bumblebee/index.js +4 -0
  179. package/theme/bumblebee/object.js +1 -0
  180. package/theme/business/index.css +28 -0
  181. package/theme/business/index.js +4 -0
  182. package/theme/business/object.js +1 -0
  183. package/theme/cmyk/index.css +28 -0
  184. package/theme/cmyk/index.js +4 -0
  185. package/theme/cmyk/object.js +1 -0
  186. package/theme/coffee/index.css +28 -0
  187. package/theme/coffee/index.js +4 -0
  188. package/theme/coffee/object.js +1 -0
  189. package/theme/corporate/index.css +28 -0
  190. package/theme/corporate/index.js +4 -0
  191. package/theme/corporate/object.js +1 -0
  192. package/theme/cupcake/index.css +28 -0
  193. package/theme/cupcake/index.js +4 -0
  194. package/theme/cupcake/object.js +1 -0
  195. package/theme/cyberpunk/index.css +28 -0
  196. package/theme/cyberpunk/index.js +4 -0
  197. package/theme/cyberpunk/object.js +1 -0
  198. package/theme/dark/index.css +28 -0
  199. package/theme/dark/index.js +4 -0
  200. package/theme/dark/object.js +1 -0
  201. package/theme/dim/index.css +28 -0
  202. package/theme/dim/index.js +4 -0
  203. package/theme/dim/object.js +1 -0
  204. package/theme/dracula/index.css +28 -0
  205. package/theme/dracula/index.js +4 -0
  206. package/theme/dracula/object.js +1 -0
  207. package/theme/emerald/index.css +28 -0
  208. package/theme/emerald/index.js +4 -0
  209. package/theme/emerald/object.js +1 -0
  210. package/theme/fantasy/index.css +28 -0
  211. package/theme/fantasy/index.js +4 -0
  212. package/theme/fantasy/object.js +1 -0
  213. package/theme/forest/index.css +28 -0
  214. package/theme/forest/index.js +4 -0
  215. package/theme/forest/object.js +1 -0
  216. package/theme/garden/index.css +28 -0
  217. package/theme/garden/index.js +4 -0
  218. package/theme/garden/object.js +1 -0
  219. package/theme/halloween/index.css +28 -0
  220. package/theme/halloween/index.js +4 -0
  221. package/theme/halloween/object.js +1 -0
  222. package/theme/index.js +49 -0
  223. package/theme/lemonade/index.css +28 -0
  224. package/theme/lemonade/index.js +4 -0
  225. package/theme/lemonade/object.js +1 -0
  226. package/theme/light/index.css +28 -0
  227. package/theme/light/index.js +4 -0
  228. package/theme/light/object.js +1 -0
  229. package/theme/lofi/index.css +28 -0
  230. package/theme/lofi/index.js +4 -0
  231. package/theme/lofi/object.js +1 -0
  232. package/theme/luxury/index.css +28 -0
  233. package/theme/luxury/index.js +4 -0
  234. package/theme/luxury/object.js +1 -0
  235. package/theme/night/index.css +28 -0
  236. package/theme/night/index.js +4 -0
  237. package/theme/night/object.js +1 -0
  238. package/theme/nord/index.css +28 -0
  239. package/theme/nord/index.js +4 -0
  240. package/theme/nord/object.js +1 -0
  241. package/theme/object.js +1 -0
  242. package/theme/pastel/index.css +28 -0
  243. package/theme/pastel/index.js +4 -0
  244. package/theme/pastel/object.js +1 -0
  245. package/theme/retro/index.css +28 -0
  246. package/theme/retro/index.js +4 -0
  247. package/theme/retro/object.js +1 -0
  248. package/theme/sunset/index.css +28 -0
  249. package/theme/sunset/index.js +4 -0
  250. package/theme/sunset/object.js +1 -0
  251. package/theme/synthwave/index.css +28 -0
  252. package/theme/synthwave/index.js +4 -0
  253. package/theme/synthwave/object.js +1 -0
  254. package/theme/valentine/index.css +28 -0
  255. package/theme/valentine/index.js +4 -0
  256. package/theme/valentine/object.js +1 -0
  257. package/theme/winter/index.css +28 -0
  258. package/theme/winter/index.js +4 -0
  259. package/theme/winter/object.js +1 -0
  260. package/theme/wireframe/index.css +28 -0
  261. package/theme/wireframe/index.js +4 -0
  262. package/theme/wireframe/object.js +1 -0
  263. package/themes.css +1 -0
  264. package/utilities/join/index.js +4 -0
  265. package/utilities/join/object.js +1 -0
  266. package/utilities/join.css +1 -0
  267. package/components/badge/config.js +0 -12
  268. package/components/badge/index.css +0 -1
  269. package/components/button/config.js +0 -12
  270. package/components/button/index.css +0 -1
  271. package/components/checkbox/config.js +0 -12
  272. package/components/checkbox/index.css +0 -1
  273. package/components/input/config.js +0 -12
  274. package/components/input/index.css +0 -1
  275. package/components/kbd/config.js +0 -12
  276. package/components/kbd/index.css +0 -1
  277. package/components/mask/config.js +0 -12
  278. package/components/mask/index.css +0 -1
  279. package/components/radio/config.js +0 -12
  280. package/components/radio/index.css +0 -1
  281. package/components/range/config.js +0 -12
  282. package/components/range/index.css +0 -1
  283. package/components/rating/config.js +0 -12
  284. package/components/rating/index.css +0 -1
  285. package/components/select/config.js +0 -12
  286. package/components/select/index.css +0 -1
  287. package/components/toggle/config.js +0 -12
  288. package/components/toggle/index.css +0 -1
  289. package/index.css +0 -14
  290. package/themes/dark/index.css +0 -26
  291. package/themes/default/index.css +0 -26
  292. package/themes/index.css +0 -26
  293. package/themes/light/index.css +0 -26
@@ -1,144 +1 @@
1
- .checkbox {
2
- position: relative;
3
- width: var(--spacing-6, 1.5rem);
4
- height: var(--spacing-6, 1.5rem);
5
- flex-shrink: 0;
6
- cursor: pointer;
7
- appearance: none;
8
- border-radius: var(--radius-btn);
9
- border-style: var(--tw-border-style);
10
- border-width: 1px;
11
- border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
12
- padding: var(--spacing-1, 0.25rem);
13
- vertical-align: middle;
14
- color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
15
- box-shadow: 0 1px oklch(0% 0 0 / 0.1) inset;
16
- transition: background-color 0.2s, box-shadow 0.2s;
17
- &:before {
18
- display: block;
19
- width: 100%;
20
- height: 100%;
21
- rotate: 45deg;
22
- background-color: currentColor;
23
- opacity: 0%;
24
- --tw-content: '';
25
- content: var(--tw-content);
26
- transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;
27
- transition-delay: 0.1s;
28
- clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
29
- box-shadow: 0px 3px 0 0px oklch(100% 0 0 / 0.1) inset;
30
- }
31
- &:focus-visible {
32
- outline-style: var(--tw-outline-style);
33
- outline-width: 2px;
34
- outline-offset: 2px;
35
- outline-color: currentColor;
36
- }
37
- &:checked, &[aria-checked="true"] {
38
- box-shadow: 0 8px 0 -4px oklch(100% 0 0 / 0.1) inset, 0 1px oklch(0% 0 0 / 0.1);
39
- &:before {
40
- opacity: 100%;
41
- clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
42
- }
43
- }
44
- &:indeterminate {
45
- &:before {
46
- --tw-translate-y: -35%;
47
- translate: var(--tw-translate-x) var(--tw-translate-y);
48
- rotate: 0deg;
49
- opacity: 100%;
50
- clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
51
- }
52
- }
53
- }
54
- .checkbox-primary {
55
- border-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
56
- color: var(--color-primary-content, oklch(89.824% 0.06192 275.75));
57
- &:focus-visible {
58
- outline-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
59
- }
60
- &:checked {
61
- background-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
62
- }
63
- }
64
- .checkbox-secondary {
65
- border-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
66
- color: var(--color-secondary-content, oklch(98.71% 0.0106 342.55));
67
- &:focus-visible {
68
- outline-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
69
- }
70
- &:checked {
71
- background-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
72
- }
73
- }
74
- .checkbox-accent {
75
- border-color: var(--color-accent, oklch(76.76% 0.184 183.61));
76
- color: var(--color-accent-content, oklch(15.352% 0.0368 183.61));
77
- &:focus-visible {
78
- outline-color: var(--color-accent, oklch(76.76% 0.184 183.61));
79
- }
80
- &:checked {
81
- background-color: var(--color-accent, oklch(76.76% 0.184 183.61));
82
- }
83
- }
84
- .checkbox-success {
85
- border-color: var(--color-success, oklch(64.8% 0.15 160));
86
- color: var(--color-success-content, oklch(0% 0 0));
87
- &:focus-visible {
88
- outline-color: var(--color-success, oklch(64.8% 0.15 160));
89
- }
90
- &:checked {
91
- background-color: var(--color-success, oklch(64.8% 0.15 160));
92
- }
93
- }
94
- .checkbox-warning {
95
- border-color: var(--color-warning, oklch(84.71% 0.199 83.87));
96
- color: var(--color-warning-content, oklch(0% 0 0));
97
- &:focus-visible {
98
- outline-color: var(--color-warning, oklch(84.71% 0.199 83.87));
99
- }
100
- &:checked {
101
- background-color: var(--color-warning, oklch(84.71% 0.199 83.87));
102
- }
103
- }
104
- .checkbox-info {
105
- border-color: var(--color-info, oklch(72.06% 0.191 231.6));
106
- color: var(--color-info-content, oklch(0% 0 0));
107
- &:focus-visible {
108
- outline-color: var(--color-info, oklch(72.06% 0.191 231.6));
109
- }
110
- &:checked {
111
- background-color: var(--color-info, oklch(72.06% 0.191 231.6));
112
- }
113
- }
114
- .checkbox-error {
115
- border-color: var(--color-error, oklch(71.76% 0.221 22.18));
116
- color: var(--color-error-content, oklch(0% 0 0));
117
- &:focus-visible {
118
- outline-color: var(--color-error, oklch(71.76% 0.221 22.18));
119
- }
120
- &:checked {
121
- background-color: var(--color-error, oklch(71.76% 0.221 22.18));
122
- }
123
- }
124
- .checkbox:disabled {
125
- cursor: not-allowed;
126
- opacity: 20%;
127
- }
128
- .checkbox-xs {
129
- width: var(--spacing-4, 1rem);
130
- height: var(--spacing-4, 1rem);
131
- padding: var(--spacing-0_5, 0.125rem);
132
- }
133
- .checkbox-sm {
134
- width: var(--spacing-5, 1.25rem);
135
- height: var(--spacing-5, 1.25rem);
136
- }
137
- .checkbox-md {
138
- width: var(--spacing-6, 1.5rem);
139
- height: var(--spacing-6, 1.5rem);
140
- }
141
- .checkbox-lg {
142
- width: var(--spacing-8, 2rem);
143
- height: var(--spacing-8, 2rem);
144
- }
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}@media (width>=640px){.sm\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.sm\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.sm\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.sm\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.sm\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.sm\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.sm\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.sm\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.sm\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.sm\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=768px){.md\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.md\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.md\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.md\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.md\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.md\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.md\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.md\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.md\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.md\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1024px){.lg\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.lg\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.lg\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.lg\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.lg\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.lg\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.lg\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.lg\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.lg\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.lg\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1280px){.xl\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.xl\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.xl\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.xl\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.xl\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.xl\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.xl\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.xl\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.xl\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.xl\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1536px){.\32 xl\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.\32 xl\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.\32 xl\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.\32 xl\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.\32 xl\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.\32 xl\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.\32 xl\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.\32 xl\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.\32 xl\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.\32 xl\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}
@@ -0,0 +1,4 @@
1
+ import collapse from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...collapse})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".collapse:not(td, tr, colgroup)":{"visibility":"visible"},".collapse":{"position":"relative","display":"grid","overflow":"hidden","border-radius":"var(--rounded-box, 1rem)","width":"100%","grid-template-rows":"auto 0fr","transition":"grid-template-rows 0.2s",">input:is([type=\"checkbox\"], [type=\"radio\"])":{"grid-column-start":"1","grid-row-start":"1","appearance":"none","opacity":0,"z-index":1,"width":"100%","padding":"1rem","padding-inline-end":"3rem","min-height":"3.75rem","transition":"background-color 0.2s ease-out"},"&:is([open], .collapse-open, :focus:not(.collapse-close)), &:not(.collapse-close):has(> input:is([type=\"checkbox\"], [type=\"radio\"]):checked)":{"grid-template-rows":"auto 1fr"},"&:is([open], .collapse-open, :focus:not(.collapse-close))>.collapse-content, &:not(.collapse-close)> :where(input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-content)":{"visibility":"visible","min-height":"fit-content"},"&, &:has(.collapse-title, > input:is([type=\"checkbox\"], [type=\"radio\"]))":{"&:focus-visible":{"outline-color":"hsl(var(--bc) / 1)","outline-style":"solid","outline-width":"2px","outline-offset":"2px"}},"&:not(.collapse-open, .collapse-close)":{">input[type=\"checkbox\"], >input[type=\"radio\"]:not(:checked), >.collapse-title":{"cursor":"pointer"}},"&:focus:not(.collapse-open, .collapse-close, .collapse[open])>.collapse-title":{"cursor":"unset"},"&:is([open], .collapse-open, :focus:not(.collapse-close))> :where(.collapse-content), &:not(.collapse-close)> :where(input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-content)":{"padding-bottom":"1rem","transition":"padding 0.2s ease-out, background-color 0.2s ease-out"},"&:is([open], .collapse-open)":{"&.collapse-arrow":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}}},"&.collapse-arrow:focus:not(.collapse-close)":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-arrow:not(.collapse-close)":{">input:is([type=\"checkbox\"], [type=\"radio\"]):checked~.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&[open]":{"&.collapse-plus":{">.collapse-title:after":{"content":"\"−\""}}},"&.collapse-open":{"&.collapse-plus":{">.collapse-title:after":{"content":"\"−\""}}},"&.collapse-plus:focus:not(.collapse-close)":{">.collapse-title:after":{"content":"\"−\""}},"&.collapse-plus:not(.collapse-close)":{">input:is([type=\"checkbox\"], [type=\"radio\"]):checked~.collapse-title:after":{"content":"\"−\""}}},".collapse-title, .collapse-content":{"grid-column-start":"1","grid-row-start":"1"},".collapse-content":{"visibility":"hidden","grid-column-start":"1","grid-row-start":"2","min-height":"0","transition":["visibility 0.2s","padding 0.2s ease-out, background-color 0.2s ease-out"],"padding-left":"1rem","padding-right":"1rem","cursor":"unset"},".collapse:is(details)":{"width":"100%","& summary":{"position":"relative","display":"block","&::-webkit-details-marker":{"display":"none"}}},".collapse:is(details) summary":{"outline":"none"},".collapse-arrow":{">.collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transform":"translateY(-100%) rotate(45deg)","transition-property":"all","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","transition-duration":"0.2s","top":"1.9rem","inset-inline-end":"1.4rem","content":"\"\"","transform-origin":"75% 75%","box-shadow":"2px 2px","pointer-events":"none"}},".collapse-plus":{">.collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transition-property":"all","transition-duration":"300ms","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","top":"0.9rem","inset-inline-end":"1.4rem","content":"\"+\"","pointer-events":"none"}},".collapse-title":{"position":"relative","width":"100%","padding":"1rem","padding-inline-end":"3rem","min-height":"3.75rem","transition":"background-color 0.2s ease-out"}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .collapse:not(td,tr,colgroup){visibility:visible}.collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.collapse-title,.collapse-content{grid-row-start:1;grid-column-start:1}.collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.collapse:is(details) summary{outline:none}.collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}@media (width>=640px){.sm\:collapse:not(td,tr,colgroup){visibility:visible}.sm\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.sm\:collapse-title,.sm\:collapse-content{grid-row-start:1;grid-column-start:1}.sm\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.sm\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.sm\:collapse:is(details) summary{outline:none}.sm\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.sm\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.sm\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=768px){.md\:collapse:not(td,tr,colgroup){visibility:visible}.md\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.md\:collapse-title,.md\:collapse-content{grid-row-start:1;grid-column-start:1}.md\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.md\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.md\:collapse:is(details) summary{outline:none}.md\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.md\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.md\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1024px){.lg\:collapse:not(td,tr,colgroup){visibility:visible}.lg\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.lg\:collapse-title,.lg\:collapse-content{grid-row-start:1;grid-column-start:1}.lg\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.lg\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.lg\:collapse:is(details) summary{outline:none}.lg\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.lg\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.lg\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1280px){.xl\:collapse:not(td,tr,colgroup){visibility:visible}.xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.xl\:collapse-title,.xl\:collapse-content{grid-row-start:1;grid-column-start:1}.xl\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.xl\:collapse:is(details) summary{outline:none}.xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1536px){.\32 xl\:collapse:not(td,tr,colgroup){visibility:visible}.\32 xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.\32 xl\:collapse-title,.\32 xl\:collapse-content{grid-row-start:1;grid-column-start:1}.\32 xl\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.\32 xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.\32 xl\:collapse:is(details) summary{outline:none}.\32 xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.\32 xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.\32 xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}
@@ -0,0 +1,4 @@
1
+ import countdown from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...countdown})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".countdown":{"display":"inline-flex","line-height":"1em","&>*":{"display":"inline-block","overflow-y":"hidden","height":"1em","&:before":{"position":"relative","content":"\"00\\A 01\\A 02\\A 03\\A 04\\A 05\\A 06\\A 07\\A 08\\A 09\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99\\A\"","white-space":"pre","top":"calc(var(--value) * -1em)","text-align":"center","transition":"all 1s cubic-bezier(1, 0, 0, 1)"}}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}@media (width>=640px){.sm\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}@media (width>=768px){.md\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}@media (width>=1024px){.lg\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}@media (width>=1280px){.xl\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}@media (width>=1536px){.\32 xl\:countdown{line-height:1em;display:inline-flex;&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}}
@@ -0,0 +1,4 @@
1
+ import divider from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...divider})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".divider":{"margin-top":"var(--spacing-4, 1rem)","margin-bottom":"var(--spacing-4, 1rem)","display":"flex","height":"var(--spacing-4, 1rem)","flex-direction":"row","align-items":"center","align-self":"stretch","white-space":"nowrap","&:before, &:after":{"content":"\"\"","height":"var(--spacing-0_5, 0.125rem)","width":"100%","flex-grow":1,"background-color":"color-mix(in oklch, var(--color-base-content, ) 10%, transparent)"},"&:not(:empty)":{"gap":"var(--spacing-4, 1rem)"}},".divider-horizontal":{"&.divider":{"margin-left":"var(--spacing-4, 1rem)","margin-right":"var(--spacing-4, 1rem)","margin-top":"var(--spacing-0, 0px)","margin-bottom":"var(--spacing-0, 0px)","height":"auto","width":"var(--spacing-4, 1rem)","flex-direction":"column","&:before":{"height":"100%","width":"var(--spacing-0_5, 0.125rem)"},"&:after":{"height":"100%","width":"var(--spacing-0_5, 0.125rem)"}}},".divider-vertical":{"&.divider":{"margin-left":"var(--spacing-0, 0px)","margin-right":"var(--spacing-0, 0px)","margin-top":"var(--spacing-4, 1rem)","margin-bottom":"var(--spacing-4, 1rem)","height":"var(--spacing-4, 1rem)","width":"auto","flex-direction":"row","&:before":{"height":"var(--spacing-0_5, 0.125rem)","width":"100%"},"&:after":{"height":"var(--spacing-0_5, 0.125rem)","width":"100%"}}},".divider-neutral":{"&:before, &:after":{"background-color":"var(--color-neutral, )"}},".divider-primary":{"&:before, &:after":{"background-color":"var(--color-primary, )"}},".divider-secondary":{"&:before, &:after":{"background-color":"var(--color-secondary, )"}},".divider-accent":{"&:before, &:after":{"background-color":"var(--color-accent, )"}},".divider-success":{"&:before, &:after":{"background-color":"var(--color-success, )"}},".divider-warning":{"&:before, &:after":{"background-color":"var(--color-warning, )"}},".divider-info":{"&:before, &:after":{"background-color":"var(--color-info, )"}},".divider-error":{"&:before, &:after":{"background-color":"var(--color-error, )"}},".divider-start:before":{"display":"none"},".divider-end:after":{"display":"none"}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.divider-success{&:before,&:after{background-color:var(--color-success, )}}.divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.divider-info{&:before,&:after{background-color:var(--color-info, )}}.divider-error{&:before,&:after{background-color:var(--color-error, )}}.divider-start:before,.divider-end:after{display:none}@media (width>=640px){.sm\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.sm\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.sm\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.sm\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.sm\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.sm\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.sm\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.sm\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.sm\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.sm\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.sm\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.sm\:divider-start:before,.sm\:divider-end:after{display:none}}@media (width>=768px){.md\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.md\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.md\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.md\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.md\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.md\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.md\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.md\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.md\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.md\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.md\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.md\:divider-start:before,.md\:divider-end:after{display:none}}@media (width>=1024px){.lg\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.lg\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.lg\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.lg\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.lg\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.lg\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.lg\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.lg\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.lg\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.lg\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.lg\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.lg\:divider-start:before,.lg\:divider-end:after{display:none}}@media (width>=1280px){.xl\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.xl\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.xl\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.xl\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.xl\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.xl\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.xl\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.xl\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.xl\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.xl\:divider-start:before,.xl\:divider-end:after{display:none}}@media (width>=1536px){.\32 xl\:divider{margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);white-space:nowrap;flex-direction:row;align-self:stretch;align-items:center;display:flex;&:before,&:after{content:"";height:var(--spacing-0_5,.125rem);background-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);flex-grow:1;width:100%}&:not(:empty){gap:var(--spacing-4,1rem)}}.\32 xl\:divider-horizontal{&.divider{margin-left:var(--spacing-4,1rem);margin-right:var(--spacing-4,1rem);margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);width:var(--spacing-4,1rem);flex-direction:column;height:auto;&:before,&:after{width:var(--spacing-0_5,.125rem);height:100%}}}.\32 xl\:divider-vertical{&.divider{margin-left:var(--spacing-0,0px);margin-right:var(--spacing-0,0px);margin-top:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);height:var(--spacing-4,1rem);flex-direction:row;width:auto;&:before,&:after{height:var(--spacing-0_5,.125rem);width:100%}}}.\32 xl\:divider-neutral{&:before,&:after{background-color:var(--color-neutral, )}}.\32 xl\:divider-primary{&:before,&:after{background-color:var(--color-primary, )}}.\32 xl\:divider-secondary{&:before,&:after{background-color:var(--color-secondary, )}}.\32 xl\:divider-accent{&:before,&:after{background-color:var(--color-accent, )}}.\32 xl\:divider-success{&:before,&:after{background-color:var(--color-success, )}}.\32 xl\:divider-warning{&:before,&:after{background-color:var(--color-warning, )}}.\32 xl\:divider-info{&:before,&:after{background-color:var(--color-info, )}}.\32 xl\:divider-error{&:before,&:after{background-color:var(--color-error, )}}.\32 xl\:divider-start:before,.\32 xl\:divider-end:after{display:none}}
@@ -0,0 +1,4 @@
1
+ import drawer from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...drawer})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".drawer":{"position":"relative","display":"grid","width":"100%","grid-auto-columns":"max-content auto"},".drawer-content":{"grid-column-start":"2","grid-row-start":"1","min-width":"var(--spacing-0, 0px)"},".drawer-side":{"pointer-events":"none","position":"fixed","inset-inline-start":"var(--spacing-0, 0px)","top":"var(--spacing-0, 0px)","grid-column-start":"1","grid-row-start":"1","display":"grid","width":"100%","grid-template-columns":"repeat(1, minmax(0, 1fr))","grid-template-rows":"repeat(1, minmax(0, 1fr))","align-items":"flex-start","justify-items":"start","overflow-x":"hidden","overflow-y":"hidden","overscroll-behavior":"contain","height":["100vh","100dvh"],"&>.drawer-overlay":{"position":"sticky","top":"var(--spacing-0, 0px)","cursor":"pointer","place-self":"stretch","background-color":"transparent","transition":"background-color 0.2s ease-out"},"&>*":{"grid-column-start":"1","grid-row-start":"1"},"&>*:not(.drawer-overlay)":{"will-change":"transform","transition":"translate 0.3s ease-out","translate":"-100%","[dir=\"rtl\"] &":{"translate":"100%"}}},".drawer-toggle":{"position":"fixed","height":"var(--spacing-0, 0px)","width":"var(--spacing-0, 0px)","appearance":"none","opacity":"0%","&:checked":{"&~.drawer-side":{"pointer-events":"auto","visibility":"visible","overflow-y":"auto","&>.drawer-overlay":{"background-color":"oklch(0% 0 0 / 40%)"},"&>*:not(.drawer-overlay)":{"translate":"0%"}}},"&:focus-visible~.drawer-content label.drawer-button":{"outline":"2px solid","outline-offset":"2px"}},".drawer-end":{"grid-auto-columns":"auto max-content",".drawer-toggle":{"&~.drawer-content":{"grid-column-start":"1"},"&~.drawer-side":{"grid-column-start":"2","justify-items":"end"},"&~.drawer-side>*:not(.drawer-overlay)":{"translate":"100%","[dir=\"rtl\"] &":{"translate":"-100%"}},"&:checked~.drawer-side>*:not(.drawer-overlay)":{"translate":"0%"}}},".drawer-open":{"&>.drawer-side":{"overflow-y":"auto"},"&>.drawer-toggle":{"display":"none","&~.drawer-side":{"pointer-events":"auto","visibility":"visible","position":"sticky","display":"block","width":"auto","overscroll-behavior":"auto","&>.drawer-overlay":{"cursor":"default","background-color":"transparent"},"&>*:not(.drawer-overlay)":{"translate":"0%","[dir=\"rtl\"] &":{"translate":"0%"}}},"&:checked~.drawer-side":{"pointer-events":"auto","visibility":"visible"}}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.drawer-content{min-width:var(--spacing-0,0px);grid-row-start:1;grid-column-start:2}.drawer-side{pointer-events:none;inset-inline-start:var(--spacing-0,0px);top:var(--spacing-0,0px);overscroll-behavior:contain;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;width:100%;height:100dvh;display:grid;position:fixed;overflow:hidden;&>.drawer-overlay{top:var(--spacing-0,0px);cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;position:sticky}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.drawer-toggle{height:var(--spacing-0,0px);width:var(--spacing-0,0px);appearance:none;opacity:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.drawer-end{grid-auto-columns:auto max-content;& .drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}@media (width>=640px){.sm\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.sm\:drawer-content{min-width:var(--spacing-0,0px);grid-row-start:1;grid-column-start:2}.sm\:drawer-side{pointer-events:none;inset-inline-start:var(--spacing-0,0px);top:var(--spacing-0,0px);overscroll-behavior:contain;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;width:100%;height:100dvh;display:grid;position:fixed;overflow:hidden;&>.drawer-overlay{top:var(--spacing-0,0px);cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;position:sticky}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.sm\:drawer-toggle{height:var(--spacing-0,0px);width:var(--spacing-0,0px);appearance:none;opacity:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.sm\:drawer-end{grid-auto-columns:auto max-content;& .drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.sm\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=768px){.md\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.md\:drawer-content{min-width:var(--spacing-0,0px);grid-row-start:1;grid-column-start:2}.md\:drawer-side{pointer-events:none;inset-inline-start:var(--spacing-0,0px);top:var(--spacing-0,0px);overscroll-behavior:contain;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;width:100%;height:100dvh;display:grid;position:fixed;overflow:hidden;&>.drawer-overlay{top:var(--spacing-0,0px);cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;position:sticky}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.md\:drawer-toggle{height:var(--spacing-0,0px);width:var(--spacing-0,0px);appearance:none;opacity:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.md\:drawer-end{grid-auto-columns:auto max-content;& .drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.md\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1024px){.lg\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.lg\:drawer-content{min-width:var(--spacing-0,0px);grid-row-start:1;grid-column-start:2}.lg\:drawer-side{pointer-events:none;inset-inline-start:var(--spacing-0,0px);top:var(--spacing-0,0px);overscroll-behavior:contain;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;width:100%;height:100dvh;display:grid;position:fixed;overflow:hidden;&>.drawer-overlay{top:var(--spacing-0,0px);cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;position:sticky}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.lg\:drawer-toggle{height:var(--spacing-0,0px);width:var(--spacing-0,0px);appearance:none;opacity:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.lg\:drawer-end{grid-auto-columns:auto max-content;& .drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.lg\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1280px){.xl\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.xl\:drawer-content{min-width:var(--spacing-0,0px);grid-row-start:1;grid-column-start:2}.xl\:drawer-side{pointer-events:none;inset-inline-start:var(--spacing-0,0px);top:var(--spacing-0,0px);overscroll-behavior:contain;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;width:100%;height:100dvh;display:grid;position:fixed;overflow:hidden;&>.drawer-overlay{top:var(--spacing-0,0px);cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;position:sticky}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.xl\:drawer-toggle{height:var(--spacing-0,0px);width:var(--spacing-0,0px);appearance:none;opacity:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.xl\:drawer-end{grid-auto-columns:auto max-content;& .drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.xl\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}@media (width>=1536px){.\32 xl\:drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.\32 xl\:drawer-content{min-width:var(--spacing-0,0px);grid-row-start:1;grid-column-start:2}.\32 xl\:drawer-side{pointer-events:none;inset-inline-start:var(--spacing-0,0px);top:var(--spacing-0,0px);overscroll-behavior:contain;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));grid-row-start:1;grid-column-start:1;place-items:flex-start start;width:100%;height:100dvh;display:grid;position:fixed;overflow:hidden;&>.drawer-overlay{top:var(--spacing-0,0px);cursor:pointer;background-color:#0000;place-self:stretch stretch;transition:background-color .2s ease-out;position:sticky}&>*{grid-row-start:1;grid-column-start:1}&>:not(.drawer-overlay){will-change:transform;transition:translate .3s ease-out;translate:-100%;[dir=rtl] &{translate:100%}}}.\32 xl\:drawer-toggle{height:var(--spacing-0,0px);width:var(--spacing-0,0px);appearance:none;opacity:0;position:fixed;&:checked{&~.drawer-side{pointer-events:auto;visibility:visible;overflow-y:auto;&>.drawer-overlay{background-color:oklch(0% 0 0/.4)}&>:not(.drawer-overlay){translate:0%}}}&:focus-visible~.drawer-content label.drawer-button{outline-offset:2px;outline:2px solid}}.\32 xl\:drawer-end{grid-auto-columns:auto max-content;& .drawer-toggle{&~.drawer-content{grid-column-start:1}&~.drawer-side{grid-column-start:2;justify-items:end}&~.drawer-side>:not(.drawer-overlay){translate:100%;[dir=rtl] &{translate:-100%}}&:checked~.drawer-side>:not(.drawer-overlay){translate:0%}}}.\32 xl\:drawer-open{&>.drawer-side{overflow-y:auto}&>.drawer-toggle{display:none;&~.drawer-side{pointer-events:auto;visibility:visible;overscroll-behavior:auto;width:auto;display:block;position:sticky;&>.drawer-overlay{cursor:default;background-color:#0000}&>:not(.drawer-overlay){translate:0%;[dir=rtl] &{translate:0%}}}&:checked~.drawer-side{pointer-events:auto;visibility:visible}}}}
@@ -0,0 +1,4 @@
1
+ import dropdown from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...dropdown})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".dropdown":{"position":"relative","display":"inline-block","position-area":"var(--anchor-v, bottom) var(--anchor-h, span-right)","&>*:not(summary):focus":{"outline":"2px solid transparent","outline-offset":"2px"},".dropdown-content":{"position":"absolute","transition-property":"opacity, scale","transition-duration":".2s","transition-timing-function":"cubic-bezier(.4, 0, .2, 1)"},"&:not(details)":{".dropdown-content":{"visibility":"hidden","transform-origin":"top","opacity":"0%","scale":"95%"}},"&.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within":{".dropdown-content":{"visibility":"visible","opacity":"100%"}},"&.dropdown-hover:hover":{".dropdown-content":{"visibility":"visible","opacity":"100%","scale":"100%"}},"&:is(details)":{"summary":{"&::-webkit-details-marker":{"display":"none"}}},"&.dropdown-open, &:focus, &:focus-within":{".dropdown-content":{"scale":"100%"}},"&[popover]":{"position":"fixed","z-index":1000,"color":"inherit","transition-property":"opacity, scale","transition-duration":".2s","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","@supports not (position-area: bottom)":{"margin":"auto","&.dropdown-open":{"visibility":"hidden","transform-origin":"top","opacity":"0%","scale":"95%","&:popover-open":{"visibility":"visible","opacity":"100%","scale":"100%"}},"&::backdrop":{"background-color":"color-mix(in oklab, black 30%, transparent)"}},"&:not(.dropdown-open, :popover-open)":{"visibility":"hidden","transform-origin":"top","opacity":"0%","scale":"95%"}}},".dropdown-start":{"--anchor-h":"span-right",":where(.dropdown-content)":{"inset-inline-end":"auto"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"top":"var(--spacing-0, 0px)","bottom":"auto"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"top":"var(--spacing-0, 0px)","bottom":"auto"}}},".dropdown-center":{"--anchor-h":"center",":where(.dropdown-content)":{"inset-inline-end":"calc(1/2 * 100%)","translate":"50% 0"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"center",".dropdown-content":{"top":"auto","bottom":"calc(1/2 * 100%)","translate":"0 50%"}}},".dropdown-end":{"--anchor-h":"span-left",":where(.dropdown-content)":{"inset-inline-end":"var(--spacing-0, 0px)"},"&.dropdown-left":{"--anchor-h":"left","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"var(--spacing-0, 0px)"}},"&.dropdown-right":{"--anchor-h":"right","--anchor-v":"span-top",".dropdown-content":{"top":"auto","bottom":"var(--spacing-0, 0px)"}}},".dropdown-left":{"--anchor-h":"left","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-end":"100%","top":"var(--spacing-0, 0px)","bottom":"auto","transform-origin":"right"}},".dropdown-right":{"--anchor-h":"right","--anchor-v":"span-bottom",".dropdown-content":{"inset-inline-start":"100%","top":"var(--spacing-0, 0px)","bottom":"auto","transform-origin":"left"}},".dropdown-bottom":{"--anchor-v":"bottom",".dropdown-content":{"top":"100%","bottom":"auto","transform-origin":"top"}},".dropdown-top":{"--anchor-v":"top",".dropdown-content":{"top":"auto","bottom":"100%","transform-origin":"bottom"}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}@media (width>=640px){.sm\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.sm\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.sm\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.sm\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.sm\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.sm\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.sm\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.sm\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=768px){.md\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.md\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.md\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.md\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.md\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.md\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.md\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.md\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1024px){.lg\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.lg\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.lg\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.lg\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.lg\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.lg\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.lg\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.lg\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1280px){.xl\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.xl\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.xl\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.xl\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.xl\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.xl\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.xl\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.xl\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}@media (width>=1536px){.\32 xl\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative;&>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}& .dropdown-content{transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}&:not(details){& .dropdown-content{visibility:hidden;transform-origin:top;opacity:0;scale:95%}}&.dropdown-open,&:not(.dropdown-hover):focus,&:focus-within{& .dropdown-content{visibility:visible;opacity:1}}&.dropdown-hover:hover{& .dropdown-content{visibility:visible;opacity:1;scale:100%}}&:is(details){& summary{&::-webkit-details-marker{display:none}}}&.dropdown-open,&:focus,&:focus-within{& .dropdown-content{scale:100%}}&[popover]{z-index:1000;color:inherit;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);position:fixed;@supports not (position-area:bottom){&{margin:auto}&.dropdown-open{visibility:hidden;transform-origin:top;opacity:0;scale:95%;&:popover-open{visibility:visible;opacity:1;scale:100%}}&::backdrop{background-color:oklab(0% none none/.3)}}&:not(.dropdown-open,:popover-open){visibility:hidden;transform-origin:top;opacity:0;scale:95%}}}.\32 xl\:dropdown-start{--anchor-h:span-right;& :where(.dropdown-content){inset-inline-end:auto}&.dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}&.dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{top:var(--spacing-0,0px);bottom:auto}}}.\32 xl\:dropdown-center{--anchor-h:center;& :where(.dropdown-content){inset-inline-end:50%;translate:50%}&.dropdown-left{--anchor-h:left;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}&.dropdown-right{--anchor-h:right;--anchor-v:center;& .dropdown-content{top:auto;bottom:50%;translate:0 50%}}}.\32 xl\:dropdown-end{--anchor-h:span-left;& :where(.dropdown-content){inset-inline-end:var(--spacing-0,0px)}&.dropdown-left{--anchor-h:left;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}&.dropdown-right{--anchor-h:right;--anchor-v:span-top;& .dropdown-content{top:auto;bottom:var(--spacing-0,0px)}}}.\32 xl\:dropdown-left{--anchor-h:left;--anchor-v:span-bottom;& .dropdown-content{inset-inline-end:100%;top:var(--spacing-0,0px);transform-origin:100%;bottom:auto}}.\32 xl\:dropdown-right{--anchor-h:right;--anchor-v:span-bottom;& .dropdown-content{inset-inline-start:100%;top:var(--spacing-0,0px);transform-origin:0;bottom:auto}}.\32 xl\:dropdown-bottom{--anchor-v:bottom;& .dropdown-content{transform-origin:top;top:100%;bottom:auto}}.\32 xl\:dropdown-top{--anchor-v:top;& .dropdown-content{transform-origin:bottom;top:auto;bottom:100%}}}
@@ -0,0 +1,4 @@
1
+ import fileinput from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...fileinput})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".file-input":{"border":"1px solid transparent","height":"var(--spacing-10, 2.5rem)","width":"100%","max-width":"var(--spacing-80, 20rem)","cursor":"pointer","appearance":"none","padding-inline-end":"var(--spacing-4, 1rem)","vertical-align":"middle","webkit-user-select":"none","user-select":"none","font-size":"0.875rem","line-height":2,"border-start-start-radius":"var(--radius-join-start-start, var(--radius-btn))","border-start-end-radius":"var(--radius-join-start-end, var(--radius-btn))","border-end-start-radius":"var(--radius-join-end-start, var(--radius-btn))","border-end-end-radius":"var(--radius-join-end-end, var(--radius-btn))","&:where(::file-selector-button)":{"color":"var(--color-base-content, )"},"&::file-selector-button":{"margin-inline-end":"var(--spacing-4, 1rem)","height":"100%","cursor":"pointer","padding-left":"var(--spacing-4, 1rem)","padding-right":"var(--spacing-4, 1rem)","webkit-user-select":"none","user-select":"none","border":"var(--spacing-button-border, 1px) solid var(--btn-color)","font-size":"var(--font-size-sm)","font-weight":600,"--btn-color":"var(--btn-bg, var(--color-base-200))","background-color":"var(--btn-color)","text-shadow":"0 0.5px oklch(1 0 0 / .15)","box-shadow":"0 0 0 0.5px oklch(1 0 0 / .01) inset, var(--btn-shadow)","background-origin":"border-box","background-image":"var(--btn-gradient)","background-size":"100% calc(var(--spacing-button-border, 1px) + .5px), 100% calc(var(--spacing-button-border, 1px) + .5px), 2rem 100%, 2rem 100%","background-repeat":"no-repeat","background-position":"top, bottom, left, right","--btn-gradient":"linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n linear-gradient(-50deg, transparent 50%, color-mix(in oklab, transparent, white 4%)),\n linear-gradient(50deg, transparent 50%, color-mix(in oklab, transparent, white 4%))"},"&:focus":{"outline":"2px solid var(--btn-bg, color-mix(in srgb, var(--color-base-content) 20%, transparent))","outline-offset":"2px"},"&.file-input-border":{"border-color":"color-mix(in oklch, var(--color-base-content, ) 10%, transparent)","box-shadow":"0 1px oklch(0% 0 0 / 0.1) inset, 0 -1px oklch(100% 0 0 / 0.1) inset"},"&.file-input-ghost":{"&:not(&:focus)":{"&::file-selector-button":{"background":"transparent","border-color":"transparent"}}},"&.file-input-primary":{"border-color":"var(--color-primary, )","--btn-bg":"var(--color-primary)","&::file-selector-button":{"color":"var(--color-primary-content)"}},"&.file-input-secondary":{"border-color":"var(--color-secondary, )","--btn-bg":"var(--color-secondary)","&::file-selector-button":{"color":"var(--color-secondary-content)"}},"&.file-input-accent":{"border-color":"var(--color-accent, )","--btn-bg":"var(--color-accent)","&::file-selector-button":{"color":"var(--color-accent-content)"}},"&.file-input-neutral":{"border-color":"var(--color-neutral, )","--btn-bg":"var(--color-neutral)","&::file-selector-button":{"color":"var(--color-neutral-content)"}},"&.file-input-info":{"border-color":"var(--color-info, )","--btn-bg":"var(--color-info)","&::file-selector-button":{"color":"var(--color-info-content)"}},"&.file-input-success":{"border-color":"var(--color-success, )","--btn-bg":"var(--color-success)","&::file-selector-button":{"color":"var(--color-success-content)"}},"&.file-input-warning":{"border-color":"var(--color-warning, )","--btn-bg":"var(--color-warning)","&::file-selector-button":{"color":"var(--color-warning-content)"}},"&.file-input-error":{"border-color":"var(--color-error, )","--btn-bg":"var(--color-error)","&::file-selector-button":{"color":"var(--color-error-content)"}},"&.file-input-xs":{"height":"var(--spacing-6, 1.5rem)","padding-inline-end":"var(--spacing-2, 0.5rem)","font-size":"0.75rem","line-height":1},"&.file-input-sm":{"height":"var(--spacing-8, 2rem)","padding-inline-end":"var(--spacing-3, 0.75rem)","font-size":"0.875rem","line-height":"1.5rem"},"&.file-input-md":{"height":"var(--spacing-10, 2.5rem)","padding-inline-end":"var(--spacing-4, 1rem)","font-size":"0.875rem","line-height":2},"&.file-input-lg":{"height":"var(--spacing-14, 3.5rem)","padding-inline-end":"var(--spacing-6, 1.5rem)","font-size":"1.125rem","line-height":"2rem"},"&:has(> input[disabled]), &:is(:disabled, [disabled])":{"cursor":"not-allowed","border-color":"var(--color-base-200, )","background-color":"var(--color-base-200, )","color":"color-mix(in oklch, var(--color-base-content, ) 40%, transparent)","&::placeholder":{"color":"color-mix(in oklch, var(--color-base-content, ) 20%, transparent)"},"box-shadow":"none","&::file-selector-button":{"cursor":"not-allowed","border-color":"var(--color-base-200, )","background-color":"var(--color-base-200, )"}}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .file-input{height:var(--spacing-10,2.5rem);max-width:var(--spacing-80,20rem);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content, )}&::file-selector-button{cursor:pointer;padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);-webkit-user-select:none;user-select:none;border:var(--spacing-button-border,1px)solid var(--btn-color);font-size:var(--font-size-sm);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .5px),2rem 100%,2rem 100%;--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;height:100%;margin-inline-end:var(--spacing-4,1rem);font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary, );--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary, );--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent, );--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral, );--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info, );--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success, );--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning, );--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error, );--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:var(--spacing-6,1.5rem);padding-inline-end:var(--spacing-2,.5rem);font-size:.75rem;line-height:1}&.file-input-sm{height:var(--spacing-8,2rem);padding-inline-end:var(--spacing-3,.75rem);font-size:.875rem;line-height:1.5rem}&.file-input-md{height:var(--spacing-10,2.5rem);padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.file-input-lg{height:var(--spacing-14,3.5rem);padding-inline-end:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in oklch,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content, )20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, )}}}@media (width>=640px){.sm\:file-input{height:var(--spacing-10,2.5rem);max-width:var(--spacing-80,20rem);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content, )}&::file-selector-button{cursor:pointer;padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);-webkit-user-select:none;user-select:none;border:var(--spacing-button-border,1px)solid var(--btn-color);font-size:var(--font-size-sm);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .5px),2rem 100%,2rem 100%;--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;height:100%;margin-inline-end:var(--spacing-4,1rem);font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary, );--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary, );--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent, );--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral, );--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info, );--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success, );--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning, );--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error, );--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:var(--spacing-6,1.5rem);padding-inline-end:var(--spacing-2,.5rem);font-size:.75rem;line-height:1}&.file-input-sm{height:var(--spacing-8,2rem);padding-inline-end:var(--spacing-3,.75rem);font-size:.875rem;line-height:1.5rem}&.file-input-md{height:var(--spacing-10,2.5rem);padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.file-input-lg{height:var(--spacing-14,3.5rem);padding-inline-end:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in oklch,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content, )20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, )}}}}@media (width>=768px){.md\:file-input{height:var(--spacing-10,2.5rem);max-width:var(--spacing-80,20rem);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content, )}&::file-selector-button{cursor:pointer;padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);-webkit-user-select:none;user-select:none;border:var(--spacing-button-border,1px)solid var(--btn-color);font-size:var(--font-size-sm);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .5px),2rem 100%,2rem 100%;--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;height:100%;margin-inline-end:var(--spacing-4,1rem);font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary, );--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary, );--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent, );--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral, );--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info, );--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success, );--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning, );--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error, );--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:var(--spacing-6,1.5rem);padding-inline-end:var(--spacing-2,.5rem);font-size:.75rem;line-height:1}&.file-input-sm{height:var(--spacing-8,2rem);padding-inline-end:var(--spacing-3,.75rem);font-size:.875rem;line-height:1.5rem}&.file-input-md{height:var(--spacing-10,2.5rem);padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.file-input-lg{height:var(--spacing-14,3.5rem);padding-inline-end:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in oklch,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content, )20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, )}}}}@media (width>=1024px){.lg\:file-input{height:var(--spacing-10,2.5rem);max-width:var(--spacing-80,20rem);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content, )}&::file-selector-button{cursor:pointer;padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);-webkit-user-select:none;user-select:none;border:var(--spacing-button-border,1px)solid var(--btn-color);font-size:var(--font-size-sm);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .5px),2rem 100%,2rem 100%;--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;height:100%;margin-inline-end:var(--spacing-4,1rem);font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary, );--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary, );--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent, );--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral, );--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info, );--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success, );--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning, );--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error, );--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:var(--spacing-6,1.5rem);padding-inline-end:var(--spacing-2,.5rem);font-size:.75rem;line-height:1}&.file-input-sm{height:var(--spacing-8,2rem);padding-inline-end:var(--spacing-3,.75rem);font-size:.875rem;line-height:1.5rem}&.file-input-md{height:var(--spacing-10,2.5rem);padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.file-input-lg{height:var(--spacing-14,3.5rem);padding-inline-end:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in oklch,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content, )20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, )}}}}@media (width>=1280px){.xl\:file-input{height:var(--spacing-10,2.5rem);max-width:var(--spacing-80,20rem);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content, )}&::file-selector-button{cursor:pointer;padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);-webkit-user-select:none;user-select:none;border:var(--spacing-button-border,1px)solid var(--btn-color);font-size:var(--font-size-sm);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .5px),2rem 100%,2rem 100%;--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;height:100%;margin-inline-end:var(--spacing-4,1rem);font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary, );--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary, );--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent, );--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral, );--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info, );--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success, );--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning, );--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error, );--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:var(--spacing-6,1.5rem);padding-inline-end:var(--spacing-2,.5rem);font-size:.75rem;line-height:1}&.file-input-sm{height:var(--spacing-8,2rem);padding-inline-end:var(--spacing-3,.75rem);font-size:.875rem;line-height:1.5rem}&.file-input-md{height:var(--spacing-10,2.5rem);padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.file-input-lg{height:var(--spacing-14,3.5rem);padding-inline-end:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in oklch,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content, )20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, )}}}}@media (width>=1536px){.\32 xl\:file-input{height:var(--spacing-10,2.5rem);max-width:var(--spacing-80,20rem);cursor:pointer;appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));width:100%;padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2;&:where(){color:var(--color-base-content, )}&::file-selector-button{cursor:pointer;padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);-webkit-user-select:none;user-select:none;border:var(--spacing-button-border,1px)solid var(--btn-color);font-size:var(--font-size-sm);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .5px),2rem 100%,2rem 100%;--btn-gradient:linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;height:100%;margin-inline-end:var(--spacing-4,1rem);font-weight:600}&:focus{outline:2px solid var(--btn-bg,color-mix(in srgb,var(--color-base-content)20%,transparent));outline-offset:2px}&.file-input-border{border-color:color-mix(in oklch,var(--color-base-content, )10%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1)}&.file-input-ghost{&:not(&:focus){&::file-selector-button{background:0 0;border-color:#0000}}}&.file-input-primary{border-color:var(--color-primary, );--btn-bg:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}}&.file-input-secondary{border-color:var(--color-secondary, );--btn-bg:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}}&.file-input-accent{border-color:var(--color-accent, );--btn-bg:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}}&.file-input-neutral{border-color:var(--color-neutral, );--btn-bg:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}}&.file-input-info{border-color:var(--color-info, );--btn-bg:var(--color-info);&::file-selector-button{color:var(--color-info-content)}}&.file-input-success{border-color:var(--color-success, );--btn-bg:var(--color-success);&::file-selector-button{color:var(--color-success-content)}}&.file-input-warning{border-color:var(--color-warning, );--btn-bg:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}}&.file-input-error{border-color:var(--color-error, );--btn-bg:var(--color-error);&::file-selector-button{color:var(--color-error-content)}}&.file-input-xs{height:var(--spacing-6,1.5rem);padding-inline-end:var(--spacing-2,.5rem);font-size:.75rem;line-height:1}&.file-input-sm{height:var(--spacing-8,2rem);padding-inline-end:var(--spacing-3,.75rem);font-size:.875rem;line-height:1.5rem}&.file-input-md{height:var(--spacing-10,2.5rem);padding-inline-end:var(--spacing-4,1rem);font-size:.875rem;line-height:2}&.file-input-lg{height:var(--spacing-14,3.5rem);padding-inline-end:var(--spacing-6,1.5rem);font-size:1.125rem;line-height:2rem}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:color-mix(in oklch,var(--color-base-content, )40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklch,var(--color-base-content, )20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200, );background-color:var(--color-base-200, )}}}}
@@ -0,0 +1,4 @@
1
+ import footer from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...footer})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".footer":{"display":"grid","width":"100%","grid-auto-flow":"row","place-items":"start","column-gap":"var(--spacing-4, 1rem)","row-gap":"var(--spacing-10, 2.5rem)","font-size":"0.875rem","line-height":"1.25rem","&>*":{"display":"grid","place-items":"start","gap":"var(--spacing-2, 0.5rem)"},"&.footer-center":{"grid-auto-flow":"column dense","place-items":"center","text-align":"center","&>*":{"place-items":"center"}}},".footer-title":{"margin-bottom":"var(--spacing-2, 0.5rem)","text-transform":"uppercase","opacity":"60%","font-weight":700},".footer-horizontal":{"grid-auto-flow":"column","&.footer-center":{"grid-auto-flow":"row dense"}},".footer-vertical":{"grid-auto-flow":"row","&.footer-center":{"grid-auto-flow":"column dense"}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}@media (width>=640px){.sm\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.sm\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.sm\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.sm\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=768px){.md\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.md\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.md\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.md\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1024px){.lg\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.lg\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.lg\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.lg\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1280px){.xl\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.xl\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}@media (width>=1536px){.\32 xl\:footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);grid-auto-flow:row;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.\32 xl\:footer-title{margin-bottom:var(--spacing-2,.5rem);text-transform:uppercase;opacity:.6;font-weight:700}.\32 xl\:footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.\32 xl\:footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}}
@@ -0,0 +1,4 @@
1
+ import hero from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...hero})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".hero":{"display":"grid","width":"100%","place-items":"center","background-size":"cover","background-position":"center","&>*":{"grid-column-start":"1","grid-row-start":"1"}},".hero-overlay":{"grid-column-start":"1","grid-row-start":"1","height":"100%","width":"100%","background-color":"color-mix(in oklch, var(--color-neutral, ) 50%, transparent)"},".hero-content":{"z-index":0,"display":"flex","max-width":"var(--width-7xl, 80rem)","align-items":"center","justify-content":"center","gap":"var(--spacing-4, 1rem)","padding":"var(--spacing-4, 1rem)"}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – MIT License */ .hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.hero-overlay{background-color:color-mix(in oklch,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}@media (width>=640px){.sm\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.sm\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.sm\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}@media (width>=768px){.md\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.md\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.md\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}@media (width>=1024px){.lg\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.lg\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.lg\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}@media (width>=1280px){.xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.xl\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}@media (width>=1536px){.\32 xl\:hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.\32 xl\:hero-overlay{background-color:color-mix(in oklch,var(--color-neutral, )50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.\32 xl\:hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}}
@@ -0,0 +1,4 @@
1
+ import indicator from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...indicator})
4
+ }
@@ -0,0 +1 @@
1
+ export default {".indicator":{"position":"relative","display":"inline-flex","width":"max-content",":where(.indicator-item)":{"z-index":1,"position":"absolute","white-space":"nowrap","bottom":"auto","top":"0","right":"0","left":"auto","translate":"var(--inidcator-x, 50%) var(--indicator-y, -50%)"},":where(.indicator-item.indicator-start)":{"right":"auto","left":"0","--inidcator-x":"-50%"},":where(.indicator-item.indicator-center)":{"right":"50%","left":"50%","--inidcator-x":"-50%"},":where(.indicator-item.indicator-end)":{"right":"0","left":"auto","--inidcator-x":"50%"},":where(.indicator-item.indicator-bottom)":{"bottom":"0","top":"auto","--indicator-y":"50%"},":where(.indicator-item.indicator-middle)":{"bottom":"50%","top":"50%","--indicator-y":"-50%"},":where(.indicator-item.indicator-top)":{"bottom":"auto","top":"0","--indicator-y":"-50%"}}};
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.30 – 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}}}