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/cathode.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Cathode — Hot magenta and phosphor green on cold concrete.
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/cathode";
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.125rem;
20
+ --background: #eaecec;
21
+ --foreground: #101314;
22
+ --card: #f5f7f7;
23
+ --card-foreground: #101314;
24
+ --popover: #f5f7f7;
25
+ --popover-foreground: #101314;
26
+ --primary: #ab0f7d;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #d3dadb;
29
+ --secondary-foreground: #1b2628;
30
+ --muted: #e2e6e6;
31
+ --muted-foreground: #515a5b;
32
+ --accent: #d6e8ec;
33
+ --accent-foreground: #0d3a45;
34
+ --destructive: #c22020;
35
+ --destructive-foreground: #991919;
36
+ --info: #16607f;
37
+ --info-foreground: #0f4459;
38
+ --success: #3f8f1f;
39
+ --success-foreground: #2f6b17;
40
+ --warning: #9c6600;
41
+ --warning-foreground: #7d5100;
42
+ --border: #d5dada;
43
+ --input: #bfc6c6;
44
+ --ring: #ab0f7d;
45
+ --sidebar: #e4e8e8;
46
+ --sidebar-foreground: #3c4445;
47
+ --sidebar-primary: #ab0f7d;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #d8dede;
50
+ --sidebar-accent-foreground: #101314;
51
+ --sidebar-border: #d1d7d7;
52
+ --sidebar-ring: #ab0f7d;
53
+ }
54
+
55
+ .dark {
56
+ --background: #0b0e0f;
57
+ --foreground: #dfe6e7;
58
+ --card: #141819;
59
+ --card-foreground: #dfe6e7;
60
+ --popover: #141819;
61
+ --popover-foreground: #dfe6e7;
62
+ --primary: #f81ad0;
63
+ --primary-foreground: #2b0019;
64
+ --secondary: #1b2426;
65
+ --secondary-foreground: #dfe6e7;
66
+ --muted: #14191a;
67
+ --muted-foreground: #93a0a1;
68
+ --accent: #10333c;
69
+ --accent-foreground: #5fe0f5;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f0a48f;
72
+ --info: #4dd0e1;
73
+ --info-foreground: #8ae0ec;
74
+ --success: #7cff50;
75
+ --success-foreground: #a8ff8a;
76
+ --warning: #ffb300;
77
+ --warning-foreground: #ffd166;
78
+ --border: #212829;
79
+ --input: #303839;
80
+ --ring: #f81ad0;
81
+ --sidebar: #070a0a;
82
+ --sidebar-foreground: #b0babb;
83
+ --sidebar-primary: #f81ad0;
84
+ --sidebar-primary-foreground: #2b0019;
85
+ --sidebar-accent: #121718;
86
+ --sidebar-accent-foreground: #dfe6e7;
87
+ --sidebar-border: #1a2021;
88
+ --sidebar-ring: #f81ad0;
89
+ }
package/dist/themes/cathode.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Cathode — Hot magenta and phosphor green on cold concrete.
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/cathode/scoped";
12
+ *
13
+ * Applies only where `data-palette="cathode"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("cathode")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/cathode" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="cathode"] {
20
+ --radius: 0.125rem;
21
+ --background: #eaecec;
22
+ --foreground: #101314;
23
+ --card: #f5f7f7;
24
+ --card-foreground: #101314;
25
+ --popover: #f5f7f7;
26
+ --popover-foreground: #101314;
27
+ --primary: #ab0f7d;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #d3dadb;
30
+ --secondary-foreground: #1b2628;
31
+ --muted: #e2e6e6;
32
+ --muted-foreground: #515a5b;
33
+ --accent: #d6e8ec;
34
+ --accent-foreground: #0d3a45;
35
+ --destructive: #c22020;
36
+ --destructive-foreground: #991919;
37
+ --info: #16607f;
38
+ --info-foreground: #0f4459;
39
+ --success: #3f8f1f;
40
+ --success-foreground: #2f6b17;
41
+ --warning: #9c6600;
42
+ --warning-foreground: #7d5100;
43
+ --border: #d5dada;
44
+ --input: #bfc6c6;
45
+ --ring: #ab0f7d;
46
+ --sidebar: #e4e8e8;
47
+ --sidebar-foreground: #3c4445;
48
+ --sidebar-primary: #ab0f7d;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #d8dede;
51
+ --sidebar-accent-foreground: #101314;
52
+ --sidebar-border: #d1d7d7;
53
+ --sidebar-ring: #ab0f7d;
54
+ }
55
+
56
+ .dark[data-palette="cathode"] {
57
+ --background: #0b0e0f;
58
+ --foreground: #dfe6e7;
59
+ --card: #141819;
60
+ --card-foreground: #dfe6e7;
61
+ --popover: #141819;
62
+ --popover-foreground: #dfe6e7;
63
+ --primary: #f81ad0;
64
+ --primary-foreground: #2b0019;
65
+ --secondary: #1b2426;
66
+ --secondary-foreground: #dfe6e7;
67
+ --muted: #14191a;
68
+ --muted-foreground: #93a0a1;
69
+ --accent: #10333c;
70
+ --accent-foreground: #5fe0f5;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f0a48f;
73
+ --info: #4dd0e1;
74
+ --info-foreground: #8ae0ec;
75
+ --success: #7cff50;
76
+ --success-foreground: #a8ff8a;
77
+ --warning: #ffb300;
78
+ --warning-foreground: #ffd166;
79
+ --border: #212829;
80
+ --input: #303839;
81
+ --ring: #f81ad0;
82
+ --sidebar: #070a0a;
83
+ --sidebar-foreground: #b0babb;
84
+ --sidebar-primary: #f81ad0;
85
+ --sidebar-primary-foreground: #2b0019;
86
+ --sidebar-accent: #121718;
87
+ --sidebar-accent-foreground: #dfe6e7;
88
+ --sidebar-border: #1a2021;
89
+ --sidebar-ring: #f81ad0;
90
+ }
package/dist/themes/cel.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Cel — Sky blue and marigold, flat and high-key.
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/cel";
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: 1rem;
20
+ --background: #fdfcf7;
21
+ --foreground: #1f2430;
22
+ --card: #ffffff;
23
+ --card-foreground: #1f2430;
24
+ --popover: #ffffff;
25
+ --popover-foreground: #1f2430;
26
+ --primary: #ffc72c;
27
+ --primary-foreground: #4a3800;
28
+ --secondary: #cfe4f5;
29
+ --secondary-foreground: #14507f;
30
+ --muted: #f2f0e8;
31
+ --muted-foreground: #5b6070;
32
+ --accent: #e3f0fa;
33
+ --accent-foreground: #14507f;
34
+ --destructive: #d32f2f;
35
+ --destructive-foreground: #a52424;
36
+ --info: #0e7c8c;
37
+ --info-foreground: #0a5c68;
38
+ --success: #2e8b3d;
39
+ --success-foreground: #226a2e;
40
+ --warning: #a85f00;
41
+ --warning-foreground: #7a4400;
42
+ --border: #e9e6db;
43
+ --input: #d5d1c2;
44
+ --ring: #1a72bd;
45
+ --sidebar: #fbf8ee;
46
+ --sidebar-foreground: #4a4f5c;
47
+ --sidebar-primary: #ffc72c;
48
+ --sidebar-primary-foreground: #4a3800;
49
+ --sidebar-accent: #dceaf7;
50
+ --sidebar-accent-foreground: #14507f;
51
+ --sidebar-border: #eee9d9;
52
+ --sidebar-ring: #1a72bd;
53
+ }
54
+
55
+ .dark {
56
+ --background: #131722;
57
+ --foreground: #eef1f7;
58
+ --card: #1b2130;
59
+ --card-foreground: #eef1f7;
60
+ --popover: #1b2130;
61
+ --popover-foreground: #eef1f7;
62
+ --primary: #ffd93d;
63
+ --primary-foreground: #4a3800;
64
+ --secondary: #1e3d57;
65
+ --secondary-foreground: #a8d8ff;
66
+ --muted: #191f2b;
67
+ --muted-foreground: #99a2b5;
68
+ --accent: #2a3346;
69
+ --accent-foreground: #eef1f7;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f0a48f;
72
+ --info: #4fd0e0;
73
+ --info-foreground: #8ce0eb;
74
+ --success: #6fd47f;
75
+ --success-foreground: #9ce3a8;
76
+ --warning: #f0932b;
77
+ --warning-foreground: #f7b877;
78
+ --border: #262e3e;
79
+ --input: #354054;
80
+ --ring: #4fa8e8;
81
+ --sidebar: #0f131c;
82
+ --sidebar-foreground: #b4bccb;
83
+ --sidebar-primary: #ffd93d;
84
+ --sidebar-primary-foreground: #4a3800;
85
+ --sidebar-accent: #171d28;
86
+ --sidebar-accent-foreground: #eef1f7;
87
+ --sidebar-border: #1e2532;
88
+ --sidebar-ring: #4fa8e8;
89
+ }
package/dist/themes/cel.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Cel — Sky blue and marigold, flat and high-key.
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/cel/scoped";
12
+ *
13
+ * Applies only where `data-palette="cel"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("cel")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/cel" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="cel"] {
20
+ --radius: 1rem;
21
+ --background: #fdfcf7;
22
+ --foreground: #1f2430;
23
+ --card: #ffffff;
24
+ --card-foreground: #1f2430;
25
+ --popover: #ffffff;
26
+ --popover-foreground: #1f2430;
27
+ --primary: #ffc72c;
28
+ --primary-foreground: #4a3800;
29
+ --secondary: #cfe4f5;
30
+ --secondary-foreground: #14507f;
31
+ --muted: #f2f0e8;
32
+ --muted-foreground: #5b6070;
33
+ --accent: #e3f0fa;
34
+ --accent-foreground: #14507f;
35
+ --destructive: #d32f2f;
36
+ --destructive-foreground: #a52424;
37
+ --info: #0e7c8c;
38
+ --info-foreground: #0a5c68;
39
+ --success: #2e8b3d;
40
+ --success-foreground: #226a2e;
41
+ --warning: #a85f00;
42
+ --warning-foreground: #7a4400;
43
+ --border: #e9e6db;
44
+ --input: #d5d1c2;
45
+ --ring: #1a72bd;
46
+ --sidebar: #fbf8ee;
47
+ --sidebar-foreground: #4a4f5c;
48
+ --sidebar-primary: #ffc72c;
49
+ --sidebar-primary-foreground: #4a3800;
50
+ --sidebar-accent: #dceaf7;
51
+ --sidebar-accent-foreground: #14507f;
52
+ --sidebar-border: #eee9d9;
53
+ --sidebar-ring: #1a72bd;
54
+ }
55
+
56
+ .dark[data-palette="cel"] {
57
+ --background: #131722;
58
+ --foreground: #eef1f7;
59
+ --card: #1b2130;
60
+ --card-foreground: #eef1f7;
61
+ --popover: #1b2130;
62
+ --popover-foreground: #eef1f7;
63
+ --primary: #ffd93d;
64
+ --primary-foreground: #4a3800;
65
+ --secondary: #1e3d57;
66
+ --secondary-foreground: #a8d8ff;
67
+ --muted: #191f2b;
68
+ --muted-foreground: #99a2b5;
69
+ --accent: #2a3346;
70
+ --accent-foreground: #eef1f7;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f0a48f;
73
+ --info: #4fd0e0;
74
+ --info-foreground: #8ce0eb;
75
+ --success: #6fd47f;
76
+ --success-foreground: #9ce3a8;
77
+ --warning: #f0932b;
78
+ --warning-foreground: #f7b877;
79
+ --border: #262e3e;
80
+ --input: #354054;
81
+ --ring: #4fa8e8;
82
+ --sidebar: #0f131c;
83
+ --sidebar-foreground: #b4bccb;
84
+ --sidebar-primary: #ffd93d;
85
+ --sidebar-primary-foreground: #4a3800;
86
+ --sidebar-accent: #171d28;
87
+ --sidebar-accent-foreground: #eef1f7;
88
+ --sidebar-border: #1e2532;
89
+ --sidebar-ring: #4fa8e8;
90
+ }
package/dist/themes/cinder.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Cinder — Molten orange on cold ash.
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/cinder";
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: #edecea;
21
+ --foreground: #1a1714;
22
+ --card: #f7f6f4;
23
+ --card-foreground: #1a1714;
24
+ --popover: #f7f6f4;
25
+ --popover-foreground: #1a1714;
26
+ --primary: #9e3608;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #dcd8d2;
29
+ --secondary-foreground: #2b2621;
30
+ --muted: #e4e2df;
31
+ --muted-foreground: #565049;
32
+ --accent: #f2ded0;
33
+ --accent-foreground: #5c3218;
34
+ --destructive: #9e1b2e;
35
+ --destructive-foreground: #7c1424;
36
+ --info: #1f5f8b;
37
+ --info-foreground: #164561;
38
+ --success: #3f7040;
39
+ --success-foreground: #2e532f;
40
+ --warning: #96601a;
41
+ --warning-foreground: #784c14;
42
+ --border: #dcd9d5;
43
+ --input: #c6c2bc;
44
+ --ring: #9e3608;
45
+ --sidebar: #e6e4e1;
46
+ --sidebar-foreground: #3f3a34;
47
+ --sidebar-primary: #9e3608;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #ddd8d2;
50
+ --sidebar-accent-foreground: #1a1714;
51
+ --sidebar-border: #d7d3ce;
52
+ --sidebar-ring: #9e3608;
53
+ }
54
+
55
+ .dark {
56
+ --background: #14100e;
57
+ --foreground: #ede7e0;
58
+ --card: #1e1815;
59
+ --card-foreground: #ede7e0;
60
+ --popover: #1e1815;
61
+ --popover-foreground: #ede7e0;
62
+ --primary: #ff6b1f;
63
+ --primary-foreground: #2b0d00;
64
+ --secondary: #2e241e;
65
+ --secondary-foreground: #ede7e0;
66
+ --muted: #1a1613;
67
+ --muted-foreground: #a89a8e;
68
+ --accent: #3d2415;
69
+ --accent-foreground: #ffb98a;
70
+ --destructive: #d92b4a;
71
+ --destructive-foreground: #ff9aad;
72
+ --info: #6fa8d0;
73
+ --info-foreground: #9cc6e4;
74
+ --success: #7fae7c;
75
+ --success-foreground: #a5c9a2;
76
+ --warning: #ffb020;
77
+ --warning-foreground: #ffcd70;
78
+ --border: #2a231e;
79
+ --input: #3a312a;
80
+ --ring: #ff6b1f;
81
+ --sidebar: #0f0c0a;
82
+ --sidebar-foreground: #b8ada2;
83
+ --sidebar-primary: #ff6b1f;
84
+ --sidebar-primary-foreground: #2b0d00;
85
+ --sidebar-accent: #1a1512;
86
+ --sidebar-accent-foreground: #ede7e0;
87
+ --sidebar-border: #221c18;
88
+ --sidebar-ring: #ff6b1f;
89
+ }
package/dist/themes/cinder.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Cinder — Molten orange on cold ash.
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/cinder/scoped";
12
+ *
13
+ * Applies only where `data-palette="cinder"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("cinder")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/cinder" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="cinder"] {
20
+ --radius: 0.25rem;
21
+ --background: #edecea;
22
+ --foreground: #1a1714;
23
+ --card: #f7f6f4;
24
+ --card-foreground: #1a1714;
25
+ --popover: #f7f6f4;
26
+ --popover-foreground: #1a1714;
27
+ --primary: #9e3608;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #dcd8d2;
30
+ --secondary-foreground: #2b2621;
31
+ --muted: #e4e2df;
32
+ --muted-foreground: #565049;
33
+ --accent: #f2ded0;
34
+ --accent-foreground: #5c3218;
35
+ --destructive: #9e1b2e;
36
+ --destructive-foreground: #7c1424;
37
+ --info: #1f5f8b;
38
+ --info-foreground: #164561;
39
+ --success: #3f7040;
40
+ --success-foreground: #2e532f;
41
+ --warning: #96601a;
42
+ --warning-foreground: #784c14;
43
+ --border: #dcd9d5;
44
+ --input: #c6c2bc;
45
+ --ring: #9e3608;
46
+ --sidebar: #e6e4e1;
47
+ --sidebar-foreground: #3f3a34;
48
+ --sidebar-primary: #9e3608;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #ddd8d2;
51
+ --sidebar-accent-foreground: #1a1714;
52
+ --sidebar-border: #d7d3ce;
53
+ --sidebar-ring: #9e3608;
54
+ }
55
+
56
+ .dark[data-palette="cinder"] {
57
+ --background: #14100e;
58
+ --foreground: #ede7e0;
59
+ --card: #1e1815;
60
+ --card-foreground: #ede7e0;
61
+ --popover: #1e1815;
62
+ --popover-foreground: #ede7e0;
63
+ --primary: #ff6b1f;
64
+ --primary-foreground: #2b0d00;
65
+ --secondary: #2e241e;
66
+ --secondary-foreground: #ede7e0;
67
+ --muted: #1a1613;
68
+ --muted-foreground: #a89a8e;
69
+ --accent: #3d2415;
70
+ --accent-foreground: #ffb98a;
71
+ --destructive: #d92b4a;
72
+ --destructive-foreground: #ff9aad;
73
+ --info: #6fa8d0;
74
+ --info-foreground: #9cc6e4;
75
+ --success: #7fae7c;
76
+ --success-foreground: #a5c9a2;
77
+ --warning: #ffb020;
78
+ --warning-foreground: #ffcd70;
79
+ --border: #2a231e;
80
+ --input: #3a312a;
81
+ --ring: #ff6b1f;
82
+ --sidebar: #0f0c0a;
83
+ --sidebar-foreground: #b8ada2;
84
+ --sidebar-primary: #ff6b1f;
85
+ --sidebar-primary-foreground: #2b0d00;
86
+ --sidebar-accent: #1a1512;
87
+ --sidebar-accent-foreground: #ede7e0;
88
+ --sidebar-border: #221c18;
89
+ --sidebar-ring: #ff6b1f;
90
+ }
package/dist/themes/clay.css ADDED
@@ -0,0 +1,89 @@
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";
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: #faf9f5;
21
+ --foreground: #3d3929;
22
+ --card: #ffffff;
23
+ --card-foreground: #3d3929;
24
+ --popover: #ffffff;
25
+ --popover-foreground: #3d3929;
26
+ --primary: #a9512b;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #e9e6dc;
29
+ --secondary-foreground: #4a4738;
30
+ --muted: #ede9de;
31
+ --muted-foreground: #6b6858;
32
+ --accent: #e3dfd2;
33
+ --accent-foreground: #3d3929;
34
+ --destructive: #c0392b;
35
+ --destructive-foreground: #96271b;
36
+ --info: #2f6f9f;
37
+ --info-foreground: #1f5378;
38
+ --success: #4a7c4e;
39
+ --success-foreground: #35603a;
40
+ --warning: #b0741c;
41
+ --warning-foreground: #875614;
42
+ --border: #dad9d4;
43
+ --input: #cfcdc2;
44
+ --ring: #a9512b;
45
+ --sidebar: #f5f4ee;
46
+ --sidebar-foreground: #55523f;
47
+ --sidebar-primary: #a9512b;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #e9e6dc;
50
+ --sidebar-accent-foreground: #3d3929;
51
+ --sidebar-border: #e2e0d8;
52
+ --sidebar-ring: #a9512b;
53
+ }
54
+
55
+ .dark {
56
+ --background: #262624;
57
+ --foreground: #e8e6df;
58
+ --card: #2d2d2a;
59
+ --card-foreground: #e8e6df;
60
+ --popover: #30302e;
61
+ --popover-foreground: #e8e6df;
62
+ --primary: #d97757;
63
+ --primary-foreground: #2b1a11;
64
+ --secondary: #35342f;
65
+ --secondary-foreground: #e8e6df;
66
+ --muted: #302f2b;
67
+ --muted-foreground: #a8a599;
68
+ --accent: #3a3833;
69
+ --accent-foreground: #e8e6df;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f2a394;
72
+ --info: #6fa8d0;
73
+ --info-foreground: #9cc6e4;
74
+ --success: #7fae7c;
75
+ --success-foreground: #a5c9a2;
76
+ --warning: #d99f4e;
77
+ --warning-foreground: #e8c188;
78
+ --border: #3e3e38;
79
+ --input: #4a4942;
80
+ --ring: #d97757;
81
+ --sidebar: #1f1e1d;
82
+ --sidebar-foreground: #b9b6ab;
83
+ --sidebar-primary: #d97757;
84
+ --sidebar-primary-foreground: #2b1a11;
85
+ --sidebar-accent: #2e2d29;
86
+ --sidebar-accent-foreground: #e8e6df;
87
+ --sidebar-border: #333230;
88
+ --sidebar-ring: #d97757;
89
+ }