daisyui 5.0.0-alpha.4 → 5.0.0-alpha.41

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 (340) hide show
  1. package/base/properties/index.js +7 -0
  2. package/base/properties/object.js +1 -0
  3. package/base/properties.css +1 -0
  4. package/base/reset/index.js +7 -0
  5. package/base/reset/object.js +1 -0
  6. package/base/reset.css +1 -0
  7. package/base/rootcolor/index.js +7 -0
  8. package/base/rootcolor/object.js +1 -0
  9. package/base/rootcolor.css +1 -0
  10. package/base/rootscrollgutter/index.js +7 -0
  11. package/base/rootscrollgutter/object.js +1 -0
  12. package/base/rootscrollgutter.css +1 -0
  13. package/base/rootscrolllock/index.js +7 -0
  14. package/base/rootscrolllock/object.js +1 -0
  15. package/base/rootscrolllock.css +1 -0
  16. package/base/scrollbar/index.js +7 -0
  17. package/base/scrollbar/object.js +1 -0
  18. package/base/scrollbar.css +1 -0
  19. package/chunks.css +64 -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 +7 -0
  24. package/components/alert/object.js +1 -0
  25. package/components/alert.css +1 -0
  26. package/components/avatar/index.js +7 -0
  27. package/components/avatar/object.js +1 -0
  28. package/components/avatar.css +1 -0
  29. package/components/badge/index.js +7 -74
  30. package/components/badge/object.js +1 -0
  31. package/components/badge.css +1 -109
  32. package/components/breadcrumbs/index.js +7 -0
  33. package/components/breadcrumbs/object.js +1 -0
  34. package/components/breadcrumbs.css +1 -0
  35. package/components/button/index.js +7 -172
  36. package/components/button/object.js +1 -0
  37. package/components/button.css +1 -295
  38. package/components/calendar/index.js +7 -0
  39. package/components/calendar/object.js +1 -0
  40. package/components/calendar.css +1 -0
  41. package/components/card/index.js +7 -0
  42. package/components/card/object.js +1 -0
  43. package/components/card.css +1 -0
  44. package/components/carousel/index.js +7 -0
  45. package/components/carousel/object.js +1 -0
  46. package/components/carousel.css +1 -0
  47. package/components/chat/index.js +7 -0
  48. package/components/chat/object.js +1 -0
  49. package/components/chat.css +1 -0
  50. package/components/checkbox/index.js +7 -108
  51. package/components/checkbox/object.js +1 -0
  52. package/components/checkbox.css +1 -144
  53. package/components/collapse/index.js +7 -0
  54. package/components/collapse/object.js +1 -0
  55. package/components/collapse.css +1 -0
  56. package/components/countdown/index.js +7 -0
  57. package/components/countdown/object.js +1 -0
  58. package/components/countdown.css +1 -0
  59. package/components/diff/index.js +7 -0
  60. package/components/diff/object.js +1 -0
  61. package/components/diff.css +1 -0
  62. package/components/divider/index.js +7 -0
  63. package/components/divider/object.js +1 -0
  64. package/components/divider.css +1 -0
  65. package/components/dock/index.js +7 -0
  66. package/components/dock/object.js +1 -0
  67. package/components/dock.css +1 -0
  68. package/components/drawer/index.js +7 -0
  69. package/components/drawer/object.js +1 -0
  70. package/components/drawer.css +1 -0
  71. package/components/dropdown/index.js +7 -0
  72. package/components/dropdown/object.js +1 -0
  73. package/components/dropdown.css +1 -0
  74. package/components/fieldset/index.js +7 -0
  75. package/components/fieldset/object.js +1 -0
  76. package/components/fieldset.css +1 -0
  77. package/components/fileinput/index.js +7 -0
  78. package/components/fileinput/object.js +1 -0
  79. package/components/fileinput.css +1 -0
  80. package/components/footer/index.js +7 -0
  81. package/components/footer/object.js +1 -0
  82. package/components/footer.css +1 -0
  83. package/components/hero/index.js +7 -0
  84. package/components/hero/object.js +1 -0
  85. package/components/hero.css +1 -0
  86. package/components/indicator/index.js +7 -0
  87. package/components/indicator/object.js +1 -0
  88. package/components/indicator.css +1 -0
  89. package/components/input/index.js +7 -128
  90. package/components/input/object.js +1 -0
  91. package/components/input.css +1 -204
  92. package/components/kbd/index.js +7 -27
  93. package/components/kbd/object.js +1 -0
  94. package/components/kbd.css +1 -49
  95. package/components/link/index.js +7 -0
  96. package/components/link/object.js +1 -0
  97. package/components/link.css +1 -0
  98. package/components/loading/index.js +7 -39
  99. package/components/loading/object.js +1 -0
  100. package/components/loading.css +1 -42
  101. package/components/mask/index.js +7 -74
  102. package/components/mask/object.js +1 -0
  103. package/components/mask.css +1 -78
  104. package/components/menu/index.js +7 -129
  105. package/components/menu/object.js +1 -0
  106. package/components/menu.css +1 -237
  107. package/components/mockup/index.js +7 -0
  108. package/components/mockup/object.js +1 -0
  109. package/components/mockup.css +1 -0
  110. package/components/modal/index.js +7 -0
  111. package/components/modal/object.js +1 -0
  112. package/components/modal.css +1 -0
  113. package/components/navbar/index.js +7 -0
  114. package/components/navbar/object.js +1 -0
  115. package/components/navbar.css +1 -0
  116. package/components/progress/index.js +7 -0
  117. package/components/progress/object.js +1 -0
  118. package/components/progress.css +1 -0
  119. package/components/radialprogress/index.js +7 -0
  120. package/components/radialprogress/object.js +1 -0
  121. package/components/radialprogress.css +1 -0
  122. package/components/radio/index.js +7 -73
  123. package/components/radio/object.js +1 -0
  124. package/components/radio.css +1 -102
  125. package/components/range/index.js +7 -132
  126. package/components/range/object.js +1 -0
  127. package/components/range.css +1 -164
  128. package/components/rating/index.js +7 -82
  129. package/components/rating/object.js +1 -0
  130. package/components/rating.css +1 -104
  131. package/components/select/index.js +7 -99
  132. package/components/select/object.js +1 -0
  133. package/components/select.css +1 -166
  134. package/components/skeleton/index.js +7 -0
  135. package/components/skeleton/object.js +1 -0
  136. package/components/skeleton.css +1 -0
  137. package/components/stack/index.js +7 -0
  138. package/components/stack/object.js +1 -0
  139. package/components/stack.css +1 -0
  140. package/components/stat/index.js +7 -0
  141. package/components/stat/object.js +1 -0
  142. package/components/stat.css +1 -0
  143. package/components/status/index.js +7 -0
  144. package/components/status/object.js +1 -0
  145. package/components/status.css +1 -0
  146. package/components/steps/index.js +7 -0
  147. package/components/steps/object.js +1 -0
  148. package/components/steps.css +1 -0
  149. package/components/swap/index.js +7 -0
  150. package/components/swap/object.js +1 -0
  151. package/components/swap.css +1 -0
  152. package/components/tab/index.js +7 -165
  153. package/components/tab/object.js +1 -0
  154. package/components/tab.css +1 -229
  155. package/components/table/index.js +7 -0
  156. package/components/table/object.js +1 -0
  157. package/components/table.css +1 -0
  158. package/components/textarea/index.js +7 -0
  159. package/components/textarea/object.js +1 -0
  160. package/components/textarea.css +1 -0
  161. package/components/timeline/index.js +7 -0
  162. package/components/timeline/object.js +1 -0
  163. package/components/timeline.css +1 -0
  164. package/components/toast/index.js +7 -0
  165. package/components/toast/object.js +1 -0
  166. package/components/toast.css +1 -0
  167. package/components/toggle/index.js +7 -102
  168. package/components/toggle/object.js +1 -0
  169. package/components/toggle.css +1 -143
  170. package/components/tooltip/index.js +7 -135
  171. package/components/tooltip/object.js +1 -0
  172. package/components/tooltip.css +1 -173
  173. package/daisyui.css +1 -0
  174. package/functions/addPrefix.js +77 -0
  175. package/functions/plugin.js +10 -9
  176. package/functions/pluginOptionsHandler.js +43 -0
  177. package/functions/variables.js +32 -0
  178. package/imports.js +63 -0
  179. package/index.js +51 -0
  180. package/package.json +78 -76
  181. package/theme/acid/index.js +7 -0
  182. package/theme/acid/object.js +1 -0
  183. package/theme/acid.css +27 -0
  184. package/theme/aqua/index.js +7 -0
  185. package/theme/aqua/object.js +1 -0
  186. package/theme/aqua.css +27 -0
  187. package/theme/autumn/index.js +7 -0
  188. package/theme/autumn/object.js +1 -0
  189. package/theme/autumn.css +27 -0
  190. package/theme/black/index.js +7 -0
  191. package/theme/black/object.js +1 -0
  192. package/theme/black.css +27 -0
  193. package/theme/bumblebee/index.js +7 -0
  194. package/theme/bumblebee/object.js +1 -0
  195. package/theme/bumblebee.css +27 -0
  196. package/theme/business/index.js +7 -0
  197. package/theme/business/object.js +1 -0
  198. package/theme/business.css +27 -0
  199. package/theme/cmyk/index.js +7 -0
  200. package/theme/cmyk/object.js +1 -0
  201. package/theme/cmyk.css +27 -0
  202. package/theme/coffee/index.js +7 -0
  203. package/theme/coffee/object.js +1 -0
  204. package/theme/coffee.css +27 -0
  205. package/theme/corporate/index.js +7 -0
  206. package/theme/corporate/object.js +1 -0
  207. package/theme/corporate.css +27 -0
  208. package/theme/cupcake/index.js +7 -0
  209. package/theme/cupcake/object.js +1 -0
  210. package/theme/cupcake.css +27 -0
  211. package/theme/cyberpunk/index.js +7 -0
  212. package/theme/cyberpunk/object.js +1 -0
  213. package/theme/cyberpunk.css +27 -0
  214. package/theme/dark/index.js +7 -0
  215. package/theme/dark/object.js +1 -0
  216. package/theme/dark.css +27 -0
  217. package/theme/dim/index.js +7 -0
  218. package/theme/dim/object.js +1 -0
  219. package/theme/dim.css +27 -0
  220. package/theme/dracula/index.js +7 -0
  221. package/theme/dracula/object.js +1 -0
  222. package/theme/dracula.css +27 -0
  223. package/theme/emerald/index.js +7 -0
  224. package/theme/emerald/object.js +1 -0
  225. package/theme/emerald.css +27 -0
  226. package/theme/fantasy/index.js +7 -0
  227. package/theme/fantasy/object.js +1 -0
  228. package/theme/fantasy.css +27 -0
  229. package/theme/forest/index.js +7 -0
  230. package/theme/forest/object.js +1 -0
  231. package/theme/forest.css +27 -0
  232. package/theme/garden/index.js +7 -0
  233. package/theme/garden/object.js +1 -0
  234. package/theme/garden.css +27 -0
  235. package/theme/halloween/index.js +7 -0
  236. package/theme/halloween/object.js +1 -0
  237. package/theme/halloween.css +27 -0
  238. package/theme/index.js +48 -0
  239. package/theme/lemonade/index.js +7 -0
  240. package/theme/lemonade/object.js +1 -0
  241. package/theme/lemonade.css +27 -0
  242. package/theme/light/index.js +7 -0
  243. package/theme/light/object.js +1 -0
  244. package/theme/light.css +27 -0
  245. package/theme/lofi/index.js +7 -0
  246. package/theme/lofi/object.js +1 -0
  247. package/theme/lofi.css +27 -0
  248. package/theme/luxury/index.js +7 -0
  249. package/theme/luxury/object.js +1 -0
  250. package/theme/luxury.css +27 -0
  251. package/theme/night/index.js +7 -0
  252. package/theme/night/object.js +1 -0
  253. package/theme/night.css +27 -0
  254. package/theme/nord/index.js +7 -0
  255. package/theme/nord/object.js +1 -0
  256. package/theme/nord.css +27 -0
  257. package/theme/object.js +1 -0
  258. package/theme/pastel/index.js +7 -0
  259. package/theme/pastel/object.js +1 -0
  260. package/theme/pastel.css +27 -0
  261. package/theme/retro/index.js +7 -0
  262. package/theme/retro/object.js +1 -0
  263. package/theme/retro.css +27 -0
  264. package/theme/sunset/index.js +7 -0
  265. package/theme/sunset/object.js +1 -0
  266. package/theme/sunset.css +27 -0
  267. package/theme/synthwave/index.js +7 -0
  268. package/theme/synthwave/object.js +1 -0
  269. package/theme/synthwave.css +27 -0
  270. package/theme/valentine/index.js +7 -0
  271. package/theme/valentine/object.js +1 -0
  272. package/theme/valentine.css +27 -0
  273. package/theme/winter/index.js +7 -0
  274. package/theme/winter/object.js +1 -0
  275. package/theme/winter.css +27 -0
  276. package/theme/wireframe/index.js +7 -0
  277. package/theme/wireframe/object.js +1 -0
  278. package/theme/wireframe.css +27 -0
  279. package/themes.css +1 -0
  280. package/utilities/join/index.js +7 -0
  281. package/utilities/join/object.js +1 -0
  282. package/utilities/join.css +1 -0
  283. package/utilities/radius/index.js +7 -0
  284. package/utilities/radius/object.js +1 -0
  285. package/utilities/radius.css +1 -0
  286. package/utilities/typography/index.js +7 -0
  287. package/utilities/typography/object.js +1 -0
  288. package/utilities/typography.css +1 -0
  289. package/colors.css +0 -8640
  290. package/components/badge/class.json +0 -18
  291. package/components/badge/config.js +0 -12
  292. package/components/badge/index.css +0 -1
  293. package/components/button/class.json +0 -24
  294. package/components/button/config.js +0 -12
  295. package/components/button/index.css +0 -1
  296. package/components/checkbox/class.json +0 -17
  297. package/components/checkbox/config.js +0 -12
  298. package/components/checkbox/index.css +0 -1
  299. package/components/input/class.json +0 -16
  300. package/components/input/config.js +0 -12
  301. package/components/input/index.css +0 -1
  302. package/components/kbd/class.json +0 -7
  303. package/components/kbd/config.js +0 -12
  304. package/components/kbd/index.css +0 -1
  305. package/components/loading/class.json +0 -21
  306. package/components/loading/config.js +0 -12
  307. package/components/loading/index.css +0 -1
  308. package/components/mask/class.json +0 -24
  309. package/components/mask/config.js +0 -12
  310. package/components/mask/index.css +0 -1
  311. package/components/menu/class.json +0 -15
  312. package/components/menu/config.js +0 -12
  313. package/components/menu/index.css +0 -1
  314. package/components/radio/class.json +0 -14
  315. package/components/radio/config.js +0 -12
  316. package/components/radio/index.css +0 -1
  317. package/components/range/class.json +0 -14
  318. package/components/range/config.js +0 -12
  319. package/components/range/index.css +0 -1
  320. package/components/rating/class.json +0 -5
  321. package/components/rating/config.js +0 -12
  322. package/components/rating/index.css +0 -1
  323. package/components/select/class.json +0 -16
  324. package/components/select/config.js +0 -12
  325. package/components/select/index.css +0 -1
  326. package/components/tab/class.json +0 -13
  327. package/components/tab/config.js +0 -12
  328. package/components/tab/index.css +0 -1
  329. package/components/toggle/class.json +0 -16
  330. package/components/toggle/config.js +0 -12
  331. package/components/toggle/index.css +0 -1
  332. package/components/tooltip/class.json +0 -15
  333. package/components/tooltip/config.js +0 -12
  334. package/components/tooltip/index.css +0 -1
  335. package/full.css +0 -20
  336. package/index.css +0 -18
  337. package/themes/dark/index.css +0 -27
  338. package/themes/default/index.css +0 -27
  339. package/themes/index.css +0 -27
  340. package/themes/light/index.css +0 -27
package/components/calendar.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.41 – MIT License */ .cally{font-size:.7rem;&::part(container){user-select:none;background-color:var(--color-base-100);border-radius:var(--radius-box);border:1px solid var(--color-base-200);padding:.5rem}& ::part(th){font-weight:400}& ::part(head){opacity:.5;font-size:.7rem}&::part(button){border-radius:var(--radius-field);background:0 0;border:none;padding:.5rem}&::part(button):hover{background:var(--color-base-200)}& ::part(day){border-radius:var(--radius-field);font-size:.7rem}& ::part(button day today){color:var(--color-primary)}& ::part(selected){color:var(--color-base-100);background:var(--color-base-content);border-radius:var(--radius-field)}& ::part(range-inner){border-radius:0}& ::part(range-start){border-start-end-radius:0;border-end-end-radius:0}& ::part(range-end){border-start-start-radius:0;border-end-start-radius:0}& ::part(range-start range-end){border-radius:var(--radius-field)}}.react-date-picker{user-select:none;background-color:var(--color-base-100);border-radius:var(--radius-box);border:1px solid var(--color-base-200);font-size:.75rem;display:inline-block;position:relative;overflow:clip;&[dir=rtl]{& .rdp-nav{& .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}}}& *{box-sizing:border-box}& .rdp-day{text-align:center;width:2.25rem;height:2.25rem}& .rdp-day_button{cursor:pointer;font:inherit;color:inherit;border-radius:var(--radius-field);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin:0;padding:0;display:flex;&:disabled{cursor:revert}&:hover{background-color:var(--color-base-200)}}& .rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}& .rdp-button_next{border-radius:var(--radius-field);&:hover{background-color:var(--color-base-200)}}& .rdp-button_previous{border-radius:var(--radius-field);&:hover{background-color:var(--color-base-200)}}& .rdp-button_next,& .rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;background:0 0;border:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin:0;padding:0;display:inline-flex;position:relative;&:disabled{cursor:revert;opacity:.5}}& .rdp-chevron{fill:var(--color-base-content);width:1rem;height:1rem;display:inline-block}& .rdp-dropdowns{align-items:center;gap:.5rem;display:inline-flex;position:relative}& .rdp-dropdown{z-index:2;opacity:0;appearance:none;cursor:inherit;line-height:inherit;border:none;width:100%;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0;&:focus-visible{&~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}}}& .rdp-dropdown_root{align-items:center;display:inline-flex;position:relative;&[data-disabled=true]{& .rdp-chevron{opacity:.5}}}& .rdp-month_caption{height:2.75rem;font-size:.75rem;font-weight:inherit;place-content:center;display:flex}& .rdp-months{flex-wrap:wrap;gap:2rem;max-width:fit-content;padding:.5rem;display:flex;position:relative}& .rdp-month_grid{border-collapse:collapse}& .rdp-nav{inset-block-start:0;inset-inline-end:0;justify-content:space-between;align-items:center;width:100%;height:2.75rem;padding-inline:.5rem;display:flex;position:absolute;top:.25rem}& .rdp-weekday{opacity:.6;text-align:center;padding:.5rem 0;font-size:smaller;font-weight:500}& .rdp-week_number{opacity:.6;text-align:center;border:none;border-radius:100%;width:2.25rem;height:2.25rem;font-size:small;font-weight:400}& .rdp-today:not(.rdp-outside){color:var(--color-primary)}& .rdp-selected{font-weight:inherit;font-size:.75rem;& .rdp-day_button{color:var(--color-base-100);background-color:var(--color-base-content);border-radius:var(--radius-field);border:none;&:hover{background-color:var(--color-base-content)}}}& .rdp-outside{opacity:.75}& .rdp-disabled{opacity:.5}& .rdp-hidden{visibility:hidden;color:var(--color-base-content)}& .rdp-range_start{& .rdp-day_button{border-radius:var(--radius-field)0 0 var(--radius-field)}}& .rdp-range_start .rdp-day_button{background-color:var(--color-base-content);color:var(--color-base-content)}& .rdp-range_middle{background-color:var(--color-base-200)}& .rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:inherit}& .rdp-range_end{color:var(--color-base-content);& .rdp-day_button{border-radius:0 var(--radius-field)var(--radius-field)0}}& .rdp-range_end .rdp-day_button{color:var(--color-base-content);background-color:var(--color-base-content)}& .rdp-range_start.rdp-range_end{background:revert}& .rdp-focusable{cursor:pointer}& .rdp-footer{border-top:1px solid var(--color-base-200);padding:.5rem}}.pika-single{&:is(div){user-select:none;z-index:9999;color:var(--color-base-content);background-color:var(--color-base-100);border-radius:var(--radius-box);border:1px solid var(--color-base-200);padding:.5rem;font-size:.75rem;display:inline-block;position:relative;&:before,&:after{content:"";display:table}&:after{clear:both}&.is-hidden{display:none}&.is-bound{position:absolute}& .pika-lendar{float:left}& .pika-title{text-align:center;position:relative}& .pika-label{z-index:9999;background-color:var(--color-base-100);margin:0;padding:5px 3px;display:inline-block;position:relative;overflow:hidden}& .pika-title{& select{cursor:pointer;z-index:9998;opacity:0;margin:0;position:absolute;top:5px;left:0}}& .pika-prev,& .pika-next{cursor:pointer;color:#0000;border-radius:var(--radius-field);border:0;outline:none;width:2.25rem;height:2.25rem;font-size:1.2em;display:block;position:absolute;top:0;&:hover{background-color:var(--color-base-200)}&.is-disabled{cursor:default;opacity:.2}&:before{width:2.25rem;height:2.25rem;color:var(--color-base-content);line-height:2.25;display:inline-block}}& .pika-prev{left:0;&:before{content:"‹"}}& .pika-next{right:0;&:before{content:"›"}}& .pika-select{display:inline-block}& .pika-table{border-collapse:collapse;border-spacing:0;border:0;width:100%}& .pika-table{& th,& td{padding:0}& th{opacity:.6;text-align:center;width:2.25rem;height:2.25rem}}& .pika-button{cursor:pointer;text-align:right;text-align:center;border:0;outline:none;width:2.25rem;height:2.25rem;margin:0;padding:5px;display:block}& .pika-week{color:var(--color-base-content)}& .is-today{& .pika-button{color:var(--color-primary)}}& .is-selected,& .has-event{& .pika-button{&,&:hover{color:var(--color-base-100);background-color:var(--color-base-content);border-radius:var(--radius-field)}}}& .has-event{& .pika-button{background:var(--color-base-primary)}}& .is-disabled,& .is-inrange{& .pika-button{background:var(--color-base-primary)}}& .is-startrange{& .pika-button{color:var(--color-base-100);background:var(--color-base-content);border-radius:var(--radius-field)}}& .is-endrange{& .pika-button{color:var(--color-base-100);background:var(--color-base-content);border-radius:var(--radius-field)}}& .is-disabled{& .pika-button{pointer-events:none;cursor:default;color:var(--color-base-content);opacity:.3}}& .is-outside-current-month{& .pika-button{color:var(--color-base-content);opacity:.3}}& .is-selection-disabled{pointer-events:none;cursor:default}& .pika-button:hover,& .pika-row.pick-whole-week:hover .pika-button{color:var(--color-base-content);background-color:var(--color-base-200);border-radius:var(--radius-field)}& .pika-table abbr{font-weight:400;text-decoration:none}}}
package/components/card/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import card from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedcard = addPrefix(card, prefix);
6
+ addComponents({ ...prefixedcard });
7
+ };
package/components/card/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".card":{"position":"relative","display":"flex","flex-direction":"column","border-radius":"var(--radius-box)","outline-width":"2px","transition":"outline 0.2s ease-in-out","outline":"0 solid transparent","outline-offset":"2px","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:focus-visible":{"outline-color":"currentColor"},":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"inherit"},"&.card-border":{"border":"1px solid var(--color-base-200)"},"&.image-full":{"display":"grid","&:before":{"position":"relative","z-index":10,"grid-column-start":"1","grid-row-start":"1","border-radius":"var(--radius-box)","background-color":"var(--color-neutral)","opacity":"75%","content":"\"\""},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> .card-body":{"position":"relative","z-index":20,"color":"var(--color-neutral-content)"},":where(figure)":{"overflow":"hidden","border-radius":"inherit"},"> figure img":{"height":"100%","object-fit":"cover"}},"figure":{"display":"flex","align-items":"center","justify-content":"center"},"&:has(> input:is(input[type=\"checkbox\"], input[type=\"radio\"]))":{"cursor":"pointer","user-select":"none"},"&:has(> :checked)":{"outline":"2px solid currentColor"}},".card-title":{"display":"flex","align-items":"center","gap":"calc(0.25rem * 2)","font-size":"1.25rem","font-weight":600},".card-body":{"display":"flex","flex":"auto","flex-direction":"column","gap":"calc(0.25rem * 2)","padding":"calc(0.25rem * 8)",":where(p)":{"flex-grow":1}},".card-actions":{"display":"flex","flex-wrap":"wrap","align-items":"flex-start","gap":"calc(0.25rem * 2)"},".card-xs":{".card-body":{"padding":"calc(0.25rem * 2)","font-size":"0.6875rem"},".card-title":{"margin-bottom":"calc(0.25rem * 1)"}},".card-sm":{".card-body":{"padding":"calc(0.25rem * 4)","font-size":"0.75rem"},".card-title":{"margin-bottom":"calc(0.25rem * 1)"}},".card-md":{".card-body":{"padding":"calc(0.25rem * 8)","font-size":"0.875rem"},".card-title":{"margin-bottom":"calc(0.25rem * 3)"}},".card-lg":{".card-body":{"padding":"calc(0.25rem * 10)","font-size":"1.125rem"},".card-title":{"margin-bottom":"calc(0.25rem * 4)"}},".card-xl":{".card-body":{"padding":"calc(0.25rem * 12)","font-size":"1.375rem"},".card-title":{"margin-bottom":"calc(0.25rem * 4)"}},".card-side":{"align-items":"stretch","flex-direction":"row",":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"inherit"},"figure > *":{"max-width":"unset"},":where(figure > *)":{"width":"100%","height":"100%","object-fit":"cover"}}};
package/components/card.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.41 – MIT License */ .card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}@media (width>=640px){.sm\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.sm\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.sm\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.sm\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.sm\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.sm\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.sm\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.sm\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.sm\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.sm\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=768px){.md\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.md\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.md\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.md\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.md\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.md\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.md\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.md\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.md\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.md\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1024px){.lg\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.lg\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.lg\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.lg\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.lg\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.lg\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.lg\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.lg\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.lg\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.lg\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1280px){.xl\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.xl\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.xl\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.xl\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.xl\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.xl\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.xl\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.xl\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.xl\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1536px){.\32 xl\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-color:currentColor}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}&:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;user-select:none}&:has(>:checked){outline:2px solid}}.\32 xl\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.\32 xl\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.\32 xl\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.\32 xl\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.\32 xl\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.\32 xl\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.\32 xl\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.\32 xl\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.\32 xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}
package/components/carousel/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import carousel from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedcarousel = addPrefix(carousel, prefix);
6
+ addComponents({ ...prefixedcarousel });
7
+ };
package/components/carousel/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".carousel":{"display":"inline-flex","overflow-x":"scroll","scroll-snap-type":"x mandatory","scroll-behavior":"smooth","scrollbar-width":"none","&::-webkit-scrollbar":{"display":"none"}},".carousel-vertical":{"flex-direction":"column","overflow-y":"scroll","scroll-snap-type":"y mandatory"},".carousel-horizontal":{"flex-direction":"row","overflow-x":"scroll","scroll-snap-type":"x mandatory"},".carousel-item":{"box-sizing":"content-box","display":"flex","flex":"none","scroll-snap-align":"start"},".carousel-start":{".carousel-item":{"scroll-snap-align":"start"}},".carousel-center":{".carousel-item":{"scroll-snap-align":"center"}},".carousel-end":{".carousel-item":{"scroll-snap-align":"end"}}};
package/components/carousel.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.41 – MIT License */ .carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.carousel-start{& .carousel-item{scroll-snap-align:start}}.carousel-center{& .carousel-item{scroll-snap-align:center}}.carousel-end{& .carousel-item{scroll-snap-align:end}}@media (width>=640px){.sm\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.sm\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.sm\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.sm\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.sm\:carousel-start{& .carousel-item{scroll-snap-align:start}}.sm\:carousel-center{& .carousel-item{scroll-snap-align:center}}.sm\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=768px){.md\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.md\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.md\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.md\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.md\:carousel-start{& .carousel-item{scroll-snap-align:start}}.md\:carousel-center{& .carousel-item{scroll-snap-align:center}}.md\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=1024px){.lg\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.lg\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.lg\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.lg\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.lg\:carousel-start{& .carousel-item{scroll-snap-align:start}}.lg\:carousel-center{& .carousel-item{scroll-snap-align:center}}.lg\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=1280px){.xl\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.xl\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.xl\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.xl\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.xl\:carousel-start{& .carousel-item{scroll-snap-align:start}}.xl\:carousel-center{& .carousel-item{scroll-snap-align:center}}.xl\:carousel-end{& .carousel-item{scroll-snap-align:end}}}@media (width>=1536px){.\32 xl\:carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:inline-flex;overflow-x:scroll;&::-webkit-scrollbar{display:none}}.\32 xl\:carousel-vertical{scroll-snap-type:y mandatory;flex-direction:column;overflow-y:scroll}.\32 xl\:carousel-horizontal{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:scroll}.\32 xl\:carousel-item{box-sizing:content-box;scroll-snap-align:start;flex:none;display:flex}.\32 xl\:carousel-start{& .carousel-item{scroll-snap-align:start}}.\32 xl\:carousel-center{& .carousel-item{scroll-snap-align:center}}.\32 xl\:carousel-end{& .carousel-item{scroll-snap-align:end}}}
package/components/chat/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import chat from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedchat = addPrefix(chat, prefix);
6
+ addComponents({ ...prefixedchat });
7
+ };
package/components/chat/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".chat":{"display":"grid","column-gap":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 1)"},".chat-bubble-primary":{"background-color":"var(--color-primary)","color":"var(--color-primary-content)"},".chat-bubble-secondary":{"background-color":"var(--color-secondary)","color":"var(--color-secondary-content)"},".chat-bubble-accent":{"background-color":"var(--color-accent)","color":"var(--color-accent-content)"},".chat-bubble-neutral":{"background-color":"var(--color-neutral)","color":"var(--color-neutral-content)"},".chat-bubble-info":{"background-color":"var(--color-info)","color":"var(--color-info-content)"},".chat-bubble-success":{"background-color":"var(--color-success)","color":"var(--color-success-content)"},".chat-bubble-warning":{"background-color":"var(--color-warning)","color":"var(--color-warning-content)"},".chat-bubble-error":{"background-color":"var(--color-error)","color":"var(--color-error-content)"},".chat-image":{"grid-row":"span 2 / span 2","align-self":"flex-end"},".chat-header":{"grid-row-start":"1","font-size":"0.75rem","line-height":"1rem"},".chat-footer":{"grid-row-start":"3","font-size":"0.75rem","line-height":"1rem"},".chat-bubble":{"position":"relative","display":"block","width":"fit-content","border-radius":"var(--radius-box)","background-color":"var(--color-base-200)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 2)","color":"var(--color-base-content)","min-height":"2.5rem","min-width":"2.5rem","max-width":"90%","&:before":{"position":"absolute","bottom":"calc(0.25rem * 0)","height":"calc(0.25rem * 3)","width":"calc(0.25rem * 3)","background-color":"inherit","content":"\"\"","mask-size":"contain","mask-repeat":"no-repeat","mask-position":"center"}},".chat-start":{"place-items":"start","grid-template-columns":"auto 1fr",".chat-header":{"grid-column-start":"2"},".chat-footer":{"grid-column-start":"2"},".chat-image":{"grid-column-start":"1"},".chat-bubble":{"grid-column-start":"2","border-end-start-radius":"0","&:before":{"inset-inline-start":"-0.749rem","mask-image":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")"}}}},".chat-end":{"place-items":"end","grid-template-columns":"1fr auto",".chat-header":{"grid-column-start":"1"},".chat-footer":{"grid-column-start":"1"},".chat-image":{"grid-column-start":"2"},".chat-bubble":{"grid-column-start":"1","border-end-end-radius":"0","&:before":{"inset-inline-start":"99.9%","mask-image":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"mask-image":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")"}}}}};
package/components/chat.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.41 – MIT License */ .chat{column-gap:.75rem;padding-block:.25rem;display:grid}.chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}@media (width>=640px){.sm\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.sm\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.sm\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.sm\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.sm\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.sm\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.sm\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.sm\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.sm\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.sm\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.sm\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.sm\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.sm\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.sm\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.sm\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=768px){.md\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.md\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.md\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.md\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.md\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.md\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.md\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.md\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.md\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.md\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.md\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.md\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.md\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.md\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.md\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1024px){.lg\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.lg\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.lg\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.lg\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.lg\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.lg\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.lg\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.lg\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.lg\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.lg\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.lg\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.lg\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.lg\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.lg\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.lg\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1280px){.xl\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.xl\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.xl\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.xl\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.xl\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.xl\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.xl\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.xl\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.xl\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.xl\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.xl\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.xl\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}@media (width>=1536px){.\32 xl\:chat{column-gap:.75rem;padding-block:.25rem;display:grid}.\32 xl\:chat-bubble-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.\32 xl\:chat-bubble-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.\32 xl\:chat-bubble-accent{background-color:var(--color-accent);color:var(--color-accent-content)}.\32 xl\:chat-bubble-neutral{background-color:var(--color-neutral);color:var(--color-neutral-content)}.\32 xl\:chat-bubble-info{background-color:var(--color-info);color:var(--color-info-content)}.\32 xl\:chat-bubble-success{background-color:var(--color-success);color:var(--color-success-content)}.\32 xl\:chat-bubble-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.\32 xl\:chat-bubble-error{background-color:var(--color-error);color:var(--color-error-content)}.\32 xl\:chat-image{grid-row:span 2/span 2;align-self:flex-end}.\32 xl\:chat-header{grid-row-start:1;font-size:.75rem;line-height:1rem}.\32 xl\:chat-footer{grid-row-start:3;font-size:.75rem;line-height:1rem}.\32 xl\:chat-bubble{border-radius:var(--radius-box);background-color:var(--color-base-200);width:fit-content;color:var(--color-base-content);min-width:2.5rem;max-width:90%;min-height:2.5rem;padding-block:.5rem;padding-inline:1rem;display:block;position:relative;&:before{background-color:inherit;content:"";width:.75rem;height:.75rem;position:absolute;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.\32 xl\:chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.\32 xl\:chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}}
package/components/checkbox/index.js CHANGED
@@ -1,108 +1,7 @@
1
- export default {
2
- ".checkbox": {
3
- "@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-[var(--radius-btn)] border p-1 align-middle": {},
4
- "boxShadow": "0 1px oklch(0% 0 0 / 0.1) inset",
5
- "transition": "background-color 0.2s,\n box-shadow 0.2s",
6
- "&:before": {
7
- "@apply block size-full rotate-45 bg-current opacity-0 content-['']": {},
8
- "transition": "clip-path 0.3s,\n opacity 0.1s,\n rotate 0.3s,\n translate 0.3s",
9
- "transitionDelay": "0.1s",
10
- "clipPath": "polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)",
11
- "boxShadow": "0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"
12
- },
13
- "&:focus-visible": {
14
- "@apply outline-2 outline-offset-2 outline-current": {}
15
- },
16
- "&:checked,\n &[aria-checked=\"true\"]": {
17
- "boxShadow": "0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n 0 1px oklch(0% 0 0 / 0.1)",
18
- "&:before": {
19
- "@apply opacity-100": {},
20
- "clipPath": "polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"
21
- }
22
- },
23
- "&:indeterminate": {
24
- "&:before": {
25
- "@apply translate-y-[-35%] rotate-0 opacity-100": {},
26
- "clipPath": "polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"
27
- }
28
- }
29
- },
30
- ".checkbox-primary": {
31
- "@apply border-primary text-primary-content": {},
32
- "&:focus-visible": {
33
- "@apply outline-primary": {}
34
- },
35
- "&:checked": {
36
- "@apply bg-primary": {}
37
- }
38
- },
39
- ".checkbox-secondary": {
40
- "@apply border-secondary text-secondary-content": {},
41
- "&:focus-visible": {
42
- "@apply outline-secondary": {}
43
- },
44
- "&:checked": {
45
- "@apply bg-secondary": {}
46
- }
47
- },
48
- ".checkbox-accent": {
49
- "@apply border-accent text-accent-content": {},
50
- "&:focus-visible": {
51
- "@apply outline-accent": {}
52
- },
53
- "&:checked": {
54
- "@apply bg-accent": {}
55
- }
56
- },
57
- ".checkbox-success": {
58
- "@apply border-success text-success-content": {},
59
- "&:focus-visible": {
60
- "@apply outline-success": {}
61
- },
62
- "&:checked": {
63
- "@apply bg-success": {}
64
- }
65
- },
66
- ".checkbox-warning": {
67
- "@apply border-warning text-warning-content": {},
68
- "&:focus-visible": {
69
- "@apply outline-warning": {}
70
- },
71
- "&:checked": {
72
- "@apply bg-warning": {}
73
- }
74
- },
75
- ".checkbox-info": {
76
- "@apply border-info text-info-content": {},
77
- "&:focus-visible": {
78
- "@apply outline-info": {}
79
- },
80
- "&:checked": {
81
- "@apply bg-info": {}
82
- }
83
- },
84
- ".checkbox-error": {
85
- "@apply border-error text-error-content": {},
86
- "&:focus-visible": {
87
- "@apply outline-error": {}
88
- },
89
- "&:checked": {
90
- "@apply bg-error": {}
91
- }
92
- },
93
- ".checkbox:disabled": {
94
- "@apply cursor-not-allowed opacity-20": {}
95
- },
96
- ".checkbox-xs": {
97
- "@apply size-4 p-0.5": {}
98
- },
99
- ".checkbox-sm": {
100
- "@apply size-5": {}
101
- },
102
- ".checkbox-md": {
103
- "@apply size-6": {}
104
- },
105
- ".checkbox-lg": {
106
- "@apply size-8": {}
107
- }
108
- };
1
+ import checkbox from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedcheckbox = addPrefix(checkbox, prefix);
6
+ addComponents({ ...prefixedcheckbox });
7
+ };
package/components/checkbox/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".checkbox":{"border":"1px solid","position":"relative","flex-shrink":0,"cursor":"pointer","appearance":"none","border-radius":"var(--radius-field)","border-color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)","padding":"calc(0.25rem * 1)","vertical-align":"middle","color":"var(--color-base-content)","box-shadow":"0 1px oklch(0% 0 0 / 0.1) inset","transition":"background-color 0.2s, box-shadow 0.2s","--spacing-selector-size":"0.25rem","--selector-size":"calc(var(--spacing-selector-size) * 6)","width":"var(--selector-size)","height":"var(--selector-size)","&:before":{"display":"block","width":"100%","height":"100%","rotate":"45deg","background-color":"currentColor","opacity":"0%","content":"\"\"","transition":"clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s","transition-delay":"0.1s","clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)","box-shadow":"0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"},"&:checked, &[aria-checked=\"true\"]":{"box-shadow":"0 8px 0 -4px oklch(100% 0 0 / 0.1) inset, 0 1px oklch(0% 0 0 / 0.1)","&:before":{"opacity":"100%","clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"}},"&:indeterminate":{"&:before":{"rotate":"0deg","opacity":"100%","translate":"0 -35%","clip-path":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"}}},".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":"20%"},".checkbox-xs":{"padding":"0.125rem","--selector-size":"calc(var(--spacing-selector-size) * 4)"},".checkbox-sm":{"padding":"0.1875rem","--selector-size":"calc(var(--spacing-selector-size) * 5)"},".checkbox-md":{"padding":"0.25rem","--selector-size":"calc(var(--spacing-selector-size) * 6)"},".checkbox-lg":{"padding":"0.3125rem","--selector-size":"calc(var(--spacing-selector-size) * 7)"},".checkbox-xl":{"padding":"0.375rem","--selector-size":"calc(var(--spacing-selector-size) * 8)"}};
package/components/checkbox.css CHANGED
@@ -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.41 – MIT License */ .checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}@media (width>=640px){.sm\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.sm\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.sm\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.sm\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.sm\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.sm\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.sm\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.sm\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.sm\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.sm\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.sm\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=768px){.md\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.md\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.md\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.md\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.md\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.md\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.md\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.md\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.md\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.md\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.md\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=1024px){.lg\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.lg\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.lg\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.lg\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.lg\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.lg\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.lg\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.lg\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.lg\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.lg\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.lg\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=1280px){.xl\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.xl\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.xl\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.xl\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.xl\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}@media (width>=1536px){.\32 xl\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-field);border:1px solid;border-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;color:var(--color-base-content);--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);width:var(--selector-size);height:var(--selector-size);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{border-color:var(--color-primary);color:var(--color-primary-content);&:focus-visible{outline-color:var(--color-primary)}&:checked{background-color:var(--color-primary)}}.\32 xl\:checkbox-secondary{border-color:var(--color-secondary);color:var(--color-secondary-content);&:focus-visible{outline-color:var(--color-secondary)}&:checked{background-color:var(--color-secondary)}}.\32 xl\:checkbox-accent{border-color:var(--color-accent);color:var(--color-accent-content);&:focus-visible{outline-color:var(--color-accent)}&:checked{background-color:var(--color-accent)}}.\32 xl\:checkbox-success{border-color:var(--color-success);color:var(--color-success-content);&:focus-visible{outline-color:var(--color-success)}&:checked{background-color:var(--color-success)}}.\32 xl\:checkbox-warning{border-color:var(--color-warning);color:var(--color-warning-content);&:focus-visible{outline-color:var(--color-warning)}&:checked{background-color:var(--color-warning)}}.\32 xl\:checkbox-info{border-color:var(--color-info);color:var(--color-info-content);&:focus-visible{outline-color:var(--color-info)}&:checked{background-color:var(--color-info)}}.\32 xl\:checkbox-error{border-color:var(--color-error);color:var(--color-error-content);&:focus-visible{outline-color:var(--color-error)}&:checked{background-color:var(--color-error)}}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{--selector-size:calc(var(--spacing-selector-size)*4);padding:.125rem}.\32 xl\:checkbox-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding:.1875rem}.\32 xl\:checkbox-md{--selector-size:calc(var(--spacing-selector-size)*6);padding:.25rem}.\32 xl\:checkbox-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding:.3125rem}.\32 xl\:checkbox-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding:.375rem}}
package/components/collapse/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import collapse from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedcollapse = addPrefix(collapse, prefix);
6
+ addComponents({ ...prefixedcollapse });
7
+ };
package/components/collapse/object.js ADDED
@@ -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":"var(--color-base-content)","outline-style":"solid","outline-width":"2px","outline-offset":"2px"}},"&:not(.collapse-open, .collapse-close)":{"> input[type=\"checkbox\"], > input[type=\"radio\"]:not(:checked), > .collapse-title":{"cursor":"pointer"}},"&:focus:not(.collapse-open, .collapse-close, .collapse[open]) > .collapse-title":{"cursor":"unset"},"&:is([open], .collapse-open, :focus:not(.collapse-close)) > :where(.collapse-content), &:not(.collapse-close) > :where(input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-content)":{"padding-bottom":"1rem","transition":"padding 0.2s ease-out, background-color 0.2s ease-out"},"&:is([open], .collapse-open)":{"&.collapse-arrow":{"> .collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}}},"&.collapse-arrow:focus:not(.collapse-close)":{"> .collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-arrow:not(.collapse-close)":{"> input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&[open]":{"&.collapse-plus":{"> .collapse-title:after":{"content":"\"−\""}}},"&.collapse-open":{"&.collapse-plus":{"> .collapse-title:after":{"content":"\"−\""}}},"&.collapse-plus:focus:not(.collapse-close)":{"> .collapse-title:after":{"content":"\"−\""}},"&.collapse-plus:not(.collapse-close)":{"> input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-title:after":{"content":"\"−\""}}},".collapse-title, .collapse-content":{"grid-column-start":"1","grid-row-start":"1"},".collapse-content":{"visibility":"hidden","grid-column-start":"1","grid-row-start":"2","min-height":"0","transition":["visibility 0.2s","padding 0.2s ease-out, background-color 0.2s ease-out"],"padding-left":"1rem","padding-right":"1rem","cursor":"unset"},".collapse:is(details)":{"width":"100%","& summary":{"position":"relative","display":"block","&::-webkit-details-marker":{"display":"none"}}},".collapse:is(details) summary":{"outline":"none"},".collapse-arrow":{"> .collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transform":"translateY(-100%) rotate(45deg)","transition-property":"all","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","transition-duration":"0.2s","top":"1.9rem","inset-inline-end":"1.4rem","content":"\"\"","transform-origin":"75% 75%","box-shadow":"2px 2px","pointer-events":"none"}},".collapse-plus":{"> .collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transition-property":"all","transition-duration":"300ms","transition-timing-function":"cubic-bezier(0.4, 0, 0.2, 1)","top":"0.9rem","inset-inline-end":"1.4rem","content":"\"+\"","pointer-events":"none"}},".collapse-title":{"position":"relative","width":"100%","padding":"1rem","padding-inline-end":"3rem","min-height":"3.75rem","transition":"background-color 0.2s ease-out"}};
package/components/collapse.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.41 – MIT License */ .collapse:not(td,tr,colgroup){visibility:visible}.collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.collapse-title,.collapse-content{grid-row-start:1;grid-column-start:1}.collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.collapse:is(details) summary{outline:none}.collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}@media (width>=640px){.sm\:collapse:not(td,tr,colgroup){visibility:visible}.sm\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.sm\:collapse-title,.sm\:collapse-content{grid-row-start:1;grid-column-start:1}.sm\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.sm\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.sm\:collapse:is(details) summary{outline:none}.sm\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.sm\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.sm\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=768px){.md\:collapse:not(td,tr,colgroup){visibility:visible}.md\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.md\:collapse-title,.md\:collapse-content{grid-row-start:1;grid-column-start:1}.md\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.md\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.md\:collapse:is(details) summary{outline:none}.md\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.md\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.md\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1024px){.lg\:collapse:not(td,tr,colgroup){visibility:visible}.lg\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.lg\:collapse-title,.lg\:collapse-content{grid-row-start:1;grid-column-start:1}.lg\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.lg\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.lg\:collapse:is(details) summary{outline:none}.lg\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.lg\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.lg\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1280px){.xl\:collapse:not(td,tr,colgroup){visibility:visible}.xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.xl\:collapse-title,.xl\:collapse-content{grid-row-start:1;grid-column-start:1}.xl\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.xl\:collapse:is(details) summary{outline:none}.xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1536px){.\32 xl\:collapse:not(td,tr,colgroup){visibility:visible}.\32 xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.\32 xl\:collapse-title,.\32 xl\:collapse-content{grid-row-start:1;grid-column-start:1}.\32 xl\:collapse-content{visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.\32 xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.\32 xl\:collapse:is(details) summary{outline:none}.\32 xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.\32 xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.\32 xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}
package/components/countdown/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import countdown from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedcountdown = addPrefix(countdown, prefix);
6
+ addComponents({ ...prefixedcountdown });
7
+ };
package/components/countdown/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".countdown":{"display":"inline-flex","&.countdown":{"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)"}}}};
package/components/countdown.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.41 – MIT License */ .countdown{display:inline-flex;&.countdown{line-height:1em}&>*{height:1em;display:inline-block;overflow-y:hidden;&:before{content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a ";white-space:pre;top:calc(var(--value)*-1em);text-align:center;transition:all 1s cubic-bezier(1,0,0,1);position:relative}}}
package/components/diff/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import diff from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixeddiff = addPrefix(diff, prefix);
6
+ addComponents({ ...prefixeddiff });
7
+ };
package/components/diff/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".diff":{"position":"relative","display":"grid","width":"100%","overflow":"hidden","webkit-user-select":"none","user-select":"none","container-type":"inline-size","grid-template-columns":"auto 1fr","@supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x)":{"&:focus":{".diff-resizer":{"min-width":"10cqi","max-width":"10cqi"}},"&:has(.diff-item-2:focus)":{".diff-resizer":{"min-width":"90cqi","max-width":"90cqi"}}}},".diff-resizer":{"position":"relative","top":"calc(1/2 * 100%)","z-index":1,"grid-column-start":"1","grid-row-start":"1","height":"calc(0.25rem * 4)","width":"50cqi","max-width":"calc(100cqi - 1rem)","min-width":"1rem","resize":"horizontal","overflow":"hidden","opacity":"0%","cursor":"ew-resize","transform-origin":"100% 100%","translate":"0.35rem -0.6rem","clip-path":"inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem))","@supports (-webkit-touch-callout: none)":{"transition":"all 0.4s ease-in-out"}},".diff-item-1":{"position":"relative","grid-column-start":"1","grid-row-start":"1","&:after":{"pointer-events":"none","position":"absolute","top":"calc(1/2 * 100%)","right":"1px","bottom":"calc(0.25rem * 0)","z-index":1,"width":"calc(0.25rem * 6)","height":"calc(0.25rem * 6)","border-radius":"calc(infinity * 1px)","background-color":"color-mix(in oklab, var(--color-base-100) 50%, transparent)","border":"2px solid var(--color-base-100)","content":"\"\"","outline":"1px solid color-mix(in oklab, var(--color-base-content) 5%, transparent)","outline-offset":"-3px","backdrop-filter":"blur(8px)","box-shadow":"0 1px 2px 0 oklch(0% 0 0 / 0.1)","translate":"50% -50%"},"> *":{"pointer-events":"none","position":"absolute","top":"calc(0.25rem * 0)","bottom":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","height":"100%","width":"100cqi","max-width":"none","object-fit":"cover","object-position":"center"}},".diff-item-2":{"position":"relative","grid-column-start":"1","grid-row-start":"1","overflow":"hidden","border-right":"2px solid var(--color-base-100)","> *":{"pointer-events":"none","position":"absolute","top":"calc(0.25rem * 0)","bottom":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","height":"100%","width":"100cqi","max-width":"none","object-fit":"cover","object-position":"center"}}};