daisyui 5.0.0-alpha.9 → 5.0.0-beta.2

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 (449) hide show
  1. package/README.md +4 -35
  2. package/base/properties/index.js +7 -1
  3. package/base/properties/object.js +1 -0
  4. package/base/properties.css +1 -1
  5. package/base/reset/index.js +7 -0
  6. package/base/reset/object.js +1 -0
  7. package/base/reset.css +1 -0
  8. package/base/rootcolor/index.js +7 -0
  9. package/base/rootcolor/object.js +1 -0
  10. package/base/rootcolor.css +1 -0
  11. package/base/rootscrollgutter/index.js +7 -0
  12. package/base/rootscrollgutter/object.js +1 -0
  13. package/base/rootscrollgutter.css +1 -0
  14. package/base/rootscrolllock/index.js +7 -0
  15. package/base/rootscrolllock/object.js +1 -0
  16. package/base/rootscrolllock.css +1 -0
  17. package/base/scrollbar/index.js +7 -1
  18. package/base/scrollbar/object.js +1 -0
  19. package/base/scrollbar.css +1 -1
  20. package/chunks.css +69 -47
  21. package/colors/properties.css +1 -1
  22. package/colors/responsive.css +1 -1
  23. package/colors/states.css +1 -1
  24. package/components/alert/index.js +7 -1
  25. package/components/alert/object.js +1 -0
  26. package/components/alert.css +1 -1
  27. package/components/avatar/index.js +7 -1
  28. package/components/avatar/object.js +1 -0
  29. package/components/avatar.css +1 -1
  30. package/components/badge/class.json +2 -1
  31. package/components/badge/index.js +7 -1
  32. package/components/badge/object.js +1 -0
  33. package/components/badge.css +1 -1
  34. package/components/breadcrumbs/class.json +3 -0
  35. package/components/breadcrumbs/index.js +7 -0
  36. package/components/breadcrumbs/object.js +1 -0
  37. package/components/breadcrumbs.css +1 -0
  38. package/components/button/class.json +3 -4
  39. package/components/button/index.js +7 -1
  40. package/components/button/object.js +1 -0
  41. package/components/button.css +1 -1
  42. package/components/calendar/class.json +51 -0
  43. package/components/calendar/index.js +7 -0
  44. package/components/calendar/object.js +1 -0
  45. package/components/calendar.css +1 -0
  46. package/components/card/class.json +2 -0
  47. package/components/card/index.js +7 -1
  48. package/components/card/object.js +1 -0
  49. package/components/card.css +1 -1
  50. package/components/carousel/class.json +9 -0
  51. package/components/carousel/index.js +7 -0
  52. package/components/carousel/object.js +1 -0
  53. package/components/carousel.css +1 -0
  54. package/components/chat/class.json +9 -9
  55. package/components/chat/index.js +7 -1
  56. package/components/chat/object.js +1 -0
  57. package/components/chat.css +1 -1
  58. package/components/checkbox/class.json +4 -5
  59. package/components/checkbox/index.js +7 -1
  60. package/components/checkbox/object.js +1 -0
  61. package/components/checkbox.css +1 -1
  62. package/components/collapse/class.json +2 -3
  63. package/components/collapse/index.js +7 -1
  64. package/components/collapse/object.js +1 -0
  65. package/components/collapse.css +1 -1
  66. package/components/countdown/index.js +7 -1
  67. package/components/countdown/object.js +1 -0
  68. package/components/countdown.css +1 -1
  69. package/components/diff/class.json +6 -0
  70. package/components/diff/index.js +7 -0
  71. package/components/diff/object.js +1 -0
  72. package/components/diff.css +1 -0
  73. package/components/divider/index.js +7 -1
  74. package/components/divider/object.js +1 -0
  75. package/components/divider.css +1 -1
  76. package/components/dock/class.json +10 -0
  77. package/components/dock/index.js +7 -0
  78. package/components/dock/object.js +1 -0
  79. package/components/dock.css +1 -0
  80. package/components/drawer/class.json +10 -0
  81. package/components/drawer/index.js +7 -0
  82. package/components/drawer/object.js +1 -0
  83. package/components/drawer.css +1 -0
  84. package/components/dropdown/class.json +0 -2
  85. package/components/dropdown/index.js +7 -1
  86. package/components/dropdown/object.js +1 -0
  87. package/components/dropdown.css +1 -1
  88. package/components/fieldset/class.json +5 -0
  89. package/components/fieldset/index.js +7 -0
  90. package/components/fieldset/object.js +1 -0
  91. package/components/fieldset.css +1 -0
  92. package/components/fileinput/class.json +17 -0
  93. package/components/fileinput/index.js +7 -0
  94. package/components/fileinput/object.js +1 -0
  95. package/components/fileinput.css +1 -0
  96. package/components/filter/class.json +4 -0
  97. package/components/filter/index.js +7 -0
  98. package/components/filter/object.js +1 -0
  99. package/components/filter.css +1 -0
  100. package/components/footer/index.js +7 -1
  101. package/components/footer/object.js +1 -0
  102. package/components/footer.css +1 -1
  103. package/components/hero/index.js +7 -1
  104. package/components/hero/object.js +1 -0
  105. package/components/hero.css +1 -1
  106. package/components/indicator/class.json +10 -0
  107. package/components/indicator/index.js +7 -0
  108. package/components/indicator/object.js +1 -0
  109. package/components/indicator.css +1 -0
  110. package/components/input/class.json +3 -2
  111. package/components/input/index.js +7 -1
  112. package/components/input/object.js +1 -0
  113. package/components/input.css +1 -1
  114. package/components/kbd/class.json +2 -1
  115. package/components/kbd/index.js +7 -1
  116. package/components/kbd/object.js +1 -0
  117. package/components/kbd.css +1 -1
  118. package/components/label/class.json +6 -0
  119. package/components/label/index.js +7 -0
  120. package/components/label/object.js +1 -0
  121. package/components/label.css +1 -0
  122. package/components/link/index.js +7 -1
  123. package/components/link/object.js +1 -0
  124. package/components/link.css +1 -1
  125. package/components/list/class.json +6 -0
  126. package/components/list/index.js +7 -0
  127. package/components/list/object.js +1 -0
  128. package/components/list.css +1 -0
  129. package/components/loading/class.json +2 -9
  130. package/components/loading/index.js +7 -1
  131. package/components/loading/object.js +1 -0
  132. package/components/loading.css +1 -1
  133. package/components/mask/class.json +0 -5
  134. package/components/mask/index.js +7 -1
  135. package/components/mask/object.js +1 -0
  136. package/components/mask.css +1 -1
  137. package/components/menu/class.json +2 -2
  138. package/components/menu/index.js +7 -1
  139. package/components/menu/object.js +1 -0
  140. package/components/menu.css +1 -1
  141. package/components/mockup/class.json +10 -0
  142. package/components/mockup/index.js +7 -0
  143. package/components/mockup/object.js +1 -0
  144. package/components/mockup.css +1 -0
  145. package/components/modal/class.json +13 -0
  146. package/components/modal/index.js +7 -0
  147. package/components/modal/object.js +1 -0
  148. package/components/modal.css +1 -0
  149. package/components/navbar/index.js +7 -1
  150. package/components/navbar/object.js +1 -0
  151. package/components/navbar.css +1 -1
  152. package/components/progress/class.json +1 -0
  153. package/components/progress/index.js +7 -1
  154. package/components/progress/object.js +1 -0
  155. package/components/progress.css +1 -1
  156. package/components/radialprogress/index.js +7 -0
  157. package/components/radialprogress/object.js +1 -0
  158. package/components/radialprogress.css +1 -0
  159. package/components/radio/class.json +4 -2
  160. package/components/radio/index.js +7 -1
  161. package/components/radio/object.js +1 -0
  162. package/components/radio.css +1 -1
  163. package/components/range/class.json +3 -1
  164. package/components/range/index.js +7 -1
  165. package/components/range/object.js +1 -0
  166. package/components/range.css +1 -1
  167. package/components/rating/class.json +5 -1
  168. package/components/rating/index.js +7 -1
  169. package/components/rating/object.js +1 -0
  170. package/components/rating.css +1 -1
  171. package/components/select/class.json +3 -2
  172. package/components/select/index.js +7 -1
  173. package/components/select/object.js +1 -0
  174. package/components/select.css +1 -1
  175. package/components/skeleton/index.js +7 -1
  176. package/components/skeleton/object.js +1 -0
  177. package/components/skeleton.css +1 -1
  178. package/components/stack/class.json +5 -1
  179. package/components/stack/index.js +7 -1
  180. package/components/stack/object.js +1 -0
  181. package/components/stack.css +1 -1
  182. package/components/stat/class.json +11 -0
  183. package/components/stat/index.js +7 -0
  184. package/components/stat/object.js +1 -0
  185. package/components/stat.css +1 -0
  186. package/components/status/class.json +2 -1
  187. package/components/status/index.js +7 -1
  188. package/components/status/object.js +1 -0
  189. package/components/status.css +1 -1
  190. package/components/steps/class.json +1 -0
  191. package/components/steps/index.js +7 -1
  192. package/components/steps/object.js +1 -0
  193. package/components/steps.css +1 -1
  194. package/components/swap/class.json +0 -1
  195. package/components/swap/index.js +7 -1
  196. package/components/swap/object.js +1 -0
  197. package/components/swap.css +1 -1
  198. package/components/tab/class.json +10 -5
  199. package/components/tab/index.js +7 -1
  200. package/components/tab/object.js +1 -0
  201. package/components/tab.css +1 -1
  202. package/components/table/class.json +2 -1
  203. package/components/table/index.js +7 -1
  204. package/components/table/object.js +1 -0
  205. package/components/table.css +1 -1
  206. package/components/textarea/class.json +17 -0
  207. package/components/textarea/index.js +7 -0
  208. package/components/textarea/object.js +1 -0
  209. package/components/textarea.css +1 -0
  210. package/components/timeline/index.js +7 -1
  211. package/components/timeline/object.js +1 -0
  212. package/components/timeline.css +1 -1
  213. package/components/toast/class.json +9 -0
  214. package/components/toast/index.js +7 -0
  215. package/components/toast/object.js +1 -0
  216. package/components/toast.css +1 -0
  217. package/components/toggle/class.json +3 -3
  218. package/components/toggle/index.js +7 -1
  219. package/components/toggle/object.js +1 -0
  220. package/components/toggle.css +1 -1
  221. package/components/tooltip/class.json +1 -2
  222. package/components/tooltip/index.js +7 -1
  223. package/components/tooltip/object.js +1 -0
  224. package/components/tooltip.css +1 -1
  225. package/components/validator/class.json +4 -0
  226. package/components/validator/index.js +7 -0
  227. package/components/validator/object.js +1 -0
  228. package/components/validator.css +1 -0
  229. package/daisyui.css +1 -0
  230. package/functions/addPrefix.js +138 -0
  231. package/functions/plugin.js +11 -0
  232. package/functions/pluginOptionsHandler.js +79 -0
  233. package/functions/themeOrder.js +37 -0
  234. package/functions/variables.js +29 -0
  235. package/imports.js +68 -0
  236. package/index.js +50 -86
  237. package/package.json +68 -80
  238. package/theme/abyss/index.js +7 -0
  239. package/theme/abyss/object.js +1 -0
  240. package/theme/abyss.css +31 -0
  241. package/theme/acid/index.js +7 -0
  242. package/theme/acid/object.js +1 -0
  243. package/theme/acid.css +31 -0
  244. package/theme/aqua/index.js +7 -0
  245. package/theme/aqua/object.js +1 -0
  246. package/theme/aqua.css +31 -0
  247. package/theme/autumn/index.js +7 -0
  248. package/theme/autumn/object.js +1 -0
  249. package/theme/autumn.css +31 -0
  250. package/theme/black/index.js +7 -0
  251. package/theme/black/object.js +1 -0
  252. package/theme/black.css +31 -0
  253. package/theme/bumblebee/index.js +7 -0
  254. package/theme/bumblebee/object.js +1 -0
  255. package/theme/bumblebee.css +31 -0
  256. package/theme/business/index.js +7 -0
  257. package/theme/business/object.js +1 -0
  258. package/theme/business.css +31 -0
  259. package/theme/caramellatte/index.js +7 -0
  260. package/theme/caramellatte/object.js +1 -0
  261. package/theme/caramellatte.css +31 -0
  262. package/theme/cmyk/index.js +7 -0
  263. package/theme/cmyk/object.js +1 -0
  264. package/theme/cmyk.css +31 -0
  265. package/theme/coffee/index.js +7 -0
  266. package/theme/coffee/object.js +1 -0
  267. package/theme/coffee.css +31 -0
  268. package/theme/corporate/index.js +7 -0
  269. package/theme/corporate/object.js +1 -0
  270. package/theme/corporate.css +31 -0
  271. package/theme/cupcake/index.js +7 -0
  272. package/theme/cupcake/object.js +1 -0
  273. package/theme/cupcake.css +31 -0
  274. package/theme/cyberpunk/index.js +7 -0
  275. package/theme/cyberpunk/object.js +1 -0
  276. package/theme/cyberpunk.css +31 -0
  277. package/theme/dark/index.js +7 -0
  278. package/theme/dark/object.js +1 -0
  279. package/theme/dark.css +31 -0
  280. package/theme/dim/index.js +7 -0
  281. package/theme/dim/object.js +1 -0
  282. package/theme/dim.css +31 -0
  283. package/theme/dracula/index.js +7 -0
  284. package/theme/dracula/object.js +1 -0
  285. package/theme/dracula.css +31 -0
  286. package/theme/emerald/index.js +7 -0
  287. package/theme/emerald/object.js +1 -0
  288. package/theme/emerald.css +31 -0
  289. package/theme/fantasy/index.js +7 -0
  290. package/theme/fantasy/object.js +1 -0
  291. package/theme/fantasy.css +31 -0
  292. package/theme/forest/index.js +7 -0
  293. package/theme/forest/object.js +1 -0
  294. package/theme/forest.css +31 -0
  295. package/theme/garden/index.js +7 -0
  296. package/theme/garden/object.js +1 -0
  297. package/theme/garden.css +31 -0
  298. package/theme/halloween/index.js +7 -0
  299. package/theme/halloween/object.js +1 -0
  300. package/theme/halloween.css +31 -0
  301. package/theme/index.js +48 -0
  302. package/theme/lemonade/index.js +7 -0
  303. package/theme/lemonade/object.js +1 -0
  304. package/theme/lemonade.css +31 -0
  305. package/theme/light/index.js +7 -0
  306. package/theme/light/object.js +1 -0
  307. package/theme/light.css +31 -0
  308. package/theme/lofi/index.js +7 -0
  309. package/theme/lofi/object.js +1 -0
  310. package/theme/lofi.css +31 -0
  311. package/theme/luxury/index.js +7 -0
  312. package/theme/luxury/object.js +1 -0
  313. package/theme/luxury.css +31 -0
  314. package/theme/night/index.js +7 -0
  315. package/theme/night/object.js +1 -0
  316. package/theme/night.css +31 -0
  317. package/theme/nord/index.js +7 -0
  318. package/theme/nord/object.js +1 -0
  319. package/theme/nord.css +31 -0
  320. package/theme/object.d.ts +74 -0
  321. package/theme/object.js +1 -0
  322. package/theme/pastel/index.js +7 -0
  323. package/theme/pastel/object.js +1 -0
  324. package/theme/pastel.css +31 -0
  325. package/theme/retro/index.js +7 -0
  326. package/theme/retro/object.js +1 -0
  327. package/theme/retro.css +31 -0
  328. package/theme/silk/index.js +7 -0
  329. package/theme/silk/object.js +1 -0
  330. package/theme/silk.css +31 -0
  331. package/theme/sunset/index.js +7 -0
  332. package/theme/sunset/object.js +1 -0
  333. package/theme/sunset.css +31 -0
  334. package/theme/synthwave/index.js +7 -0
  335. package/theme/synthwave/object.js +1 -0
  336. package/theme/synthwave.css +31 -0
  337. package/theme/valentine/index.js +7 -0
  338. package/theme/valentine/object.js +1 -0
  339. package/theme/valentine.css +31 -0
  340. package/theme/winter/index.js +7 -0
  341. package/theme/winter/object.js +1 -0
  342. package/theme/winter.css +31 -0
  343. package/theme/wireframe/index.js +7 -0
  344. package/theme/wireframe/object.js +1 -0
  345. package/theme/wireframe.css +31 -0
  346. package/themes.css +1 -0
  347. package/utilities/glass/index.js +7 -0
  348. package/utilities/glass/object.js +1 -0
  349. package/utilities/glass.css +1 -0
  350. package/utilities/join/index.js +7 -1
  351. package/utilities/join/object.js +1 -0
  352. package/utilities/join.css +1 -1
  353. package/utilities/radius/index.js +7 -0
  354. package/utilities/radius/object.js +1 -0
  355. package/utilities/radius.css +1 -0
  356. package/utilities/typography/index.js +7 -0
  357. package/utilities/typography/object.js +1 -0
  358. package/utilities/typography.css +1 -0
  359. package/base/properties/config.js +0 -4
  360. package/base/properties/index.css +0 -1
  361. package/base/root-color/config.js +0 -4
  362. package/base/root-color/index.css +0 -1
  363. package/base/root-color/index.js +0 -1
  364. package/base/root-color.css +0 -1
  365. package/base/scrollbar/config.js +0 -4
  366. package/base/scrollbar/index.css +0 -1
  367. package/components/alert/config.js +0 -4
  368. package/components/alert/index.css +0 -1
  369. package/components/avatar/config.js +0 -4
  370. package/components/avatar/index.css +0 -1
  371. package/components/badge/config.js +0 -4
  372. package/components/badge/index.css +0 -1
  373. package/components/button/config.js +0 -4
  374. package/components/button/index.css +0 -1
  375. package/components/card/config.js +0 -4
  376. package/components/card/index.css +0 -1
  377. package/components/chat/config.js +0 -4
  378. package/components/chat/index.css +0 -1
  379. package/components/checkbox/config.js +0 -4
  380. package/components/checkbox/index.css +0 -1
  381. package/components/collapse/config.js +0 -4
  382. package/components/collapse/index.css +0 -1
  383. package/components/countdown/config.js +0 -4
  384. package/components/countdown/index.css +0 -1
  385. package/components/divider/config.js +0 -4
  386. package/components/divider/index.css +0 -1
  387. package/components/dropdown/config.js +0 -4
  388. package/components/dropdown/index.css +0 -1
  389. package/components/footer/config.js +0 -4
  390. package/components/footer/index.css +0 -1
  391. package/components/hero/config.js +0 -4
  392. package/components/hero/index.css +0 -1
  393. package/components/input/config.js +0 -4
  394. package/components/input/index.css +0 -1
  395. package/components/kbd/config.js +0 -4
  396. package/components/kbd/index.css +0 -1
  397. package/components/link/config.js +0 -4
  398. package/components/link/index.css +0 -1
  399. package/components/loading/config.js +0 -4
  400. package/components/loading/index.css +0 -1
  401. package/components/mask/config.js +0 -4
  402. package/components/mask/index.css +0 -1
  403. package/components/menu/config.js +0 -4
  404. package/components/menu/index.css +0 -1
  405. package/components/navbar/config.js +0 -4
  406. package/components/navbar/index.css +0 -1
  407. package/components/progress/config.js +0 -4
  408. package/components/progress/index.css +0 -1
  409. package/components/radial-progress/config.js +0 -4
  410. package/components/radial-progress/index.css +0 -1
  411. package/components/radial-progress/index.js +0 -1
  412. package/components/radial-progress.css +0 -1
  413. package/components/radio/config.js +0 -4
  414. package/components/radio/index.css +0 -1
  415. package/components/range/config.js +0 -4
  416. package/components/range/index.css +0 -1
  417. package/components/rating/config.js +0 -4
  418. package/components/rating/index.css +0 -1
  419. package/components/select/config.js +0 -4
  420. package/components/select/index.css +0 -1
  421. package/components/skeleton/config.js +0 -4
  422. package/components/skeleton/index.css +0 -1
  423. package/components/stack/config.js +0 -4
  424. package/components/stack/index.css +0 -1
  425. package/components/status/config.js +0 -4
  426. package/components/status/index.css +0 -1
  427. package/components/steps/config.js +0 -4
  428. package/components/steps/index.css +0 -1
  429. package/components/swap/config.js +0 -4
  430. package/components/swap/index.css +0 -1
  431. package/components/tab/config.js +0 -4
  432. package/components/tab/index.css +0 -1
  433. package/components/table/config.js +0 -4
  434. package/components/table/index.css +0 -1
  435. package/components/timeline/config.js +0 -4
  436. package/components/timeline/index.css +0 -1
  437. package/components/toggle/config.js +0 -4
  438. package/components/toggle/index.css +0 -1
  439. package/components/tooltip/config.js +0 -4
  440. package/components/tooltip/index.css +0 -1
  441. package/full.css +0 -1
  442. package/index.css +0 -43
  443. package/themes/dark/index.css +0 -28
  444. package/themes/default/index.css +0 -27
  445. package/themes/index.css +0 -27
  446. package/themes/light/index.css +0 -28
  447. package/utilities/join/config.js +0 -4
  448. package/utilities/join/index.css +0 -1
  449. /package/components/{radial-progress → radialprogress}/class.json +0 -0
package/components/badge/class.json CHANGED
@@ -15,5 +15,6 @@
15
15
  "badge-xs",
16
16
  "badge-sm",
17
17
  "badge-md",
18
- "badge-lg"
18
+ "badge-lg",
19
+ "badge-xl"
19
20
  ]
package/components/badge/index.js CHANGED
@@ -1 +1,7 @@
1
- export default {".badge":{"@apply inline-flex items-center justify-center h-5 text-xs leading-5 rounded-badge border text-base-content align-middle box-content gap-2":{},"width":"fit-content","paddingLeft":"0.563rem","paddingRight":"0.563rem","transitionProperty":"color, background-color, box-shadow","background":"var(--badge-color, var(--color-base-100))","borderColor":"var(--badge-color, var(--color-base-200))","&.badge-outline":{"color":"var(--badge-color, var(--color-base-content))","@apply border-current bg-transparent":{}},"&.badge-dash":{"color":"var(--badge-color, var(--color-base-content))","@apply border-current bg-transparent border-dashed":{}},"&.badge-soft":{"color":"var(--badge-color, var(--color-base-content))","background":"color-mix(in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100))","borderColor":"color-mix(in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100))"}},".badge-primary":{"--badge-color":"var(--color-primary)","@apply text-primary-content":{}},".badge-secondary":{"--badge-color":"var(--color-secondary)","@apply text-secondary-content":{}},".badge-accent":{"--badge-color":"var(--color-accent)","@apply text-accent-content":{}},".badge-neutral":{"--badge-color":"var(--color-neutral)","@apply text-neutral-content":{}},".badge-info":{"--badge-color":"var(--color-info)","@apply text-info-content":{}},".badge-success":{"--badge-color":"var(--color-success)","@apply text-success-content":{}},".badge-warning":{"--badge-color":"var(--color-warning)","@apply text-warning-content":{}},".badge-error":{"--badge-color":"var(--color-error)","@apply text-error-content":{}},".badge-ghost":{"@apply border-base-200 bg-base-200 text-base-content":{}},".badge-xs":{"@apply h-4 px-2":{},"fontSize":"0.625rem"},".badge-sm":{"@apply h-5 px-2.5":{},"fontSize":"0.75rem"},".badge-md":{"@apply h-6 px-3":{},"fontSize":"0.875rem"},".badge-lg":{"@apply h-8 px-4":{},"fontSize":"1rem"}};
1
+ import badge from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedbadge = addPrefix(badge, prefix);
6
+ addComponents({ ...prefixedbadge });
7
+ };
package/components/badge/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".badge":{"display":"inline-flex","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 2)","border-radius":"var(--radius-selector)","vertical-align":"middle","color":"var(--color-base-content)","border":"var(--border) solid var(--badge-color, var(--color-base-200))","font-size":"0.875rem","width":"fit-content","padding-inline":"calc(0.25rem * 3 - var(--border))","background-size":"calc(var(--noise) * 1000px)","background-image":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")","background-color":"var(--badge-color, var(--color-base-100))","--size":"calc(var(--size-selector, 0.25rem) * 6)","height":"var(--size)","&.badge-outline":{"color":"var(--badge-color, var(--color-base-content))","border-color":"currentColor","background-color":"transparent","background-image":"none","box-shadow":"none"},"&.badge-dash":{"color":"var(--badge-color, var(--color-base-content))","background-color":"transparent","border-style":"dashed","background-image":"none","box-shadow":"none"},"&.badge-soft":{"color":"var(--badge-color, var(--color-base-content))","background-color":"color-mix( in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100) )","border-color":"color-mix( in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100) )","background-image":"none","box-shadow":"none"}},".badge-primary":{"--badge-color":"var(--color-primary)","color":"var(--color-primary-content)"},".badge-secondary":{"--badge-color":"var(--color-secondary)","color":"var(--color-secondary-content)"},".badge-accent":{"--badge-color":"var(--color-accent)","color":"var(--color-accent-content)"},".badge-neutral":{"--badge-color":"var(--color-neutral)","color":"var(--color-neutral-content)"},".badge-info":{"--badge-color":"var(--color-info)","color":"var(--color-info-content)"},".badge-success":{"--badge-color":"var(--color-success)","color":"var(--color-success-content)"},".badge-warning":{"--badge-color":"var(--color-warning)","color":"var(--color-warning-content)"},".badge-error":{"--badge-color":"var(--color-error)","color":"var(--color-error-content)"},".badge-ghost":{"border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","color":"var(--color-base-content)","background-image":"none","box-shadow":"none"},".badge-xs":{"--size":"calc(var(--size-selector, 0.25rem) * 4)","font-size":"0.625rem","padding-inline":"calc(0.25rem * 2 - var(--border))"},".badge-sm":{"--size":"calc(var(--size-selector, 0.25rem) * 5)","font-size":"0.75rem","padding-inline":"calc(0.25rem * 2.5 - var(--border))"},".badge-md":{"--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem","padding-inline":"calc(0.25rem * 3 - var(--border))"},".badge-lg":{"--size":"calc(var(--size-selector, 0.25rem) * 7)","font-size":"1rem","padding-inline":"calc(0.25rem * 3.5 - var(--border))"},".badge-xl":{"--size":"calc(var(--size-selector, 0.25rem) * 8)","font-size":"1.125rem","padding-inline":"calc(0.25rem * 4 - var(--border))"}};
package/components/badge.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.9 – MIT License */ .badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge,1.9rem);border-style:var(--tw-border-style);vertical-align:middle;font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-5,1.25rem);line-height:var(--line-height-5,1.25rem);color:var(--color-base-content,oklch(27.8078% .029596 256.848));background:var(--badge-color,var(--color-base-100));border-width:1px;border-color:var(--badge-color,var(--color-base-200));width:fit-content;padding-left:.563rem;padding-right:.563rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));--tw-border-style:dashed;background-color:#0000;border-style:dashed;border-color:currentColor}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content,oklch(89.824% .06192 275.75))}.badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}.badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content,oklch(15.352% .0368 183.61))}.badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}.badge-info{--badge-color:var(--color-info);color:var(--color-info-content,oklch(0% 0 0))}.badge-success{--badge-color:var(--color-success);color:var(--color-success-content,oklch(0% 0 0))}.badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content,oklch(0% 0 0))}.badge-error{--badge-color:var(--color-error);color:var(--color-error-content,oklch(0% 0 0))}.badge-ghost{border-color:var(--color-base-200,oklch(96.1151% 0 0));background-color:var(--color-base-200,oklch(96.1151% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848))}.badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}
1
+ /*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");background-color:var(--badge-color,var(--color-base-100));--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.badge-soft{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}.badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content)}.badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content)}.badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content)}.badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content)}.badge-info{--badge-color:var(--color-info);color:var(--color-info-content)}.badge-success{--badge-color:var(--color-success);color:var(--color-success-content)}.badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content)}.badge-error{--badge-color:var(--color-error);color:var(--color-error-content)}.badge-ghost{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);box-shadow:none;background-image:none}.badge-xs{--size:calc(var(--size-selector,.25rem)*4);padding-inline:calc(.25rem*2 - var(--border));font-size:.625rem}.badge-sm{--size:calc(var(--size-selector,.25rem)*5);padding-inline:calc(.25rem*2.5 - var(--border));font-size:.75rem}.badge-md{--size:calc(var(--size-selector,.25rem)*6);padding-inline:calc(.25rem*3 - var(--border));font-size:.875rem}.badge-lg{--size:calc(var(--size-selector,.25rem)*7);padding-inline:calc(.25rem*3.5 - var(--border));font-size:1rem}.badge-xl{--size:calc(var(--size-selector,.25rem)*8);padding-inline:calc(.25rem*4 - var(--border));font-size:1.125rem}@media (width>=640px){.sm\:badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");background-color:var(--badge-color,var(--color-base-100));--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.badge-soft{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}.sm\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content)}.sm\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content)}.sm\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content)}.sm\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content)}.sm\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content)}.sm\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content)}.sm\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content)}.sm\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content)}.sm\:badge-ghost{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);box-shadow:none;background-image:none}.sm\:badge-xs{--size:calc(var(--size-selector,.25rem)*4);padding-inline:calc(.25rem*2 - var(--border));font-size:.625rem}.sm\:badge-sm{--size:calc(var(--size-selector,.25rem)*5);padding-inline:calc(.25rem*2.5 - var(--border));font-size:.75rem}.sm\:badge-md{--size:calc(var(--size-selector,.25rem)*6);padding-inline:calc(.25rem*3 - var(--border));font-size:.875rem}.sm\:badge-lg{--size:calc(var(--size-selector,.25rem)*7);padding-inline:calc(.25rem*3.5 - var(--border));font-size:1rem}.sm\:badge-xl{--size:calc(var(--size-selector,.25rem)*8);padding-inline:calc(.25rem*4 - var(--border));font-size:1.125rem}}@media (width>=768px){.md\:badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");background-color:var(--badge-color,var(--color-base-100));--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.badge-soft{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}.md\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content)}.md\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content)}.md\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content)}.md\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content)}.md\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content)}.md\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content)}.md\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content)}.md\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content)}.md\:badge-ghost{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);box-shadow:none;background-image:none}.md\:badge-xs{--size:calc(var(--size-selector,.25rem)*4);padding-inline:calc(.25rem*2 - var(--border));font-size:.625rem}.md\:badge-sm{--size:calc(var(--size-selector,.25rem)*5);padding-inline:calc(.25rem*2.5 - var(--border));font-size:.75rem}.md\:badge-md{--size:calc(var(--size-selector,.25rem)*6);padding-inline:calc(.25rem*3 - var(--border));font-size:.875rem}.md\:badge-lg{--size:calc(var(--size-selector,.25rem)*7);padding-inline:calc(.25rem*3.5 - var(--border));font-size:1rem}.md\:badge-xl{--size:calc(var(--size-selector,.25rem)*8);padding-inline:calc(.25rem*4 - var(--border));font-size:1.125rem}}@media (width>=1024px){.lg\:badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");background-color:var(--badge-color,var(--color-base-100));--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.badge-soft{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}.lg\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content)}.lg\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content)}.lg\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content)}.lg\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content)}.lg\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content)}.lg\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content)}.lg\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content)}.lg\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content)}.lg\:badge-ghost{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);box-shadow:none;background-image:none}.lg\:badge-xs{--size:calc(var(--size-selector,.25rem)*4);padding-inline:calc(.25rem*2 - var(--border));font-size:.625rem}.lg\:badge-sm{--size:calc(var(--size-selector,.25rem)*5);padding-inline:calc(.25rem*2.5 - var(--border));font-size:.75rem}.lg\:badge-md{--size:calc(var(--size-selector,.25rem)*6);padding-inline:calc(.25rem*3 - var(--border));font-size:.875rem}.lg\:badge-lg{--size:calc(var(--size-selector,.25rem)*7);padding-inline:calc(.25rem*3.5 - var(--border));font-size:1rem}.lg\:badge-xl{--size:calc(var(--size-selector,.25rem)*8);padding-inline:calc(.25rem*4 - var(--border));font-size:1.125rem}}@media (width>=1280px){.xl\:badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");background-color:var(--badge-color,var(--color-base-100));--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.badge-soft{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}.xl\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content)}.xl\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content)}.xl\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content)}.xl\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content)}.xl\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content)}.xl\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content)}.xl\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content)}.xl\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content)}.xl\:badge-ghost{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);box-shadow:none;background-image:none}.xl\:badge-xs{--size:calc(var(--size-selector,.25rem)*4);padding-inline:calc(.25rem*2 - var(--border));font-size:.625rem}.xl\:badge-sm{--size:calc(var(--size-selector,.25rem)*5);padding-inline:calc(.25rem*2.5 - var(--border));font-size:.75rem}.xl\:badge-md{--size:calc(var(--size-selector,.25rem)*6);padding-inline:calc(.25rem*3 - var(--border));font-size:.875rem}.xl\:badge-lg{--size:calc(var(--size-selector,.25rem)*7);padding-inline:calc(.25rem*3.5 - var(--border));font-size:1rem}.xl\:badge-xl{--size:calc(var(--size-selector,.25rem)*8);padding-inline:calc(.25rem*4 - var(--border));font-size:1.125rem}}@media (width>=1536px){.\32 xl\:badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:calc(var(--noise)*1000px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");background-color:var(--badge-color,var(--color-base-100));--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.badge-soft{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}.\32 xl\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content)}.\32 xl\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content)}.\32 xl\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content)}.\32 xl\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content)}.\32 xl\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content)}.\32 xl\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content)}.\32 xl\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content)}.\32 xl\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content)}.\32 xl\:badge-ghost{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);box-shadow:none;background-image:none}.\32 xl\:badge-xs{--size:calc(var(--size-selector,.25rem)*4);padding-inline:calc(.25rem*2 - var(--border));font-size:.625rem}.\32 xl\:badge-sm{--size:calc(var(--size-selector,.25rem)*5);padding-inline:calc(.25rem*2.5 - var(--border));font-size:.75rem}.\32 xl\:badge-md{--size:calc(var(--size-selector,.25rem)*6);padding-inline:calc(.25rem*3 - var(--border));font-size:.875rem}.\32 xl\:badge-lg{--size:calc(var(--size-selector,.25rem)*7);padding-inline:calc(.25rem*3.5 - var(--border));font-size:1rem}.\32 xl\:badge-xl{--size:calc(var(--size-selector,.25rem)*8);padding-inline:calc(.25rem*4 - var(--border));font-size:1.125rem}}
package/components/breadcrumbs/class.json ADDED
@@ -0,0 +1,3 @@
1
+ [
2
+ "breadcrumbs"
3
+ ]
package/components/breadcrumbs/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import breadcrumbs from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedbreadcrumbs = addPrefix(breadcrumbs, prefix);
6
+ addComponents({ ...prefixedbreadcrumbs });
7
+ };
package/components/breadcrumbs/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".breadcrumbs":{"max-width":"100%","overflow-x":"auto","padding-block":"calc(0.25rem * 2)","> ul, > ol":{"display":"flex","min-height":"min-content","align-items":"center","white-space":"nowrap","> li":{"display":"flex","align-items":"center","> *":{"display":"flex","cursor":"pointer","align-items":"center","gap":"calc(0.25rem * 2)","&:hover":{"@media (hover: hover)":{"text-decoration-line":"underline"}},"&:focus":{"outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"}},"& + *:before":{"content":"\"\"","margin-right":"calc(0.25rem * 3)","margin-left":"calc(0.25rem * 2)","display":"block","height":"calc(0.25rem * 1.5)","width":"calc(0.25rem * 1.5)","opacity":"40%","rotate":"45deg","border-top":"1px solid","border-right":"1px solid","background-color":"transparent"},"[dir=\"rtl\"] & + *:before":{"rotate":"-135deg"}}}}};
package/components/breadcrumbs.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}@media (width>=640px){.sm\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=768px){.md\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=1024px){.lg\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=1280px){.xl\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=1536px){.\32 xl\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}
package/components/button/class.json CHANGED
@@ -1,7 +1,8 @@
1
1
  [
2
2
  "btn",
3
- "2",
4
3
  "btn-active",
4
+ "btn-link",
5
+ "btn-square",
5
6
  "btn-primary",
6
7
  "btn-secondary",
7
8
  "btn-accent",
@@ -10,17 +11,15 @@
10
11
  "btn-success",
11
12
  "btn-warning",
12
13
  "btn-error",
13
- "glass",
14
14
  "btn-ghost",
15
- "btn-link",
16
15
  "btn-outline",
17
16
  "btn-dash",
18
17
  "btn-soft",
19
- "btn-square",
20
18
  "btn-xs",
21
19
  "btn-sm",
22
20
  "btn-md",
23
21
  "btn-lg",
22
+ "btn-xl",
24
23
  "btn-circle",
25
24
  "btn-wide",
26
25
  "btn-block"
package/components/button/index.js CHANGED
@@ -1 +1,7 @@
1
- export default {".btn":{"@apply text-base-content outline-base-content inline-flex shrink-0 cursor-pointer flex-wrap items-center justify-center gap-2 text-center text-sm/none font-semibold no-underline outline-offset-2 select-none align-middle h-10 px-4":{},"transitionProperty":"color, background-color, background-image, border-color, opacity, box-shadow, scale","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","transitionDuration":".2s","borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","--btn-color":"var(--btn-bg, var(--color-base-200))","backgroundColor":"var(--btn-color)","borderWidth":"var(--spacing-button-border)","borderColor":"color-mix(in oklab, var(--btn-color), black 2%)","boxShadow":"0 0 0 0.5px oklch(1 0 0 / 0.01) inset, var(--btn-shadow)","backgroundOrigin":"border-box","backgroundImage":"var(--btn-flare)","--btn-shadow":"0 1px 1px 0 oklch(0% 0 0/0.07)","--btn-flare":"linear-gradient(50deg, transparent 85%, color-mix(in oklab, var(--btn-color), white 5%)),\n linear-gradient(-50deg, transparent 85%, color-mix(in oklab, var(--btn-color), white 5%)),\n linear-gradient(0, transparent, var(--btn-color) 5% 95%, transparent),\n repeating-conic-gradient(oklch(100% 0 0 / .4),\n transparent 20% 30%,\n oklch(100% 0 0 / .4) 50%)","&:hover":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)"},"&.btn-active":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0.07)"},"&:focus-visible":{"@apply outline outline-2":{}},"&:active":{"&:focus":{"scale":"var(--btn-focus-scale, 0.98)","@apply animate-[button-pop_0s_ease-out]":{},"backgroundColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","borderColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0.07)"},"&:hover":{"scale":"var(--btn-focus-scale, 0.97)","@apply animate-[button-pop_0s_ease-out]":{}}},"&:is(:disabled, [disabled], .btn-disabled)":{"@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent":{},"--btn-flare":"unset","&:hover":{"@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent":{}}},"&:is(input[type=checkbox]),\n &:is(input[type=radio])":{"@apply appearance-none":{},"&:not(.btn-square, .btn-circle)":{"@apply w-auto":{}},"&::after":{"@apply content-[attr(aria-label)]":{}},"&:checked":{"--btn-bg":"var(--color-primary)","@apply border-primary bg-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:hover":{"backgroundColor":"color-mix(in oklab, var(--color-primary) 90%, black)","borderColor":"color-mix(in oklab, var(--color-primary) 90%, black)"}}}},".btn-primary":{"--btn-bg":"var(--color-primary)","@apply text-primary-content outline-primary":{}},".btn-secondary":{"--btn-bg":"var(--color-secondary)","@apply text-secondary-content outline-secondary":{}},".btn-accent":{"--btn-bg":"var(--color-accent)","@apply text-accent-content outline-accent":{}},".btn-neutral":{"--btn-bg":"var(--color-neutral)","@apply text-neutral-content outline-neutral":{}},".btn-info":{"--btn-bg":"var(--color-info)","@apply text-info-content outline-info":{}},".btn-success":{"--btn-bg":"var(--color-success)","@apply text-success-content outline-success":{}},".btn-warning":{"--btn-bg":"var(--color-warning)","@apply text-warning-content outline-warning":{}},".btn-error":{"--btn-bg":"var(--color-error)","@apply text-error-content outline-error":{}},".btn.glass":{"@apply shadow-none outline-current hover:[--glass-border-opacity:15%] hover:[--glass-opacity:25%]":{},"&.btn-active":{"--glass-border-opacity":"15%","--glass-opacity":"25%"}},".btn-ghost":{"@apply border border-transparent bg-transparent text-current shadow-none outline-current":{},"--btn-flare":"unset"},".btn-link":{"@apply text-primary border-transparent bg-transparent underline shadow-none outline-current hover:border-transparent hover:bg-transparent hover:underline":{},"--btn-flare":"unset","&.btn-active":{"@apply border-transparent bg-transparent underline":{}}},".btn-outline":{"&:not(.btn-active, :hover, :focus-visible)":{"@apply bg-transparent text-[var(--btn-bg)] shadow-none":{},"--btn-flare":"unset"}},".btn-dash":{"&:not(.btn-active, :hover, :focus-visible)":{"@apply bg-transparent text-[var(--btn-bg)] shadow-none border-dashed":{},"--btn-flare":"unset"}},".btn-soft":{"&:not(.btn-active, :hover, :focus-visible)":{"@apply shadow-none":{},"color":"var(--btn-bg, var(--color-base-content))","background":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 8%, var(--color-base-200))","borderColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 10%, var(--color-base-200))","--btn-flare":"unset"}},".btn-xs":{"@apply h-6 px-2":{},"fontSize":"var(--font-size-xs)"},".btn-sm":{"@apply h-8 px-3":{},"fontSize":"var(--font-size-sm)"},".btn-md":{"@apply h-10 px-4":{},"fontSize":"var(--font-size-sm)"},".btn-lg":{"@apply h-14 px-6":{},"fontSize":"var(--font-size-lg)"},".btn-square":{"@apply px-0 size-12":{},"&.btn-xs":{"@apply size-6":{}},"&.btn-sm":{"@apply size-8":{}},"&.btn-md":{"@apply size-12":{}},"&.btn-lg":{"@apply size-16":{}}},".btn-circle":{"@apply aspect-square rounded-full px-0":{}},".btn-wide":{"@apply w-64":{}},".btn-block":{"@apply w-full":{}},"@keyframes button-pop":{"0%":{"scale":"var(--btn-focus-scale, 0.98)"},"40%":{"scale":"1.02"},"100%":{"scale":"1"}}};
1
+ import button from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedbutton = addPrefix(button, prefix);
6
+ addComponents({ ...prefixedbutton });
7
+ };
package/components/button/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".btn":{"display":"inline-flex","flex-shrink":0,"cursor":"pointer","flex-wrap":"nowrap","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 1.5)","text-align":"center","vertical-align":"middle","text-decoration-line":"none","outline-offset":"2px","webkit-user-select":"none","user-select":"none","padding-inline":"var(--btn-p)","color":"var(--btn-fg)","height":"var(--size)","font-size":"0.875rem","font-weight":600,"outline-color":"var(--btn-color, var(--color-base-content))","transition-property":"color, background-color, border-color, box-shadow","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","transition-duration":"0.2s","border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","background-color":"var(--btn-bg)","background-size":"calc(var(--noise) * 100%)","background-image":"var(--btn-noise)","border-width":"var(--border)","border-style":"solid","border-color":"var(--btn-border)","text-shadow":"0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15))","box-shadow":"0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow)","--size":"calc(var(--size-field, 0.25rem) * 10)","--btn-bg":"var(--btn-color, var(--color-base-200))","--btn-fg":"var(--color-base-content)","--btn-p":"1rem","--btn-border":"color-mix(in oklab, var(--btn-bg), black calc(var(--depth) * 5%))","--btn-shadow":"0 3px 2px -2px\n color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent),\n 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), transparent)","--btn-noise":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E\")","&:hover":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), black 7%)"},"&.btn-active":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)","isolation":"isolate"},"&:focus-visible":{"outline-width":"2px","outline-style":"solid"},"&:active:not(.btn-active)":{"translate":"0 0.5px","--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), black 5%)","--btn-border":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)"},"&:is(:disabled, [disabled], .btn-disabled)":{"&:not(.btn-link, .btn-ghost)":{"background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","box-shadow":"none"},"pointer-events":"none","--btn-border":"transparent","--btn-noise":"none","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, transparent)","&:hover":{"pointer-events":"none","background-color":"color-mix(in oklab, var(--color-neutral) 20%, transparent)","--btn-border":"transparent","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"}},"&:is(input[type=\"checkbox\"], input[type=\"radio\"])":{"appearance":"none","&::after":{"content":"attr(aria-label)"},"&:checked":{"--btn-color":"var(--color-primary)","--btn-bg":"var(--color-primary)","--btn-fg":"var(--color-primary-content)","--btn-border":"var(--color-primary)","&:focus-visible":{"outline-color":"var(--color-primary)"},"&:hover":{"--btn-bg":"color-mix(in oklab, var(--color-primary) 90%, black)","--btn-border":"color-mix(in oklab, var(--color-primary) 90%, black)"}}}},".btn-primary":{"--btn-color":"var(--color-primary)","--btn-fg":"var(--color-primary-content)"},".btn-secondary":{"--btn-color":"var(--color-secondary)","--btn-fg":"var(--color-secondary-content)"},".btn-accent":{"--btn-color":"var(--color-accent)","--btn-fg":"var(--color-accent-content)"},".btn-neutral":{"--btn-color":"var(--color-neutral)","--btn-fg":"var(--color-neutral-content)"},".btn-info":{"--btn-color":"var(--color-info)","--btn-fg":"var(--color-info-content)"},".btn-success":{"--btn-color":"var(--color-success)","--btn-fg":"var(--color-success-content)"},".btn-warning":{"--btn-color":"var(--color-warning)","--btn-fg":"var(--color-warning-content)"},".btn-error":{"--btn-color":"var(--color-error)","--btn-fg":"var(--color-error-content)"},".btn-ghost":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"--btn-shadow":"\"\"","--btn-bg":"transparent","--btn-border":"transparent","--btn-noise":"none","&:not(:disabled, [disabled], .btn-disabled)":{"outline-color":"currentColor","--btn-fg":"currentColor"}}},".btn-link":{"text-decoration-line":"underline","outline-color":"currentColor","--btn-border":"transparent","--btn-bg":"transparent","--btn-fg":"var(--color-primary)","--btn-noise":"none","--btn-shadow":"\"\"","&:is(.btn-active, :hover, :active:focus, :focus-visible)":{"text-decoration-line":"underline","--btn-border":"transparent","--btn-bg":"transparent"}},".btn-outline":{"&:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled)":{"--btn-shadow":"\"\"","--btn-bg":"transparent","--btn-fg":"var(--btn-color)","--btn-border":"var(--btn-color)","--btn-noise":"none"}},".btn-dash":{"&:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled)":{"--btn-shadow":"\"\"","border-style":"dashed","--btn-bg":"transparent","--btn-fg":"var(--btn-color)","--btn-border":"var(--btn-color)","--btn-noise":"none"}},".btn-soft":{"&:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled)":{"--btn-shadow":"\"\"","--btn-fg":"var(--btn-color, var(--color-base-content))","--btn-bg":"color-mix(\n in oklab,\n var(--btn-color, var(--color-base-content)) 8%,\n var(--color-base-100)\n )","--btn-border":"color-mix(\n in oklab,\n var(--btn-color, var(--color-base-content)) 10%,\n var(--color-base-100)\n )","--btn-noise":"none"}},".btn-xs":{"font-size":"0.6875rem","--btn-p":"0.5rem","--size":"calc(var(--size-field, 0.25rem) * 6)"},".btn-sm":{"font-size":"0.75rem","--btn-p":"0.75rem","--size":"calc(var(--size-field, 0.25rem) * 8)"},".btn-md":{"font-size":"0.875rem","--btn-p":"1rem","--size":"calc(var(--size-field, 0.25rem) * 10)"},".btn-lg":{"font-size":"1.125rem","--btn-p":"1.25rem","--size":"calc(var(--size-field, 0.25rem) * 12)"},".btn-xl":{"font-size":"1.375rem","--btn-p":"1.5rem","--size":"calc(var(--size-field, 0.25rem) * 14)"},".btn-square":{"padding-inline":"calc(0.25rem * 0)","width":"var(--size)","height":"var(--size)"},".btn-circle":{"border-radius":"calc(infinity * 1px)","padding-inline":"calc(0.25rem * 0)","width":"var(--size)","height":"var(--size)"},".btn-wide":{"width":"100%","max-width":"calc(0.25rem * 64)"},".btn-block":{"width":"100%"}};
package/components/button.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.9 – MIT License */ .btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-none,1);--tw-font-weight:600;color:var(--color-base-content,oklch(27.8078% .029596 256.848));outline-offset:2px;outline-color:var(--color-base-content,oklch(27.8078% .029596 256.848));-webkit-user-select:none;user-select:none;--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border-width:var(--spacing-button-border);border-color:color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 1px 1px 0 oklch(0% 0 0/.07);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px}&:active{&:focus{scale:var(--btn-focus-scale,.98);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);animation:ease-out button-pop}&:hover{scale:var(--btn-focus-scale,.97);animation:ease-out button-pop}}}.btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content,oklch(89.824% .06192 275.75));outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}.btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content,oklch(98.71% .0106 342.55));outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}.btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content,oklch(15.352% .0368 183.61));outline-color:var(--color-accent,oklch(76.76% .184 183.61))}.btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content,oklch(89.4994% .011585 252.096));outline-color:var(--color-neutral,oklch(20% .02476 255.702))}.btn-info{--btn-bg:var(--color-info);color:var(--color-info-content,oklch(0% 0 0));outline-color:var(--color-info,oklch(72.06% .191 231.6))}.btn-success{--btn-bg:var(--color-success);color:var(--color-success-content,oklch(0% 0 0));outline-color:var(--color-success,oklch(64.8% .15 160))}.btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content,oklch(0% 0 0));outline-color:var(--color-warning,oklch(84.71% .199 83.87))}.btn-error{--btn-bg:var(--color-error);color:var(--color-error-content,oklch(0% 0 0));outline-color:var(--color-error,oklch(71.76% .221 22.18))}.btn.glass{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.btn-ghost{border-style:var(--tw-border-style);color:currentColor;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-width:1px;border-color:#0000;outline-color:currentColor}.btn-link{color:var(--color-primary,oklch(49.12% .3096 275.75));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:focus-visible){color:var(--btn-bg);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000}}.btn-dash{&:not(.btn-active,:hover,:focus-visible){--tw-border-style:dashed;color:var(--btn-bg);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:focus-visible){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--btn-bg,var(--color-base-content));background:color-mix(in oklab,var(--btn-bg,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-content))10%,var(--color-base-200));--btn-flare:unset}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,oklch(20% .02476 255.702))20%,transparent);color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,oklch(20% .02476 255.702))20%,transparent);color:color-mix(in srgb,var(--color-base-content,oklch(27.8078% .029596 256.848))20%,transparent);border-color:#0000}}}.btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{--tw-content:attr(aria-label);content:var(--tw-content)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary,oklch(49.12% .3096 275.75));background-color:var(--color-primary,oklch(49.12% .3096 275.75));color:var(--color-primary-content,oklch(89.824% .06192 275.75));&:focus-visible{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.btn-square{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);&.btn-xs{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}&.btn-sm{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}&.btn-md{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.btn-wide{width:var(--spacing-64,16rem)}.btn-block{width:100%}@keyframes button-pop{0%{scale:var(--btn-focus-scale,.98)}40%{scale:1.02}to{scale:1}}
1
+ /*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);height:var(--size);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent);--btn-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-border:transparent;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}.btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.btn-square{width:var(--size);height:var(--size);padding-inline:0}.btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.btn-wide{width:100%;max-width:16rem}.btn-block{width:100%}@media (width>=640px){.sm\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);height:var(--size);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent);--btn-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.sm\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.sm\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.sm\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.sm\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.sm\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.sm\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.sm\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.sm\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.sm\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-border:transparent;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.sm\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.sm\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.sm\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}.sm\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.sm\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.sm\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.sm\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.sm\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.sm\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.sm\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.sm\:btn-wide{width:100%;max-width:16rem}.sm\:btn-block{width:100%}}@media (width>=768px){.md\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);height:var(--size);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent);--btn-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.md\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.md\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.md\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.md\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.md\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.md\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.md\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.md\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.md\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-border:transparent;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.md\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.md\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.md\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}.md\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.md\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.md\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.md\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.md\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.md\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.md\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.md\:btn-wide{width:100%;max-width:16rem}.md\:btn-block{width:100%}}@media (width>=1024px){.lg\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);height:var(--size);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent);--btn-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.lg\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.lg\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.lg\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.lg\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.lg\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.lg\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.lg\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.lg\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.lg\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-border:transparent;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.lg\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.lg\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.lg\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}.lg\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.lg\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.lg\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.lg\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.lg\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.lg\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.lg\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.lg\:btn-wide{width:100%;max-width:16rem}.lg\:btn-block{width:100%}}@media (width>=1280px){.xl\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);height:var(--size);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent);--btn-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-border:transparent;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.xl\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}.xl\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.xl\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.xl\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.xl\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.xl\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.xl\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.xl\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.xl\:btn-wide{width:100%;max-width:16rem}.xl\:btn-block{width:100%}}@media (width>=1536px){.\32 xl\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);height:var(--size);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),transparent);--btn-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.\32 xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.\32 xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.\32 xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.\32 xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.\32 xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.\32 xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.\32 xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.\32 xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.\32 xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-border:transparent;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.\32 xl\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.\32 xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.\32 xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}.\32 xl\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.\32 xl\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.\32 xl\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.\32 xl\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.\32 xl\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.\32 xl\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.\32 xl\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.\32 xl\:btn-wide{width:100%;max-width:16rem}.\32 xl\:btn-block{width:100%}}
package/components/calendar/class.json ADDED
@@ -0,0 +1,51 @@
1
+ [
2
+ "cally",
3
+ "react-day-picker",
4
+ "rdp-nav",
5
+ "rdp-chevron",
6
+ "rdp-day",
7
+ "rdp-day_button",
8
+ "rdp-caption_label",
9
+ "rdp-button_next",
10
+ "rdp-button_previous",
11
+ "rdp-dropdowns",
12
+ "rdp-dropdown",
13
+ "rdp-dropdown_root",
14
+ "rdp-month_caption",
15
+ "rdp-months",
16
+ "rdp-month_grid",
17
+ "rdp-weekday",
18
+ "rdp-week_number",
19
+ "rdp-today",
20
+ "rdp-selected",
21
+ "rdp-outside",
22
+ "rdp-disabled",
23
+ "rdp-hidden",
24
+ "rdp-range_start",
25
+ "rdp-range_middle",
26
+ "rdp-range_end",
27
+ "rdp-focusable",
28
+ "rdp-footer",
29
+ "pika-single",
30
+ "is-hidden",
31
+ "is-bound",
32
+ "pika-lendar",
33
+ "pika-title",
34
+ "pika-label",
35
+ "pika-prev",
36
+ "pika-next",
37
+ "is-disabled",
38
+ "pika-select",
39
+ "pika-table",
40
+ "pika-button",
41
+ "pika-week",
42
+ "is-today",
43
+ "is-selected",
44
+ "has-event",
45
+ "is-inrange",
46
+ "is-startrange",
47
+ "is-endrange",
48
+ "is-outside-current-month",
49
+ "is-selection-disabled",
50
+ "pick-whole-week"
51
+ ]
package/components/calendar/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import calendar from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addComponents, prefix = '' }) => {
5
+ const prefixedcalendar = addPrefix(calendar, prefix);
6
+ addComponents({ ...prefixedcalendar });
7
+ };
package/components/calendar/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".cally":{"font-size":"0.7rem","&::part(container)":{"padding":"0.5rem 1rem","user-select":"none"},"::part(th)":{"font-weight":"normal","block-size":"auto"},"&::part(header)":{"direction":"ltr"},"::part(head)":{"opacity":0.5,"font-size":"0.7rem"},"&::part(button)":{"border-radius":"var(--radius-field)","border":"none","padding":"0.5rem","background":"transparent"},"&::part(button):hover":{"background":"var(--color-base-200)"},"::part(day)":{"border-radius":"var(--radius-field)","font-size":"0.7rem"},"::part(button day today)":{"background":"var(--color-primary)","color":"var(--color-primary-content)"},"::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)"},"calendar-month":{"width":"100%"}},".react-day-picker":{"user-select":"none","background-color":"var(--color-base-100)","border-radius":"var(--radius-box)","border":"var(--border) solid var(--color-base-200)","font-size":"0.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":{"width":"2.25rem","height":"2.25rem","text-align":"center"},".rdp-day_button":{"cursor":"pointer","font":"inherit","color":"inherit","width":"2.25rem","height":"2.25rem","border":"2px solid transparent","border-radius":"var(--radius-field)","background":"0 0","justify-content":"center","align-items":"center","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,\n .rdp-button_previous":{"cursor":"pointer","font":"inherit","color":"inherit","appearance":"none","width":"2.25rem","height":"2.25rem","background":"0 0","border":"none","justify-content":"center","align-items":"center","margin":"0","padding":"0","display":"inline-flex","position":"relative","&:disabled":{"cursor":"revert","opacity":0.5}},".rdp-chevron":{"fill":"var(--color-base-content)","width":"1rem","height":"1rem","display":"inline-block"},".rdp-dropdowns":{"align-items":"center","gap":"0.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","5px auto -webkit-focus-ring-color"]}}},".rdp-dropdown_root":{"align-items":"center","display":"inline-flex","position":"relative","&[data-disabled=\"true\"]":{".rdp-chevron":{"opacity":0.5}}},".rdp-month_caption":{"height":"2.75rem","font-size":"0.75rem","font-weight":"inherit","place-content":"center","display":"flex"},".rdp-months":{"gap":"2rem","flex-wrap":"wrap","max-width":"fit-content","padding":"0.5rem","display":"flex","position":"relative"},".rdp-month_grid":{"border-collapse":"collapse"},".rdp-nav":{"height":"2.75rem","inset-block-start":"0","inset-inline-end":"0","justify-content":"space-between","align-items":"center","width":"100%","padding-inline":"0.5rem","display":"flex","position":"absolute","top":"0.25rem"},".rdp-weekday":{"opacity":0.6,"padding":"0.5rem 0rem","text-align":"center","font-size":"smaller","font-weight":500},".rdp-week_number":{"opacity":0.6,"height":"2.25rem","width":"2.25rem","border":"none","border-radius":"100%","text-align":"center","font-size":"small","font-weight":400},".rdp-today:not(.rdp-outside)":{"background":"var(--color-primary)","color":"var(--color-primary-content)"},".rdp-selected":{"font-weight":"inherit","font-size":"0.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":0.75},".rdp-disabled":{"opacity":0.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":"var(--border) solid var(--color-base-200)","padding":"0.5rem"}},".pika-single":{"&:is(div)":{"user-select":"none","font-size":"0.75rem","z-index":999,"display":"inline-block","position":"relative","color":"var(--color-base-content)","background-color":"var(--color-base-100)","border-radius":"var(--radius-box)","border":"var(--border) solid var(--color-base-200)","padding":"0.5rem","&:before,\n &:after":{"content":"\"\"","display":"table"},"&:after":{"clear":"both"},"&.is-hidden":{"display":"none"},"&.is-bound":{"position":"absolute"},".pika-lendar":{"css-float":"left"},".pika-title":{"position":"relative","text-align":"center","select":{"cursor":"pointer","position":"absolute","z-index":999,"margin":"0","left":"0","top":"5px","opacity":0}},".pika-label":{"display":"inline-block","position":"relative","z-index":999,"overflow":"hidden","margin":"0","padding":"5px 3px","background-color":"var(--color-base-100)"},".pika-prev,\n .pika-next":{"display":"block","cursor":"pointer","position":"absolute","top":"0","outline":"none","border":"0","width":"2.25rem","height":"2.25rem","color":"transparent","font-size":"1.2em","border-radius":"var(--radius-field)","&:hover":{"background-color":"var(--color-base-200)"},"&.is-disabled":{"cursor":"default","opacity":0.2},"&:before":{"display":"inline-block","width":"2.25rem","height":"2.25rem","line-height":2.25,"color":"var(--color-base-content)"}},".pika-prev":{"left":"0","&:before":{"content":"\"‹\""}},".pika-next":{"right":"0","&:before":{"content":"\"›\""}},".pika-select":{"display":"inline-block"},".pika-table":{"width":"100%","border-collapse":"collapse","border-spacing":"0","border":"0","th,\n td":{"padding":"0"},"th":{"opacity":0.6,"text-align":"center","width":"2.25rem","height":"2.25rem"}},".pika-button":{"cursor":"pointer","display":"block","outline":"none","border":"0","margin":"0","width":"2.25rem","height":"2.25rem","padding":"5px","text-align":["right","center"]},".pika-week":{"color":"var(--color-base-content)"},".is-today":{".pika-button":{"background":"var(--color-primary)","color":"var(--color-primary-content)"}},".is-selected,\n .has-event":{".pika-button":{"&,\n &: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,\n .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":0.3}},".is-outside-current-month":{".pika-button":{"color":"var(--color-base-content)","opacity":0.3}},".is-selection-disabled":{"pointer-events":"none","cursor":"default"},".pika-button:hover,\n .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":{"text-decoration":"none","font-weight":"normal"}}}};
package/components/calendar.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-beta.2 - MIT License */ .cally{font-size:.7rem;&::part(container){user-select:none;padding:.5rem 1rem}& ::part(th){block-size:auto;font-weight:400}&::part(header){direction:ltr}& ::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){background:var(--color-primary);color:var(--color-primary-content)}& ::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)}& calendar-month{width:100%}}.react-day-picker{user-select:none;background-color:var(--color-base-100);border-radius:var(--radius-box);border:var(--border)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){background:var(--color-primary);color:var(--color-primary-content)}& .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:var(--border)solid var(--color-base-200);padding:.5rem}}.pika-single{&:is(div){user-select:none;z-index:999;color:var(--color-base-content);background-color:var(--color-base-100);border-radius:var(--radius-box);border:var(--border)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:999;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:999;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{background:var(--color-primary);color:var(--color-primary-content)}}& .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/class.json CHANGED
@@ -1,6 +1,7 @@
1
1
  [
2
2
  "card",
3
3
  "card-border",
4
+ "card-dash",
4
5
  "image-full",
5
6
  "card-body",
6
7
  "card-title",
@@ -9,5 +10,6 @@
9
10
  "card-sm",
10
11
  "card-md",
11
12
  "card-lg",
13
+ "card-xl",
12
14
  "card-side"
13
15
  ]
package/components/card/index.js CHANGED
@@ -1 +1,7 @@
1
- export default {".card":{"@apply relative flex flex-col rounded-box":{},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"2px"},":where(figure:first-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"inherit","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"unset"},":where(figure:last-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"unset","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"inherit"},"&.card-border":{"@apply border-base-200 border":{}},"&.image-full":{"@apply grid":{},"&:before":{"@apply relative bg-neutral rounded-box z-10 opacity-75 col-start-1 row-start-1":{},"content":"\"\""},">*":{"@apply col-start-1 row-start-1":{}},">.card-body":{"@apply relative text-neutral-content z-20":{}},":where(figure)":{"@apply overflow-hidden":{},"borderRadius":"inherit"},">figure img":{"@apply h-full object-cover":{}}},"figure":{"@apply flex items-center justify-center":{}}},".card-title":{"@apply flex items-center gap-2 text-xl font-semibold":{}},".card-body":{"@apply flex flex-auto flex-col gap-2 p-8":{},":where(p)":{"@apply grow":{}}},".card-actions":{"@apply flex flex-wrap items-start gap-2":{}},".card-xs":{".card-body":{"@apply p-2 text-xs":{}},".card-title":{"@apply mb-1":{}}},".card-sm":{".card-body":{"@apply p-4 text-sm":{}},".card-title":{"@apply mb-1":{}}},".card-md":{".card-body":{"@apply text-base p-8":{}},".card-title":{"@apply mb-3":{}}},".card-lg":{".card-body":{"@apply text-base p-10":{}},".card-title":{"@apply mb-4":{}}},".card-side":{"alignItems":"stretch","flexDirection":"row",":where(figure:first-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"inherit","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"unset"},":where(figure:last-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"unset","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"inherit"},"figure>*":{"maxWidth":"unset"},":where(figure>*)":{"width":"100%","height":"100%","objectFit":"cover"}}};
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-style":"none","@media (forced-colors: active)":{"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"},"&:where(.card-border)":{"border":"var(--border) solid var(--color-base-200)"},"&:where(.card-dash)":{"border":"var(--border) dashed var(--color-base-200)"},"&.image-full":{"display":"grid","&:before":{"position":"relative","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","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":"var(--cardtitle-fs, 1.125rem)","font-weight":600},".card-body":{"display":"flex","flex":"auto","flex-direction":"column","gap":"calc(0.25rem * 2)","padding":"var(--card-p, 2rem)","font-size":"var(--card-fs, 0.875rem)",":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":{"--card-p":"0.5rem","--card-fs":"0.6875rem"},".card-title":{"--cardtitle-fs":"0.875rem"}},".card-sm":{".card-body":{"--card-p":"1rem","--card-fs":"0.75rem"},".card-title":{"--cardtitle-fs":"1rem"}},".card-md":{".card-body":{"--card-p":"1.5rem","--card-fs":"0.875rem"},".card-title":{"--cardtitle-fs":"1.125rem"}},".card-lg":{".card-body":{"--card-p":"2rem","--card-fs":"1rem"},".card-title":{"--cardtitle-fs":"1.25rem"}},".card-xl":{".card-body":{"--card-p":"2.5rem","--card-fs":"1.125rem"},".card-title":{"--cardtitle-fs":"1.375rem"}},".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 CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.9 – MIT License */ .card{border-radius:var(--radius-box,1rem);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :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-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-200,oklch(96.1151% 0 0))}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box,1rem);background-color:var(--color-neutral,oklch(20% .02476 255.702));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,oklch(89.4994% .011585 252.096));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}}.card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:var(--font-size-xl,1.25rem);line-height:var(--tw-leading,var(--font-size-xl--line-height,1.75rem));--tw-font-weight:600;font-weight:600;display:flex}.card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem))}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& .card-title{margin-bottom:var(--spacing-4,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%}}
1
+ /*! 🌼 daisyUI 5.0.0-beta.2 - 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-style:none;@media (forced-colors:active){&{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}&:where(.card-border){border:var(--border)solid var(--color-base-200)}&:where(.card-dash){border:var(--border)dashed var(--color-base-200)}&.image-full{display:grid;&:before{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{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{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}.card-body{padding:var(--card-p,2rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex;& :where(p){flex-grow:1}}.card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.card-xs{& .card-body{--card-p:.5rem;--card-fs:.6875rem}& .card-title{--cardtitle-fs:.875rem}}.card-sm{& .card-body{--card-p:1rem;--card-fs:.75rem}& .card-title{--cardtitle-fs:1rem}}.card-md{& .card-body{--card-p:1.5rem;--card-fs:.875rem}& .card-title{--cardtitle-fs:1.125rem}}.card-lg{& .card-body{--card-p:2rem;--card-fs:1rem}& .card-title{--cardtitle-fs:1.25rem}}.card-xl{& .card-body{--card-p:2.5rem;--card-fs:1.125rem}& .card-title{--cardtitle-fs:1.375rem}}.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-style:none;@media (forced-colors:active){&{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}&:where(.card-border){border:var(--border)solid var(--color-base-200)}&:where(.card-dash){border:var(--border)dashed var(--color-base-200)}&.image-full{display:grid;&:before{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{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{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}.sm\:card-body{padding:var(--card-p,2rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;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{--card-p:.5rem;--card-fs:.6875rem}& .card-title{--cardtitle-fs:.875rem}}.sm\:card-sm{& .card-body{--card-p:1rem;--card-fs:.75rem}& .card-title{--cardtitle-fs:1rem}}.sm\:card-md{& .card-body{--card-p:1.5rem;--card-fs:.875rem}& .card-title{--cardtitle-fs:1.125rem}}.sm\:card-lg{& .card-body{--card-p:2rem;--card-fs:1rem}& .card-title{--cardtitle-fs:1.25rem}}.sm\:card-xl{& .card-body{--card-p:2.5rem;--card-fs:1.125rem}& .card-title{--cardtitle-fs:1.375rem}}.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-style:none;@media (forced-colors:active){&{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}&:where(.card-border){border:var(--border)solid var(--color-base-200)}&:where(.card-dash){border:var(--border)dashed var(--color-base-200)}&.image-full{display:grid;&:before{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{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{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}.md\:card-body{padding:var(--card-p,2rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;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{--card-p:.5rem;--card-fs:.6875rem}& .card-title{--cardtitle-fs:.875rem}}.md\:card-sm{& .card-body{--card-p:1rem;--card-fs:.75rem}& .card-title{--cardtitle-fs:1rem}}.md\:card-md{& .card-body{--card-p:1.5rem;--card-fs:.875rem}& .card-title{--cardtitle-fs:1.125rem}}.md\:card-lg{& .card-body{--card-p:2rem;--card-fs:1rem}& .card-title{--cardtitle-fs:1.25rem}}.md\:card-xl{& .card-body{--card-p:2.5rem;--card-fs:1.125rem}& .card-title{--cardtitle-fs:1.375rem}}.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-style:none;@media (forced-colors:active){&{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}&:where(.card-border){border:var(--border)solid var(--color-base-200)}&:where(.card-dash){border:var(--border)dashed var(--color-base-200)}&.image-full{display:grid;&:before{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{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{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}.lg\:card-body{padding:var(--card-p,2rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;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{--card-p:.5rem;--card-fs:.6875rem}& .card-title{--cardtitle-fs:.875rem}}.lg\:card-sm{& .card-body{--card-p:1rem;--card-fs:.75rem}& .card-title{--cardtitle-fs:1rem}}.lg\:card-md{& .card-body{--card-p:1.5rem;--card-fs:.875rem}& .card-title{--cardtitle-fs:1.125rem}}.lg\:card-lg{& .card-body{--card-p:2rem;--card-fs:1rem}& .card-title{--cardtitle-fs:1.25rem}}.lg\:card-xl{& .card-body{--card-p:2.5rem;--card-fs:1.125rem}& .card-title{--cardtitle-fs:1.375rem}}.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-style:none;@media (forced-colors:active){&{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}&:where(.card-border){border:var(--border)solid var(--color-base-200)}&:where(.card-dash){border:var(--border)dashed var(--color-base-200)}&.image-full{display:grid;&:before{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{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{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}.xl\:card-body{padding:var(--card-p,2rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;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{--card-p:.5rem;--card-fs:.6875rem}& .card-title{--cardtitle-fs:.875rem}}.xl\:card-sm{& .card-body{--card-p:1rem;--card-fs:.75rem}& .card-title{--cardtitle-fs:1rem}}.xl\:card-md{& .card-body{--card-p:1.5rem;--card-fs:.875rem}& .card-title{--cardtitle-fs:1.125rem}}.xl\:card-lg{& .card-body{--card-p:2rem;--card-fs:1rem}& .card-title{--cardtitle-fs:1.25rem}}.xl\:card-xl{& .card-body{--card-p:2.5rem;--card-fs:1.125rem}& .card-title{--cardtitle-fs:1.375rem}}.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-style:none;@media (forced-colors:active){&{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}&:where(.card-border){border:var(--border)solid var(--color-base-200)}&:where(.card-dash){border:var(--border)dashed var(--color-base-200)}&.image-full{display:grid;&:before{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{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{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}.\32 xl\:card-body{padding:var(--card-p,2rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;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{--card-p:.5rem;--card-fs:.6875rem}& .card-title{--cardtitle-fs:.875rem}}.\32 xl\:card-sm{& .card-body{--card-p:1rem;--card-fs:.75rem}& .card-title{--cardtitle-fs:1rem}}.\32 xl\:card-md{& .card-body{--card-p:1.5rem;--card-fs:.875rem}& .card-title{--cardtitle-fs:1.125rem}}.\32 xl\:card-lg{& .card-body{--card-p:2rem;--card-fs:1rem}& .card-title{--cardtitle-fs:1.25rem}}.\32 xl\:card-xl{& .card-body{--card-p:2.5rem;--card-fs:1.125rem}& .card-title{--cardtitle-fs:1.375rem}}.\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/class.json ADDED
@@ -0,0 +1,9 @@
1
+ [
2
+ "carousel",
3
+ "carousel-vertical",
4
+ "carousel-horizontal",
5
+ "carousel-item",
6
+ "carousel-start",
7
+ "carousel-center",
8
+ "carousel-end"
9
+ ]
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-beta.2 - 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/class.json CHANGED
@@ -1,17 +1,17 @@
1
1
  [
2
2
  "chat",
3
- "chat-primary",
4
- "chat-secondary",
5
- "chat-accent",
6
- "chat-neutral",
7
- "chat-info",
8
- "chat-success",
9
- "chat-warning",
10
- "chat-error",
3
+ "chat-bubble",
4
+ "chat-bubble-primary",
5
+ "chat-bubble-secondary",
6
+ "chat-bubble-accent",
7
+ "chat-bubble-neutral",
8
+ "chat-bubble-info",
9
+ "chat-bubble-success",
10
+ "chat-bubble-warning",
11
+ "chat-bubble-error",
11
12
  "chat-image",
12
13
  "chat-header",
13
14
  "chat-footer",
14
- "chat-bubble",
15
15
  "chat-start",
16
16
  "chat-end"
17
17
  ]