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/clay.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Clay — Warm cream and terracotta.
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/clay/scoped";
12
+ *
13
+ * Applies only where `data-palette="clay"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("clay")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/clay" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="clay"] {
20
+ --radius: 0.5rem;
21
+ --background: #faf9f5;
22
+ --foreground: #3d3929;
23
+ --card: #ffffff;
24
+ --card-foreground: #3d3929;
25
+ --popover: #ffffff;
26
+ --popover-foreground: #3d3929;
27
+ --primary: #a9512b;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #e9e6dc;
30
+ --secondary-foreground: #4a4738;
31
+ --muted: #ede9de;
32
+ --muted-foreground: #6b6858;
33
+ --accent: #e3dfd2;
34
+ --accent-foreground: #3d3929;
35
+ --destructive: #c0392b;
36
+ --destructive-foreground: #96271b;
37
+ --info: #2f6f9f;
38
+ --info-foreground: #1f5378;
39
+ --success: #4a7c4e;
40
+ --success-foreground: #35603a;
41
+ --warning: #b0741c;
42
+ --warning-foreground: #875614;
43
+ --border: #dad9d4;
44
+ --input: #cfcdc2;
45
+ --ring: #a9512b;
46
+ --sidebar: #f5f4ee;
47
+ --sidebar-foreground: #55523f;
48
+ --sidebar-primary: #a9512b;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #e9e6dc;
51
+ --sidebar-accent-foreground: #3d3929;
52
+ --sidebar-border: #e2e0d8;
53
+ --sidebar-ring: #a9512b;
54
+ }
55
+
56
+ .dark[data-palette="clay"] {
57
+ --background: #262624;
58
+ --foreground: #e8e6df;
59
+ --card: #2d2d2a;
60
+ --card-foreground: #e8e6df;
61
+ --popover: #30302e;
62
+ --popover-foreground: #e8e6df;
63
+ --primary: #d97757;
64
+ --primary-foreground: #2b1a11;
65
+ --secondary: #35342f;
66
+ --secondary-foreground: #e8e6df;
67
+ --muted: #302f2b;
68
+ --muted-foreground: #a8a599;
69
+ --accent: #3a3833;
70
+ --accent-foreground: #e8e6df;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f2a394;
73
+ --info: #6fa8d0;
74
+ --info-foreground: #9cc6e4;
75
+ --success: #7fae7c;
76
+ --success-foreground: #a5c9a2;
77
+ --warning: #d99f4e;
78
+ --warning-foreground: #e8c188;
79
+ --border: #3e3e38;
80
+ --input: #4a4942;
81
+ --ring: #d97757;
82
+ --sidebar: #1f1e1d;
83
+ --sidebar-foreground: #b9b6ab;
84
+ --sidebar-primary: #d97757;
85
+ --sidebar-primary-foreground: #2b1a11;
86
+ --sidebar-accent: #2e2d29;
87
+ --sidebar-accent-foreground: #e8e6df;
88
+ --sidebar-border: #333230;
89
+ --sidebar-ring: #d97757;
90
+ }
package/dist/themes/cobalt.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Cobalt — Deep cobalt blue on cool grey.
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/cobalt";
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.375rem;
20
+ --background: #f7f9fc;
21
+ --foreground: #131a24;
22
+ --card: #ffffff;
23
+ --card-foreground: #131a24;
24
+ --popover: #ffffff;
25
+ --popover-foreground: #131a24;
26
+ --primary: #1e4fa8;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #dbe6f5;
29
+ --secondary-foreground: #1c3557;
30
+ --muted: #eef2f8;
31
+ --muted-foreground: #55607a;
32
+ --accent: #e3ebf7;
33
+ --accent-foreground: #163055;
34
+ --destructive: #bf3a2e;
35
+ --destructive-foreground: #97281d;
36
+ --info: #17627d;
37
+ --info-foreground: #10485c;
38
+ --success: #3f7a52;
39
+ --success-foreground: #2e5a3c;
40
+ --warning: #a36a12;
41
+ --warning-foreground: #82540e;
42
+ --border: #dde4ee;
43
+ --input: #c8d3e3;
44
+ --ring: #1e4fa8;
45
+ --sidebar: #f1f5fb;
46
+ --sidebar-foreground: #3b465c;
47
+ --sidebar-primary: #1e4fa8;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #e2eaf6;
50
+ --sidebar-accent-foreground: #163055;
51
+ --sidebar-border: #dde5f0;
52
+ --sidebar-ring: #1e4fa8;
53
+ }
54
+
55
+ .dark {
56
+ --background: #0f1620;
57
+ --foreground: #e4eaf2;
58
+ --card: #16202c;
59
+ --card-foreground: #e4eaf2;
60
+ --popover: #16202c;
61
+ --popover-foreground: #e4eaf2;
62
+ --primary: #6ea8e8;
63
+ --primary-foreground: #0c1a2c;
64
+ --secondary: #1f2e40;
65
+ --secondary-foreground: #dbe6f5;
66
+ --muted: #182231;
67
+ --muted-foreground: #93a2b8;
68
+ --accent: #223146;
69
+ --accent-foreground: #e4eaf2;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f0a48f;
72
+ --info: #62b4cd;
73
+ --info-foreground: #93cfe0;
74
+ --success: #7fb184;
75
+ --success-foreground: #a6ccaa;
76
+ --warning: #d3a24f;
77
+ --warning-foreground: #e7c68d;
78
+ --border: #24303f;
79
+ --input: #33415a;
80
+ --ring: #6ea8e8;
81
+ --sidebar: #0b111a;
82
+ --sidebar-foreground: #b3c0d1;
83
+ --sidebar-primary: #6ea8e8;
84
+ --sidebar-primary-foreground: #0c1a2c;
85
+ --sidebar-accent: #151f2c;
86
+ --sidebar-accent-foreground: #e4eaf2;
87
+ --sidebar-border: #1b2532;
88
+ --sidebar-ring: #6ea8e8;
89
+ }
package/dist/themes/cobalt.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Cobalt — Deep cobalt blue on cool grey.
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/cobalt/scoped";
12
+ *
13
+ * Applies only where `data-palette="cobalt"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("cobalt")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/cobalt" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="cobalt"] {
20
+ --radius: 0.375rem;
21
+ --background: #f7f9fc;
22
+ --foreground: #131a24;
23
+ --card: #ffffff;
24
+ --card-foreground: #131a24;
25
+ --popover: #ffffff;
26
+ --popover-foreground: #131a24;
27
+ --primary: #1e4fa8;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #dbe6f5;
30
+ --secondary-foreground: #1c3557;
31
+ --muted: #eef2f8;
32
+ --muted-foreground: #55607a;
33
+ --accent: #e3ebf7;
34
+ --accent-foreground: #163055;
35
+ --destructive: #bf3a2e;
36
+ --destructive-foreground: #97281d;
37
+ --info: #17627d;
38
+ --info-foreground: #10485c;
39
+ --success: #3f7a52;
40
+ --success-foreground: #2e5a3c;
41
+ --warning: #a36a12;
42
+ --warning-foreground: #82540e;
43
+ --border: #dde4ee;
44
+ --input: #c8d3e3;
45
+ --ring: #1e4fa8;
46
+ --sidebar: #f1f5fb;
47
+ --sidebar-foreground: #3b465c;
48
+ --sidebar-primary: #1e4fa8;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #e2eaf6;
51
+ --sidebar-accent-foreground: #163055;
52
+ --sidebar-border: #dde5f0;
53
+ --sidebar-ring: #1e4fa8;
54
+ }
55
+
56
+ .dark[data-palette="cobalt"] {
57
+ --background: #0f1620;
58
+ --foreground: #e4eaf2;
59
+ --card: #16202c;
60
+ --card-foreground: #e4eaf2;
61
+ --popover: #16202c;
62
+ --popover-foreground: #e4eaf2;
63
+ --primary: #6ea8e8;
64
+ --primary-foreground: #0c1a2c;
65
+ --secondary: #1f2e40;
66
+ --secondary-foreground: #dbe6f5;
67
+ --muted: #182231;
68
+ --muted-foreground: #93a2b8;
69
+ --accent: #223146;
70
+ --accent-foreground: #e4eaf2;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f0a48f;
73
+ --info: #62b4cd;
74
+ --info-foreground: #93cfe0;
75
+ --success: #7fb184;
76
+ --success-foreground: #a6ccaa;
77
+ --warning: #d3a24f;
78
+ --warning-foreground: #e7c68d;
79
+ --border: #24303f;
80
+ --input: #33415a;
81
+ --ring: #6ea8e8;
82
+ --sidebar: #0b111a;
83
+ --sidebar-foreground: #b3c0d1;
84
+ --sidebar-primary: #6ea8e8;
85
+ --sidebar-primary-foreground: #0c1a2c;
86
+ --sidebar-accent: #151f2c;
87
+ --sidebar-accent-foreground: #e4eaf2;
88
+ --sidebar-border: #1b2532;
89
+ --sidebar-ring: #6ea8e8;
90
+ }
package/dist/themes/crimson.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Crimson — Oxblood, olive and steel on gunmetal.
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/crimson";
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: 0rem;
20
+ --background: #c9c9c7;
21
+ --foreground: #1f1f1f;
22
+ --card: #bcbcba;
23
+ --card-foreground: #1f1f1f;
24
+ --popover: #bcbcba;
25
+ --popover-foreground: #1f1f1f;
26
+ --primary: #8f1d1d;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #4a5f28;
29
+ --secondary-foreground: #ffffff;
30
+ --muted: #b8b8b6;
31
+ --muted-foreground: #454542;
32
+ --accent: #2f5c80;
33
+ --accent-foreground: #ffffff;
34
+ --destructive: #a8331f;
35
+ --destructive-foreground: #7d2415;
36
+ --info: #245a7a;
37
+ --info-foreground: #17435c;
38
+ --success: #3f6a2a;
39
+ --success-foreground: #2e4f1f;
40
+ --warning: #8a5a12;
41
+ --warning-foreground: #6e470e;
42
+ --border: #8f8f8c;
43
+ --input: #8f8f8c;
44
+ --ring: #8f1d1d;
45
+ --sidebar: #bcbcba;
46
+ --sidebar-foreground: #2a2a28;
47
+ --sidebar-primary: #8f1d1d;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #a9a9a6;
50
+ --sidebar-accent-foreground: #1f1f1f;
51
+ --sidebar-border: #8f8f8c;
52
+ --sidebar-ring: #8f1d1d;
53
+ }
54
+
55
+ .dark {
56
+ --background: #1a1a1a;
57
+ --foreground: #e0e0e0;
58
+ --card: #242424;
59
+ --card-foreground: #e0e0e0;
60
+ --popover: #242424;
61
+ --popover-foreground: #e0e0e0;
62
+ --primary: #e65a52;
63
+ --primary-foreground: #2a0f0e;
64
+ --secondary: #6d9440;
65
+ --secondary-foreground: #16200c;
66
+ --muted: #232323;
67
+ --muted-foreground: #a0a09c;
68
+ --accent: #64b5f6;
69
+ --accent-foreground: #0b1a24;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f0a08f;
72
+ --info: #74b0d8;
73
+ --info-foreground: #a0cbe6;
74
+ --success: #86b568;
75
+ --success-foreground: #aed096;
76
+ --warning: #d2a04e;
77
+ --warning-foreground: #e6c48b;
78
+ --border: #454545;
79
+ --input: #4f4f4f;
80
+ --ring: #e65a52;
81
+ --sidebar: #141414;
82
+ --sidebar-foreground: #b5b5b1;
83
+ --sidebar-primary: #e65a52;
84
+ --sidebar-primary-foreground: #2a0f0e;
85
+ --sidebar-accent: #1f1f1f;
86
+ --sidebar-accent-foreground: #e0e0e0;
87
+ --sidebar-border: #2b2b2b;
88
+ --sidebar-ring: #e65a52;
89
+ }
package/dist/themes/crimson.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Crimson — Oxblood, olive and steel on gunmetal.
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/crimson/scoped";
12
+ *
13
+ * Applies only where `data-palette="crimson"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("crimson")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/crimson" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="crimson"] {
20
+ --radius: 0rem;
21
+ --background: #c9c9c7;
22
+ --foreground: #1f1f1f;
23
+ --card: #bcbcba;
24
+ --card-foreground: #1f1f1f;
25
+ --popover: #bcbcba;
26
+ --popover-foreground: #1f1f1f;
27
+ --primary: #8f1d1d;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #4a5f28;
30
+ --secondary-foreground: #ffffff;
31
+ --muted: #b8b8b6;
32
+ --muted-foreground: #454542;
33
+ --accent: #2f5c80;
34
+ --accent-foreground: #ffffff;
35
+ --destructive: #a8331f;
36
+ --destructive-foreground: #7d2415;
37
+ --info: #245a7a;
38
+ --info-foreground: #17435c;
39
+ --success: #3f6a2a;
40
+ --success-foreground: #2e4f1f;
41
+ --warning: #8a5a12;
42
+ --warning-foreground: #6e470e;
43
+ --border: #8f8f8c;
44
+ --input: #8f8f8c;
45
+ --ring: #8f1d1d;
46
+ --sidebar: #bcbcba;
47
+ --sidebar-foreground: #2a2a28;
48
+ --sidebar-primary: #8f1d1d;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #a9a9a6;
51
+ --sidebar-accent-foreground: #1f1f1f;
52
+ --sidebar-border: #8f8f8c;
53
+ --sidebar-ring: #8f1d1d;
54
+ }
55
+
56
+ .dark[data-palette="crimson"] {
57
+ --background: #1a1a1a;
58
+ --foreground: #e0e0e0;
59
+ --card: #242424;
60
+ --card-foreground: #e0e0e0;
61
+ --popover: #242424;
62
+ --popover-foreground: #e0e0e0;
63
+ --primary: #e65a52;
64
+ --primary-foreground: #2a0f0e;
65
+ --secondary: #6d9440;
66
+ --secondary-foreground: #16200c;
67
+ --muted: #232323;
68
+ --muted-foreground: #a0a09c;
69
+ --accent: #64b5f6;
70
+ --accent-foreground: #0b1a24;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f0a08f;
73
+ --info: #74b0d8;
74
+ --info-foreground: #a0cbe6;
75
+ --success: #86b568;
76
+ --success-foreground: #aed096;
77
+ --warning: #d2a04e;
78
+ --warning-foreground: #e6c48b;
79
+ --border: #454545;
80
+ --input: #4f4f4f;
81
+ --ring: #e65a52;
82
+ --sidebar: #141414;
83
+ --sidebar-foreground: #b5b5b1;
84
+ --sidebar-primary: #e65a52;
85
+ --sidebar-primary-foreground: #2a0f0e;
86
+ --sidebar-accent: #1f1f1f;
87
+ --sidebar-accent-foreground: #e0e0e0;
88
+ --sidebar-border: #2b2b2b;
89
+ --sidebar-ring: #e65a52;
90
+ }
package/dist/themes/ion.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Ion — Violet and readout green on instrument grey.
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/ion";
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: 0rem;
20
+ --background: #f4f3f7;
21
+ --foreground: #17141f;
22
+ --card: #fbfafd;
23
+ --card-foreground: #17141f;
24
+ --popover: #fbfafd;
25
+ --popover-foreground: #17141f;
26
+ --primary: #5b2d8e;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #cfe3b8;
29
+ --secondary-foreground: #2d4416;
30
+ --muted: #eae8ef;
31
+ --muted-foreground: #58526a;
32
+ --accent: #dfd6ec;
33
+ --accent-foreground: #35205a;
34
+ --destructive: #c1272d;
35
+ --destructive-foreground: #971e23;
36
+ --info: #1f5f8b;
37
+ --info-foreground: #164561;
38
+ --success: #4a7a1f;
39
+ --success-foreground: #375c17;
40
+ --warning: #a06400;
41
+ --warning-foreground: #7f4f00;
42
+ --border: #e2dfe9;
43
+ --input: #cec8dc;
44
+ --ring: #5b2d8e;
45
+ --sidebar: #efedf4;
46
+ --sidebar-foreground: #423c52;
47
+ --sidebar-primary: #5b2d8e;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #e5e0ee;
50
+ --sidebar-accent-foreground: #17141f;
51
+ --sidebar-border: #e3dfec;
52
+ --sidebar-ring: #5b2d8e;
53
+ }
54
+
55
+ .dark {
56
+ --background: #100c18;
57
+ --foreground: #e9e4f2;
58
+ --card: #191322;
59
+ --card-foreground: #e9e4f2;
60
+ --popover: #191322;
61
+ --popover-foreground: #e9e4f2;
62
+ --primary: #b45cff;
63
+ --primary-foreground: #1c0733;
64
+ --secondary: #2a3d1c;
65
+ --secondary-foreground: #c9e8a8;
66
+ --muted: #171122;
67
+ --muted-foreground: #9a92ad;
68
+ --accent: #2a1d40;
69
+ --accent-foreground: #e9e4f2;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f0a48f;
72
+ --info: #6fa8ff;
73
+ --info-foreground: #9ec3ff;
74
+ --success: #8fd94f;
75
+ --success-foreground: #b3e585;
76
+ --warning: #ffb020;
77
+ --warning-foreground: #ffcd70;
78
+ --border: #262034;
79
+ --input: #363048;
80
+ --ring: #b45cff;
81
+ --sidebar: #0b0812;
82
+ --sidebar-foreground: #b6aecb;
83
+ --sidebar-primary: #b45cff;
84
+ --sidebar-primary-foreground: #1c0733;
85
+ --sidebar-accent: #150f1f;
86
+ --sidebar-accent-foreground: #e9e4f2;
87
+ --sidebar-border: #1d1729;
88
+ --sidebar-ring: #b45cff;
89
+ }
package/dist/themes/ion.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Ion — Violet and readout green on instrument grey.
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/ion/scoped";
12
+ *
13
+ * Applies only where `data-palette="ion"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("ion")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/ion" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="ion"] {
20
+ --radius: 0rem;
21
+ --background: #f4f3f7;
22
+ --foreground: #17141f;
23
+ --card: #fbfafd;
24
+ --card-foreground: #17141f;
25
+ --popover: #fbfafd;
26
+ --popover-foreground: #17141f;
27
+ --primary: #5b2d8e;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #cfe3b8;
30
+ --secondary-foreground: #2d4416;
31
+ --muted: #eae8ef;
32
+ --muted-foreground: #58526a;
33
+ --accent: #dfd6ec;
34
+ --accent-foreground: #35205a;
35
+ --destructive: #c1272d;
36
+ --destructive-foreground: #971e23;
37
+ --info: #1f5f8b;
38
+ --info-foreground: #164561;
39
+ --success: #4a7a1f;
40
+ --success-foreground: #375c17;
41
+ --warning: #a06400;
42
+ --warning-foreground: #7f4f00;
43
+ --border: #e2dfe9;
44
+ --input: #cec8dc;
45
+ --ring: #5b2d8e;
46
+ --sidebar: #efedf4;
47
+ --sidebar-foreground: #423c52;
48
+ --sidebar-primary: #5b2d8e;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #e5e0ee;
51
+ --sidebar-accent-foreground: #17141f;
52
+ --sidebar-border: #e3dfec;
53
+ --sidebar-ring: #5b2d8e;
54
+ }
55
+
56
+ .dark[data-palette="ion"] {
57
+ --background: #100c18;
58
+ --foreground: #e9e4f2;
59
+ --card: #191322;
60
+ --card-foreground: #e9e4f2;
61
+ --popover: #191322;
62
+ --popover-foreground: #e9e4f2;
63
+ --primary: #b45cff;
64
+ --primary-foreground: #1c0733;
65
+ --secondary: #2a3d1c;
66
+ --secondary-foreground: #c9e8a8;
67
+ --muted: #171122;
68
+ --muted-foreground: #9a92ad;
69
+ --accent: #2a1d40;
70
+ --accent-foreground: #e9e4f2;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f0a48f;
73
+ --info: #6fa8ff;
74
+ --info-foreground: #9ec3ff;
75
+ --success: #8fd94f;
76
+ --success-foreground: #b3e585;
77
+ --warning: #ffb020;
78
+ --warning-foreground: #ffcd70;
79
+ --border: #262034;
80
+ --input: #363048;
81
+ --ring: #b45cff;
82
+ --sidebar: #0b0812;
83
+ --sidebar-foreground: #b6aecb;
84
+ --sidebar-primary: #b45cff;
85
+ --sidebar-primary-foreground: #1c0733;
86
+ --sidebar-accent: #150f1f;
87
+ --sidebar-accent-foreground: #e9e4f2;
88
+ --sidebar-border: #1d1729;
89
+ --sidebar-ring: #b45cff;
90
+ }