xiod-ui 1.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 (224) hide show
  1. package/LICENSE +73 -0
  2. package/README.md +167 -0
  3. package/dist/components/accordion.d.ts +9 -0
  4. package/dist/components/accordion.js +46 -0
  5. package/dist/components/agent-steps.d.ts +47 -0
  6. package/dist/components/agent-steps.js +223 -0
  7. package/dist/components/alert-dialog.d.ts +21 -0
  8. package/dist/components/alert-dialog.js +74 -0
  9. package/dist/components/alert.d.ts +12 -0
  10. package/dist/components/alert.js +45 -0
  11. package/dist/components/aspect-ratio.d.ts +9 -0
  12. package/dist/components/aspect-ratio.js +22 -0
  13. package/dist/components/autocomplete.d.ts +35 -0
  14. package/dist/components/autocomplete.js +160 -0
  15. package/dist/components/avatar.d.ts +17 -0
  16. package/dist/components/avatar.js +65 -0
  17. package/dist/components/badge.d.ts +15 -0
  18. package/dist/components/badge.js +46 -0
  19. package/dist/components/breadcrumb.d.ts +12 -0
  20. package/dist/components/breadcrumb.js +75 -0
  21. package/dist/components/button-group.d.ts +14 -0
  22. package/dist/components/button-group.js +45 -0
  23. package/dist/components/button-split.d.ts +19 -0
  24. package/dist/components/button-split.js +73 -0
  25. package/dist/components/button.d.ts +15 -0
  26. package/dist/components/button.js +54 -0
  27. package/dist/components/calendar.d.ts +63 -0
  28. package/dist/components/calendar.js +425 -0
  29. package/dist/components/card.d.ts +17 -0
  30. package/dist/components/card.js +139 -0
  31. package/dist/components/carousel.d.ts +59 -0
  32. package/dist/components/carousel.js +503 -0
  33. package/dist/components/checkbox.d.ts +16 -0
  34. package/dist/components/checkbox.js +86 -0
  35. package/dist/components/circular-progress.d.ts +28 -0
  36. package/dist/components/circular-progress.js +127 -0
  37. package/dist/components/collapsible.d.ts +8 -0
  38. package/dist/components/collapsible.js +27 -0
  39. package/dist/components/color-picker.d.ts +159 -0
  40. package/dist/components/color-picker.js +1589 -0
  41. package/dist/components/combobox.d.ts +46 -0
  42. package/dist/components/combobox.js +237 -0
  43. package/dist/components/command.d.ts +22 -0
  44. package/dist/components/command.js +129 -0
  45. package/dist/components/context-menu.d.ts +38 -0
  46. package/dist/components/context-menu.js +164 -0
  47. package/dist/components/copy-to-clipboard.d.ts +32 -0
  48. package/dist/components/copy-to-clipboard.js +83 -0
  49. package/dist/components/corner-badge.d.ts +22 -0
  50. package/dist/components/corner-badge.js +84 -0
  51. package/dist/components/dashboard-grid.d.ts +83 -0
  52. package/dist/components/dashboard-grid.js +486 -0
  53. package/dist/components/date-picker.d.ts +29 -0
  54. package/dist/components/date-picker.js +261 -0
  55. package/dist/components/dialog.d.ts +26 -0
  56. package/dist/components/dialog.js +97 -0
  57. package/dist/components/dot-matrix.d.ts +32 -0
  58. package/dist/components/dot-matrix.js +707 -0
  59. package/dist/components/draggable.d.ts +42 -0
  60. package/dist/components/draggable.js +346 -0
  61. package/dist/components/drawer.d.ts +66 -0
  62. package/dist/components/drawer.js +304 -0
  63. package/dist/components/empty.d.ts +14 -0
  64. package/dist/components/empty.js +75 -0
  65. package/dist/components/field.d.ts +12 -0
  66. package/dist/components/field.js +44 -0
  67. package/dist/components/fieldset.d.ts +7 -0
  68. package/dist/components/fieldset.js +21 -0
  69. package/dist/components/file-upload.d.ts +61 -0
  70. package/dist/components/file-upload.js +482 -0
  71. package/dist/components/form.d.ts +6 -0
  72. package/dist/components/form.js +14 -0
  73. package/dist/components/frame.d.ts +10 -0
  74. package/dist/components/frame.js +47 -0
  75. package/dist/components/gauge.d.ts +27 -0
  76. package/dist/components/gauge.js +74 -0
  77. package/dist/components/grid.d.ts +26 -0
  78. package/dist/components/grid.js +204 -0
  79. package/dist/components/group.d.ts +19 -0
  80. package/dist/components/group.js +45 -0
  81. package/dist/components/input-group.d.ts +15 -0
  82. package/dist/components/input-group.js +61 -0
  83. package/dist/components/input-otp.d.ts +24 -0
  84. package/dist/components/input-otp.js +50 -0
  85. package/dist/components/input-payment.d.ts +131 -0
  86. package/dist/components/input-payment.js +1140 -0
  87. package/dist/components/input-phone.d.ts +70 -0
  88. package/dist/components/input-phone.js +657 -0
  89. package/dist/components/input-sensitive.d.ts +12 -0
  90. package/dist/components/input-sensitive.js +169 -0
  91. package/dist/components/input.d.ts +13 -0
  92. package/dist/components/input.js +26 -0
  93. package/dist/components/kbd.d.ts +6 -0
  94. package/dist/components/kbd.js +19 -0
  95. package/dist/components/kinetic-click.d.ts +48 -0
  96. package/dist/components/kinetic-click.js +1184 -0
  97. package/dist/components/label.d.ts +6 -0
  98. package/dist/components/label.js +18 -0
  99. package/dist/components/list-box.d.ts +20 -0
  100. package/dist/components/list-box.js +148 -0
  101. package/dist/components/loader.d.ts +13 -0
  102. package/dist/components/loader.js +430 -0
  103. package/dist/components/marker.d.ts +15 -0
  104. package/dist/components/marker.js +59 -0
  105. package/dist/components/menu.d.ts +42 -0
  106. package/dist/components/menu.js +186 -0
  107. package/dist/components/menubar.d.ts +40 -0
  108. package/dist/components/menubar.js +107 -0
  109. package/dist/components/message.d.ts +33 -0
  110. package/dist/components/message.js +112 -0
  111. package/dist/components/meter.d.ts +10 -0
  112. package/dist/components/meter.js +42 -0
  113. package/dist/components/morphic-toast.d.ts +61 -0
  114. package/dist/components/morphic-toast.js +916 -0
  115. package/dist/components/navigation-menu.d.ts +26 -0
  116. package/dist/components/navigation-menu.js +116 -0
  117. package/dist/components/number-field.d.ts +15 -0
  118. package/dist/components/number-field.js +86 -0
  119. package/dist/components/option-picker.d.ts +18 -0
  120. package/dist/components/option-picker.js +89 -0
  121. package/dist/components/orb.d.ts +38 -0
  122. package/dist/components/orb.js +1413 -0
  123. package/dist/components/pagination.d.ts +25 -0
  124. package/dist/components/pagination.js +147 -0
  125. package/dist/components/popover.d.ts +22 -0
  126. package/dist/components/popover.js +79 -0
  127. package/dist/components/preview-card.d.ts +16 -0
  128. package/dist/components/preview-card.js +60 -0
  129. package/dist/components/progress.d.ts +21 -0
  130. package/dist/components/progress.js +139 -0
  131. package/dist/components/radio.d.ts +16 -0
  132. package/dist/components/radio.js +68 -0
  133. package/dist/components/resizable.d.ts +58 -0
  134. package/dist/components/resizable.js +964 -0
  135. package/dist/components/ruler-picker.d.ts +27 -0
  136. package/dist/components/ruler-picker.js +253 -0
  137. package/dist/components/scroll-area.d.ts +13 -0
  138. package/dist/components/scroll-area.js +34 -0
  139. package/dist/components/scroll-bar.d.ts +13 -0
  140. package/dist/components/scroll-bar.js +47 -0
  141. package/dist/components/select.d.ts +29 -0
  142. package/dist/components/select.js +140 -0
  143. package/dist/components/separator.d.ts +6 -0
  144. package/dist/components/separator.js +15 -0
  145. package/dist/components/sidebar.d.ts +65 -0
  146. package/dist/components/sidebar.js +408 -0
  147. package/dist/components/skeleton.d.ts +5 -0
  148. package/dist/components/skeleton.js +12 -0
  149. package/dist/components/slider.d.ts +12 -0
  150. package/dist/components/slider.js +96 -0
  151. package/dist/components/sortable.d.ts +44 -0
  152. package/dist/components/sortable.js +327 -0
  153. package/dist/components/switch.d.ts +15 -0
  154. package/dist/components/switch.js +63 -0
  155. package/dist/components/table.d.ts +12 -0
  156. package/dist/components/table.js +65 -0
  157. package/dist/components/tabs.d.ts +12 -0
  158. package/dist/components/tabs.js +39 -0
  159. package/dist/components/text.d.ts +14 -0
  160. package/dist/components/text.js +69 -0
  161. package/dist/components/textarea.d.ts +9 -0
  162. package/dist/components/textarea.js +20 -0
  163. package/dist/components/theme-provider.d.ts +52 -0
  164. package/dist/components/theme-provider.js +148 -0
  165. package/dist/components/timeline.d.ts +34 -0
  166. package/dist/components/timeline.js +147 -0
  167. package/dist/components/toast.d.ts +17 -0
  168. package/dist/components/toast.js +161 -0
  169. package/dist/components/toggle-group.d.ts +14 -0
  170. package/dist/components/toggle-group.js +53 -0
  171. package/dist/components/toggle.d.ts +11 -0
  172. package/dist/components/toggle.js +36 -0
  173. package/dist/components/toolbar.d.ts +11 -0
  174. package/dist/components/toolbar.js +49 -0
  175. package/dist/components/tooltip.d.ts +17 -0
  176. package/dist/components/tooltip.js +56 -0
  177. package/dist/components/waveform.d.ts +61 -0
  178. package/dist/components/waveform.js +500 -0
  179. package/dist/components/wheel-picker.d.ts +44 -0
  180. package/dist/components/wheel-picker.js +771 -0
  181. package/dist/hooks/use-copy-to-clipboard.d.ts +9 -0
  182. package/dist/hooks/use-copy-to-clipboard.js +36 -0
  183. package/dist/hooks/use-media-query.d.ts +21 -0
  184. package/dist/hooks/use-media-query.js +58 -0
  185. package/dist/styles.css +202 -0
  186. package/dist/themes/afterglow.css +89 -0
  187. package/dist/themes/afterglow.scoped.css +90 -0
  188. package/dist/themes/blacklight.css +89 -0
  189. package/dist/themes/blacklight.scoped.css +90 -0
  190. package/dist/themes/cathode.css +89 -0
  191. package/dist/themes/cathode.scoped.css +90 -0
  192. package/dist/themes/cel.css +89 -0
  193. package/dist/themes/cel.scoped.css +90 -0
  194. package/dist/themes/cinder.css +89 -0
  195. package/dist/themes/cinder.scoped.css +90 -0
  196. package/dist/themes/clay.css +89 -0
  197. package/dist/themes/clay.scoped.css +90 -0
  198. package/dist/themes/cobalt.css +89 -0
  199. package/dist/themes/cobalt.scoped.css +90 -0
  200. package/dist/themes/crimson.css +89 -0
  201. package/dist/themes/crimson.scoped.css +90 -0
  202. package/dist/themes/ion.css +89 -0
  203. package/dist/themes/ion.scoped.css +90 -0
  204. package/dist/themes/iris.css +89 -0
  205. package/dist/themes/iris.scoped.css +90 -0
  206. package/dist/themes/lagoon.css +89 -0
  207. package/dist/themes/lagoon.scoped.css +90 -0
  208. package/dist/themes/mochi.css +89 -0
  209. package/dist/themes/mochi.scoped.css +90 -0
  210. package/dist/themes/riso.css +89 -0
  211. package/dist/themes/riso.scoped.css +90 -0
  212. package/dist/themes/roast.css +89 -0
  213. package/dist/themes/roast.scoped.css +90 -0
  214. package/dist/themes/sage.css +89 -0
  215. package/dist/themes/sage.scoped.css +90 -0
  216. package/dist/themes/sepia.css +89 -0
  217. package/dist/themes/sepia.scoped.css +90 -0
  218. package/dist/themes/sorbet.css +89 -0
  219. package/dist/themes/sorbet.scoped.css +90 -0
  220. package/dist/themes/taffy.css +89 -0
  221. package/dist/themes/taffy.scoped.css +90 -0
  222. package/dist/themes/toxin.css +89 -0
  223. package/dist/themes/toxin.scoped.css +90 -0
  224. package/package.json +140 -0
package/dist/themes/riso.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Riso — Magenta and cyan misprint on newsprint.
3
+ *
4
+ * GENERATED by scripts/build-themes.ts from scripts/palettes.ts.
5
+ * Do not edit; your changes will be overwritten on the next build.
6
+ *
7
+ * Usage:
8
+ *
9
+ * @import "tailwindcss";
10
+ * @import "xiod-ui/styles";
11
+ * @import "xiod-ui/themes/riso/scoped";
12
+ *
13
+ * Applies only where `data-palette="riso"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("riso")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/riso" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="riso"] {
20
+ --radius: 0rem;
21
+ --background: #f6f2e9;
22
+ --foreground: #171310;
23
+ --card: #fffdf6;
24
+ --card-foreground: #171310;
25
+ --popover: #fffdf6;
26
+ --popover-foreground: #171310;
27
+ --primary: #e0007f;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #bfe6ee;
30
+ --secondary-foreground: #0a3c47;
31
+ --muted: #ece7db;
32
+ --muted-foreground: #5c5346;
33
+ --accent: #ffe98a;
34
+ --accent-foreground: #453506;
35
+ --destructive: #c62828;
36
+ --destructive-foreground: #99201f;
37
+ --info: #0077a8;
38
+ --info-foreground: #005876;
39
+ --success: #2e7d32;
40
+ --success-foreground: #226325;
41
+ --warning: #a86a00;
42
+ --warning-foreground: #855400;
43
+ --border: #ded6c5;
44
+ --input: #c9bfa9;
45
+ --ring: #e0007f;
46
+ --sidebar: #efe9db;
47
+ --sidebar-foreground: #4a4136;
48
+ --sidebar-primary: #e0007f;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #e4dccb;
51
+ --sidebar-accent-foreground: #171310;
52
+ --sidebar-border: #dbd2bf;
53
+ --sidebar-ring: #e0007f;
54
+ }
55
+
56
+ .dark[data-palette="riso"] {
57
+ --background: #12100f;
58
+ --foreground: #f2ede2;
59
+ --card: #1b1917;
60
+ --card-foreground: #f2ede2;
61
+ --popover: #1b1917;
62
+ --popover-foreground: #f2ede2;
63
+ --primary: #ff4d9d;
64
+ --primary-foreground: #2b0016;
65
+ --secondary: #123c47;
66
+ --secondary-foreground: #7fe3f5;
67
+ --muted: #1c1a18;
68
+ --muted-foreground: #a89e8e;
69
+ --accent: #3d3411;
70
+ --accent-foreground: #ffe98a;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f5a08e;
73
+ --info: #4ecde8;
74
+ --info-foreground: #8fdff0;
75
+ --success: #7fc47f;
76
+ --success-foreground: #a5d8a5;
77
+ --warning: #ffcc33;
78
+ --warning-foreground: #ffe08a;
79
+ --border: #2a2724;
80
+ --input: #3a3630;
81
+ --ring: #ff4d9d;
82
+ --sidebar: #0d0b0a;
83
+ --sidebar-foreground: #bdb3a3;
84
+ --sidebar-primary: #ff4d9d;
85
+ --sidebar-primary-foreground: #2b0016;
86
+ --sidebar-accent: #191614;
87
+ --sidebar-accent-foreground: #f2ede2;
88
+ --sidebar-border: #211e1b;
89
+ --sidebar-ring: #ff4d9d;
90
+ }
package/dist/themes/roast.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Roast — Dark coffee and steamed cream.
3
+ *
4
+ * GENERATED by scripts/build-themes.ts from scripts/palettes.ts.
5
+ * Do not edit; your changes will be overwritten on the next build.
6
+ *
7
+ * Usage:
8
+ *
9
+ * @import "tailwindcss";
10
+ * @import "xiod-ui/styles";
11
+ * @import "xiod-ui/themes/roast";
12
+ *
13
+ * Overrides the base tokens directly, so no attribute on `<html>` is needed.
14
+ * Your own `:root` block placed after this import still wins — same
15
+ * specificity, later in source order.
16
+ */
17
+
18
+ :root {
19
+ --radius: 0.5rem;
20
+ --background: #f9f9f9;
21
+ --foreground: #202020;
22
+ --card: #fcfcfc;
23
+ --card-foreground: #202020;
24
+ --popover: #fcfcfc;
25
+ --popover-foreground: #202020;
26
+ --primary: #5a4238;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #ffdfb5;
29
+ --secondary-foreground: #582d1d;
30
+ --muted: #efefef;
31
+ --muted-foreground: #5f5f5f;
32
+ --accent: #e8e8e8;
33
+ --accent-foreground: #202020;
34
+ --destructive: #b83a1f;
35
+ --destructive-foreground: #94301a;
36
+ --info: #2f6280;
37
+ --info-foreground: #204a61;
38
+ --success: #46703f;
39
+ --success-foreground: #33532e;
40
+ --warning: #96651a;
41
+ --warning-foreground: #7a5314;
42
+ --border: #d8d8d8;
43
+ --input: #c9c9c9;
44
+ --ring: #5a4238;
45
+ --sidebar: #f4f1ed;
46
+ --sidebar-foreground: #4a4038;
47
+ --sidebar-primary: #5a4238;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #ece5dd;
50
+ --sidebar-accent-foreground: #3a3028;
51
+ --sidebar-border: #e3ddd5;
52
+ --sidebar-ring: #5a4238;
53
+ }
54
+
55
+ .dark {
56
+ --background: #111111;
57
+ --foreground: #eeeeee;
58
+ --card: #191919;
59
+ --card-foreground: #eeeeee;
60
+ --popover: #1d1a17;
61
+ --popover-foreground: #eeeeee;
62
+ --primary: #ffe0c2;
63
+ --primary-foreground: #2a1c12;
64
+ --secondary: #393028;
65
+ --secondary-foreground: #ffe0c2;
66
+ --muted: #232323;
67
+ --muted-foreground: #a8a29b;
68
+ --accent: #2f2822;
69
+ --accent-foreground: #eeeeee;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f0a48f;
72
+ --info: #6fa4c6;
73
+ --info-foreground: #9cc3dc;
74
+ --success: #7fae7c;
75
+ --success-foreground: #a5c9a2;
76
+ --warning: #d09f52;
77
+ --warning-foreground: #e5c28d;
78
+ --border: #2a2521;
79
+ --input: #3a332c;
80
+ --ring: #ffe0c2;
81
+ --sidebar: #0d0c0b;
82
+ --sidebar-foreground: #b8b0a6;
83
+ --sidebar-primary: #ffe0c2;
84
+ --sidebar-primary-foreground: #2a1c12;
85
+ --sidebar-accent: #1c1815;
86
+ --sidebar-accent-foreground: #eeeeee;
87
+ --sidebar-border: #211d19;
88
+ --sidebar-ring: #ffe0c2;
89
+ }
package/dist/themes/roast.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Roast — Dark coffee and steamed cream.
3
+ *
4
+ * GENERATED by scripts/build-themes.ts from scripts/palettes.ts.
5
+ * Do not edit; your changes will be overwritten on the next build.
6
+ *
7
+ * Usage:
8
+ *
9
+ * @import "tailwindcss";
10
+ * @import "xiod-ui/styles";
11
+ * @import "xiod-ui/themes/roast/scoped";
12
+ *
13
+ * Applies only where `data-palette="roast"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("roast")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/roast" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="roast"] {
20
+ --radius: 0.5rem;
21
+ --background: #f9f9f9;
22
+ --foreground: #202020;
23
+ --card: #fcfcfc;
24
+ --card-foreground: #202020;
25
+ --popover: #fcfcfc;
26
+ --popover-foreground: #202020;
27
+ --primary: #5a4238;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #ffdfb5;
30
+ --secondary-foreground: #582d1d;
31
+ --muted: #efefef;
32
+ --muted-foreground: #5f5f5f;
33
+ --accent: #e8e8e8;
34
+ --accent-foreground: #202020;
35
+ --destructive: #b83a1f;
36
+ --destructive-foreground: #94301a;
37
+ --info: #2f6280;
38
+ --info-foreground: #204a61;
39
+ --success: #46703f;
40
+ --success-foreground: #33532e;
41
+ --warning: #96651a;
42
+ --warning-foreground: #7a5314;
43
+ --border: #d8d8d8;
44
+ --input: #c9c9c9;
45
+ --ring: #5a4238;
46
+ --sidebar: #f4f1ed;
47
+ --sidebar-foreground: #4a4038;
48
+ --sidebar-primary: #5a4238;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #ece5dd;
51
+ --sidebar-accent-foreground: #3a3028;
52
+ --sidebar-border: #e3ddd5;
53
+ --sidebar-ring: #5a4238;
54
+ }
55
+
56
+ .dark[data-palette="roast"] {
57
+ --background: #111111;
58
+ --foreground: #eeeeee;
59
+ --card: #191919;
60
+ --card-foreground: #eeeeee;
61
+ --popover: #1d1a17;
62
+ --popover-foreground: #eeeeee;
63
+ --primary: #ffe0c2;
64
+ --primary-foreground: #2a1c12;
65
+ --secondary: #393028;
66
+ --secondary-foreground: #ffe0c2;
67
+ --muted: #232323;
68
+ --muted-foreground: #a8a29b;
69
+ --accent: #2f2822;
70
+ --accent-foreground: #eeeeee;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f0a48f;
73
+ --info: #6fa4c6;
74
+ --info-foreground: #9cc3dc;
75
+ --success: #7fae7c;
76
+ --success-foreground: #a5c9a2;
77
+ --warning: #d09f52;
78
+ --warning-foreground: #e5c28d;
79
+ --border: #2a2521;
80
+ --input: #3a332c;
81
+ --ring: #ffe0c2;
82
+ --sidebar: #0d0c0b;
83
+ --sidebar-foreground: #b8b0a6;
84
+ --sidebar-primary: #ffe0c2;
85
+ --sidebar-primary-foreground: #2a1c12;
86
+ --sidebar-accent: #1c1815;
87
+ --sidebar-accent-foreground: #eeeeee;
88
+ --sidebar-border: #211d19;
89
+ --sidebar-ring: #ffe0c2;
90
+ }
package/dist/themes/sage.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Sage — Muted garden green.
3
+ *
4
+ * GENERATED by scripts/build-themes.ts from scripts/palettes.ts.
5
+ * Do not edit; your changes will be overwritten on the next build.
6
+ *
7
+ * Usage:
8
+ *
9
+ * @import "tailwindcss";
10
+ * @import "xiod-ui/styles";
11
+ * @import "xiod-ui/themes/sage";
12
+ *
13
+ * Overrides the base tokens directly, so no attribute on `<html>` is needed.
14
+ * Your own `:root` block placed after this import still wins — same
15
+ * specificity, later in source order.
16
+ */
17
+
18
+ :root {
19
+ --radius: 0.35rem;
20
+ --background: #f8f7f4;
21
+ --foreground: #1f2a24;
22
+ --card: #ffffff;
23
+ --card-foreground: #1f2a24;
24
+ --popover: #ffffff;
25
+ --popover-foreground: #1f2a24;
26
+ --primary: #4f6b56;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #ced4bf;
29
+ --secondary-foreground: #35402f;
30
+ --muted: #e8e6e1;
31
+ --muted-foreground: #566154;
32
+ --accent: #bfc9bb;
33
+ --accent-foreground: #1f2a24;
34
+ --destructive: #b0342f;
35
+ --destructive-foreground: #8c2924;
36
+ --info: #2b6480;
37
+ --info-foreground: #1d4a5f;
38
+ --success: #3f6f45;
39
+ --success-foreground: #2e5433;
40
+ --warning: #9a6b16;
41
+ --warning-foreground: #7a5411;
42
+ --border: #e0ded6;
43
+ --input: #cfccc2;
44
+ --ring: #4f6b56;
45
+ --sidebar: #fafaf8;
46
+ --sidebar-foreground: #3f4a42;
47
+ --sidebar-primary: #4f6b56;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #e3e6dd;
50
+ --sidebar-accent-foreground: #1f2a24;
51
+ --sidebar-border: #e2e0d9;
52
+ --sidebar-ring: #4f6b56;
53
+ }
54
+
55
+ .dark {
56
+ --background: #141815;
57
+ --foreground: #e6ebe6;
58
+ --card: #1b201c;
59
+ --card-foreground: #e6ebe6;
60
+ --popover: #1b201c;
61
+ --popover-foreground: #e6ebe6;
62
+ --primary: #8fae94;
63
+ --primary-foreground: #14201a;
64
+ --secondary: #262d27;
65
+ --secondary-foreground: #e6ebe6;
66
+ --muted: #222825;
67
+ --muted-foreground: #9aa89c;
68
+ --accent: #2f3a32;
69
+ --accent-foreground: #e6ebe6;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #eda392;
72
+ --info: #6fa8c8;
73
+ --info-foreground: #9cc6dd;
74
+ --success: #7fb184;
75
+ --success-foreground: #a6ccaa;
76
+ --warning: #cf9c4c;
77
+ --warning-foreground: #e4c088;
78
+ --border: #2c332e;
79
+ --input: #38403a;
80
+ --ring: #8fae94;
81
+ --sidebar: #101410;
82
+ --sidebar-foreground: #b5bfb7;
83
+ --sidebar-primary: #8fae94;
84
+ --sidebar-primary-foreground: #14201a;
85
+ --sidebar-accent: #1f2620;
86
+ --sidebar-accent-foreground: #e6ebe6;
87
+ --sidebar-border: #232a25;
88
+ --sidebar-ring: #8fae94;
89
+ }
package/dist/themes/sage.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Sage — Muted garden green.
3
+ *
4
+ * GENERATED by scripts/build-themes.ts from scripts/palettes.ts.
5
+ * Do not edit; your changes will be overwritten on the next build.
6
+ *
7
+ * Usage:
8
+ *
9
+ * @import "tailwindcss";
10
+ * @import "xiod-ui/styles";
11
+ * @import "xiod-ui/themes/sage/scoped";
12
+ *
13
+ * Applies only where `data-palette="sage"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("sage")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/sage" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="sage"] {
20
+ --radius: 0.35rem;
21
+ --background: #f8f7f4;
22
+ --foreground: #1f2a24;
23
+ --card: #ffffff;
24
+ --card-foreground: #1f2a24;
25
+ --popover: #ffffff;
26
+ --popover-foreground: #1f2a24;
27
+ --primary: #4f6b56;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #ced4bf;
30
+ --secondary-foreground: #35402f;
31
+ --muted: #e8e6e1;
32
+ --muted-foreground: #566154;
33
+ --accent: #bfc9bb;
34
+ --accent-foreground: #1f2a24;
35
+ --destructive: #b0342f;
36
+ --destructive-foreground: #8c2924;
37
+ --info: #2b6480;
38
+ --info-foreground: #1d4a5f;
39
+ --success: #3f6f45;
40
+ --success-foreground: #2e5433;
41
+ --warning: #9a6b16;
42
+ --warning-foreground: #7a5411;
43
+ --border: #e0ded6;
44
+ --input: #cfccc2;
45
+ --ring: #4f6b56;
46
+ --sidebar: #fafaf8;
47
+ --sidebar-foreground: #3f4a42;
48
+ --sidebar-primary: #4f6b56;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #e3e6dd;
51
+ --sidebar-accent-foreground: #1f2a24;
52
+ --sidebar-border: #e2e0d9;
53
+ --sidebar-ring: #4f6b56;
54
+ }
55
+
56
+ .dark[data-palette="sage"] {
57
+ --background: #141815;
58
+ --foreground: #e6ebe6;
59
+ --card: #1b201c;
60
+ --card-foreground: #e6ebe6;
61
+ --popover: #1b201c;
62
+ --popover-foreground: #e6ebe6;
63
+ --primary: #8fae94;
64
+ --primary-foreground: #14201a;
65
+ --secondary: #262d27;
66
+ --secondary-foreground: #e6ebe6;
67
+ --muted: #222825;
68
+ --muted-foreground: #9aa89c;
69
+ --accent: #2f3a32;
70
+ --accent-foreground: #e6ebe6;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #eda392;
73
+ --info: #6fa8c8;
74
+ --info-foreground: #9cc6dd;
75
+ --success: #7fb184;
76
+ --success-foreground: #a6ccaa;
77
+ --warning: #cf9c4c;
78
+ --warning-foreground: #e4c088;
79
+ --border: #2c332e;
80
+ --input: #38403a;
81
+ --ring: #8fae94;
82
+ --sidebar: #101410;
83
+ --sidebar-foreground: #b5bfb7;
84
+ --sidebar-primary: #8fae94;
85
+ --sidebar-primary-foreground: #14201a;
86
+ --sidebar-accent: #1f2620;
87
+ --sidebar-accent-foreground: #e6ebe6;
88
+ --sidebar-border: #232a25;
89
+ --sidebar-ring: #8fae94;
90
+ }
package/dist/themes/sepia.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Sepia — Aged paper and tanned leather.
3
+ *
4
+ * GENERATED by scripts/build-themes.ts from scripts/palettes.ts.
5
+ * Do not edit; your changes will be overwritten on the next build.
6
+ *
7
+ * Usage:
8
+ *
9
+ * @import "tailwindcss";
10
+ * @import "xiod-ui/styles";
11
+ * @import "xiod-ui/themes/sepia";
12
+ *
13
+ * Overrides the base tokens directly, so no attribute on `<html>` is needed.
14
+ * Your own `:root` block placed after this import still wins — same
15
+ * specificity, later in source order.
16
+ */
17
+
18
+ :root {
19
+ --radius: 0.25rem;
20
+ --background: #f5f1e6;
21
+ --foreground: #4a3f35;
22
+ --card: #fffcf5;
23
+ --card-foreground: #4a3f35;
24
+ --popover: #fffcf5;
25
+ --popover-foreground: #4a3f35;
26
+ --primary: #8a6440;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #e2d8c3;
29
+ --secondary-foreground: #4a3f35;
30
+ --muted: #ece5d8;
31
+ --muted-foreground: #6d5f4c;
32
+ --accent: #d4c8aa;
33
+ --accent-foreground: #4a3f35;
34
+ --destructive: #a83a28;
35
+ --destructive-foreground: #8a2e1f;
36
+ --info: #2f6482;
37
+ --info-foreground: #1f4a61;
38
+ --success: #4a7043;
39
+ --success-foreground: #365230;
40
+ --warning: #96661a;
41
+ --warning-foreground: #7a5214;
42
+ --border: #dbd0ba;
43
+ --input: #cbbfa4;
44
+ --ring: #8a6440;
45
+ --sidebar: #ece5d8;
46
+ --sidebar-foreground: #5c5040;
47
+ --sidebar-primary: #8a6440;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #ded3b8;
50
+ --sidebar-accent-foreground: #4a3f35;
51
+ --sidebar-border: #d8ccb4;
52
+ --sidebar-ring: #8a6440;
53
+ }
54
+
55
+ .dark {
56
+ --background: #2d2621;
57
+ --foreground: #ece5d8;
58
+ --card: #3a322c;
59
+ --card-foreground: #ece5d8;
60
+ --popover: #3a322c;
61
+ --popover-foreground: #ece5d8;
62
+ --primary: #c0a080;
63
+ --primary-foreground: #2d2621;
64
+ --secondary: #4a4039;
65
+ --secondary-foreground: #ece5d8;
66
+ --muted: #352e28;
67
+ --muted-foreground: #b3a894;
68
+ --accent: #59493e;
69
+ --accent-foreground: #ece5d8;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #e8a893;
72
+ --info: #79a8c4;
73
+ --info-foreground: #a3c6da;
74
+ --success: #86ad7e;
75
+ --success-foreground: #aac9a4;
76
+ --warning: #d0a052;
77
+ --warning-foreground: #e3c28c;
78
+ --border: #4a4039;
79
+ --input: #55493f;
80
+ --ring: #c0a080;
81
+ --sidebar: #241e1a;
82
+ --sidebar-foreground: #c5bcac;
83
+ --sidebar-primary: #c0a080;
84
+ --sidebar-primary-foreground: #2d2621;
85
+ --sidebar-accent: #3a322c;
86
+ --sidebar-accent-foreground: #ece5d8;
87
+ --sidebar-border: #3a322c;
88
+ --sidebar-ring: #c0a080;
89
+ }
package/dist/themes/sepia.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Sepia — Aged paper and tanned leather.
3
+ *
4
+ * GENERATED by scripts/build-themes.ts from scripts/palettes.ts.
5
+ * Do not edit; your changes will be overwritten on the next build.
6
+ *
7
+ * Usage:
8
+ *
9
+ * @import "tailwindcss";
10
+ * @import "xiod-ui/styles";
11
+ * @import "xiod-ui/themes/sepia/scoped";
12
+ *
13
+ * Applies only where `data-palette="sepia"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("sepia")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/sepia" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="sepia"] {
20
+ --radius: 0.25rem;
21
+ --background: #f5f1e6;
22
+ --foreground: #4a3f35;
23
+ --card: #fffcf5;
24
+ --card-foreground: #4a3f35;
25
+ --popover: #fffcf5;
26
+ --popover-foreground: #4a3f35;
27
+ --primary: #8a6440;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #e2d8c3;
30
+ --secondary-foreground: #4a3f35;
31
+ --muted: #ece5d8;
32
+ --muted-foreground: #6d5f4c;
33
+ --accent: #d4c8aa;
34
+ --accent-foreground: #4a3f35;
35
+ --destructive: #a83a28;
36
+ --destructive-foreground: #8a2e1f;
37
+ --info: #2f6482;
38
+ --info-foreground: #1f4a61;
39
+ --success: #4a7043;
40
+ --success-foreground: #365230;
41
+ --warning: #96661a;
42
+ --warning-foreground: #7a5214;
43
+ --border: #dbd0ba;
44
+ --input: #cbbfa4;
45
+ --ring: #8a6440;
46
+ --sidebar: #ece5d8;
47
+ --sidebar-foreground: #5c5040;
48
+ --sidebar-primary: #8a6440;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #ded3b8;
51
+ --sidebar-accent-foreground: #4a3f35;
52
+ --sidebar-border: #d8ccb4;
53
+ --sidebar-ring: #8a6440;
54
+ }
55
+
56
+ .dark[data-palette="sepia"] {
57
+ --background: #2d2621;
58
+ --foreground: #ece5d8;
59
+ --card: #3a322c;
60
+ --card-foreground: #ece5d8;
61
+ --popover: #3a322c;
62
+ --popover-foreground: #ece5d8;
63
+ --primary: #c0a080;
64
+ --primary-foreground: #2d2621;
65
+ --secondary: #4a4039;
66
+ --secondary-foreground: #ece5d8;
67
+ --muted: #352e28;
68
+ --muted-foreground: #b3a894;
69
+ --accent: #59493e;
70
+ --accent-foreground: #ece5d8;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #e8a893;
73
+ --info: #79a8c4;
74
+ --info-foreground: #a3c6da;
75
+ --success: #86ad7e;
76
+ --success-foreground: #aac9a4;
77
+ --warning: #d0a052;
78
+ --warning-foreground: #e3c28c;
79
+ --border: #4a4039;
80
+ --input: #55493f;
81
+ --ring: #c0a080;
82
+ --sidebar: #241e1a;
83
+ --sidebar-foreground: #c5bcac;
84
+ --sidebar-primary: #c0a080;
85
+ --sidebar-primary-foreground: #2d2621;
86
+ --sidebar-accent: #3a322c;
87
+ --sidebar-accent-foreground: #ece5d8;
88
+ --sidebar-border: #3a322c;
89
+ --sidebar-ring: #c0a080;
90
+ }