frutjam 2.3.0-beta.0 → 2.3.0

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 (273) hide show
  1. package/LICENSE +1 -1
  2. package/README.github.md +382 -0
  3. package/README.md +90 -42
  4. package/README.npm.md +124 -0
  5. package/dist/base/reboot/index.js +5 -0
  6. package/dist/base/reboot/object.js +1 -0
  7. package/dist/base/tokens/index.js +5 -0
  8. package/dist/base/tokens/object.js +1 -0
  9. package/dist/base.css +62 -0
  10. package/dist/base.css.d.ts +1 -0
  11. package/dist/components/accordion/index.js +7 -0
  12. package/dist/components/accordion/object.js +1 -0
  13. package/dist/components/accordion.css +2 -0
  14. package/dist/components/accordion.css.d.ts +1 -0
  15. package/dist/components/alert/index.js +7 -0
  16. package/dist/components/alert/object.js +1 -0
  17. package/dist/components/alert.css +2 -0
  18. package/dist/components/alert.css.d.ts +1 -0
  19. package/dist/components/avatar/index.js +7 -0
  20. package/dist/components/avatar/object.js +1 -0
  21. package/dist/components/avatar.css +2 -0
  22. package/dist/components/avatar.css.d.ts +1 -0
  23. package/dist/components/badge/index.js +7 -0
  24. package/dist/components/badge/object.js +1 -0
  25. package/dist/components/badge.css +2 -0
  26. package/dist/components/badge.css.d.ts +1 -0
  27. package/dist/components/breadcrumb/index.js +7 -0
  28. package/dist/components/breadcrumb/object.js +1 -0
  29. package/dist/components/breadcrumb.css +2 -0
  30. package/dist/components/breadcrumb.css.d.ts +1 -0
  31. package/dist/components/button/index.js +7 -0
  32. package/dist/components/button/object.js +1 -0
  33. package/dist/components/button.css +2 -0
  34. package/dist/components/button.css.d.ts +1 -0
  35. package/dist/components/card/index.js +7 -0
  36. package/dist/components/card/object.js +1 -0
  37. package/dist/components/card.css +2 -0
  38. package/dist/components/card.css.d.ts +1 -0
  39. package/dist/components/carousel/index.js +7 -0
  40. package/dist/components/carousel/object.js +1 -0
  41. package/dist/components/carousel.css +2 -0
  42. package/dist/components/carousel.css.d.ts +1 -0
  43. package/dist/components/chat/index.js +7 -0
  44. package/dist/components/chat/object.js +1 -0
  45. package/dist/components/chat.css +2 -0
  46. package/dist/components/chat.css.d.ts +1 -0
  47. package/dist/components/checkbox/index.js +7 -0
  48. package/dist/components/checkbox/object.js +1 -0
  49. package/dist/components/checkbox.css +2 -0
  50. package/dist/components/checkbox.css.d.ts +1 -0
  51. package/dist/components/collapsible/index.js +7 -0
  52. package/dist/components/collapsible/object.js +1 -0
  53. package/dist/components/collapsible.css +2 -0
  54. package/dist/components/collapsible.css.d.ts +1 -0
  55. package/dist/components/combobox/index.js +7 -0
  56. package/dist/components/combobox/object.js +1 -0
  57. package/dist/components/combobox.css +2 -0
  58. package/dist/components/combobox.css.d.ts +1 -0
  59. package/dist/components/countdown/index.js +7 -0
  60. package/dist/components/countdown/object.js +1 -0
  61. package/dist/components/countdown.css +2 -0
  62. package/dist/components/countdown.css.d.ts +1 -0
  63. package/dist/components/diff/index.js +7 -0
  64. package/dist/components/diff/object.js +1 -0
  65. package/dist/components/diff.css +2 -0
  66. package/dist/components/diff.css.d.ts +1 -0
  67. package/dist/components/divider/index.js +7 -0
  68. package/dist/components/divider/object.js +1 -0
  69. package/dist/components/divider.css +2 -0
  70. package/dist/components/divider.css.d.ts +1 -0
  71. package/dist/components/drawer/index.js +7 -0
  72. package/dist/components/drawer/object.js +1 -0
  73. package/dist/components/drawer.css +2 -0
  74. package/dist/components/drawer.css.d.ts +1 -0
  75. package/dist/components/footer/index.js +7 -0
  76. package/dist/components/footer/object.js +1 -0
  77. package/dist/components/footer.css +2 -0
  78. package/dist/components/footer.css.d.ts +1 -0
  79. package/dist/components/header/index.js +7 -0
  80. package/dist/components/header/object.js +1 -0
  81. package/dist/components/header.css +2 -0
  82. package/dist/components/header.css.d.ts +1 -0
  83. package/dist/components/hero/index.js +7 -0
  84. package/dist/components/hero/object.js +1 -0
  85. package/dist/components/hero.css +2 -0
  86. package/dist/components/hero.css.d.ts +1 -0
  87. package/dist/components/indicator/index.js +7 -0
  88. package/dist/components/indicator/object.js +1 -0
  89. package/dist/components/indicator.css +2 -0
  90. package/dist/components/indicator.css.d.ts +1 -0
  91. package/dist/components/input/index.js +7 -0
  92. package/dist/components/input/object.js +1 -0
  93. package/dist/components/input.css +2 -0
  94. package/dist/components/input.css.d.ts +1 -0
  95. package/dist/components/join/index.js +7 -0
  96. package/dist/components/join/object.js +1 -0
  97. package/dist/components/join.css +2 -0
  98. package/dist/components/join.css.d.ts +1 -0
  99. package/dist/components/kbd/index.js +7 -0
  100. package/dist/components/kbd/object.js +1 -0
  101. package/dist/components/kbd.css +2 -0
  102. package/dist/components/kbd.css.d.ts +1 -0
  103. package/dist/components/link/index.js +7 -0
  104. package/dist/components/link/object.js +1 -0
  105. package/dist/components/link.css +2 -0
  106. package/dist/components/link.css.d.ts +1 -0
  107. package/dist/components/loading/index.js +7 -0
  108. package/dist/components/loading/object.js +1 -0
  109. package/dist/components/loading.css +2 -0
  110. package/dist/components/loading.css.d.ts +1 -0
  111. package/dist/components/marquee/index.js +7 -0
  112. package/dist/components/marquee/object.js +1 -0
  113. package/dist/components/marquee.css +2 -0
  114. package/dist/components/marquee.css.d.ts +1 -0
  115. package/dist/components/mask/index.js +7 -0
  116. package/dist/components/mask/object.js +1 -0
  117. package/dist/components/mask.css +2 -0
  118. package/dist/components/mask.css.d.ts +1 -0
  119. package/dist/components/menu/index.js +7 -0
  120. package/dist/components/menu/object.js +1 -0
  121. package/dist/components/menu.css +2 -0
  122. package/dist/components/menu.css.d.ts +1 -0
  123. package/dist/components/modal/index.js +7 -0
  124. package/dist/components/modal/object.js +1 -0
  125. package/dist/components/modal.css +2 -0
  126. package/dist/components/modal.css.d.ts +1 -0
  127. package/dist/components/navbar/index.js +7 -0
  128. package/dist/components/navbar/object.js +1 -0
  129. package/dist/components/navbar.css +2 -0
  130. package/dist/components/navbar.css.d.ts +1 -0
  131. package/dist/components/popover/index.js +7 -0
  132. package/dist/components/popover/object.js +1 -0
  133. package/dist/components/popover.css +2 -0
  134. package/dist/components/popover.css.d.ts +1 -0
  135. package/dist/components/progress/index.js +7 -0
  136. package/dist/components/progress/object.js +1 -0
  137. package/dist/components/progress.css +2 -0
  138. package/dist/components/progress.css.d.ts +1 -0
  139. package/dist/components/radial-progress/index.js +7 -0
  140. package/dist/components/radial-progress/object.js +1 -0
  141. package/dist/components/radial-progress.css +2 -0
  142. package/dist/components/radial-progress.css.d.ts +1 -0
  143. package/dist/components/radio/index.js +7 -0
  144. package/dist/components/radio/object.js +1 -0
  145. package/dist/components/radio.css +2 -0
  146. package/dist/components/radio.css.d.ts +1 -0
  147. package/dist/components/range/index.js +7 -0
  148. package/dist/components/range/object.js +1 -0
  149. package/dist/components/range.css +2 -0
  150. package/dist/components/range.css.d.ts +1 -0
  151. package/dist/components/rating/index.js +7 -0
  152. package/dist/components/rating/object.js +1 -0
  153. package/dist/components/rating.css +2 -0
  154. package/dist/components/rating.css.d.ts +1 -0
  155. package/dist/components/select/index.js +7 -0
  156. package/dist/components/select/object.js +1 -0
  157. package/dist/components/select.css +2 -0
  158. package/dist/components/select.css.d.ts +1 -0
  159. package/dist/components/sidebar/index.js +7 -0
  160. package/dist/components/sidebar/object.js +1 -0
  161. package/dist/components/sidebar.css +2 -0
  162. package/dist/components/sidebar.css.d.ts +1 -0
  163. package/dist/components/skeleton/index.js +7 -0
  164. package/dist/components/skeleton/object.js +1 -0
  165. package/dist/components/skeleton.css +2 -0
  166. package/dist/components/skeleton.css.d.ts +1 -0
  167. package/dist/components/stat/index.js +7 -0
  168. package/dist/components/stat/object.js +1 -0
  169. package/dist/components/stat.css +2 -0
  170. package/dist/components/stat.css.d.ts +1 -0
  171. package/dist/components/status/index.js +7 -0
  172. package/dist/components/status/object.js +1 -0
  173. package/dist/components/status.css +2 -0
  174. package/dist/components/status.css.d.ts +1 -0
  175. package/dist/components/steps/index.js +7 -0
  176. package/dist/components/steps/object.js +1 -0
  177. package/dist/components/steps.css +2 -0
  178. package/dist/components/steps.css.d.ts +1 -0
  179. package/dist/components/surface/index.js +7 -0
  180. package/dist/components/surface/object.js +1 -0
  181. package/dist/components/surface.css +2 -0
  182. package/dist/components/surface.css.d.ts +1 -0
  183. package/dist/components/swap/index.js +7 -0
  184. package/dist/components/swap/object.js +1 -0
  185. package/dist/components/swap.css +2 -0
  186. package/dist/components/swap.css.d.ts +1 -0
  187. package/dist/components/table/index.js +7 -0
  188. package/dist/components/table/object.js +1 -0
  189. package/dist/components/table.css +2 -0
  190. package/dist/components/table.css.d.ts +1 -0
  191. package/dist/components/tabs/index.js +7 -0
  192. package/dist/components/tabs/object.js +1 -0
  193. package/dist/components/tabs.css +2 -0
  194. package/dist/components/tabs.css.d.ts +1 -0
  195. package/dist/components/tag/index.js +7 -0
  196. package/dist/components/tag/object.js +1 -0
  197. package/dist/components/tag.css +2 -0
  198. package/dist/components/tag.css.d.ts +1 -0
  199. package/dist/components/textarea/index.js +7 -0
  200. package/dist/components/textarea/object.js +1 -0
  201. package/dist/components/textarea.css +2 -0
  202. package/dist/components/textarea.css.d.ts +1 -0
  203. package/dist/components/timeline/index.js +7 -0
  204. package/dist/components/timeline/object.js +1 -0
  205. package/dist/components/timeline.css +2 -0
  206. package/dist/components/timeline.css.d.ts +1 -0
  207. package/dist/components/toast/index.js +7 -0
  208. package/dist/components/toast/object.js +1 -0
  209. package/dist/components/toast.css +2 -0
  210. package/dist/components/toast.css.d.ts +1 -0
  211. package/dist/components/toggle/index.js +7 -0
  212. package/dist/components/toggle/object.js +1 -0
  213. package/dist/components/toggle.css +2 -0
  214. package/dist/components/toggle.css.d.ts +1 -0
  215. package/dist/components/tooltip/index.js +7 -0
  216. package/dist/components/tooltip/object.js +1 -0
  217. package/dist/components/tooltip.css +2 -0
  218. package/dist/components/tooltip.css.d.ts +1 -0
  219. package/dist/frutjam.components.css +62 -0
  220. package/dist/frutjam.components.css.d.ts +1 -0
  221. package/dist/frutjam.min.css +65 -3
  222. package/dist/frutjam.min.css.d.ts +1 -0
  223. package/dist/functions/addPrefix.js +14 -0
  224. package/dist/plugin.js +207 -0
  225. package/dist/themes/darkberry/index.js +5 -0
  226. package/dist/themes/darkberry/object.js +1 -0
  227. package/dist/themes/darkberry.css +2 -0
  228. package/dist/themes/darkberry.css.d.ts +1 -0
  229. package/dist/themes/snowberry/index.js +5 -0
  230. package/dist/themes/snowberry/object.js +1 -0
  231. package/dist/themes/snowberry.css +2 -0
  232. package/dist/themes/snowberry.css.d.ts +1 -0
  233. package/dist/unocss/map.js +5 -0
  234. package/dist/utilities/headings/index.js +7 -0
  235. package/dist/utilities/headings/object.js +1 -0
  236. package/dist/utilities/headings.css +2 -0
  237. package/dist/utilities/headings.css.d.ts +1 -0
  238. package/dist/utilities/para/index.js +7 -0
  239. package/dist/utilities/para/object.js +1 -0
  240. package/dist/utilities/para.css +2 -0
  241. package/dist/utilities/para.css.d.ts +1 -0
  242. package/dist/utilities/typography/index.js +7 -0
  243. package/dist/utilities/typography/object.js +1 -0
  244. package/dist/utilities/typography.css +2 -0
  245. package/dist/utilities/typography.css.d.ts +1 -0
  246. package/dist/utilities/wrapper/index.js +7 -0
  247. package/dist/utilities/wrapper/object.js +1 -0
  248. package/dist/utilities/wrapper.css +2 -0
  249. package/dist/utilities/wrapper.css.d.ts +1 -0
  250. package/index.js +332 -0
  251. package/package.json +90 -43
  252. package/packages/js/carousel.js +20 -0
  253. package/packages/js/collapsible.js +14 -0
  254. package/packages/js/combobox.js +101 -0
  255. package/packages/js/drawer.js +1 -0
  256. package/packages/js/index.js +8 -0
  257. package/packages/js/modal.js +8 -0
  258. package/packages/js/tabs.js +89 -0
  259. package/packages/js/toast.js +27 -0
  260. package/packages/js/tooltip.js +8 -0
  261. package/packages/react/index.js +8 -0
  262. package/packages/react/useCarousel.js +23 -0
  263. package/packages/react/useCollapsible.js +20 -0
  264. package/packages/react/useCombobox.js +81 -0
  265. package/packages/react/useDrawer.js +1 -0
  266. package/packages/react/useModal.js +12 -0
  267. package/packages/react/useTabs.js +53 -0
  268. package/packages/react/useToast.js +27 -0
  269. package/packages/react/useTooltip.js +12 -0
  270. package/packages/unocss/index.js +77 -0
  271. package/dist/frutjam.dev.css +0 -2
  272. package/dist/frutjam.min.js +0 -2
  273. package/dist/frutjam.min.js.LICENSE.txt +0 -1
package/dist/base/reboot/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"@layer base":{":root,\n [data-theme]":{"--palette-shade-light-color":"white","--palette-shade-dark-color":"black","--color-body":"color-mix(in oklch, currentColor 80%, transparent)","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","color-scheme":"var(--scheme-color, light)","color":"var(--color-on-base)","background-color":"var(--color-base)","--color-base-soft":"light-dark(\n color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%),\n color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)\n )","--color-on-base-soft":"var(--color-on-base)","--color-base-active":"light-dark(\n color-mix(in oklch, var(--color-on-base) 14%, var(--color-base) 86%),\n color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)\n )","--color-base-50":"color-mix(in oklch, var(--color-on-base) 4%, var(--color-base) 96%)","--color-base-100":"color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%)","--color-base-200":"color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)","--color-base-300":"color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)","--color-base-400":"color-mix(in oklch, var(--color-on-base) 36%, var(--color-base) 64%)","--color-base-500":"var(--color-base)","--color-base-600":"color-mix(in oklch, var(--color-on-base) 50%, var(--color-base) 50%)","--color-base-700":"color-mix(in oklch, var(--color-on-base) 62%, var(--color-base) 38%)","--color-base-800":"color-mix(in oklch, var(--color-on-base) 74%, var(--color-base) 26%)","--color-base-900":"color-mix(in oklch, var(--color-on-base) 86%, var(--color-base) 14%)","--color-base-950":"color-mix(in oklch, var(--color-on-base) 92%, var(--color-base) 8%)","--color-neutral-soft":"light-dark(var(--color-neutral-50), color-mix(in srgb, var(--color-neutral) 20%, var(--color-base) 80%))","--color-on-neutral-soft":"light-dark(var(--color-neutral-700), var(--color-neutral-300))","--color-neutral-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-neutral) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-neutral) 85%)\n )","--color-neutral-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-neutral) 20%)","--color-neutral-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-neutral) 35%)","--color-neutral-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-neutral) 50%)","--color-neutral-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-neutral) 65%)","--color-neutral-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-neutral) 82%)","--color-neutral-500":"var(--color-neutral)","--color-neutral-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-neutral) 82%)","--color-neutral-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-neutral) 66%)","--color-neutral-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-neutral) 50%)","--color-neutral-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-neutral) 35%)","--color-neutral-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-neutral) 20%)","--color-primary-soft":"light-dark(var(--color-primary-50), color-mix(in srgb, var(--color-primary) 20%, var(--color-base) 80%))","--color-on-primary-soft":"light-dark(var(--color-primary-700), var(--color-primary-300))","--color-primary-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-primary) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-primary) 85%)\n )","--color-primary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-primary) 20%)","--color-primary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-primary) 35%)","--color-primary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-primary) 50%)","--color-primary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-primary) 65%)","--color-primary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-primary) 82%)","--color-primary-500":"var(--color-primary)","--color-primary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-primary) 82%)","--color-primary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-primary) 66%)","--color-primary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-primary) 50%)","--color-primary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-primary) 35%)","--color-primary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-primary) 20%)","--color-secondary-soft":"light-dark(var(--color-secondary-50), color-mix(in srgb, var(--color-secondary) 20%, var(--color-base) 80%))","--color-on-secondary-soft":"light-dark(var(--color-secondary-700), var(--color-secondary-300))","--color-secondary-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-secondary) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-secondary) 85%)\n )","--color-secondary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-secondary) 20%)","--color-secondary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-secondary) 35%)","--color-secondary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-secondary) 50%)","--color-secondary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-secondary) 65%)","--color-secondary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-secondary) 82%)","--color-secondary-500":"var(--color-secondary)","--color-secondary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-secondary) 82%)","--color-secondary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-secondary) 66%)","--color-secondary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-secondary) 50%)","--color-secondary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-secondary) 35%)","--color-secondary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-secondary) 20%)","--color-accent-soft":"light-dark(var(--color-accent-50), color-mix(in srgb, var(--color-accent) 20%, var(--color-base) 80%))","--color-on-accent-soft":"light-dark(var(--color-accent-700), var(--color-accent-300))","--color-accent-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-accent) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-accent) 85%)\n )","--color-accent-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-accent) 20%)","--color-accent-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-accent) 35%)","--color-accent-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-accent) 50%)","--color-accent-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-accent) 65%)","--color-accent-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-accent) 82%)","--color-accent-500":"var(--color-accent)","--color-accent-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-accent) 82%)","--color-accent-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-accent) 66%)","--color-accent-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-accent) 50%)","--color-accent-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-accent) 35%)","--color-accent-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-accent) 20%)","--color-info-soft":"light-dark(var(--color-info-50), color-mix(in srgb, var(--color-info) 20%, var(--color-base) 80%))","--color-on-info-soft":"light-dark(var(--color-info-700), var(--color-info-300))","--color-info-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-info) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-info) 85%)\n )","--color-info-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-info) 20%)","--color-info-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-info) 35%)","--color-info-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-info) 50%)","--color-info-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-info) 65%)","--color-info-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-info) 82%)","--color-info-500":"var(--color-info)","--color-info-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-info) 82%)","--color-info-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-info) 66%)","--color-info-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-info) 50%)","--color-info-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-info) 35%)","--color-info-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-info) 20%)","--color-success-soft":"light-dark(var(--color-success-50), color-mix(in srgb, var(--color-success) 20%, var(--color-base) 80%))","--color-on-success-soft":"light-dark(var(--color-success-700), var(--color-success-300))","--color-success-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-success) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-success) 85%)\n )","--color-success-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-success) 20%)","--color-success-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-success) 35%)","--color-success-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-success) 50%)","--color-success-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-success) 65%)","--color-success-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-success) 82%)","--color-success-500":"var(--color-success)","--color-success-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-success) 82%)","--color-success-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-success) 66%)","--color-success-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-success) 50%)","--color-success-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-success) 35%)","--color-success-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-success) 20%)","--color-warning-soft":"light-dark(var(--color-warning-50), color-mix(in srgb, var(--color-warning) 20%, var(--color-base) 80%))","--color-on-warning-soft":"light-dark(var(--color-warning-800), var(--color-warning-300))","--color-warning-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-warning) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-warning) 85%)\n )","--color-warning-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-warning) 20%)","--color-warning-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-warning) 35%)","--color-warning-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-warning) 50%)","--color-warning-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-warning) 65%)","--color-warning-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-warning) 82%)","--color-warning-500":"var(--color-warning)","--color-warning-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-warning) 82%)","--color-warning-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-warning) 66%)","--color-warning-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-warning) 50%)","--color-warning-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-warning) 35%)","--color-warning-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-warning) 20%)","--color-error-soft":"light-dark(var(--color-error-50), color-mix(in srgb, var(--color-error) 20%, var(--color-base) 80%))","--color-on-error-soft":"light-dark(var(--color-error-700), var(--color-error-300))","--color-error-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-error) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-error) 85%)\n )","--color-error-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-error) 20%)","--color-error-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-error) 35%)","--color-error-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-error) 50%)","--color-error-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-error) 65%)","--color-error-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-error) 82%)","--color-error-500":"var(--color-error)","--color-error-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-error) 82%)","--color-error-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-error) 66%)","--color-error-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-error) 50%)","--color-error-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-error) 35%)","--color-error-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-error) 20%)"},"*,\n ::after,\n ::backdrop,\n ::before,\n ::file-selector-button":{"box-sizing":"border-box","border":"0 solid","padding":"0","margin":"0"},":host,\n html":{"line-height":1.5,"font-family":"var(\n --default-font-family,\n ui-sans-serif,\n system-ui,\n sans-serif,\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\",\n \"Segoe UI Symbol\",\n \"Noto Color Emoji\"\n )","-webkit-tap-highlight-color":"#0000"},"body":{"line-height":"inherit"},"h1, h2, h3, h4, h5, h6":{"font-size":"inherit","font-weight":"inherit"},"a":{"color":"inherit","text-decoration":"inherit"},"hr":{"height":"0","color":"inherit"},"table":{"text-indent":"0","border-color":"inherit","border-collapse":"collapse"},"::file-selector-button,\n button,\n input,\n optgroup,\n select,\n textarea":{"font":"inherit","font-feature-settings":"inherit","font-variation-settings":"inherit","letter-spacing":"inherit","color":"inherit","background":"0 0"},"::file-selector-button,\n button,\n input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"])":{"-webkit-appearance":"button","-moz-appearance":"button","appearance":"button"},":-moz-focusring":{"outline":"auto"},":-moz-ui-invalid":{"box-shadow":"none"},"::-webkit-search-decoration":{"-webkit-appearance":"none"},"::-moz-placeholder":{"opacity":1,"color":"color-mix(in oklch, currentColor 50%, transparent)"},"::placeholder":{"opacity":1,"color":"color-mix(in oklch, currentColor 50%, transparent)"},"menu, ol, ul":{"list-style":"none"},"audio, canvas, embed, iframe, img, object, svg, video":{"display":"block"},"img, video":{"max-width":"100%","height":"auto"},"textarea":{"resize":"vertical"},":where(:root, [data-theme])":{"main, footer":{"background-color":"var(--color-base)"},":where(p)":{"text-wrap-style":"pretty","color":"var(--color-body)","font-size":"var(--text-base, 1rem)","line-height":1.7},":where(menu, ol, ul)":{"color":"var(--color-body)","font-size":"var(--text-base, 1rem)"},":where(strong)":{"color":"var(--color-on-base)"}}},"hr":{"border-top-width":"1px"},":where(:root, [data-theme]) code":{"background-color":"var(--color-base-soft)","color":"var(--color-on-base-soft)","padding":"0.2em 0.4em","border-radius":"calc(var(--border-radius) * 1.5)"},":where(:root, [data-theme]) pre code":{"background-color":"transparent","padding":"0","font-size":"inherit","border-radius":"0"}};
package/dist/base/tokens/index.js ADDED
@@ -0,0 +1,5 @@
1
+ import tokens from './object.js';
2
+
3
+ export default ({ addBase }) => {
4
+ addBase({ ...tokens });
5
+ };
package/dist/base/tokens/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"@layer base":{":root,\n [data-theme]":{"--palette-shade-light-color":"white","--palette-shade-dark-color":"black","--color-body":"color-mix(in oklch, currentColor 80%, transparent)","-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale","color-scheme":"var(--scheme-color, light)","color":"var(--color-on-base)","background-color":"var(--color-base)","--color-base-soft":"light-dark(\n color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%),\n color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)\n )","--color-on-base-soft":"var(--color-on-base)","--color-base-active":"light-dark(\n color-mix(in oklch, var(--color-on-base) 14%, var(--color-base) 86%),\n color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)\n )","--color-base-50":"color-mix(in oklch, var(--color-on-base) 4%, var(--color-base) 96%)","--color-base-100":"color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%)","--color-base-200":"color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)","--color-base-300":"color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)","--color-base-400":"color-mix(in oklch, var(--color-on-base) 36%, var(--color-base) 64%)","--color-base-500":"var(--color-base)","--color-base-600":"color-mix(in oklch, var(--color-on-base) 50%, var(--color-base) 50%)","--color-base-700":"color-mix(in oklch, var(--color-on-base) 62%, var(--color-base) 38%)","--color-base-800":"color-mix(in oklch, var(--color-on-base) 74%, var(--color-base) 26%)","--color-base-900":"color-mix(in oklch, var(--color-on-base) 86%, var(--color-base) 14%)","--color-base-950":"color-mix(in oklch, var(--color-on-base) 92%, var(--color-base) 8%)","--color-neutral-soft":"light-dark(var(--color-neutral-50), color-mix(in srgb, var(--color-neutral) 20%, var(--color-base) 80%))","--color-on-neutral-soft":"light-dark(var(--color-neutral-700), var(--color-neutral-300))","--color-neutral-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-neutral) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-neutral) 85%)\n )","--color-neutral-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-neutral) 20%)","--color-neutral-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-neutral) 35%)","--color-neutral-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-neutral) 50%)","--color-neutral-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-neutral) 65%)","--color-neutral-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-neutral) 82%)","--color-neutral-500":"var(--color-neutral)","--color-neutral-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-neutral) 82%)","--color-neutral-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-neutral) 66%)","--color-neutral-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-neutral) 50%)","--color-neutral-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-neutral) 35%)","--color-neutral-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-neutral) 20%)","--color-primary-soft":"light-dark(var(--color-primary-50), color-mix(in srgb, var(--color-primary) 20%, var(--color-base) 80%))","--color-on-primary-soft":"light-dark(var(--color-primary-700), var(--color-primary-300))","--color-primary-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-primary) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-primary) 85%)\n )","--color-primary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-primary) 20%)","--color-primary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-primary) 35%)","--color-primary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-primary) 50%)","--color-primary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-primary) 65%)","--color-primary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-primary) 82%)","--color-primary-500":"var(--color-primary)","--color-primary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-primary) 82%)","--color-primary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-primary) 66%)","--color-primary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-primary) 50%)","--color-primary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-primary) 35%)","--color-primary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-primary) 20%)","--color-secondary-soft":"light-dark(var(--color-secondary-50), color-mix(in srgb, var(--color-secondary) 20%, var(--color-base) 80%))","--color-on-secondary-soft":"light-dark(var(--color-secondary-700), var(--color-secondary-300))","--color-secondary-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-secondary) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-secondary) 85%)\n )","--color-secondary-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-secondary) 20%)","--color-secondary-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-secondary) 35%)","--color-secondary-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-secondary) 50%)","--color-secondary-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-secondary) 65%)","--color-secondary-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-secondary) 82%)","--color-secondary-500":"var(--color-secondary)","--color-secondary-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-secondary) 82%)","--color-secondary-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-secondary) 66%)","--color-secondary-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-secondary) 50%)","--color-secondary-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-secondary) 35%)","--color-secondary-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-secondary) 20%)","--color-accent-soft":"light-dark(var(--color-accent-50), color-mix(in srgb, var(--color-accent) 20%, var(--color-base) 80%))","--color-on-accent-soft":"light-dark(var(--color-accent-700), var(--color-accent-300))","--color-accent-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-accent) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-accent) 85%)\n )","--color-accent-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-accent) 20%)","--color-accent-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-accent) 35%)","--color-accent-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-accent) 50%)","--color-accent-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-accent) 65%)","--color-accent-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-accent) 82%)","--color-accent-500":"var(--color-accent)","--color-accent-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-accent) 82%)","--color-accent-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-accent) 66%)","--color-accent-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-accent) 50%)","--color-accent-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-accent) 35%)","--color-accent-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-accent) 20%)","--color-info-soft":"light-dark(var(--color-info-50), color-mix(in srgb, var(--color-info) 20%, var(--color-base) 80%))","--color-on-info-soft":"light-dark(var(--color-info-700), var(--color-info-300))","--color-info-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-info) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-info) 85%)\n )","--color-info-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-info) 20%)","--color-info-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-info) 35%)","--color-info-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-info) 50%)","--color-info-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-info) 65%)","--color-info-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-info) 82%)","--color-info-500":"var(--color-info)","--color-info-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-info) 82%)","--color-info-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-info) 66%)","--color-info-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-info) 50%)","--color-info-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-info) 35%)","--color-info-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-info) 20%)","--color-success-soft":"light-dark(var(--color-success-50), color-mix(in srgb, var(--color-success) 20%, var(--color-base) 80%))","--color-on-success-soft":"light-dark(var(--color-success-700), var(--color-success-300))","--color-success-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-success) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-success) 85%)\n )","--color-success-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-success) 20%)","--color-success-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-success) 35%)","--color-success-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-success) 50%)","--color-success-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-success) 65%)","--color-success-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-success) 82%)","--color-success-500":"var(--color-success)","--color-success-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-success) 82%)","--color-success-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-success) 66%)","--color-success-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-success) 50%)","--color-success-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-success) 35%)","--color-success-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-success) 20%)","--color-warning-soft":"light-dark(var(--color-warning-50), color-mix(in srgb, var(--color-warning) 20%, var(--color-base) 80%))","--color-on-warning-soft":"light-dark(var(--color-warning-800), var(--color-warning-300))","--color-warning-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-warning) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-warning) 85%)\n )","--color-warning-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-warning) 20%)","--color-warning-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-warning) 35%)","--color-warning-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-warning) 50%)","--color-warning-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-warning) 65%)","--color-warning-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-warning) 82%)","--color-warning-500":"var(--color-warning)","--color-warning-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-warning) 82%)","--color-warning-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-warning) 66%)","--color-warning-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-warning) 50%)","--color-warning-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-warning) 35%)","--color-warning-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-warning) 20%)","--color-error-soft":"light-dark(var(--color-error-50), color-mix(in srgb, var(--color-error) 20%, var(--color-base) 80%))","--color-on-error-soft":"light-dark(var(--color-error-700), var(--color-error-300))","--color-error-active":"light-dark(\n color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-error) 85%),\n color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-error) 85%)\n )","--color-error-50":"color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-error) 20%)","--color-error-100":"color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-error) 35%)","--color-error-200":"color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-error) 50%)","--color-error-300":"color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-error) 65%)","--color-error-400":"color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-error) 82%)","--color-error-500":"var(--color-error)","--color-error-600":"color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-error) 82%)","--color-error-700":"color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-error) 66%)","--color-error-800":"color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-error) 50%)","--color-error-900":"color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-error) 35%)","--color-error-950":"color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-error) 20%)"}}};
package/dist/base.css ADDED
@@ -0,0 +1,62 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer base{:root,[data-theme]{--palette-shade-light-color:#fff;--palette-shade-dark-color:#000;--color-body:currentColor;@supports(color:color-mix(in lab,red,red)){--color-body:color-mix(in oklch, currentColor 80%, transparent)}-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:var(--scheme-color,light);color:var(--color-on-base);background-color:var(--color-base);--color-base-soft:light-dark(
3
+ var(--color-on-base),
4
+ var(--color-on-base)
5
+ );@supports(color:color-mix(in lab,red,red)){--color-base-soft:light-dark(
6
+ color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%),
7
+ color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)
8
+ )}--color-on-base-soft:var(--color-on-base);--color-base-active:light-dark(
9
+ var(--color-on-base),
10
+ var(--color-on-base)
11
+ );@supports(color:color-mix(in lab,red,red)){--color-base-active:light-dark(
12
+ color-mix(in oklch, var(--color-on-base) 14%, var(--color-base) 86%),
13
+ color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)
14
+ )}--color-base-50:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-50:color-mix(in oklch, var(--color-on-base) 4%, var(--color-base) 96%)}--color-base-100:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-100:color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%)}--color-base-200:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-200:color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)}--color-base-300:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-300:color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)}--color-base-400:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-400:color-mix(in oklch, var(--color-on-base) 36%, var(--color-base) 64%)}--color-base-500:var(--color-base);--color-base-600:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-600:color-mix(in oklch, var(--color-on-base) 50%, var(--color-base) 50%)}--color-base-700:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-700:color-mix(in oklch, var(--color-on-base) 62%, var(--color-base) 38%)}--color-base-800:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-800:color-mix(in oklch, var(--color-on-base) 74%, var(--color-base) 26%)}--color-base-900:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-900:color-mix(in oklch, var(--color-on-base) 86%, var(--color-base) 14%)}--color-base-950:var(--color-on-base);@supports(color:color-mix(in lab,red,red)){--color-base-950:color-mix(in oklch, var(--color-on-base) 92%, var(--color-base) 8%)}--color-neutral-soft:light-dark(var(--color-neutral-50), var(--color-neutral));@supports(color:color-mix(in lab,red,red)){--color-neutral-soft:light-dark(var(--color-neutral-50), color-mix(in srgb, var(--color-neutral) 20%, var(--color-base) 80%))}--color-on-neutral-soft:light-dark(var(--color-neutral-700), var(--color-neutral-300));--color-neutral-active:light-dark(
15
+ var(--palette-shade-dark-color),
16
+ var(--palette-shade-light-color)
17
+ );@supports(color:color-mix(in lab,red,red)){--color-neutral-active:light-dark(
18
+ color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-neutral) 85%),
19
+ color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-neutral) 85%)
20
+ )}--color-neutral-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-neutral) 20%)}--color-neutral-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-neutral) 35%)}--color-neutral-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-neutral) 50%)}--color-neutral-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-neutral) 65%)}--color-neutral-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-neutral) 82%)}--color-neutral-500:var(--color-neutral);--color-neutral-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-neutral) 82%)}--color-neutral-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-neutral) 66%)}--color-neutral-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-neutral) 50%)}--color-neutral-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-neutral) 35%)}--color-neutral-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-neutral-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-neutral) 20%)}--color-primary-soft:light-dark(var(--color-primary-50), var(--color-primary));@supports(color:color-mix(in lab,red,red)){--color-primary-soft:light-dark(var(--color-primary-50), color-mix(in srgb, var(--color-primary) 20%, var(--color-base) 80%))}--color-on-primary-soft:light-dark(var(--color-primary-700), var(--color-primary-300));--color-primary-active:light-dark(
21
+ var(--palette-shade-dark-color),
22
+ var(--palette-shade-light-color)
23
+ );@supports(color:color-mix(in lab,red,red)){--color-primary-active:light-dark(
24
+ color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-primary) 85%),
25
+ color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-primary) 85%)
26
+ )}--color-primary-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-primary) 20%)}--color-primary-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-primary) 35%)}--color-primary-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-primary) 50%)}--color-primary-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-primary) 65%)}--color-primary-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-primary-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-primary) 82%)}--color-primary-500:var(--color-primary);--color-primary-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-primary) 82%)}--color-primary-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-primary) 66%)}--color-primary-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-primary) 50%)}--color-primary-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-primary) 35%)}--color-primary-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-primary-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-primary) 20%)}--color-secondary-soft:light-dark(var(--color-secondary-50), var(--color-secondary));@supports(color:color-mix(in lab,red,red)){--color-secondary-soft:light-dark(var(--color-secondary-50), color-mix(in srgb, var(--color-secondary) 20%, var(--color-base) 80%))}--color-on-secondary-soft:light-dark(var(--color-secondary-700), var(--color-secondary-300));--color-secondary-active:light-dark(
27
+ var(--palette-shade-dark-color),
28
+ var(--palette-shade-light-color)
29
+ );@supports(color:color-mix(in lab,red,red)){--color-secondary-active:light-dark(
30
+ color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-secondary) 85%),
31
+ color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-secondary) 85%)
32
+ )}--color-secondary-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-secondary) 20%)}--color-secondary-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-secondary) 35%)}--color-secondary-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-secondary) 50%)}--color-secondary-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-secondary) 65%)}--color-secondary-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-secondary) 82%)}--color-secondary-500:var(--color-secondary);--color-secondary-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-secondary) 82%)}--color-secondary-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-secondary) 66%)}--color-secondary-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-secondary) 50%)}--color-secondary-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-secondary) 35%)}--color-secondary-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-secondary-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-secondary) 20%)}--color-accent-soft:light-dark(var(--color-accent-50), var(--color-accent));@supports(color:color-mix(in lab,red,red)){--color-accent-soft:light-dark(var(--color-accent-50), color-mix(in srgb, var(--color-accent) 20%, var(--color-base) 80%))}--color-on-accent-soft:light-dark(var(--color-accent-700), var(--color-accent-300));--color-accent-active:light-dark(
33
+ var(--palette-shade-dark-color),
34
+ var(--palette-shade-light-color)
35
+ );@supports(color:color-mix(in lab,red,red)){--color-accent-active:light-dark(
36
+ color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-accent) 85%),
37
+ color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-accent) 85%)
38
+ )}--color-accent-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-accent) 20%)}--color-accent-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-accent) 35%)}--color-accent-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-accent) 50%)}--color-accent-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-accent) 65%)}--color-accent-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-accent-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-accent) 82%)}--color-accent-500:var(--color-accent);--color-accent-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-accent) 82%)}--color-accent-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-accent) 66%)}--color-accent-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-accent) 50%)}--color-accent-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-accent) 35%)}--color-accent-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-accent-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-accent) 20%)}--color-info-soft:light-dark(var(--color-info-50), var(--color-info));@supports(color:color-mix(in lab,red,red)){--color-info-soft:light-dark(var(--color-info-50), color-mix(in srgb, var(--color-info) 20%, var(--color-base) 80%))}--color-on-info-soft:light-dark(var(--color-info-700), var(--color-info-300));--color-info-active:light-dark(
39
+ var(--palette-shade-dark-color),
40
+ var(--palette-shade-light-color)
41
+ );@supports(color:color-mix(in lab,red,red)){--color-info-active:light-dark(
42
+ color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-info) 85%),
43
+ color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-info) 85%)
44
+ )}--color-info-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-info) 20%)}--color-info-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-info) 35%)}--color-info-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-info) 50%)}--color-info-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-info) 65%)}--color-info-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-info-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-info) 82%)}--color-info-500:var(--color-info);--color-info-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-info) 82%)}--color-info-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-info) 66%)}--color-info-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-info) 50%)}--color-info-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-info) 35%)}--color-info-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-info-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-info) 20%)}--color-success-soft:light-dark(var(--color-success-50), var(--color-success));@supports(color:color-mix(in lab,red,red)){--color-success-soft:light-dark(var(--color-success-50), color-mix(in srgb, var(--color-success) 20%, var(--color-base) 80%))}--color-on-success-soft:light-dark(var(--color-success-700), var(--color-success-300));--color-success-active:light-dark(
45
+ var(--palette-shade-dark-color),
46
+ var(--palette-shade-light-color)
47
+ );@supports(color:color-mix(in lab,red,red)){--color-success-active:light-dark(
48
+ color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-success) 85%),
49
+ color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-success) 85%)
50
+ )}--color-success-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-success) 20%)}--color-success-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-success) 35%)}--color-success-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-success) 50%)}--color-success-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-success) 65%)}--color-success-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-success-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-success) 82%)}--color-success-500:var(--color-success);--color-success-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-success) 82%)}--color-success-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-success) 66%)}--color-success-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-success) 50%)}--color-success-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-success) 35%)}--color-success-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-success-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-success) 20%)}--color-warning-soft:light-dark(var(--color-warning-50), var(--color-warning));@supports(color:color-mix(in lab,red,red)){--color-warning-soft:light-dark(var(--color-warning-50), color-mix(in srgb, var(--color-warning) 20%, var(--color-base) 80%))}--color-on-warning-soft:light-dark(var(--color-warning-800), var(--color-warning-300));--color-warning-active:light-dark(
51
+ var(--palette-shade-dark-color),
52
+ var(--palette-shade-light-color)
53
+ );@supports(color:color-mix(in lab,red,red)){--color-warning-active:light-dark(
54
+ color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-warning) 85%),
55
+ color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-warning) 85%)
56
+ )}--color-warning-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-warning) 20%)}--color-warning-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-warning) 35%)}--color-warning-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-warning) 50%)}--color-warning-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-warning) 65%)}--color-warning-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-warning-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-warning) 82%)}--color-warning-500:var(--color-warning);--color-warning-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-warning) 82%)}--color-warning-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-warning) 66%)}--color-warning-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-warning) 50%)}--color-warning-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-warning) 35%)}--color-warning-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-warning-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-warning) 20%)}--color-error-soft:light-dark(var(--color-error-50), var(--color-error));@supports(color:color-mix(in lab,red,red)){--color-error-soft:light-dark(var(--color-error-50), color-mix(in srgb, var(--color-error) 20%, var(--color-base) 80%))}--color-on-error-soft:light-dark(var(--color-error-700), var(--color-error-300));--color-error-active:light-dark(
57
+ var(--palette-shade-dark-color),
58
+ var(--palette-shade-light-color)
59
+ );@supports(color:color-mix(in lab,red,red)){--color-error-active:light-dark(
60
+ color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-error) 85%),
61
+ color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-error) 85%)
62
+ )}--color-error-50:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-error) 20%)}--color-error-100:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-error) 35%)}--color-error-200:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-error) 50%)}--color-error-300:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-error) 65%)}--color-error-400:var(--palette-shade-light-color);@supports(color:color-mix(in lab,red,red)){--color-error-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-error) 82%)}--color-error-500:var(--color-error);--color-error-600:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-error) 82%)}--color-error-700:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-error) 66%)}--color-error-800:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-error) 50%)}--color-error-900:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-error) 35%)}--color-error-950:var(--palette-shade-dark-color);@supports(color:color-mix(in lab,red,red)){--color-error-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-error) 20%)}}*,::backdrop,::file-selector-button,:after,:before{box-sizing:border-box;border:0 solid;padding:0;margin:0}:host,html{line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");-webkit-tap-highlight-color:#0000}body{line-height:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}a,hr{color:inherit}hr{height:0}table{text-indent:0;border-color:inherit;border-collapse:collapse}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-search-decoration{-webkit-appearance:none}::-moz-placeholder{opacity:1;color:currentColor;@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}}::placeholder{opacity:1;color:currentColor;@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{max-width:100%;height:auto}textarea{resize:vertical}:where(:root,[data-theme]) footer,:where(:root,[data-theme]) main{background-color:var(--color-base)}:where(:root,[data-theme]) :where(p){text-wrap-style:pretty;color:var(--color-body);font-size:var(--text-base,1rem);line-height:1.7}:where(:root,[data-theme]) :where(menu,ol,ul){color:var(--color-body);font-size:var(--text-base,1rem)}:where(:root,[data-theme]) :where(strong){color:var(--color-on-base)}}hr{border-top-width:1px}:where(:root,[data-theme]) code{background-color:var(--color-base-soft);color:var(--color-on-base-soft);padding:.2em .4em;border-radius:calc(var(--border-radius) * 1.5)}:where(:root,[data-theme]) pre code{background-color:transparent;padding:0;font-size:inherit;border-radius:0}@layer theme{:is([data-theme=snowberry],[data-theme=light]),:root:not([data-theme]){--scheme-color:light;--border-radius:0.25rem;--color-base:oklch(1 0 0);--color-on-base:oklch(0.22 0 0);--color-neutral:oklch(0.15 0 0);--color-on-neutral:oklch(1 0 0);--color-primary:oklch(51.1% 0.262 276.966);--color-on-primary:oklch(96.2% 0.018 272.314);--color-secondary:oklch(0.591 0.293 322.896);--color-on-secondary:oklch(1 0 0);--color-accent:oklch(0.541 0.281 293.009);--color-on-accent:oklch(1 0 0);--color-info:oklch(0.685 0.169 237.323);--color-on-info:oklch(0.15 0 0);--color-success:oklch(0.792 0.209 151.711);--color-on-success:oklch(0.15 0 0);--color-warning:oklch(0.852 0.199 91.936);--color-on-warning:oklch(0.15 0 0);--color-error:oklch(0.577 0.245 27.325);--color-on-error:oklch(1 0 0)}:is([data-theme=darkberry],[data-theme=dark]){--scheme-color:dark;--border-radius:0.25rem;--color-base:oklch(10.889% 0.00301 17.398);--color-on-base:oklch(98% 0.01 270);--color-neutral:oklch(85% 0 0);--color-on-neutral:oklch(20% 0 0);--color-primary:oklch(66.385% 0.18368 285.592);--color-on-primary:oklch(10% 0.01 270);--color-secondary:oklch(65% 0.18 220);--color-on-secondary:oklch(10% 0.01 220);--color-accent:oklch(75% 0.18 50);--color-on-accent:oklch(10% 0.01 50);--color-info:oklch(91.67% .077 205.04);--color-on-info:oklch(10% 0.01 250);--color-success:oklch(65% 0.18 140);--color-on-success:oklch(10% 0.01 140);--color-warning:oklch(75% 0.20 85);--color-on-warning:oklch(10% 0.01 85);--color-error:oklch(60% 0.22 30);--color-on-error:oklch(10% 0.01 30)}}
package/dist/base.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/components/accordion/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import accordion from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addUtilities, prefix = '' }) => {
5
+ const prefixed = addPrefix(accordion, prefix);
6
+ addUtilities({ ...prefixed });
7
+ };
package/dist/components/accordion/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".accordion":{"--radius-accordion":"calc(var(--border-radius) * 2)","--color-accordion-soft":"var(--color-base-soft)","--color-accordion-active":"var(--color-base-active)","display":"block","width":"100%","padding-inline":"var(--accordion-flush--padding-inline, 1rem)","border-width":"var(--accordion-flush--border-width, 1px)","border-style":"solid","border-color":"var(--color-accordion-soft)","border-radius":"var(--radius-accordion)","& > details":{"box-sizing":"border-box","position":"relative","width":"100%","&:not(:last-child)":{"border-block-end-width":"1px","border-block-end-style":"solid","border-block-end-color":"var(--color-accordion-soft)"},"text-wrap":"pretty","& > summary::marker":{"content":"none"},"& > summary":{"display":"flex","gap":"0.5rem","align-items":"center","justify-content":"start","padding-block":"1rem","padding-inline-end":"1.5rem","font-weight":500,"color":"currentColor","cursor":"pointer","&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px","border-radius":"2px"},"&::after":{"content":"\"\"","border-block-end":"1px solid","border-inline-end":"1px solid","width":"0.425rem","height":"0.425rem","position":"absolute","inset-inline-end":"0.5rem","margin-block-start":"0.313rem","transform":"translateY(-50%) rotate(45deg)"}}},"& > details[open]":{"& > summary":{"&::after":{"content":"\"\"","transform":"rotate(225deg)","transform-origin":"center","transition":"transform 300ms"}}}},".accordion-flush":{"--accordion-flush--border-width":"0","--accordion-flush--padding-inline":"0","&>details:first-child":{">summary":{"padding-block-start":"0"}},"&>details>summary":{"font-weight":"normal"}},".accordion-content":{"padding-block-end":"1rem","font-size":"var(--text-base)"}};
package/dist/components/accordion.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.accordion{--radius-accordion:calc(var(--border-radius) * 2);--color-accordion-soft:var(--color-base-soft);--color-accordion-active:var(--color-base-active);display:block;width:100%;padding-inline:var(--accordion-flush--padding-inline,1rem);border-width:var(--accordion-flush--border-width,1px);border-style:solid;border-color:var(--color-accordion-soft);border-radius:var(--radius-accordion);&>details{box-sizing:border-box;position:relative;width:100%;&:not(:last-child){border-block-end-width:1px;border-block-end-style:solid;border-block-end-color:var(--color-accordion-soft)}text-wrap:pretty;&>summary::marker{content:none}&>summary{display:flex;gap:.5rem;align-items:center;justify-content:start;padding-block:1rem;padding-inline-end:1.5rem;font-weight:500;color:currentColor;cursor:pointer;&:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}&:after{content:var(--tw-content);content:"";border-block-end:1px solid;border-inline-end:1px solid;width:.425rem;height:.425rem;position:absolute;inset-inline-end:.5rem;margin-block-start:.313rem;transform:translateY(-50%) rotate(45deg)}}}&>details[open]{&>summary{&:after{content:var(--tw-content);content:"";transform:rotate(225deg);transform-origin:center;transition:transform .3s}}}}.accordion-flush{--accordion-flush--border-width:0;--accordion-flush--padding-inline:0;&>details:first-child{>summary{padding-block-start:0}}&>details>summary{font-weight:400}}.accordion-content{padding-block-end:1rem;font-size:var(--text-base)}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
package/dist/components/accordion.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/components/alert/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import alert from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addUtilities, prefix = '' }) => {
5
+ const prefixed = addPrefix(alert, prefix);
6
+ addUtilities({ ...prefixed });
7
+ };
package/dist/components/alert/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".alert":{"--radius-alert":"calc(var(--border-radius) * 2)","--color-alert":"var(--color-base-soft)","--color-on-alert":"var(--color-on-base)","--color-alert-active":"var(--color-base-active)","--color-alert-soft":"var(--color-base-soft)","--color-on-alert-soft":"var(--color-on-base)","--alert-variant-text":"var(--color-on-base)","background-color":"var(--color-alert)","color":"var(--color-on-alert)","padding-inline":"var(--alert--padding-inline, 0.75rem)","padding-block":"var(--alert--padding-block, 0.375rem)","font-size":"var(--alert--font-size, 0.875rem)","line-height":"calc(var(--alert--font-size, 0.875rem) * var(--alert--line-height, 1.5))","outline-width":"var(--alert--outline-width)","outline-style":"var(--alert--outline-style)","outline-color":"var(--alert--outline-color)","display":"grid","gap":"1rem","border-radius":"var(--alert--radius, var(--radius-alert))","justify-content":"start","justify-items":"start","align-items":"center","grid-auto-flow":"column","grid-template-columns":"auto","vertical-align":"middle","text-align":"start","width":"var(--alert--width, fit-content)","height":"var(--alert--height)","&:has(:nth-child(2))":{"grid-template-columns":"auto minmax(auto, 1fr)"},":where(&) :where(p, li)":{"color":"inherit"}},".alert-horizontal":{"justify-content":"start","justify-items":"start","grid-auto-flow":"column","grid-template-columns":"auto","text-align":"start","&:has(:nth-child(2))":{"grid-template-columns":"auto minmax(auto, 1fr)"}},".alert-vertical":{"justify-content":"center","justify-items":"center","grid-auto-flow":"row","grid-template-columns":"auto","text-align":"center","&:has(:nth-child(2))":{"grid-template-columns":"auto"}},".alert-dashed":{"background-color":"transparent","color":"var(--alert-variant-text)","outline-color":"var(--color-alert)","outline-style":"dashed","outline-width":"1px"},".alert-outline":{"background-color":"transparent","color":"var(--alert-variant-text)","outline-color":"var(--color-alert)","outline-style":"solid","outline-width":"1px"},".alert-ghost":{"background-color":"transparent","color":"var(--alert-variant-text)"},".alert-soft":{"background-color":"var(--color-alert-soft)","color":"var(--color-on-alert-soft)"},".alert-accent":{"--color-alert":"var(--color-accent)","--color-alert-active":"var(--color-accent-active)","--color-on-alert":"var(--color-on-accent)","--color-alert-soft":"var(--color-accent-soft)","--color-on-alert-soft":"light-dark(var(--color-accent-800), var(--color-accent-400))","--alert-variant-text":"light-dark(var(--color-accent-800), var(--color-accent-400))"},".alert-error":{"--color-alert":"var(--color-error)","--color-alert-active":"var(--color-error-active)","--color-on-alert":"var(--color-on-error)","--color-alert-soft":"var(--color-error-soft)","--color-on-alert-soft":"light-dark(var(--color-error-800), var(--color-error-400))","--alert-variant-text":"light-dark(var(--color-error-800), var(--color-error-400))"},".alert-info":{"--color-alert":"var(--color-info)","--color-alert-active":"var(--color-info-active)","--color-on-alert":"var(--color-on-info)","--color-alert-soft":"var(--color-info-soft)","--color-on-alert-soft":"light-dark(var(--color-info-800), var(--color-info-400))","--alert-variant-text":"light-dark(var(--color-info-800), var(--color-info-400))"},".alert-neutral":{"--color-alert":"var(--color-neutral)","--color-alert-active":"var(--color-neutral-active)","--color-on-alert":"var(--color-on-neutral)","--color-alert-soft":"var(--color-neutral-soft)","--color-on-alert-soft":"light-dark(var(--color-neutral-800), var(--color-neutral-400))","--alert-variant-text":"light-dark(var(--color-neutral-800), var(--color-neutral-400))"},".alert-primary":{"--color-alert":"var(--color-primary)","--color-alert-active":"var(--color-primary-active)","--color-on-alert":"var(--color-on-primary)","--color-alert-soft":"var(--color-primary-soft)","--color-on-alert-soft":"light-dark(var(--color-primary-800), var(--color-primary))","--alert-variant-text":"light-dark(var(--color-primary-800), var(--color-primary-400))"},".alert-secondary":{"--color-alert":"var(--color-secondary)","--color-alert-active":"var(--color-secondary-active)","--color-on-alert":"var(--color-on-secondary)","--color-alert-soft":"var(--color-secondary-soft)","--color-on-alert-soft":"light-dark(var(--color-secondary-800), var(--color-secondary-400))","--alert-variant-text":"light-dark(var(--color-secondary-800), var(--color-secondary-400))"},".alert-success":{"--color-alert":"var(--color-success)","--color-alert-active":"var(--color-success-active)","--color-on-alert":"var(--color-on-success)","--color-alert-soft":"var(--color-success-soft)","--color-on-alert-soft":"light-dark(var(--color-success-800), var(--color-success-400))","--alert-variant-text":"light-dark(var(--color-success-800), var(--color-success-400))"},".alert-warning":{"--color-alert":"var(--color-warning)","--color-alert-active":"var(--color-warning-active)","--color-on-alert":"var(--color-on-warning)","--color-alert-soft":"var(--color-warning-soft)","--color-on-alert-soft":"light-dark(var(--color-warning-800), var(--color-warning-400))","--alert-variant-text":"light-dark(var(--color-warning-800), var(--color-warning-400))"},".alert-lg":{"--alert--padding-inline":"1rem","--alert--padding-block":"0.5rem","--alert--font-size":"1rem"},".alert-md":{"--alert--padding-inline":"0.75rem","--alert--padding-block":"0.375rem","--alert--font-size":"0.875rem"},".alert-sm":{"--alert--padding-inline":"0.625rem","--alert--padding-block":"0.3125rem","--alert--font-size":"0.8125rem"},".alert-xs":{"--alert--padding-inline":"0.5rem","--alert--padding-block":"0.25rem","--alert--font-size":"0.75rem"},".alert-pill":{"--alert--radius":"9999px"},".alert-rounded":{"--alert--radius":"calc(infinity * 1px)"}};
package/dist/components/alert.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.alert{--radius-alert:calc(var(--border-radius) * 2);--color-alert:var(--color-base-soft);--color-on-alert:var(--color-on-base);--color-alert-active:var(--color-base-active);--color-alert-soft:var(--color-base-soft);--color-on-alert-soft:var(--color-on-base);--alert-variant-text:var(--color-on-base);background-color:var(--color-alert);color:var(--color-on-alert);padding-inline:var(--alert--padding-inline,.75rem);padding-block:var(--alert--padding-block,.375rem);font-size:var(--alert--font-size,.875rem);line-height:calc(var(--alert--font-size,.875rem) * var(--alert--line-height,1.5));outline-width:var(--alert--outline-width);outline-style:var(--alert--outline-style);outline-color:var(--alert--outline-color);display:grid;gap:1rem;border-radius:var(--alert--radius,var(--radius-alert));justify-content:start;justify-items:start;align-items:center;grid-auto-flow:column;grid-template-columns:auto;vertical-align:middle;text-align:start;width:var(--alert--width,-moz-fit-content);width:var(--alert--width,fit-content);height:var(--alert--height);&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}:where(&) :where(p,li){color:inherit}}.alert-horizontal{justify-content:start;justify-items:start;grid-auto-flow:column;grid-template-columns:auto;text-align:start;&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}.alert-vertical{justify-content:center;justify-items:center;grid-auto-flow:row;grid-template-columns:auto;text-align:center;&:has(:nth-child(2)){grid-template-columns:auto}}.alert-dashed{outline-style:dashed}.alert-dashed,.alert-outline{background-color:transparent;color:var(--alert-variant-text);outline-color:var(--color-alert);outline-width:1px}.alert-outline{outline-style:solid}.alert-ghost{background-color:transparent;color:var(--alert-variant-text)}.alert-soft{background-color:var(--color-alert-soft);color:var(--color-on-alert-soft)}.alert-accent{--color-alert:var(--color-accent);--color-alert-active:var(--color-accent-active);--color-on-alert:var(--color-on-accent);--color-alert-soft:var(--color-accent-soft);--color-on-alert-soft:light-dark(var(--color-accent-800), var(--color-accent-400));--alert-variant-text:light-dark(var(--color-accent-800), var(--color-accent-400))}.alert-error{--color-alert:var(--color-error);--color-alert-active:var(--color-error-active);--color-on-alert:var(--color-on-error);--color-alert-soft:var(--color-error-soft);--color-on-alert-soft:light-dark(var(--color-error-800), var(--color-error-400));--alert-variant-text:light-dark(var(--color-error-800), var(--color-error-400))}.alert-info{--color-alert:var(--color-info);--color-alert-active:var(--color-info-active);--color-on-alert:var(--color-on-info);--color-alert-soft:var(--color-info-soft);--color-on-alert-soft:light-dark(var(--color-info-800), var(--color-info-400));--alert-variant-text:light-dark(var(--color-info-800), var(--color-info-400))}.alert-neutral{--color-alert:var(--color-neutral);--color-alert-active:var(--color-neutral-active);--color-on-alert:var(--color-on-neutral);--color-alert-soft:var(--color-neutral-soft);--color-on-alert-soft:light-dark(var(--color-neutral-800), var(--color-neutral-400));--alert-variant-text:light-dark(var(--color-neutral-800), var(--color-neutral-400))}.alert-primary{--color-alert:var(--color-primary);--color-alert-active:var(--color-primary-active);--color-on-alert:var(--color-on-primary);--color-alert-soft:var(--color-primary-soft);--color-on-alert-soft:light-dark(var(--color-primary-800), var(--color-primary));--alert-variant-text:light-dark(var(--color-primary-800), var(--color-primary-400))}.alert-secondary{--color-alert:var(--color-secondary);--color-alert-active:var(--color-secondary-active);--color-on-alert:var(--color-on-secondary);--color-alert-soft:var(--color-secondary-soft);--color-on-alert-soft:light-dark(var(--color-secondary-800), var(--color-secondary-400));--alert-variant-text:light-dark(var(--color-secondary-800), var(--color-secondary-400))}.alert-success{--color-alert:var(--color-success);--color-alert-active:var(--color-success-active);--color-on-alert:var(--color-on-success);--color-alert-soft:var(--color-success-soft);--color-on-alert-soft:light-dark(var(--color-success-800), var(--color-success-400));--alert-variant-text:light-dark(var(--color-success-800), var(--color-success-400))}.alert-warning{--color-alert:var(--color-warning);--color-alert-active:var(--color-warning-active);--color-on-alert:var(--color-on-warning);--color-alert-soft:var(--color-warning-soft);--color-on-alert-soft:light-dark(var(--color-warning-800), var(--color-warning-400));--alert-variant-text:light-dark(var(--color-warning-800), var(--color-warning-400))}.alert-lg{--alert--padding-inline:1rem;--alert--padding-block:0.5rem;--alert--font-size:1rem}.alert-md{--alert--padding-inline:0.75rem;--alert--padding-block:0.375rem;--alert--font-size:0.875rem}.alert-sm{--alert--padding-inline:0.625rem;--alert--padding-block:0.3125rem;--alert--font-size:0.8125rem}.alert-xs{--alert--padding-inline:0.5rem;--alert--padding-block:0.25rem;--alert--font-size:0.75rem}.alert-pill{--alert--radius:9999px}.alert-rounded{--alert--radius:calc(infinity * 1px)}
package/dist/components/alert.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/components/avatar/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import avatar from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addUtilities, prefix = '' }) => {
5
+ const prefixed = addPrefix(avatar, prefix);
6
+ addUtilities({ ...prefixed });
7
+ };
package/dist/components/avatar/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".avatar":{"--avatar-size":"2.5rem","--avatar-radius":"9999px","--avatar-bg":"var(--color-base-soft)","--avatar-color":"var(--color-on-base)","--avatar-font-size":"calc(var(--avatar-size) * 0.4)","--avatar-status-size":"calc(var(--avatar-size) * 0.28)","--avatar-status-offset":"0px","--avatar-ring-width":"0px","--avatar-ring-color":"var(--color-primary)","--avatar-ring-offset":"2px","--avatar-status-color":"transparent","--avatar-status-visible":"none","position":"relative","display":"inline-flex","align-items":"center","justify-content":"center","width":"var(--avatar-size)","height":"var(--avatar-size)","border-radius":"var(--avatar-radius)","background-color":"var(--avatar-bg)","color":"var(--avatar-color)","font-size":"var(--avatar-font-size)","font-weight":600,"flex-shrink":0,"-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","outline":"var(--avatar-ring-width) solid var(--avatar-ring-color)","outline-offset":"var(--avatar-ring-offset)",":where(&) :where(img)":{"width":"100%","height":"100%","oobject-fit":"cover","object-fit":"cover","border-radius":"inherit","overflow":"hidden"},"&::before":{"content":"\"\"","position":"absolute","bottom":"var(--avatar-status-offset)","right":"var(--avatar-status-offset)","width":"var(--avatar-status-size)","height":"var(--avatar-status-size)","border-radius":"9999px","border":"2px solid var(--color-base)","background-color":"var(--avatar-status-color)","z-index":1,"display":"var(--avatar-status-visible)"}},".avatar-group":{"display":"inline-flex","flex-direction":"row",":where(&) :where(.avatar)":{"border":"2px solid var(--color-base)","margin-inline-start":"calc(var(--avatar-size) * -0.25)","&:first-child":{"margin-inline-start":"0"}}},".avatar-2xl":{"--avatar-size":"7rem","--avatar-status-offset":"3px"},".avatar-accent":{"--avatar-bg":"var(--color-accent)","--avatar-color":"var(--color-on-accent)"},".avatar-away":{"--avatar-status-color":"var(--color-warning)","--avatar-status-visible":"block"},".avatar-busy":{"--avatar-status-color":"var(--color-error)","--avatar-status-visible":"block"},".avatar-error":{"--avatar-bg":"var(--color-error)","--avatar-color":"var(--color-on-error)"},".avatar-info":{"--avatar-bg":"var(--color-info)","--avatar-color":"var(--color-on-info)"},".avatar-lg":{"--avatar-size":"3.5rem","--avatar-status-offset":"1px"},".avatar-neutral":{"--avatar-bg":"var(--color-neutral)","--avatar-color":"var(--color-on-neutral)"},".avatar-offline":{"--avatar-status-color":"var(--color-base-400)","--avatar-status-visible":"block"},".avatar-online":{"--avatar-status-color":"var(--color-success)","--avatar-status-visible":"block"},".avatar-primary":{"--avatar-bg":"var(--color-primary)","--avatar-color":"var(--color-on-primary)"},".avatar-ring":{"--avatar-ring-width":"2px","--avatar-ring-color":"var(--avatar-bg)"},".avatar-ring-accent":{"--avatar-ring-width":"2px","--avatar-ring-color":"var(--color-accent)"},".avatar-ring-error":{"--avatar-ring-width":"2px","--avatar-ring-color":"var(--color-error)"},".avatar-ring-info":{"--avatar-ring-width":"2px","--avatar-ring-color":"var(--color-info)"},".avatar-ring-neutral":{"--avatar-ring-width":"2px","--avatar-ring-color":"var(--color-neutral)"},".avatar-ring-primary":{"--avatar-ring-width":"2px","--avatar-ring-color":"var(--color-primary)"},".avatar-ring-secondary":{"--avatar-ring-width":"2px","--avatar-ring-color":"var(--color-secondary)"},".avatar-ring-success":{"--avatar-ring-width":"2px","--avatar-ring-color":"var(--color-success)"},".avatar-ring-warning":{"--avatar-ring-width":"2px","--avatar-ring-color":"var(--color-warning)"},".avatar-secondary":{"--avatar-bg":"var(--color-secondary)","--avatar-color":"var(--color-on-secondary)"},".avatar-sm":{"--avatar-size":"2rem","--avatar-status-offset":"-1px"},".avatar-success":{"--avatar-bg":"var(--color-success)","--avatar-color":"var(--color-on-success)"},".avatar-warning":{"--avatar-bg":"var(--color-warning)","--avatar-color":"var(--color-on-warning)"},".avatar-xl":{"--avatar-size":"5rem","--avatar-status-offset":"2px"},".avatar-xs":{"--avatar-size":"1.5rem","--avatar-status-offset":"-1px"},".avatar-circle":{"--avatar-radius":"9999px"},".avatar-md":{"--avatar-size":"2.5rem"},".avatar-rounded":{"--avatar-radius":"calc(var(--border-radius) * 3)"},".avatar-square":{"--avatar-radius":"var(--border-radius)"}};
package/dist/components/avatar.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.avatar{--avatar-size:2.5rem;--avatar-radius:9999px;--avatar-bg:var(--color-base-soft);--avatar-color:var(--color-on-base);--avatar-font-size:calc(var(--avatar-size) * .4);--avatar-status-size:calc(var(--avatar-size) * .28);--avatar-status-offset:0px;--avatar-ring-width:0px;--avatar-ring-color:var(--color-primary);--avatar-ring-offset:2px;--avatar-status-color:transparent;--avatar-status-visible:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius);background-color:var(--avatar-bg);color:var(--avatar-color);font-size:var(--avatar-font-size);font-weight:600;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:var(--avatar-ring-width) solid var(--avatar-ring-color);outline-offset:var(--avatar-ring-offset);:where(&) :where(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;overflow:hidden}&:before{content:"";position:absolute;bottom:var(--avatar-status-offset);right:var(--avatar-status-offset);width:var(--avatar-status-size);height:var(--avatar-status-size);border-radius:9999px;border:2px solid var(--color-base);background-color:var(--avatar-status-color);z-index:1;display:var(--avatar-status-visible)}}.avatar-group{display:inline-flex;flex-direction:row;:where(&) :where(.avatar){border:2px solid var(--color-base);margin-inline-start:calc(var(--avatar-size) * -.25);&:first-child{margin-inline-start:0}}}.avatar-2xl{--avatar-size:7rem;--avatar-status-offset:3px}.avatar-accent{--avatar-bg:var(--color-accent);--avatar-color:var(--color-on-accent)}.avatar-away{--avatar-status-color:var(--color-warning)}.avatar-away,.avatar-busy,.avatar-offline,.avatar-online{--avatar-status-visible:block}.avatar-busy{--avatar-status-color:var(--color-error)}.avatar-error{--avatar-bg:var(--color-error);--avatar-color:var(--color-on-error)}.avatar-info{--avatar-bg:var(--color-info);--avatar-color:var(--color-on-info)}.avatar-lg{--avatar-size:3.5rem;--avatar-status-offset:1px}.avatar-neutral{--avatar-bg:var(--color-neutral);--avatar-color:var(--color-on-neutral)}.avatar-offline{--avatar-status-color:var(--color-base-400)}.avatar-online{--avatar-status-color:var(--color-success)}.avatar-primary{--avatar-bg:var(--color-primary);--avatar-color:var(--color-on-primary)}.avatar-ring{--avatar-ring-color:var(--avatar-bg)}.avatar-ring,.avatar-ring-accent,.avatar-ring-error,.avatar-ring-info,.avatar-ring-neutral,.avatar-ring-primary,.avatar-ring-secondary,.avatar-ring-success,.avatar-ring-warning{--avatar-ring-width:2px}.avatar-ring-accent{--avatar-ring-color:var(--color-accent)}.avatar-ring-error{--avatar-ring-color:var(--color-error)}.avatar-ring-info{--avatar-ring-color:var(--color-info)}.avatar-ring-neutral{--avatar-ring-color:var(--color-neutral)}.avatar-ring-primary{--avatar-ring-color:var(--color-primary)}.avatar-ring-secondary{--avatar-ring-color:var(--color-secondary)}.avatar-ring-success{--avatar-ring-color:var(--color-success)}.avatar-ring-warning{--avatar-ring-color:var(--color-warning)}.avatar-secondary{--avatar-bg:var(--color-secondary);--avatar-color:var(--color-on-secondary)}.avatar-sm{--avatar-size:2rem;--avatar-status-offset:-1px}.avatar-success{--avatar-bg:var(--color-success);--avatar-color:var(--color-on-success)}.avatar-warning{--avatar-bg:var(--color-warning);--avatar-color:var(--color-on-warning)}.avatar-xl{--avatar-size:5rem;--avatar-status-offset:2px}.avatar-xs{--avatar-size:1.5rem;--avatar-status-offset:-1px}.avatar-circle{--avatar-radius:9999px}.avatar-md{--avatar-size:2.5rem}.avatar-rounded{--avatar-radius:calc(var(--border-radius) * 3)}.avatar-square{--avatar-radius:var(--border-radius)}
package/dist/components/avatar.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/components/badge/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import badge from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addUtilities, prefix = '' }) => {
5
+ const prefixed = addPrefix(badge, prefix);
6
+ addUtilities({ ...prefixed });
7
+ };
package/dist/components/badge/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".badge":{"--radius-badge":"calc(var(--border-radius) * 2)","--color-badge":"var(--color-base-soft)","--color-on-badge":"var(--color-on-base)","--color-badge-active":"var(--color-base-active)","--color-badge-soft":"var(--color-base-soft)","--color-on-badge-soft":"var(--color-on-base)","--badge-variant-text":"var(--color-on-base)","background-color":"var(--color-badge)","color":"var(--color-on-badge)","padding-inline":"var(--badge--padding-inline, 0.75rem)","padding-block":"var(--badge--padding-block, 0.375rem)","font-size":"var(--badge--font-size, 0.875rem)","line-height":"calc(var(--badge--font-size, 0.875rem) * var(--badge--line-height, 1.5))","outline-width":"var(--badge--outline-width)","outline-style":"var(--badge--outline-style)","outline-color":"var(--badge--outline-color)","display":"inline-flex","gap":"0.5rem","border-radius":"var(--badge--radius, var(--radius-badge))","align-items":"center","justify-content":"center","vertical-align":"middle","text-align":"center","text-decoration":"none","width":"var(--badge--width, fit-content)","height":"var(--badge--height)"},".badge-dashed":{"background-color":"transparent","color":"var(--badge-variant-text)","outline-color":"var(--color-badge)","outline-style":"dashed","outline-width":"1px"},".badge-outline":{"background-color":"transparent","color":"var(--badge-variant-text)","outline-color":"var(--color-badge)","outline-style":"solid","outline-width":"1px"},".badge-ghost":{"background-color":"transparent","color":"var(--badge-variant-text)"},".badge-soft":{"background-color":"var(--color-badge-soft)","color":"var(--color-on-badge-soft)"},".badge-2xl":{"--badge--padding-inline":"1.125rem","--badge--padding-block":"0.75rem","--badge--font-size":"1.25rem","--badge--line-height":"1.2","--badge-square--padding-block":"0.75rem","--badge-circle--padding-block":"0.75rem"},".badge-accent":{"--color-badge":"var(--color-accent)","--color-badge-active":"var(--color-accent-active)","--color-on-badge":"var(--color-on-accent)","--color-badge-soft":"var(--color-accent-soft)","--color-on-badge-soft":"light-dark(var(--color-accent-800), var(--color-accent-400))","--badge-variant-text":"light-dark(var(--color-accent-800), var(--color-accent-400))"},".badge-error":{"--color-badge":"var(--color-error)","--color-badge-active":"var(--color-error-active)","--color-on-badge":"var(--color-on-error)","--color-badge-soft":"var(--color-error-soft)","--color-on-badge-soft":"light-dark(var(--color-error-800), var(--color-error-400))","--badge-variant-text":"light-dark(var(--color-error-800), var(--color-error-400))"},".badge-info":{"--color-badge":"var(--color-info)","--color-badge-active":"var(--color-info-active)","--color-on-badge":"var(--color-on-info)","--color-badge-soft":"var(--color-info-soft)","--color-on-badge-soft":"light-dark(var(--color-info-800), var(--color-info-400))","--badge-variant-text":"light-dark(var(--color-info-800), var(--color-info-400))"},".badge-lg":{"--badge--padding-inline":"0.875rem","--badge--padding-block":"0.5rem","--badge--font-size":"1rem","--badge--line-height":"1.2","--badge-square--padding-block":"0.5rem","--badge-circle--padding-block":"0.5rem"},".badge-md":{"--badge--padding-inline":"0.75rem","--badge--padding-block":"0.375rem","--badge--font-size":"0.875rem","--badge--line-height":"1.3","--badge-square--padding-block":"0.375rem","--badge-circle--padding-block":"0.375rem"},".badge-neutral":{"--color-badge":"var(--color-neutral)","--color-badge-active":"var(--color-neutral-active)","--color-on-badge":"var(--color-on-neutral)","--color-badge-soft":"var(--color-neutral-soft)","--color-on-badge-soft":"light-dark(var(--color-neutral-800), var(--color-neutral-400))","--badge-variant-text":"light-dark(var(--color-neutral-800), var(--color-neutral-400))"},".badge-primary":{"--color-badge":"var(--color-primary)","--color-badge-active":"var(--color-primary-active)","--color-on-badge":"var(--color-on-primary)","--color-badge-soft":"var(--color-primary-soft)","--color-on-badge-soft":"light-dark(var(--color-primary-800), var(--color-primary))","--badge-variant-text":"light-dark(var(--color-primary-800), var(--color-primary-400))"},".badge-secondary":{"--color-badge":"var(--color-secondary)","--color-badge-active":"var(--color-secondary-active)","--color-on-badge":"var(--color-on-secondary)","--color-badge-soft":"var(--color-secondary-soft)","--color-on-badge-soft":"light-dark(var(--color-secondary-800), var(--color-secondary-400))","--badge-variant-text":"light-dark(var(--color-secondary-800), var(--color-secondary-400))"},".badge-sm":{"--badge--padding-inline":"0.625rem","--badge--padding-block":"0.25rem","--badge--font-size":"0.75rem","--badge--line-height":"1.3","--badge-square--padding-block":"0.25rem","--badge-circle--padding-block":"0.25rem"},".badge-success":{"--color-badge":"var(--color-success)","--color-badge-active":"var(--color-success-active)","--color-on-badge":"var(--color-on-success)","--color-badge-soft":"var(--color-success-soft)","--color-on-badge-soft":"light-dark(var(--color-success-800), var(--color-success-400))","--badge-variant-text":"light-dark(var(--color-success-800), var(--color-success-400))"},".badge-warning":{"--color-badge":"var(--color-warning)","--color-badge-active":"var(--color-warning-active)","--color-on-badge":"var(--color-on-warning)","--color-badge-soft":"var(--color-warning-soft)","--color-on-badge-soft":"light-dark(var(--color-warning-800), var(--color-warning-400))","--badge-variant-text":"light-dark(var(--color-warning-800), var(--color-warning-400))"},".badge-xl":{"--badge--padding-inline":"1rem","--badge--padding-block":"0.625rem","--badge--font-size":"1.125rem","--badge--line-height":"1.2","--badge-square--padding-block":"0.625rem","--badge-circle--padding-block":"0.625rem"},".badge-xs":{"--badge--padding-inline":"0.5rem","--badge--padding-block":"0.125rem","--badge--font-size":"0.625rem","--badge--line-height":"1.3","--badge-square--padding-block":"0.125rem","--badge-circle--padding-block":"0.125rem"},".badge-square":{"--badge--padding-inline":"var(--badge-square--padding-block, 0.375rem)","--badge--padding-block":"var(--badge-square--padding-block, 0.375rem)","--badge--width":"var(--badge-square--padding-block)","--badge--height":"var(--badge-square--padding-block)"},".badge-circle":{"--badge--padding-inline":"var(--badge-circle--padding-block, 0.375rem)","--badge--padding-block":"var(--badge-circle--padding-block, 0.375rem)","--badge--radius":"calc(infinity * 1px)"},".badge-pill":{"--badge--radius":"calc(infinity * 1px)"},".badge-rounded":{"--badge--radius":"calc(infinity * 1px)"}};
package/dist/components/badge.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.badge{--radius-badge:calc(var(--border-radius) * 2);--color-badge:var(--color-base-soft);--color-on-badge:var(--color-on-base);--color-badge-active:var(--color-base-active);--color-badge-soft:var(--color-base-soft);--color-on-badge-soft:var(--color-on-base);--badge-variant-text:var(--color-on-base);background-color:var(--color-badge);color:var(--color-on-badge);padding-inline:var(--badge--padding-inline,.75rem);padding-block:var(--badge--padding-block,.375rem);font-size:var(--badge--font-size,.875rem);line-height:calc(var(--badge--font-size,.875rem) * var(--badge--line-height,1.5));outline-width:var(--badge--outline-width);outline-style:var(--badge--outline-style);outline-color:var(--badge--outline-color);display:inline-flex;gap:.5rem;border-radius:var(--badge--radius,var(--radius-badge));align-items:center;justify-content:center;vertical-align:middle;text-align:center;text-decoration:none;width:var(--badge--width,-moz-fit-content);width:var(--badge--width,fit-content);height:var(--badge--height)}.badge-dashed{outline-style:dashed}.badge-dashed,.badge-outline{background-color:transparent;color:var(--badge-variant-text);outline-color:var(--color-badge);outline-width:1px}.badge-outline{outline-style:solid}.badge-ghost{background-color:transparent;color:var(--badge-variant-text)}.badge-soft{background-color:var(--color-badge-soft);color:var(--color-on-badge-soft)}.badge-2xl{--badge--padding-inline:1.125rem;--badge--padding-block:0.75rem;--badge--font-size:1.25rem;--badge--line-height:1.2;--badge-square--padding-block:0.75rem;--badge-circle--padding-block:0.75rem}.badge-accent{--color-badge:var(--color-accent);--color-badge-active:var(--color-accent-active);--color-on-badge:var(--color-on-accent);--color-badge-soft:var(--color-accent-soft);--color-on-badge-soft:light-dark(var(--color-accent-800), var(--color-accent-400));--badge-variant-text:light-dark(var(--color-accent-800), var(--color-accent-400))}.badge-error{--color-badge:var(--color-error);--color-badge-active:var(--color-error-active);--color-on-badge:var(--color-on-error);--color-badge-soft:var(--color-error-soft);--color-on-badge-soft:light-dark(var(--color-error-800), var(--color-error-400));--badge-variant-text:light-dark(var(--color-error-800), var(--color-error-400))}.badge-info{--color-badge:var(--color-info);--color-badge-active:var(--color-info-active);--color-on-badge:var(--color-on-info);--color-badge-soft:var(--color-info-soft);--color-on-badge-soft:light-dark(var(--color-info-800), var(--color-info-400));--badge-variant-text:light-dark(var(--color-info-800), var(--color-info-400))}.badge-lg{--badge--padding-inline:0.875rem;--badge--padding-block:0.5rem;--badge--font-size:1rem;--badge--line-height:1.2;--badge-square--padding-block:0.5rem;--badge-circle--padding-block:0.5rem}.badge-md{--badge--padding-inline:0.75rem;--badge--padding-block:0.375rem;--badge--font-size:0.875rem;--badge--line-height:1.3;--badge-square--padding-block:0.375rem;--badge-circle--padding-block:0.375rem}.badge-neutral{--color-badge:var(--color-neutral);--color-badge-active:var(--color-neutral-active);--color-on-badge:var(--color-on-neutral);--color-badge-soft:var(--color-neutral-soft);--color-on-badge-soft:light-dark(var(--color-neutral-800), var(--color-neutral-400));--badge-variant-text:light-dark(var(--color-neutral-800), var(--color-neutral-400))}.badge-primary{--color-badge:var(--color-primary);--color-badge-active:var(--color-primary-active);--color-on-badge:var(--color-on-primary);--color-badge-soft:var(--color-primary-soft);--color-on-badge-soft:light-dark(var(--color-primary-800), var(--color-primary));--badge-variant-text:light-dark(var(--color-primary-800), var(--color-primary-400))}.badge-secondary{--color-badge:var(--color-secondary);--color-badge-active:var(--color-secondary-active);--color-on-badge:var(--color-on-secondary);--color-badge-soft:var(--color-secondary-soft);--color-on-badge-soft:light-dark(var(--color-secondary-800), var(--color-secondary-400));--badge-variant-text:light-dark(var(--color-secondary-800), var(--color-secondary-400))}.badge-sm{--badge--padding-inline:0.625rem;--badge--padding-block:0.25rem;--badge--font-size:0.75rem;--badge--line-height:1.3;--badge-square--padding-block:0.25rem;--badge-circle--padding-block:0.25rem}.badge-success{--color-badge:var(--color-success);--color-badge-active:var(--color-success-active);--color-on-badge:var(--color-on-success);--color-badge-soft:var(--color-success-soft);--color-on-badge-soft:light-dark(var(--color-success-800), var(--color-success-400));--badge-variant-text:light-dark(var(--color-success-800), var(--color-success-400))}.badge-warning{--color-badge:var(--color-warning);--color-badge-active:var(--color-warning-active);--color-on-badge:var(--color-on-warning);--color-badge-soft:var(--color-warning-soft);--color-on-badge-soft:light-dark(var(--color-warning-800), var(--color-warning-400));--badge-variant-text:light-dark(var(--color-warning-800), var(--color-warning-400))}.badge-xl{--badge--padding-inline:1rem;--badge--padding-block:0.625rem;--badge--font-size:1.125rem;--badge--line-height:1.2;--badge-square--padding-block:0.625rem;--badge-circle--padding-block:0.625rem}.badge-xs{--badge--padding-inline:0.5rem;--badge--padding-block:0.125rem;--badge--font-size:0.625rem;--badge--line-height:1.3;--badge-square--padding-block:0.125rem;--badge-circle--padding-block:0.125rem}.badge-square{--badge--padding-inline:var(--badge-square--padding-block, 0.375rem);--badge--padding-block:var(--badge-square--padding-block, 0.375rem);--badge--width:var(--badge-square--padding-block);--badge--height:var(--badge-square--padding-block)}.badge-circle{--badge--padding-inline:var(--badge-circle--padding-block, 0.375rem);--badge--padding-block:var(--badge-circle--padding-block, 0.375rem)}.badge-circle,.badge-pill,.badge-rounded{--badge--radius:calc(infinity * 1px)}
package/dist/components/badge.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/components/breadcrumb/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import breadcrumb from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addUtilities, prefix = '' }) => {
5
+ const prefixed = addPrefix(breadcrumb, prefix);
6
+ addUtilities({ ...prefixed });
7
+ };
package/dist/components/breadcrumb/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".breadcrumb-list":{"list-style":"none","padding":"0","margin":"0","display":"flex","min-height":"min-content","align-items":"center","white-space":"nowrap"},".breadcrumb-separator":{"display":"flex","align-items":"center","margin-inline":"0.5rem","color":"var(--color-body)"},".breadcrumb-item":{"display":"flex","align-items":"center","&::before":{"content":"\"\"","margin-inline-end":"0.75rem","margin-inline-start":"0.5rem","height":"0.375rem","width":"0.375rem","display":"block","transform":"rotate(45deg)","transition":"transform 300ms","border-block-start":"1px solid","border-inline-end":"1px solid","background-color":"oklch(0 0 0 / 0)","color":"var(--color-body)"},"&:first-child":{"&::before":{"content":"none"}},"&:has(.breadcrumb-separator)":{"&::before":{"content":"none"}},"&:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)":{"&::before":{"content":"var(--tw-content)","transform":"rotate(-135deg)"}},"&:has([aria-current=\"page\"])":{"color":"currentColor"}},".breadcrumb-link":{"color":"var(--color-body)","display":"flex","align-items":"center","gap":"0.5rem","line-height":"1.125rem","text-decoration":"none","background-image":"linear-gradient(currentColor, currentColor)","background-position":"left bottom","background-repeat":"no-repeat","background-size":"0% 1px","transition":"background-size 200ms ease-out, color 200ms ease-out","&:hover":{"@media (hover: hover)":{"background-size":"100% 1px","cursor":"pointer"}},"&:focus":{"outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"}},".breadcrumb-current":{"color":"currentColor","display":"flex","align-items":"center","gap":"0.5rem","line-height":"1.125rem"},".breadcrumb":{"padding-block":"0.5rem","max-width":"100%","overflow-x":"auto","font-size":"0.875rem","color":"currentColor"}};
package/dist/components/breadcrumb.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;min-height:-moz-min-content;min-height:min-content;align-items:center;white-space:nowrap}.breadcrumb-separator{display:flex;align-items:center;margin-inline:.5rem;color:var(--color-body)}.breadcrumb-item{display:flex;align-items:center;&:before{content:var(--tw-content);content:"";margin-inline-end:.75rem;margin-inline-start:.5rem;height:.375rem;width:.375rem;display:block;transform:rotate(45deg);transition:transform .3s;border-block-start:1px solid;border-inline-end:1px solid;background-color:oklch(0 0 0/0);color:var(--color-body)}&:first-child{&:before{content:var(--tw-content);content:none}}&:has(.breadcrumb-separator){&:before{content:var(--tw-content);content:none}}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){&:before{content:var(--tw-content);transform:rotate(-135deg)}}&:has([aria-current=page]){color:currentColor}}.breadcrumb-link{color:var(--color-body);display:flex;align-items:center;gap:.5rem;line-height:1.125rem;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .2s ease-out,color .2s ease-out;&:hover{@media(hover:hover){background-size:100% 1px;cursor:pointer}}&:focus{outline-style:none;@media(forced-colors:active){outline:2px solid transparent;outline-offset:2px}}&:focus-visible{outline:2px solid currentColor;outline-offset:2px}}.breadcrumb-current{color:currentColor;display:flex;align-items:center;gap:.5rem;line-height:1.125rem}.breadcrumb{padding-block:.5rem;max-width:100%;overflow-x:auto;font-size:.875rem;color:currentColor}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
package/dist/components/breadcrumb.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/components/button/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import button from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addUtilities, prefix = '' }) => {
5
+ const prefixed = addPrefix(button, prefix);
6
+ addUtilities({ ...prefixed });
7
+ };
package/dist/components/button/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".btn":{"font":"inherit","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","--radius-btn":"calc(var(--border-radius) * 2)","--color-btn":"var(--color-base-soft)","--color-on-btn":"var(--color-on-base)","--color-btn-active":"var(--color-base-active)","--btn-variant-text":"var(--color-on-base)","background-color":"var(--color-btn)","color":"var(\n --color-on-btn,\n color-contrast(\n var(--color-btn)\n vs\n white,\n black\n )\n )","--btn--opacity":"1","--btn--cursor":"pointer","--btn--pointer-events":"auto","--btn--border-width":"0","--btn--border-style":"solid","--btn--border-color":"transparent","border-width":"var(--btn--border-width)","border-style":"var(--btn--border-style)","border-color":"var(--btn--border-color)","&:is(:disabled, [disabled])":{"--btn--opacity":"0.5","--btn--cursor":"not-allowed","--btn--pointer-events":"none"},"opacity":"var(--btn--opacity)","cursor":"pointer","pointer-events":"var(--btn--pointer-events)","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","text-decoration":"none","text-wrap":"nowrap","&:hover":{"@media (hover: hover)":{"background-color":"var(--color-btn-active)","color":"var(--color-on-btn)","transition-duration":"220ms"}},"border-radius":"var(--btn--radius, var(--radius-btn))","display":"var(--btn--display, inline-flex)","padding-inline":"var(--btn--shape-padding-inline, var(--btn--padding-inline, 1.125rem))","padding-block":"var(--btn--shape-padding-block, var(--btn--padding-block, 0.625rem))","font-size":"var(--btn--font-size, 1rem)","line-height":"calc(var(--btn--font-size, 1rem) * var(--btn--line-height, 1.5))","width":"var(--btn--width)","max-width":"var(--btn--max-width)","position":"relative","gap":"0.375rem","flex-shrink":0,"align-items":"center","justify-content":"center","flex-wrap":"nowrap","vertical-align":"middle","font-weight":500,"text-align":"center","box-sizing":"border-box","transition":"background-color 180ms cubic-bezier(0.4, 0, 0.2, 1),\n color 180ms cubic-bezier(0.4, 0, 0.2, 1),\n border-color 180ms cubic-bezier(0.4, 0, 0.2, 1),\n opacity 200ms ease","&:is(input[type=\"checkbox\"], input[type=\"radio\"])":{"-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","&::after":{"content":"attr(aria-label)"},"&:checked":{"isolation":"isolate","background-color":"var(--color-btn-active)"}},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(\n var(--color-base-950, currentColor),\n var(--color-base-50, currentColor)\n )","outline-offset":"3px","isolation":"isolate"}},".btn-circle":{"--btn--radius":"9999px","--btn--shape-padding-inline":"var(--btn-circle--padding-block, 0.625rem)","--btn--shape-padding-block":"var(--btn-circle--padding-block, 0.625rem)","aspect-ratio":"1"},".btn-square":{"--btn--shape-padding-inline":"var(--btn-square--padding-block, 0.625rem)","--btn--shape-padding-block":"var(--btn-square--padding-block, 0.625rem)","aspect-ratio":"1"},".btn-link":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"0","background-image":"linear-gradient(currentColor, currentColor)","background-position":"right bottom","background-repeat":"no-repeat","background-size":"0% 1px","transition":"background-size 300ms ease, background-position 0s, color 200ms ease-out","&:hover":{"@media (hover: hover)":{"background-color":"transparent","color":"var(--btn-variant-text)","background-position":"left bottom","background-size":"100% 1px","transition":"background-size 300ms ease, background-position 0s, color 200ms ease-out"}}},".btn-dashed":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"1px","--btn--border-style":"dashed","--btn--border-color":"var(--color-btn-active)","&:hover":{"@media (hover: hover)":{"--btn--border-color":"transparent"}}},".btn-outline":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"1px","--btn--border-color":"var(--color-btn-active)","&:hover":{"@media (hover: hover)":{"--btn--border-color":"transparent"}}},".btn-plain":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"0","&:hover":{"@media (hover: hover)":{"background-color":"transparent"}}},".btn-soft":{"background-color":"var(--color-btn-soft, var(--color-base-soft))","color":"var(--color-on-btn-soft, var(--color-on-base))","&:hover":{"@media (hover: hover)":{"background-color":"var(--color-btn-active)","color":"var(--color-on-btn)"}}},".btn-ghost":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"0"},".btn-2xl":{"--btn--padding-inline":"1.5rem","--btn--padding-block":"1rem","--btn--font-size":"1.375rem","--btn--line-height":"1.5","--btn-square--padding-block":"1rem","--btn-circle--padding-block":"1rem"},".btn-accent":{"--color-btn":"var(--color-accent)","--color-btn-active":"var(--color-accent-active)","--color-on-btn":"var(--color-on-accent)","--color-btn-soft":"var(--color-accent-soft)","--color-on-btn-soft":"var(--color-on-accent-soft)","--btn-variant-text":"light-dark(var(--color-accent-800), var(--color-accent-400))"},".btn-error":{"--color-btn":"var(--color-error)","--color-btn-active":"var(--color-error-active)","--color-on-btn":"var(--color-on-error)","--color-btn-soft":"var(--color-error-soft)","--color-on-btn-soft":"var(--color-on-error-soft)","--btn-variant-text":"light-dark(var(--color-error-800), var(--color-error-400))"},".btn-info":{"--color-btn":"var(--color-info)","--color-btn-active":"var(--color-info-active)","--color-on-btn":"var(--color-on-info)","--color-btn-soft":"var(--color-info-soft)","--color-on-btn-soft":"var(--color-on-info-soft)","--btn-variant-text":"light-dark(var(--color-info-800), var(--color-info-400))"},".btn-lg":{"--btn--padding-inline":"1.25rem","--btn--padding-block":"0.75rem","--btn--font-size":"1.125rem","--btn--line-height":"1.5","--btn-square--padding-block":"0.75rem","--btn-circle--padding-block":"0.75rem"},".btn-md":{"--btn--padding-inline":"1.125rem","--btn--padding-block":"0.625rem","--btn--font-size":"1rem","--btn--line-height":"1.5","--btn-square--padding-block":"0.625rem","--btn-circle--padding-block":"0.625rem"},".btn-neutral":{"--color-btn":"var(--color-neutral)","--color-btn-active":"var(--color-neutral-active)","--color-on-btn":"var(--color-on-neutral)","--color-btn-soft":"var(--color-neutral-soft)","--color-on-btn-soft":"var(--color-on-neutral-soft)","--btn-variant-text":"light-dark(var(--color-neutral-800), var(--color-neutral-400))"},".btn-primary":{"--color-btn":"var(--color-primary)","--color-btn-active":"var(--color-primary-active)","--color-on-btn":"var(--color-on-primary)","--color-btn-soft":"var(--color-primary-soft)","--color-on-btn-soft":"var(--color-on-primary-soft)","--btn-variant-text":"light-dark(var(--color-primary-800), var(--color-primary-400))"},".btn-secondary":{"--color-btn":"var(--color-secondary)","--color-btn-active":"var(--color-secondary-active)","--color-on-btn":"var(--color-on-secondary)","--color-btn-soft":"var(--color-secondary-soft)","--color-on-btn-soft":"var(--color-on-secondary-soft)","--btn-variant-text":"light-dark(var(--color-secondary-800), var(--color-secondary-400))"},".btn-sm":{"--btn--padding-inline":"1rem","--btn--padding-block":"0.5rem","--btn--font-size":"0.875rem","--btn--line-height":"1.4","--btn-square--padding-block":"0.5rem","--btn-circle--padding-block":"0.5rem"},".btn-success":{"--color-btn":"var(--color-success)","--color-btn-active":"var(--color-success-active)","--color-on-btn":"var(--color-on-success)","--color-btn-soft":"var(--color-success-soft)","--color-on-btn-soft":"var(--color-on-success-soft)","--btn-variant-text":"light-dark(var(--color-success-800), var(--color-success-400))"},".btn-warning":{"--color-btn":"var(--color-warning)","--color-btn-active":"var(--color-warning-active)","--color-on-btn":"var(--color-on-warning)","--color-btn-soft":"var(--color-warning-soft)","--color-on-btn-soft":"var(--color-on-warning-soft)","--btn-variant-text":"light-dark(var(--color-warning-800), var(--color-warning-400))"},".btn-xl":{"--btn--padding-inline":"1.375rem","--btn--padding-block":"0.875rem","--btn--font-size":"1.25rem","--btn--line-height":"1.5","--btn-square--padding-block":"0.875rem","--btn-circle--padding-block":"0.875rem"},".btn-xs":{"--btn--padding-inline":"0.875rem","--btn--padding-block":"0.375rem","--btn--font-size":"0.75rem","--btn--line-height":"1.3","--btn-square--padding-block":"0.375rem","--btn-circle--padding-block":"0.375rem"},".btn-disabled":{"--btn--opacity":"0.5","--btn--cursor":"not-allowed","--btn--pointer-events":"none"},".btn-block":{"--btn--width":"100%","--btn--display":"block"},".btn-wide":{"--btn--max-width":"320px","--btn--width":"100%"},".btn-active":{"--color-btn":"var(--color-btn-active)"},".btn-pill":{"--btn--radius":"9999px"},".btn-rounded":{"--btn--radius":"var(--radius-btn)"}};
package/dist/components/button.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.btn{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;--radius-btn:calc(var(--border-radius) * 2);--color-btn:var(--color-base-soft);--color-on-btn:var(--color-on-base);--color-btn-active:var(--color-base-active);--btn-variant-text:var(--color-on-base);background-color:var(--color-btn);color:var(--color-on-btn,color-contrast(var(--color-btn) vs #fff,#000));--btn--opacity:1;--btn--cursor:pointer;--btn--pointer-events:auto;--btn--border-width:0;--btn--border-style:solid;--btn--border-color:transparent;border-width:var(--btn--border-width);border-style:var(--btn--border-style);border-color:var(--btn--border-color);&:is(:disabled,[disabled]){--btn--opacity:0.5;--btn--cursor:not-allowed;--btn--pointer-events:none}opacity:var(--btn--opacity);cursor:var(--btn--cursor);pointer-events:var(--btn--pointer-events);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;text-wrap:nowrap;&:hover{@media(hover:hover){background-color:var(--color-btn-active);color:var(--color-on-btn);transition-duration:.22s}}border-radius:var(--btn--radius,var(--radius-btn));display:var(--btn--display,inline-flex);padding-inline:var(--btn--shape-padding-inline,var(--btn--padding-inline,1.125rem));padding-block:var(--btn--shape-padding-block,var(--btn--padding-block,.625rem));font-size:var(--btn--font-size,1rem);line-height:calc(var(--btn--font-size,1rem) * var(--btn--line-height,1.5));width:var(--btn--width);max-width:var(--btn--max-width);position:relative;gap:.375rem;flex-shrink:0;align-items:center;justify-content:center;flex-wrap:nowrap;vertical-align:middle;font-weight:500;text-align:center;cursor:pointer;box-sizing:border-box;transition:background-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),opacity .2s;&:is(input[type=checkbox],input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;&:after{content:var(--tw-content);content:attr(aria-label)}&:checked{isolation:isolate;background-color:var(--color-btn-active)}}&:focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark(var(--color-base-950,currentColor),var(--color-base-50,currentColor));outline-offset:3px;isolation:isolate}}.btn-circle{--btn--radius:9999px;--btn--shape-padding-inline:var(--btn-circle--padding-block, 0.625rem);--btn--shape-padding-block:var(--btn-circle--padding-block, 0.625rem);aspect-ratio:1}.btn-square{--btn--shape-padding-inline:var(--btn-square--padding-block, 0.625rem);--btn--shape-padding-block:var(--btn-square--padding-block, 0.625rem);aspect-ratio:1}.btn-link{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:0;background-image:linear-gradient(currentColor,currentColor);background-position:100% 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .3s,background-position,color .2s ease-out;&:hover{@media(hover:hover){background-color:transparent;color:var(--btn-variant-text);background-position:0 100%;background-size:100% 1px;transition:background-size .3s,background-position,color .2s ease-out}}}.btn-dashed{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:1px;--btn--border-style:dashed;--btn--border-color:var(--color-btn-active);&:hover{@media(hover:hover){--btn--border-color:transparent}}}.btn-outline{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:1px;--btn--border-color:var(--color-btn-active);&:hover{@media(hover:hover){--btn--border-color:transparent}}}.btn-plain{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:0;&:hover{@media(hover:hover){background-color:transparent}}}.btn-soft{background-color:var(--color-btn-soft,var(--color-base-soft));color:var(--color-on-btn-soft,var(--color-on-base));&:hover{@media(hover:hover){background-color:var(--color-btn-active);color:var(--color-on-btn)}}}.btn-ghost{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:0}.btn-2xl{--btn--padding-inline:1.5rem;--btn--padding-block:1rem;--btn--font-size:1.375rem;--btn--line-height:1.5;--btn-square--padding-block:1rem;--btn-circle--padding-block:1rem}.btn-accent{--color-btn:var(--color-accent);--color-btn-active:var(--color-accent-active);--color-on-btn:var(--color-on-accent);--color-btn-soft:var(--color-accent-soft);--color-on-btn-soft:var(--color-on-accent-soft);--btn-variant-text:light-dark(var(--color-accent-800), var(--color-accent-400))}.btn-error{--color-btn:var(--color-error);--color-btn-active:var(--color-error-active);--color-on-btn:var(--color-on-error);--color-btn-soft:var(--color-error-soft);--color-on-btn-soft:var(--color-on-error-soft);--btn-variant-text:light-dark(var(--color-error-800), var(--color-error-400))}.btn-info{--color-btn:var(--color-info);--color-btn-active:var(--color-info-active);--color-on-btn:var(--color-on-info);--color-btn-soft:var(--color-info-soft);--color-on-btn-soft:var(--color-on-info-soft);--btn-variant-text:light-dark(var(--color-info-800), var(--color-info-400))}.btn-lg{--btn--padding-inline:1.25rem;--btn--padding-block:0.75rem;--btn--font-size:1.125rem;--btn-square--padding-block:0.75rem;--btn-circle--padding-block:0.75rem}.btn-lg,.btn-md{--btn--line-height:1.5}.btn-md{--btn--padding-inline:1.125rem;--btn--padding-block:0.625rem;--btn--font-size:1rem;--btn-square--padding-block:0.625rem;--btn-circle--padding-block:0.625rem}.btn-neutral{--color-btn:var(--color-neutral);--color-btn-active:var(--color-neutral-active);--color-on-btn:var(--color-on-neutral);--color-btn-soft:var(--color-neutral-soft);--color-on-btn-soft:var(--color-on-neutral-soft);--btn-variant-text:light-dark(var(--color-neutral-800), var(--color-neutral-400))}.btn-primary{--color-btn:var(--color-primary);--color-btn-active:var(--color-primary-active);--color-on-btn:var(--color-on-primary);--color-btn-soft:var(--color-primary-soft);--color-on-btn-soft:var(--color-on-primary-soft);--btn-variant-text:light-dark(var(--color-primary-800), var(--color-primary-400))}.btn-secondary{--color-btn:var(--color-secondary);--color-btn-active:var(--color-secondary-active);--color-on-btn:var(--color-on-secondary);--color-btn-soft:var(--color-secondary-soft);--color-on-btn-soft:var(--color-on-secondary-soft);--btn-variant-text:light-dark(var(--color-secondary-800), var(--color-secondary-400))}.btn-sm{--btn--padding-inline:1rem;--btn--padding-block:0.5rem;--btn--font-size:0.875rem;--btn--line-height:1.4;--btn-square--padding-block:0.5rem;--btn-circle--padding-block:0.5rem}.btn-success{--color-btn:var(--color-success);--color-btn-active:var(--color-success-active);--color-on-btn:var(--color-on-success);--color-btn-soft:var(--color-success-soft);--color-on-btn-soft:var(--color-on-success-soft);--btn-variant-text:light-dark(var(--color-success-800), var(--color-success-400))}.btn-warning{--color-btn:var(--color-warning);--color-btn-active:var(--color-warning-active);--color-on-btn:var(--color-on-warning);--color-btn-soft:var(--color-warning-soft);--color-on-btn-soft:var(--color-on-warning-soft);--btn-variant-text:light-dark(var(--color-warning-800), var(--color-warning-400))}.btn-xl{--btn--padding-inline:1.375rem;--btn--padding-block:0.875rem;--btn--font-size:1.25rem;--btn--line-height:1.5;--btn-square--padding-block:0.875rem;--btn-circle--padding-block:0.875rem}.btn-xs{--btn--padding-inline:0.875rem;--btn--padding-block:0.375rem;--btn--font-size:0.75rem;--btn--line-height:1.3;--btn-square--padding-block:0.375rem;--btn-circle--padding-block:0.375rem}.btn-disabled{--btn--opacity:0.5;--btn--cursor:not-allowed;--btn--pointer-events:none}.btn-block{--btn--width:100%;--btn--display:block}.btn-wide{--btn--max-width:320px;--btn--width:100%}.btn-active{--color-btn:var(--color-btn-active)}.btn-pill{--btn--radius:9999px}.btn-rounded{--btn--radius:var(--radius-btn)}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
package/dist/components/button.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/components/card/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import card from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addUtilities, prefix = '' }) => {
5
+ const prefixed = addPrefix(card, prefix);
6
+ addUtilities({ ...prefixed });
7
+ };
package/dist/components/card/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".card-link::after":{"content":"\"\"","position":"absolute","inset":"0"},".card":{"--radius-card":"calc(var(--border-radius) * 4)","--color-card":"var(--color-base)","--color-on-card":"var(--color-on-base)","position":"relative","display":"flex","flex-direction":"column","border-radius":"var(--radius-card)","background-color":"var(--color-card)","color":"var(--color-on-card)",":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"},"&:has(.card-link:focus-visible)":{"outline":"2px solid currentColor","outline-offset":"2px",".card-link:focus-visible":{"outline":"none"}},"&:has(.card-link) :where(p, h1, h2, h3, h4, h5, h6)":{"-webkit-user-select":"text","-moz-user-select":"text","user-select":"text"}},".card-actions":{"display":"flex","flex-wrap":"wrap","align-items":"center","gap":"0.5rem","margin-block-start":"auto"},".card-content":{"display":"flex","gap":"0.5rem","flex":"auto","flex-direction":"column","padding":"var(--card-content-padding, 1.5rem)","color":"inherit",":where(&) :where(p)":{"font-size":"var(--card-content-font-size, 1rem)","color":"inherit"}},".card-title":{"display":"flex","align-items":"center","gap":"0.5rem","font-weight":600,"font-size":"var(--card-title-font-size, 1.125rem)","color":"inherit"},".card-dashed":{"--card--border-width":"1px","border-width":"var(--card--border-width, 1px)","border-style":"dashed","border-color":"var(--color-base-soft)"},".card-outline":{"--card--border-width":"1px","border-width":"var(--card--border-width, 1px)","border-style":"solid","border-color":"var(--color-base-soft)"},".card-lg":{"--card-content-padding":"2rem","--card-content-font-size":"1rem","--card-title-font-size":"1.25rem"},".card-md":{"--card-content-padding":"1.5rem","--card-content-font-size":"0.875rem","--card-title-font-size":"1.125rem"},".card-sm":{"--card-content-padding":"1rem","--card-content-font-size":"0.75rem","--card-title-font-size":"1rem"},".card-xl":{"--card-content-padding":"2.5rem","--card-content-font-size":"1.125rem","--card-title-font-size":"1.375rem"},".card-xs":{"--card-content-padding":"0.5rem","--card-content-font-size":"0.6875rem","--card-title-font-size":"0.875rem"},".card-accent":{"--color-card":"var(--color-accent)","--color-on-card":"var(--color-on-accent)"},".card-error":{"--color-card":"var(--color-error)","--color-on-card":"var(--color-on-error)"},".card-info":{"--color-card":"var(--color-info)","--color-on-card":"var(--color-on-info)"},".card-neutral":{"--color-card":"var(--color-neutral)","--color-on-card":"var(--color-on-neutral)"},".card-primary":{"--color-card":"var(--color-primary)","--color-on-card":"var(--color-on-primary)"},".card-secondary":{"--color-card":"var(--color-secondary)","--color-on-card":"var(--color-on-secondary)"},".card-success":{"--color-card":"var(--color-success)","--color-on-card":"var(--color-on-success)"},".card-warning":{"--color-card":"var(--color-warning)","--color-on-card":"var(--color-on-warning)"}};
package/dist/components/card.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.card-link:after{content:"";position:absolute;inset:0}.card{--radius-card:calc(var(--border-radius) * 4);--color-card:var(--color-base);--color-on-card:var(--color-on-base);position:relative;display:flex;flex-direction:column;border-radius:var(--radius-card);background-color:var(--color-card);color:var(--color-on-card);: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}&:has(.card-link:focus-visible){outline:2px solid currentColor;outline-offset:2px;.card-link:focus-visible{outline:none}}&:has(.card-link) :where(p,h1,h2,h3,h4,h5,h6){-webkit-user-select:text;-moz-user-select:text;user-select:text}}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-start:auto}.card-content{display:flex;gap:.5rem;flex:auto;flex-direction:column;padding:var(--card-content-padding,1.5rem);color:inherit;:where(&) :where(p){font-size:var(--card-content-font-size,1rem);color:inherit}}.card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:var(--card-title-font-size,1.125rem);color:inherit}.card-dashed{border-style:dashed}.card-dashed,.card-outline{--card--border-width:1px;border-width:var(--card--border-width,1px);border-color:var(--color-base-soft)}.card-outline{border-style:solid}.card-lg{--card-content-padding:2rem;--card-content-font-size:1rem;--card-title-font-size:1.25rem}.card-md{--card-content-padding:1.5rem;--card-content-font-size:0.875rem;--card-title-font-size:1.125rem}.card-sm{--card-content-padding:1rem;--card-content-font-size:0.75rem;--card-title-font-size:1rem}.card-xl{--card-content-padding:2.5rem;--card-content-font-size:1.125rem;--card-title-font-size:1.375rem}.card-xs{--card-content-padding:0.5rem;--card-content-font-size:0.6875rem;--card-title-font-size:0.875rem}.card-accent{--color-card:var(--color-accent);--color-on-card:var(--color-on-accent)}.card-error{--color-card:var(--color-error);--color-on-card:var(--color-on-error)}.card-info{--color-card:var(--color-info);--color-on-card:var(--color-on-info)}.card-neutral{--color-card:var(--color-neutral);--color-on-card:var(--color-on-neutral)}.card-primary{--color-card:var(--color-primary);--color-on-card:var(--color-on-primary)}.card-secondary{--color-card:var(--color-secondary);--color-on-card:var(--color-on-secondary)}.card-success{--color-card:var(--color-success);--color-on-card:var(--color-on-success)}.card-warning{--color-card:var(--color-warning);--color-on-card:var(--color-on-warning)}
package/dist/components/card.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/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 ({ addUtilities, prefix = '' }) => {
5
+ const prefixed = addPrefix(carousel, prefix);
6
+ addUtilities({ ...prefixed });
7
+ };
package/dist/components/carousel/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".carousel-item":{"scroll-snap-align":"var(--carousel-item--snap, start)","flex-shrink":0,"display":"flex","align-items":"center","justify-content":"center","overflow":"hidden"},".carousel":{"display":"flex","overflow-x":"auto","scroll-snap-type":"x mandatory","-webkit-overflow-scrolling":"touch","@media (prefers-reduced-motion: no-preference)":{"scroll-behavior":"smooth"},"scrollbar-width":"none","gap":"var(--carousel--gap, 0)","&::-webkit-scrollbar":{"display":"none"}},".carousel-vertical":{"flex-direction":"column","overflow-x":"visible","overflow-y":"auto","scroll-snap-type":"y mandatory",":where(&) :where(.carousel-item)":{"width":"100%"}},".carousel-center":{"--carousel-item--snap":"center"},".carousel-end":{"--carousel-item--snap":"end"}};
package/dist/components/carousel.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.carousel-item{scroll-snap-align:var(--carousel-item--snap,start);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;@media(prefers-reduced-motion:no-preference){scroll-behavior:smooth}scrollbar-width:none;gap:var(--carousel--gap,0);&::-webkit-scrollbar{display:none}}.carousel-vertical{flex-direction:column;overflow-x:visible;overflow-y:auto;scroll-snap-type:y mandatory;:where(&) :where(.carousel-item){width:100%}}.carousel-center{--carousel-item--snap:center}.carousel-end{--carousel-item--snap:end}
package/dist/components/carousel.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/components/chat/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import chat from './object.js';
2
+ import { addPrefix } from '../../functions/addPrefix.js';
3
+
4
+ export default ({ addUtilities, prefix = '' }) => {
5
+ const prefixed = addPrefix(chat, prefix);
6
+ addUtilities({ ...prefixed });
7
+ };
package/dist/components/chat/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".chat-bubble":{"--chat-bubble-bg":"var(--color-base-soft)","--chat-bubble-color":"var(--color-on-base)","--chat-bubble-radius":"0.25rem 1rem 1rem 1rem","--chat-bubble-padding-inline":"1rem","--chat-bubble-padding-block":"0.625rem","grid-column":"2","position":"relative","display":"block","width":"fit-content","max-width":"min(20rem, 80%)","padding-inline":"var(--chat-bubble-padding-inline)","padding-block":"var(--chat-bubble-padding-block)","background-color":"var(--chat-bubble-bg)","color":"var(--chat-bubble-color)","border-radius":"var(--chat-bubble-radius)","font-size":"var(--chat-bubble-font-size, 0.9375rem)","line-height":1.5,"word-break":"break-word",":where(&) :where(p, li)":{"color":"inherit"}},".chat-footer":{"grid-column":"2","font-size":"0.6875rem","opacity":0.5,"display":"flex","align-items":"center","gap":"0.375rem"},".chat-header":{"grid-column":"2","font-size":"0.6875rem","opacity":0.5,"display":"flex","align-items":"center","gap":"0.375rem"},".chat-avatar":{"grid-row":"1 / 4","align-self":"end"},".chat":{"display":"grid","grid-template-columns":"auto 1fr","grid-template-rows":"auto auto auto","-moz-column-gap":"0.75rem","column-gap":"0.75rem","row-gap":"0.125rem","padding-block":"0.25rem",":where(&.chat-end) :where(.chat-footer)":{"direction":"ltr","text-align":"end"}},".chat-end":{"grid-template-columns":"1fr auto","direction":"rtl","--chat-bubble-bg":"var(--color-primary)","--chat-bubble-color":"var(--color-on-primary)","--chat-bubble-radius":"1rem 0.25rem 1rem 1rem",":where(&) :where(.chat-bubble)":{"direction":"ltr"}},".chat-start":{"grid-template-columns":"auto 1fr","direction":"ltr"},".chat-lg":{"--chat-bubble-font-size":"1rem","--chat-bubble-padding-inline":"1.25rem","--chat-bubble-padding-block":"0.75rem"},".chat-sm":{"--chat-bubble-font-size":"0.875rem","--chat-bubble-padding-inline":"0.75rem","--chat-bubble-padding-block":"0.5rem"},".chat-xl":{"--chat-bubble-font-size":"1.125rem","--chat-bubble-padding-inline":"1.5rem","--chat-bubble-padding-block":"1rem"},".chat-xs":{"--chat-bubble-font-size":"0.75rem","--chat-bubble-padding-inline":"0.625rem","--chat-bubble-padding-block":"0.375rem"},".chat-bubble-accent":{"--chat-bubble-bg":"var(--color-accent)","--chat-bubble-color":"var(--color-on-accent)"},".chat-bubble-error":{"--chat-bubble-bg":"var(--color-error)","--chat-bubble-color":"var(--color-on-error)"},".chat-bubble-info":{"--chat-bubble-bg":"var(--color-info)","--chat-bubble-color":"var(--color-on-info)"},".chat-bubble-neutral":{"--chat-bubble-bg":"var(--color-neutral)","--chat-bubble-color":"var(--color-on-neutral)"},".chat-bubble-primary":{"--chat-bubble-bg":"var(--color-primary)","--chat-bubble-color":"var(--color-on-primary)"},".chat-bubble-secondary":{"--chat-bubble-bg":"var(--color-secondary)","--chat-bubble-color":"var(--color-on-secondary)"},".chat-bubble-success":{"--chat-bubble-bg":"var(--color-success)","--chat-bubble-color":"var(--color-on-success)"},".chat-bubble-warning":{"--chat-bubble-bg":"var(--color-warning)","--chat-bubble-color":"var(--color-on-warning)"},".chat-md":{"--chat-bubble-font-size":"0.9375rem"}};
package/dist/components/chat.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.chat-bubble{--chat-bubble-bg:var(--color-base-soft);--chat-bubble-color:var(--color-on-base);--chat-bubble-radius:0.25rem 1rem 1rem 1rem;--chat-bubble-padding-inline:1rem;--chat-bubble-padding-block:0.625rem;grid-column:2;position:relative;display:block;width:-moz-fit-content;width:fit-content;max-width:min(20rem,80%);padding-inline:var(--chat-bubble-padding-inline);padding-block:var(--chat-bubble-padding-block);background-color:var(--chat-bubble-bg);color:var(--chat-bubble-color);border-radius:var(--chat-bubble-radius);font-size:var(--chat-bubble-font-size,.9375rem);line-height:1.5;word-break:break-word;:where(&) :where(p,li){color:inherit}}.chat-footer,.chat-header{grid-column:2;font-size:.6875rem;opacity:.5;display:flex;align-items:center;gap:.375rem}.chat-avatar{grid-row:1/4;align-self:end}.chat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.125rem;padding-block:.25rem;:where(&.chat-end) :where(.chat-footer){direction:ltr;text-align:end}}.chat-end{grid-template-columns:1fr auto;direction:rtl;--chat-bubble-bg:var(--color-primary);--chat-bubble-color:var(--color-on-primary);--chat-bubble-radius:1rem 0.25rem 1rem 1rem;:where(&) :where(.chat-bubble){direction:ltr}}.chat-start{grid-template-columns:auto 1fr;direction:ltr}.chat-lg{--chat-bubble-font-size:1rem;--chat-bubble-padding-inline:1.25rem;--chat-bubble-padding-block:0.75rem}.chat-sm{--chat-bubble-font-size:0.875rem;--chat-bubble-padding-inline:0.75rem;--chat-bubble-padding-block:0.5rem}.chat-xl{--chat-bubble-font-size:1.125rem;--chat-bubble-padding-inline:1.5rem;--chat-bubble-padding-block:1rem}.chat-xs{--chat-bubble-font-size:0.75rem;--chat-bubble-padding-inline:0.625rem;--chat-bubble-padding-block:0.375rem}.chat-bubble-accent{--chat-bubble-bg:var(--color-accent);--chat-bubble-color:var(--color-on-accent)}.chat-bubble-error{--chat-bubble-bg:var(--color-error);--chat-bubble-color:var(--color-on-error)}.chat-bubble-info{--chat-bubble-bg:var(--color-info);--chat-bubble-color:var(--color-on-info)}.chat-bubble-neutral{--chat-bubble-bg:var(--color-neutral);--chat-bubble-color:var(--color-on-neutral)}.chat-bubble-primary{--chat-bubble-bg:var(--color-primary);--chat-bubble-color:var(--color-on-primary)}.chat-bubble-secondary{--chat-bubble-bg:var(--color-secondary);--chat-bubble-color:var(--color-on-secondary)}.chat-bubble-success{--chat-bubble-bg:var(--color-success);--chat-bubble-color:var(--color-on-success)}.chat-bubble-warning{--chat-bubble-bg:var(--color-warning);--chat-bubble-color:var(--color-on-warning)}.chat-md{--chat-bubble-font-size:0.9375rem}
package/dist/components/chat.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};