frutjam 2.7.1-beta.0 → 3.0.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 (207) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +117 -19
  3. package/dist/base/reboot/index.js +5 -0
  4. package/dist/base/reboot/object.js +1 -0
  5. package/dist/base/tokens/index.js +5 -0
  6. package/dist/base/tokens/object.js +1 -0
  7. package/dist/base.css +4 -0
  8. package/dist/components/accordion/index.js +7 -0
  9. package/dist/components/accordion/object.js +1 -0
  10. package/dist/components/accordion.css +2 -0
  11. package/dist/components/alert/index.js +7 -0
  12. package/dist/components/alert/object.js +1 -0
  13. package/dist/components/alert.css +2 -0
  14. package/dist/components/avatar/index.js +7 -0
  15. package/dist/components/avatar/object.js +1 -0
  16. package/dist/components/avatar.css +2 -0
  17. package/dist/components/badge/index.js +7 -0
  18. package/dist/components/badge/object.js +1 -0
  19. package/dist/components/badge.css +2 -0
  20. package/dist/components/breadcrumb/index.js +7 -0
  21. package/dist/components/breadcrumb/object.js +1 -0
  22. package/dist/components/breadcrumb.css +2 -0
  23. package/dist/components/button/index.js +7 -0
  24. package/dist/components/button/object.js +1 -0
  25. package/dist/components/button.css +4 -0
  26. package/dist/components/card/index.js +7 -0
  27. package/dist/components/card/object.js +1 -0
  28. package/dist/components/card.css +2 -0
  29. package/dist/components/carousel/index.js +7 -0
  30. package/dist/components/carousel/object.js +1 -0
  31. package/dist/components/carousel.css +2 -0
  32. package/dist/components/chat/index.js +7 -0
  33. package/dist/components/chat/object.js +1 -0
  34. package/dist/components/chat.css +2 -0
  35. package/dist/components/checkbox/index.js +7 -0
  36. package/dist/components/checkbox/object.js +1 -0
  37. package/dist/components/checkbox.css +2 -0
  38. package/dist/components/collapsible/index.js +7 -0
  39. package/dist/components/collapsible/object.js +1 -0
  40. package/dist/components/collapsible.css +2 -0
  41. package/dist/components/combobox/index.js +7 -0
  42. package/dist/components/combobox/object.js +1 -0
  43. package/dist/components/combobox.css +2 -0
  44. package/dist/components/countdown/index.js +7 -0
  45. package/dist/components/countdown/object.js +1 -0
  46. package/dist/components/countdown.css +2 -0
  47. package/dist/components/diff/index.js +7 -0
  48. package/dist/components/diff/object.js +1 -0
  49. package/dist/components/diff.css +2 -0
  50. package/dist/components/divider/index.js +7 -0
  51. package/dist/components/divider/object.js +1 -0
  52. package/dist/components/divider.css +2 -0
  53. package/dist/components/drawer/index.js +7 -0
  54. package/dist/components/drawer/object.js +1 -0
  55. package/dist/components/drawer.css +2 -0
  56. package/dist/components/footer/index.js +7 -0
  57. package/dist/components/footer/object.js +1 -0
  58. package/dist/components/footer.css +2 -0
  59. package/dist/components/header/index.js +7 -0
  60. package/dist/components/header/object.js +1 -0
  61. package/dist/components/header.css +2 -0
  62. package/dist/components/hero/index.js +7 -0
  63. package/dist/components/hero/object.js +1 -0
  64. package/dist/components/hero.css +2 -0
  65. package/dist/components/indicator/index.js +7 -0
  66. package/dist/components/indicator/object.js +1 -0
  67. package/dist/components/indicator.css +2 -0
  68. package/dist/components/input/index.js +7 -0
  69. package/dist/components/input/object.js +1 -0
  70. package/dist/components/input.css +2 -0
  71. package/dist/components/join/index.js +7 -0
  72. package/dist/components/join/object.js +1 -0
  73. package/dist/components/join.css +2 -0
  74. package/dist/components/kbd/index.js +7 -0
  75. package/dist/components/kbd/object.js +1 -0
  76. package/dist/components/kbd.css +2 -0
  77. package/dist/components/link/index.js +7 -0
  78. package/dist/components/link/object.js +1 -0
  79. package/dist/components/link.css +2 -0
  80. package/dist/components/loading/index.js +7 -0
  81. package/dist/components/loading/object.js +1 -0
  82. package/dist/components/loading.css +2 -0
  83. package/dist/components/mask/index.js +7 -0
  84. package/dist/components/mask/object.js +1 -0
  85. package/dist/components/mask.css +2 -0
  86. package/dist/components/menu/index.js +7 -0
  87. package/dist/components/menu/object.js +1 -0
  88. package/dist/components/menu.css +2 -0
  89. package/dist/components/modal/index.js +7 -0
  90. package/dist/components/modal/object.js +1 -0
  91. package/dist/components/modal.css +2 -0
  92. package/dist/components/navbar/index.js +7 -0
  93. package/dist/components/navbar/object.js +1 -0
  94. package/dist/components/navbar.css +2 -0
  95. package/dist/components/popover/index.js +7 -0
  96. package/dist/components/popover/object.js +1 -0
  97. package/dist/components/popover.css +2 -0
  98. package/dist/components/progress/index.js +7 -0
  99. package/dist/components/progress/object.js +1 -0
  100. package/dist/components/progress.css +2 -0
  101. package/dist/components/radial-progress/index.js +7 -0
  102. package/dist/components/radial-progress/object.js +1 -0
  103. package/dist/components/radial-progress.css +2 -0
  104. package/dist/components/radio/index.js +7 -0
  105. package/dist/components/radio/object.js +1 -0
  106. package/dist/components/radio.css +2 -0
  107. package/dist/components/range/index.js +7 -0
  108. package/dist/components/range/object.js +1 -0
  109. package/dist/components/range.css +2 -0
  110. package/dist/components/rating/index.js +7 -0
  111. package/dist/components/rating/object.js +1 -0
  112. package/dist/components/rating.css +2 -0
  113. package/dist/components/select/index.js +7 -0
  114. package/dist/components/select/object.js +1 -0
  115. package/dist/components/select.css +2 -0
  116. package/dist/components/sidebar/index.js +7 -0
  117. package/dist/components/sidebar/object.js +1 -0
  118. package/dist/components/sidebar.css +2 -0
  119. package/dist/components/skeleton/index.js +7 -0
  120. package/dist/components/skeleton/object.js +1 -0
  121. package/dist/components/skeleton.css +2 -0
  122. package/dist/components/stat/index.js +7 -0
  123. package/dist/components/stat/object.js +1 -0
  124. package/dist/components/stat.css +2 -0
  125. package/dist/components/status/index.js +7 -0
  126. package/dist/components/status/object.js +1 -0
  127. package/dist/components/status.css +2 -0
  128. package/dist/components/steps/index.js +7 -0
  129. package/dist/components/steps/object.js +1 -0
  130. package/dist/components/steps.css +2 -0
  131. package/dist/components/surface/index.js +7 -0
  132. package/dist/components/surface/object.js +1 -0
  133. package/dist/components/surface.css +2 -0
  134. package/dist/components/swap/index.js +7 -0
  135. package/dist/components/swap/object.js +1 -0
  136. package/dist/components/swap.css +2 -0
  137. package/dist/components/table/index.js +7 -0
  138. package/dist/components/table/object.js +1 -0
  139. package/dist/components/table.css +2 -0
  140. package/dist/components/tabs/index.js +7 -0
  141. package/dist/components/tabs/object.js +1 -0
  142. package/dist/components/tabs.css +2 -0
  143. package/dist/components/tag/index.js +7 -0
  144. package/dist/components/tag/object.js +1 -0
  145. package/dist/components/tag.css +2 -0
  146. package/dist/components/textarea/index.js +7 -0
  147. package/dist/components/textarea/object.js +1 -0
  148. package/dist/components/textarea.css +2 -0
  149. package/dist/components/timeline/index.js +7 -0
  150. package/dist/components/timeline/object.js +1 -0
  151. package/dist/components/timeline.css +2 -0
  152. package/dist/components/toast/index.js +7 -0
  153. package/dist/components/toast/object.js +1 -0
  154. package/dist/components/toast.css +2 -0
  155. package/dist/components/toggle/index.js +7 -0
  156. package/dist/components/toggle/object.js +1 -0
  157. package/dist/components/toggle.css +2 -0
  158. package/dist/components/tooltip/index.js +7 -0
  159. package/dist/components/tooltip/object.js +1 -0
  160. package/dist/components/tooltip.css +2 -0
  161. package/dist/frutjam.min.css +6 -5
  162. package/dist/functions/addPrefix.js +14 -0
  163. package/dist/plugin.js +146 -0
  164. package/dist/themes/darkberry/index.js +5 -0
  165. package/dist/themes/darkberry/object.js +1 -0
  166. package/dist/themes/darkberry.css +2 -0
  167. package/dist/themes/snowberry/index.js +5 -0
  168. package/dist/themes/snowberry/object.js +1 -0
  169. package/dist/themes/snowberry.css +2 -0
  170. package/dist/utilities/headings/index.js +7 -0
  171. package/dist/utilities/headings/object.js +1 -0
  172. package/dist/utilities/headings.css +2 -0
  173. package/dist/utilities/para/index.js +7 -0
  174. package/dist/utilities/para/object.js +1 -0
  175. package/dist/utilities/para.css +2 -0
  176. package/dist/utilities/typography/index.js +7 -0
  177. package/dist/utilities/typography/object.js +1 -0
  178. package/dist/utilities/typography.css +2 -0
  179. package/dist/utilities/wrapper/index.js +7 -0
  180. package/dist/utilities/wrapper/object.js +1 -0
  181. package/dist/utilities/wrapper.css +2 -0
  182. package/index.js +272 -0
  183. package/package.json +51 -40
  184. package/packages/js/carousel.js +19 -0
  185. package/packages/js/collapsible.js +8 -0
  186. package/packages/js/combobox.js +79 -0
  187. package/packages/js/drawer.js +1 -0
  188. package/packages/js/index.js +8 -0
  189. package/packages/js/modal.js +8 -0
  190. package/packages/js/tabs.js +33 -0
  191. package/packages/js/toast.js +19 -0
  192. package/packages/js/tooltip.js +8 -0
  193. package/packages/react/index.js +8 -0
  194. package/packages/react/useCarousel.js +23 -0
  195. package/packages/react/useCollapsible.js +12 -0
  196. package/packages/react/useCombobox.js +69 -0
  197. package/packages/react/useDrawer.js +1 -0
  198. package/packages/react/useModal.js +12 -0
  199. package/packages/react/useTabs.js +23 -0
  200. package/packages/react/useToast.js +27 -0
  201. package/packages/react/useTooltip.js +12 -0
  202. package/dist/frutjam.local.css +0 -2
  203. package/dist/frutjam.min.css.map +0 -1
  204. package/dist/frutjam.min.js +0 -3
  205. package/dist/frutjam.min.js.LICENSE.txt +0 -1
  206. package/dist/frutjam.min.js.map +0 -1
  207. package/dist/frutjam.safelist.local.css +0 -1
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2025 nezanuha
3
+ Copyright (c) 2025-2026 Nezanuha
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
package/README.md CHANGED
@@ -6,17 +6,24 @@
6
6
 
7
7
  ---
8
8
 
9
- ## ⚡ Frutjam — Tailwind CSS UI Library for Fast Development
9
+ # Frutjam: Free & Open-Source Tailwind CSS UI Library
10
10
 
11
- **Frutjam** is a lightweight UI library built on top of **Tailwind CSS**, designed to help developers build accessible, SEO-friendly, and W3C-compliant interfaces—fast.
11
+ [Frutjam](https://frutjam.com) is a lightweight, modern UI library built for speed. It provides prebuilt Tailwind CSS components that are completely free to use — pure CSS, no JavaScript required. Works with Vite, PostCSS, Next.js, or any framework.
12
+
13
+ [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
14
+ [![GitHub stars](https://img.shields.io/github/stars/nezanuha/frutjam.svg)](https://github.com/nezanuha/frutjam/stargazers)
15
+
16
+ ## Pure CSS, no JavaScript needed. Framework-agnostic and fully compatible everywhere.
17
+
18
+ **Frutjam** is a UI component library built on top of **Tailwind CSS**, designed to help developers build accessible, SEO-friendly, and W3C-compliant interfaces—fast. With a wide selection of prebuilt components and themes, Frutjam makes it easy to hit the ground running or fully customize your design system.
12
19
 
13
- With a wide selection of prebuilt components and themes, Frutjam makes it easy to hit the ground running or fully customize your design system.
14
20
  ---
15
21
 
16
- ### ✨ Features
22
+ ## Key Features
17
23
 
18
24
  * 🧱 **Prebuilt UI Components** — Plug-and-play components to save time
19
- * 🎨 **Customizable Themes** — Use built-in themes or create your own
25
+ * 🎨 **Customizable Themes** — Built-in themes plus custom theme injection
26
+ * 🏷️ **Flexible Prefix Support** — Use Frutjam’s own prefix (`fj-btn`), Tailwind’s variant prefix (`tw:btn`), or both together (`tw:fj-btn`)
20
27
  * ♿ **Accessibility-First** — Follows accessibility best practices
21
28
  * 🔍 **SEO-Friendly** — Semantic markup optimized for search engines
22
29
  * ✅ **W3C Standards** — Clean, valid HTML structure
@@ -24,41 +31,122 @@ With a wide selection of prebuilt components and themes, Frutjam makes it easy t
24
31
 
25
32
  ---
26
33
 
27
- ### 🚀 Installation
34
+ ## Installation & Usage
28
35
 
29
36
  ```bash
30
37
  npm install frutjam
31
38
  ```
32
39
 
33
- ---
40
+ In your main stylesheet:
41
+
42
+ ```css
43
+ @import "tailwindcss";
44
+ @plugin "frutjam";
45
+ ```
46
+
47
+ ## Basic Example
48
+
49
+ ```html
50
+ <button class="btn btn-primary">
51
+ Launch App
52
+ </button>
53
+ ```
34
54
 
35
- ### 📦 Usage
55
+ ## With Prefix
36
56
 
37
- Import Tailwind CSS and Frutjam into your main stylesheet:
57
+ **Frutjam prefix only** — renames Frutjam class names:
38
58
 
39
59
  ```css
40
60
  @import "tailwindcss";
41
- @import "frutjam";
61
+ @plugin "frutjam" {
62
+ prefix: fj;
63
+ }
64
+ ```
65
+
66
+ ```html
67
+ <button class="fj-btn fj-btn-primary">Launch App</button>
68
+ ```
69
+
70
+ **Tailwind prefix only** — Tailwind's `prefix()` acts as a variant; all utilities (including Frutjam's) require it in HTML:
71
+
72
+ ```css
73
+ @import "tailwindcss" prefix(tw);
74
+ @plugin "frutjam";
75
+ ```
76
+
77
+ ```html
78
+ <button class="tw:btn tw:btn-primary">Launch App</button>
79
+ ```
80
+
81
+ **Both prefixes** — Frutjam renames its classes, Tailwind's variant prefix is required on top:
82
+
83
+ ```css
84
+ @import "tailwindcss" prefix(tw);
85
+ @plugin "frutjam" {
86
+ prefix: fj;
87
+ }
88
+ ```
89
+
90
+ ```html
91
+ <button class="tw:fj-btn tw:fj-btn-primary">Launch App</button>
42
92
  ```
43
93
 
44
- That’s it — you're ready to build with Frutjam components!
94
+ ## Plugin Options
95
+
96
+ All options can be set in CSS via `@plugin "frutjam" { ... }` or in `postcss.config.js`:
97
+
98
+ | Option | Default | Description |
99
+ |--------|---------|-------------|
100
+ | `prefix` | `""` | Prefix all Frutjam class names (e.g. `fj` → `fj-btn`) |
101
+ | `reset` | `true` | Include browser reset and element defaults |
102
+ | `root` | `":root"` | Remap CSS var declarations to a custom selector (e.g. `":host"`) |
103
+ | `logs` | `true` | Show build-time console output |
104
+ | `include` | `[]` | Only include specific components/utilities |
105
+ | `exclude` | `[]` | Exclude specific components/utilities |
106
+
107
+ ## Custom Themes
108
+
109
+ Define themes directly in your stylesheet using `@layer theme`:
110
+
111
+ ```css
112
+ @layer theme {
113
+ [data-theme="blueberry"] {
114
+ --scheme-color: light;
115
+ --color-primary: oklch(60% 0.2 220);
116
+ --color-on-primary: oklch(98% 0.01 220);
117
+ --color-base: oklch(98% 0.01 220);
118
+ --color-on-base: oklch(20% 0.02 220);
119
+ }
120
+ }
121
+ ```
122
+
123
+ Apply any theme with a `data-theme` attribute:
124
+
125
+ ```html
126
+ <body data-theme="blueberry">
127
+ ...
128
+ </body>
129
+ ```
130
+
131
+ That’s it — you’re ready to build with Frutjam components!
45
132
 
46
133
  ---
47
134
 
48
- ### 📚 Documentation
135
+ ## Live Demo & Documentation
49
136
 
50
- For examples, theming, and full usage guides, visit:
51
- 👉 **[frutjam.com](https://frutjam.com)**
137
+ For full documentation and live interactive previews, visit our official site: 👉 **[frutjam](https://frutjam.com/docs)**
52
138
 
53
139
  ---
54
140
 
55
141
  ## 🤝 Contributing
56
142
 
57
- Contributions are welcome! If you find a bug, have a feature request, or want to help improve the library:
143
+ Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
58
144
 
59
145
  1. Fork the repo
60
- 2. Create a new branch
61
- 3. Submit a pull request
146
+ 2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
147
+ 3. Commit your Changes (git commit -m 'Add some AmazingFeature')
148
+ 4. Push to the Branch (git push origin feature/AmazingFeature)
149
+ 5. Open a Pull Request
62
150
 
63
151
  Please check the [contributing guidelines](.github/CONTRIBUTING.md) before starting.
64
152
 
@@ -66,9 +154,19 @@ Please check the [contributing guidelines](.github/CONTRIBUTING.md) before start
66
154
 
67
155
  ## 📄 License
68
156
 
69
- This project is licensed under the [MIT License](LICENSE).
157
+ Distributed under the MIT License. See [MIT License](LICENSE) for more information.
158
+
159
+ ---
160
+
161
+ Thank you for choosing the Frutjam UI Library – Happy coding!
162
+
163
+ ## ⭐ Support
164
+
165
+ If you like this project, consider giving it a star! 🌟
166
+
167
+ [![GitHub stars](https://img.shields.io/github/stars/nezanuha/frutjam.svg?style=social&label=Star&maxAge=2592000)](https://github.com/nezanuha/frutjam/stargazers)
70
168
 
71
169
  ---
72
170
 
73
171
  [jsdelivr]: https://badgen.net/jsdelivr/hits/npm/frutjam
74
- [npm_installs]: https://badgen.net/npm/dt/frutjam
172
+ [npm_installs]: https://badgen.net/npm/dt/frutjam
@@ -0,0 +1,5 @@
1
+ import reboot from './object.js';
2
+
3
+ export default ({ addBase }) => {
4
+ addBase({ ...reboot });
5
+ };
@@ -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","border-top-width":"1px"},"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)"},"p":{"text-wrap-style":"pretty","color":"var(--color-body)","font-size":"var(--text-base, 1rem)","line-height":1.7},"menu, ol, ul":{"color":"var(--color-body)","font-size":"var(--text-base, 1rem)"},"strong":{"color":"var(--color-on-base)"},"code":{"font-weight":600,"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)"},"pre code":{"background-color":"transparent","padding":"0","font-size":"inherit","border-radius":"0"}}}};
@@ -0,0 +1,5 @@
1
+ import tokens from './object.js';
2
+
3
+ export default ({ addBase }) => {
4
+ addBase({ ...tokens });
5
+ };
@@ -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,4 @@
1
+ /*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.2.4 | 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;background-color:var(--color-base);color:var(--color-on-base);color-scheme:var(--scheme-color,light);--color-base-soft:light-dark(var(--color-on-base),var(--color-on-base));@supports (color:color-mix(in lab,red,red)){--color-base-soft:light-dark(color-mix(in oklch,var(--color-on-base) 8%,var(--color-base) 92%),color-mix(in oklch,var(--color-on-base) 16%,var(--color-base) 84%))}--color-on-base-soft:var(--color-on-base);--color-base-active:light-dark(var(--color-on-base),var(--color-on-base));@supports (color:color-mix(in lab,red,red)){--color-base-active:light-dark(color-mix(in oklch,var(--color-on-base) 14%,var(--color-base) 86%),color-mix(in oklch,var(--color-on-base) 26%,var(--color-base) 74%))}--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(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-neutral-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-neutral) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-neutral) 85%))}--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(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-primary-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-primary) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-primary) 85%))}--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(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-secondary-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-secondary) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-secondary) 85%))}--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(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-accent-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-accent) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-accent) 85%))}--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(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-info-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-info) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-info) 85%))}--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(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-success-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-success) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-success) 85%))}--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(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-warning-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-warning) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-warning) 85%))}--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(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-error-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-error) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-error) 85%))}--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%)}}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{font-family:var(
3
+ --default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
4
+ );line-height:1.5;-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{border-top-width:1px;height:0}table{border-collapse:collapse;border-color:inherit;text-indent:0}::file-selector-button,button,input,optgroup,select,textarea{background:0 0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit}::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{color:currentColor;opacity:1;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}}::placeholder{color:currentColor;opacity:1;@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{height:auto;max-width:100%}textarea{resize:vertical}:where(:root,[data-theme]){footer,main{background-color:var(--color-base)}p{line-height:1.7;text-wrap-style:pretty}menu,ol,p,ul{color:var(--color-body);font-size:var(--text-base,1rem)}strong{color:var(--color-on-base)}code{background-color:var(--color-base-soft);border-radius:calc(var(--border-radius)*1.5);color:var(--color-on-base-soft);font-weight:600;padding:.2em .4em}pre code{background-color:transparent;border-radius:0;font-size:inherit;padding: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)}}@layer theme{: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)}}:host,:root{--color-base:var(--color-base-500);--color-on-base:var(--color-on-base);--color-base-soft:var(--color-base-soft);--color-on-base-soft:var(--color-on-base-soft);--color-base-active:var(--color-base-active);--color-base-50:var(--color-base-50);--color-base-100:var(--color-base-100);--color-base-200:var(--color-base-200);--color-base-300:var(--color-base-300);--color-base-400:var(--color-base-400);--color-base-500:var(--color-base-500);--color-base-600:var(--color-base-600);--color-base-700:var(--color-base-700);--color-base-800:var(--color-base-800);--color-base-900:var(--color-base-900);--color-base-950:var(--color-base-950);--color-neutral:var(--color-neutral-500);--color-on-neutral:var(--color-on-neutral);--color-neutral-soft:var(--color-neutral-soft);--color-on-neutral-soft:var(--color-on-neutral-soft);--color-neutral-active:var(--color-neutral-active);--color-neutral-50:var(--color-neutral-50);--color-neutral-100:var(--color-neutral-100);--color-neutral-200:var(--color-neutral-200);--color-neutral-300:var(--color-neutral-300);--color-neutral-400:var(--color-neutral-400);--color-neutral-500:var(--color-neutral-500);--color-neutral-600:var(--color-neutral-600);--color-neutral-700:var(--color-neutral-700);--color-neutral-800:var(--color-neutral-800);--color-neutral-900:var(--color-neutral-900);--color-neutral-950:var(--color-neutral-950);--color-primary:var(--color-primary-500);--color-on-primary:var(--color-on-primary);--color-primary-soft:var(--color-primary-soft);--color-on-primary-soft:var(--color-on-primary-soft);--color-primary-active:var(--color-primary-active);--color-primary-50:var(--color-primary-50);--color-primary-100:var(--color-primary-100);--color-primary-200:var(--color-primary-200);--color-primary-300:var(--color-primary-300);--color-primary-400:var(--color-primary-400);--color-primary-500:var(--color-primary-500);--color-primary-600:var(--color-primary-600);--color-primary-700:var(--color-primary-700);--color-primary-800:var(--color-primary-800);--color-primary-900:var(--color-primary-900);--color-primary-950:var(--color-primary-950);--color-secondary:var(--color-secondary-500);--color-on-secondary:var(--color-on-secondary);--color-secondary-soft:var(--color-secondary-soft);--color-on-secondary-soft:var(--color-on-secondary-soft);--color-secondary-active:var(--color-secondary-active);--color-secondary-50:var(--color-secondary-50);--color-secondary-100:var(--color-secondary-100);--color-secondary-200:var(--color-secondary-200);--color-secondary-300:var(--color-secondary-300);--color-secondary-400:var(--color-secondary-400);--color-secondary-500:var(--color-secondary-500);--color-secondary-600:var(--color-secondary-600);--color-secondary-700:var(--color-secondary-700);--color-secondary-800:var(--color-secondary-800);--color-secondary-900:var(--color-secondary-900);--color-secondary-950:var(--color-secondary-950);--color-accent:var(--color-accent-500);--color-on-accent:var(--color-on-accent);--color-accent-soft:var(--color-accent-soft);--color-on-accent-soft:var(--color-on-accent-soft);--color-accent-active:var(--color-accent-active);--color-accent-50:var(--color-accent-50);--color-accent-100:var(--color-accent-100);--color-accent-200:var(--color-accent-200);--color-accent-300:var(--color-accent-300);--color-accent-400:var(--color-accent-400);--color-accent-500:var(--color-accent-500);--color-accent-600:var(--color-accent-600);--color-accent-700:var(--color-accent-700);--color-accent-800:var(--color-accent-800);--color-accent-900:var(--color-accent-900);--color-accent-950:var(--color-accent-950);--color-info:var(--color-info-500);--color-on-info:var(--color-on-info);--color-info-soft:var(--color-info-soft);--color-on-info-soft:var(--color-on-info-soft);--color-info-active:var(--color-info-active);--color-info-50:var(--color-info-50);--color-info-100:var(--color-info-100);--color-info-200:var(--color-info-200);--color-info-300:var(--color-info-300);--color-info-400:var(--color-info-400);--color-info-500:var(--color-info-500);--color-info-600:var(--color-info-600);--color-info-700:var(--color-info-700);--color-info-800:var(--color-info-800);--color-info-900:var(--color-info-900);--color-info-950:var(--color-info-950);--color-success:var(--color-success-500);--color-on-success:var(--color-on-success);--color-success-soft:var(--color-success-soft);--color-on-success-soft:var(--color-on-success-soft);--color-success-active:var(--color-success-active);--color-success-50:var(--color-success-50);--color-success-100:var(--color-success-100);--color-success-200:var(--color-success-200);--color-success-300:var(--color-success-300);--color-success-400:var(--color-success-400);--color-success-500:var(--color-success-500);--color-success-600:var(--color-success-600);--color-success-700:var(--color-success-700);--color-success-800:var(--color-success-800);--color-success-900:var(--color-success-900);--color-success-950:var(--color-success-950);--color-warning:var(--color-warning-500);--color-on-warning:var(--color-on-warning);--color-warning-soft:var(--color-warning-soft);--color-on-warning-soft:var(--color-on-warning-soft);--color-warning-active:var(--color-warning-active);--color-warning-50:var(--color-warning-50);--color-warning-100:var(--color-warning-100);--color-warning-200:var(--color-warning-200);--color-warning-300:var(--color-warning-300);--color-warning-400:var(--color-warning-400);--color-warning-500:var(--color-warning-500);--color-warning-600:var(--color-warning-600);--color-warning-700:var(--color-warning-700);--color-warning-800:var(--color-warning-800);--color-warning-900:var(--color-warning-900);--color-warning-950:var(--color-warning-950);--color-error:var(--color-error-500);--color-on-error:var(--color-on-error);--color-error-soft:var(--color-error-soft);--color-on-error-soft:var(--color-on-error-soft);--color-error-active:var(--color-error-active);--color-error-50:var(--color-error-50);--color-error-100:var(--color-error-100);--color-error-200:var(--color-error-200);--color-error-300:var(--color-error-300);--color-error-400:var(--color-error-400);--color-error-500:var(--color-error-500);--color-error-600:var(--color-error-600);--color-error-700:var(--color-error-700);--color-error-800:var(--color-error-800);--color-error-900:var(--color-error-900);--color-error-950:var(--color-error-950)}
@@ -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
+ };
@@ -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","&::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)"}};
@@ -0,0 +1,2 @@
1
+ /*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.2.4 | 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);border-color:var(--color-accordion-soft);border-radius:var(--radius-accordion);border-style:solid;border-width:var(--accordion-flush--border-width,1px);display:block;padding-inline:var(--accordion-flush--padding-inline,1rem);width:100%;&>details{box-sizing:border-box;position:relative;text-wrap:pretty;width:100%;&:not(:last-child){border-block-end-color:var(--color-accordion-soft);border-block-end-style:solid;border-block-end-width:1px}&>summary::marker{content:none}&>summary{align-items:center;color:currentColor;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:start;padding-block:1rem;padding-inline-end:1.5rem;&:after{border-block-end:1px solid;border-inline-end:1px solid;content:var(--tw-content);content:"";height:.425rem;inset-inline-end:.5rem;margin-block-start:.313rem;position:absolute;transform:translateY(-50%) rotate(45deg);width:.425rem}}}&>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{font-size:var(--text-base);padding-block-end:1rem}@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:""}}}
@@ -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
+ };
@@ -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)"}},".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)"}};
@@ -0,0 +1,2 @@
1
+ /*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.2.4 | 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);align-items:center;background-color:var(--color-alert);border-radius:var(--alert--radius,var(--radius-alert));color:var(--color-on-alert);display:grid;font-size:var(--alert--font-size,.875rem);gap:1rem;grid-auto-flow:column;grid-template-columns:auto;height:var(--alert--height);justify-content:start;justify-items:start;line-height:calc(var(--alert--font-size, .875rem)*var(--alert--line-height, 1.5));outline-color:var(--alert--outline-color);outline-style:var(--alert--outline-style);outline-width:var(--alert--outline-width);padding-block:var(--alert--padding-block,.375rem);padding-inline:var(--alert--padding-inline,.75rem);text-align:start;vertical-align:middle;width:var(--alert--width,-moz-fit-content);width:var(--alert--width,fit-content);&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}.alert-horizontal{grid-auto-flow:column;grid-template-columns:auto;justify-content:start;justify-items:start;text-align:start;&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}.alert-vertical{grid-auto-flow:row;grid-template-columns:auto;justify-content:center;justify-items:center;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)}
@@ -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
+ };
@@ -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)","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",".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)"}};
@@ -0,0 +1,2 @@
1
+ /*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.2.4 | 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)*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;align-items:center;background-color:var(--avatar-bg);border-radius:var(--avatar-radius);color:var(--avatar-color);display:inline-flex;flex-shrink:0;font-size:var(--avatar-font-size);font-weight:600;height:var(--avatar-size);justify-content:center;outline:var(--avatar-ring-width) solid var(--avatar-ring-color);outline-offset:var(--avatar-ring-offset);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--avatar-size);img{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}&:before{background-color:var(--avatar-status-color);border:2px solid var(--color-base);border-radius:9999px;bottom:var(--avatar-status-offset);content:"";display:var(--avatar-status-visible);height:var(--avatar-status-size);position:absolute;right:var(--avatar-status-offset);width:var(--avatar-status-size);z-index:1}}.avatar-group{display:inline-flex;flex-direction:row;.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-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)}
@@ -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
+ };
@@ -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","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)"}};
@@ -0,0 +1,2 @@
1
+ /*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.2.4 | 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);align-items:center;background-color:var(--color-badge);border-radius:var(--badge--radius,var(--radius-badge));color:var(--color-on-badge);display:inline-flex;font-size:var(--badge--font-size,.875rem);gap:.5rem;height:var(--badge--height);justify-content:center;line-height:calc(var(--badge--font-size, .875rem)*var(--badge--line-height, 1.5));outline-color:var(--badge--outline-color);outline-style:var(--badge--outline-style);outline-width:var(--badge--outline-width);padding-block:var(--badge--padding-block,.375rem);padding-inline:var(--badge--padding-inline,.75rem);text-align:center;vertical-align:middle;width:var(--badge--width,-moz-fit-content);width:var(--badge--width,fit-content)}.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)}
@@ -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
+ };
@@ -0,0 +1 @@
1
+ export default {".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-list":{"display":"flex","min-height":"min-content","align-items":"center","white-space":"nowrap"},".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"}};
@@ -0,0 +1,2 @@
1
+ /*! frutjam v3.0.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties;.breadcrumb-separator{align-items:center;color:var(--color-body);display:flex;margin-inline:.5rem}.breadcrumb-item{align-items:center;display:flex;&:before{background-color:oklch(0 0 0/0);border-block-start:1px solid;border-inline-end:1px solid;color:var(--color-body);content:var(--tw-content);content:"";display:block;height:.375rem;margin-inline-end:.75rem;margin-inline-start:.5rem;transform:rotate(45deg);transition:transform .3s;width:.375rem}&: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-list{align-items:center;display:flex;min-height:-moz-min-content;min-height:min-content;white-space:nowrap}.breadcrumb-link{align-items:center;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;color:var(--color-body);display:flex;gap:.5rem;line-height:1.125rem;text-decoration:none;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{align-items:center;color:currentColor;display:flex;gap:.5rem;line-height:1.125rem}.breadcrumb{color:currentColor;font-size:.875rem;max-width:100%;overflow-x:auto;padding-block:.5rem}@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:""}}}
@@ -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
+ };
@@ -0,0 +1 @@
1
+ export default {".btn":{"--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","&: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)"}};