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/iris.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Iris — Indigo and violet on soft lilac.
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/iris";
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.625rem;
20
+ --background: #faf9fd;
21
+ --foreground: #1e1a2e;
22
+ --card: #ffffff;
23
+ --card-foreground: #1e1a2e;
24
+ --popover: #ffffff;
25
+ --popover-foreground: #1e1a2e;
26
+ --primary: #5544c4;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #e4dffa;
29
+ --secondary-foreground: #332a63;
30
+ --muted: #f0edf7;
31
+ --muted-foreground: #5f5878;
32
+ --accent: #ece6fb;
33
+ --accent-foreground: #2f2559;
34
+ --destructive: #c2323f;
35
+ --destructive-foreground: #9a2431;
36
+ --info: #2f6482;
37
+ --info-foreground: #1f4a61;
38
+ --success: #3f7a52;
39
+ --success-foreground: #2e5a3c;
40
+ --warning: #a36a12;
41
+ --warning-foreground: #82540e;
42
+ --border: #e6e1f0;
43
+ --input: #d2cae6;
44
+ --ring: #5544c4;
45
+ --sidebar: #f6f3fc;
46
+ --sidebar-foreground: #453e5e;
47
+ --sidebar-primary: #5544c4;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #eae4f9;
50
+ --sidebar-accent-foreground: #2f2559;
51
+ --sidebar-border: #e8e2f3;
52
+ --sidebar-ring: #5544c4;
53
+ }
54
+
55
+ .dark {
56
+ --background: #14111f;
57
+ --foreground: #ece8f6;
58
+ --card: #1c1829;
59
+ --card-foreground: #ece8f6;
60
+ --popover: #1c1829;
61
+ --popover-foreground: #ece8f6;
62
+ --primary: #a596f5;
63
+ --primary-foreground: #1a1230;
64
+ --secondary: #2a2440;
65
+ --secondary-foreground: #ece8f6;
66
+ --muted: #1e1a2b;
67
+ --muted-foreground: #9d95b5;
68
+ --accent: #2f2847;
69
+ --accent-foreground: #ece8f6;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f0a48f;
72
+ --info: #74b0d8;
73
+ --info-foreground: #a0cbe6;
74
+ --success: #7fb184;
75
+ --success-foreground: #a6ccaa;
76
+ --warning: #d3a24f;
77
+ --warning-foreground: #e7c68d;
78
+ --border: #2b2540;
79
+ --input: #3a3253;
80
+ --ring: #a596f5;
81
+ --sidebar: #100d18;
82
+ --sidebar-foreground: #b8b1cc;
83
+ --sidebar-primary: #a596f5;
84
+ --sidebar-primary-foreground: #1a1230;
85
+ --sidebar-accent: #1a1626;
86
+ --sidebar-accent-foreground: #ece8f6;
87
+ --sidebar-border: #201b2e;
88
+ --sidebar-ring: #a596f5;
89
+ }
package/dist/themes/iris.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Iris — Indigo and violet on soft lilac.
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/iris/scoped";
12
+ *
13
+ * Applies only where `data-palette="iris"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("iris")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/iris" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="iris"] {
20
+ --radius: 0.625rem;
21
+ --background: #faf9fd;
22
+ --foreground: #1e1a2e;
23
+ --card: #ffffff;
24
+ --card-foreground: #1e1a2e;
25
+ --popover: #ffffff;
26
+ --popover-foreground: #1e1a2e;
27
+ --primary: #5544c4;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #e4dffa;
30
+ --secondary-foreground: #332a63;
31
+ --muted: #f0edf7;
32
+ --muted-foreground: #5f5878;
33
+ --accent: #ece6fb;
34
+ --accent-foreground: #2f2559;
35
+ --destructive: #c2323f;
36
+ --destructive-foreground: #9a2431;
37
+ --info: #2f6482;
38
+ --info-foreground: #1f4a61;
39
+ --success: #3f7a52;
40
+ --success-foreground: #2e5a3c;
41
+ --warning: #a36a12;
42
+ --warning-foreground: #82540e;
43
+ --border: #e6e1f0;
44
+ --input: #d2cae6;
45
+ --ring: #5544c4;
46
+ --sidebar: #f6f3fc;
47
+ --sidebar-foreground: #453e5e;
48
+ --sidebar-primary: #5544c4;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #eae4f9;
51
+ --sidebar-accent-foreground: #2f2559;
52
+ --sidebar-border: #e8e2f3;
53
+ --sidebar-ring: #5544c4;
54
+ }
55
+
56
+ .dark[data-palette="iris"] {
57
+ --background: #14111f;
58
+ --foreground: #ece8f6;
59
+ --card: #1c1829;
60
+ --card-foreground: #ece8f6;
61
+ --popover: #1c1829;
62
+ --popover-foreground: #ece8f6;
63
+ --primary: #a596f5;
64
+ --primary-foreground: #1a1230;
65
+ --secondary: #2a2440;
66
+ --secondary-foreground: #ece8f6;
67
+ --muted: #1e1a2b;
68
+ --muted-foreground: #9d95b5;
69
+ --accent: #2f2847;
70
+ --accent-foreground: #ece8f6;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f0a48f;
73
+ --info: #74b0d8;
74
+ --info-foreground: #a0cbe6;
75
+ --success: #7fb184;
76
+ --success-foreground: #a6ccaa;
77
+ --warning: #d3a24f;
78
+ --warning-foreground: #e7c68d;
79
+ --border: #2b2540;
80
+ --input: #3a3253;
81
+ --ring: #a596f5;
82
+ --sidebar: #100d18;
83
+ --sidebar-foreground: #b8b1cc;
84
+ --sidebar-primary: #a596f5;
85
+ --sidebar-primary-foreground: #1a1230;
86
+ --sidebar-accent: #1a1626;
87
+ --sidebar-accent-foreground: #ece8f6;
88
+ --sidebar-border: #201b2e;
89
+ --sidebar-ring: #a596f5;
90
+ }
package/dist/themes/lagoon.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Lagoon — Deep teal on cool mineral.
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/lagoon";
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: #f5faf9;
21
+ --foreground: #10231f;
22
+ --card: #ffffff;
23
+ --card-foreground: #10231f;
24
+ --popover: #ffffff;
25
+ --popover-foreground: #10231f;
26
+ --primary: #0a6b72;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #cfe8e2;
29
+ --secondary-foreground: #14453d;
30
+ --muted: #e9f1ef;
31
+ --muted-foreground: #4f6360;
32
+ --accent: #dcece8;
33
+ --accent-foreground: #10352f;
34
+ --destructive: #bb3a2a;
35
+ --destructive-foreground: #932a1c;
36
+ --info: #2a5fa0;
37
+ --info-foreground: #1c4577;
38
+ --success: #4a7c3f;
39
+ --success-foreground: #375c2e;
40
+ --warning: #a36a12;
41
+ --warning-foreground: #82540e;
42
+ --border: #dbe7e4;
43
+ --input: #c3d5d1;
44
+ --ring: #0a6b72;
45
+ --sidebar: #eef6f4;
46
+ --sidebar-foreground: #37504b;
47
+ --sidebar-primary: #0a6b72;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #dfeeea;
50
+ --sidebar-accent-foreground: #10352f;
51
+ --sidebar-border: #dcebe7;
52
+ --sidebar-ring: #0a6b72;
53
+ }
54
+
55
+ .dark {
56
+ --background: #0c1614;
57
+ --foreground: #e0eeea;
58
+ --card: #12201d;
59
+ --card-foreground: #e0eeea;
60
+ --popover: #12201d;
61
+ --popover-foreground: #e0eeea;
62
+ --primary: #4ac2bd;
63
+ --primary-foreground: #05201c;
64
+ --secondary: #1e332f;
65
+ --secondary-foreground: #e0eeea;
66
+ --muted: #142320;
67
+ --muted-foreground: #8fa39e;
68
+ --accent: #243934;
69
+ --accent-foreground: #e0eeea;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f0a48f;
72
+ --info: #74b0d8;
73
+ --info-foreground: #a0cbe6;
74
+ --success: #8fbe72;
75
+ --success-foreground: #b0d49a;
76
+ --warning: #d3a24f;
77
+ --warning-foreground: #e7c68d;
78
+ --border: #1f302c;
79
+ --input: #2e433e;
80
+ --ring: #4ac2bd;
81
+ --sidebar: #081110;
82
+ --sidebar-foreground: #adc0bb;
83
+ --sidebar-primary: #4ac2bd;
84
+ --sidebar-primary-foreground: #05201c;
85
+ --sidebar-accent: #101d1a;
86
+ --sidebar-accent-foreground: #e0eeea;
87
+ --sidebar-border: #182825;
88
+ --sidebar-ring: #4ac2bd;
89
+ }
package/dist/themes/lagoon.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Lagoon — Deep teal on cool mineral.
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/lagoon/scoped";
12
+ *
13
+ * Applies only where `data-palette="lagoon"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("lagoon")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/lagoon" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="lagoon"] {
20
+ --radius: 0.5rem;
21
+ --background: #f5faf9;
22
+ --foreground: #10231f;
23
+ --card: #ffffff;
24
+ --card-foreground: #10231f;
25
+ --popover: #ffffff;
26
+ --popover-foreground: #10231f;
27
+ --primary: #0a6b72;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #cfe8e2;
30
+ --secondary-foreground: #14453d;
31
+ --muted: #e9f1ef;
32
+ --muted-foreground: #4f6360;
33
+ --accent: #dcece8;
34
+ --accent-foreground: #10352f;
35
+ --destructive: #bb3a2a;
36
+ --destructive-foreground: #932a1c;
37
+ --info: #2a5fa0;
38
+ --info-foreground: #1c4577;
39
+ --success: #4a7c3f;
40
+ --success-foreground: #375c2e;
41
+ --warning: #a36a12;
42
+ --warning-foreground: #82540e;
43
+ --border: #dbe7e4;
44
+ --input: #c3d5d1;
45
+ --ring: #0a6b72;
46
+ --sidebar: #eef6f4;
47
+ --sidebar-foreground: #37504b;
48
+ --sidebar-primary: #0a6b72;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #dfeeea;
51
+ --sidebar-accent-foreground: #10352f;
52
+ --sidebar-border: #dcebe7;
53
+ --sidebar-ring: #0a6b72;
54
+ }
55
+
56
+ .dark[data-palette="lagoon"] {
57
+ --background: #0c1614;
58
+ --foreground: #e0eeea;
59
+ --card: #12201d;
60
+ --card-foreground: #e0eeea;
61
+ --popover: #12201d;
62
+ --popover-foreground: #e0eeea;
63
+ --primary: #4ac2bd;
64
+ --primary-foreground: #05201c;
65
+ --secondary: #1e332f;
66
+ --secondary-foreground: #e0eeea;
67
+ --muted: #142320;
68
+ --muted-foreground: #8fa39e;
69
+ --accent: #243934;
70
+ --accent-foreground: #e0eeea;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f0a48f;
73
+ --info: #74b0d8;
74
+ --info-foreground: #a0cbe6;
75
+ --success: #8fbe72;
76
+ --success-foreground: #b0d49a;
77
+ --warning: #d3a24f;
78
+ --warning-foreground: #e7c68d;
79
+ --border: #1f302c;
80
+ --input: #2e433e;
81
+ --ring: #4ac2bd;
82
+ --sidebar: #081110;
83
+ --sidebar-foreground: #adc0bb;
84
+ --sidebar-primary: #4ac2bd;
85
+ --sidebar-primary-foreground: #05201c;
86
+ --sidebar-accent: #101d1a;
87
+ --sidebar-accent-foreground: #e0eeea;
88
+ --sidebar-border: #182825;
89
+ --sidebar-ring: #4ac2bd;
90
+ }
package/dist/themes/mochi.css ADDED
@@ -0,0 +1,89 @@
1
+ /**
2
+ * Mochi — Milky orchid, mint and blush.
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/mochi";
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: 1.5rem;
20
+ --background: #fbf9fd;
21
+ --foreground: #3a3348;
22
+ --card: #ffffff;
23
+ --card-foreground: #3a3348;
24
+ --popover: #ffffff;
25
+ --popover-foreground: #3a3348;
26
+ --primary: #a04d92;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #cdf0e0;
29
+ --secondary-foreground: #14513a;
30
+ --muted: #f4f1f7;
31
+ --muted-foreground: #625a70;
32
+ --accent: #ffe4ec;
33
+ --accent-foreground: #7d2f4a;
34
+ --destructive: #c33a4e;
35
+ --destructive-foreground: #9a2b3c;
36
+ --info: #3a6fa8;
37
+ --info-foreground: #29527d;
38
+ --success: #2f7d57;
39
+ --success-foreground: #235d40;
40
+ --warning: #a8700f;
41
+ --warning-foreground: #85580c;
42
+ --border: #ece7f0;
43
+ --input: #dbd3e2;
44
+ --ring: #a04d92;
45
+ --sidebar: #f8f5fa;
46
+ --sidebar-foreground: #4f4760;
47
+ --sidebar-primary: #a04d92;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #f2e8f2;
50
+ --sidebar-accent-foreground: #3a3348;
51
+ --sidebar-border: #ebe5ee;
52
+ --sidebar-ring: #a04d92;
53
+ }
54
+
55
+ .dark {
56
+ --background: #1c1824;
57
+ --foreground: #efe9f5;
58
+ --card: #251f2e;
59
+ --card-foreground: #efe9f5;
60
+ --popover: #251f2e;
61
+ --popover-foreground: #efe9f5;
62
+ --primary: #e4a0d8;
63
+ --primary-foreground: #2e0f28;
64
+ --secondary: #1a3d31;
65
+ --secondary-foreground: #a8e8cd;
66
+ --muted: #211c2a;
67
+ --muted-foreground: #a89fb5;
68
+ --accent: #3d2430;
69
+ --accent-foreground: #ffd0dd;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f2a493;
72
+ --info: #8fb8e8;
73
+ --info-foreground: #b3cef0;
74
+ --success: #8fdcb5;
75
+ --success-foreground: #b0e8ca;
76
+ --warning: #e8c470;
77
+ --warning-foreground: #f0d79c;
78
+ --border: #2e2838;
79
+ --input: #3d3548;
80
+ --ring: #e4a0d8;
81
+ --sidebar: #16121d;
82
+ --sidebar-foreground: #bdb4c9;
83
+ --sidebar-primary: #e4a0d8;
84
+ --sidebar-primary-foreground: #2e0f28;
85
+ --sidebar-accent: #1f1a27;
86
+ --sidebar-accent-foreground: #efe9f5;
87
+ --sidebar-border: #262030;
88
+ --sidebar-ring: #e4a0d8;
89
+ }
package/dist/themes/mochi.scoped.css ADDED
@@ -0,0 +1,90 @@
1
+ /**
2
+ * Mochi — Milky orchid, mint and blush.
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/mochi/scoped";
12
+ *
13
+ * Applies only where `data-palette="mochi"` is set. Use this form when your
14
+ * app switches palettes at runtime — pass `defaultPalette` to ThemeProvider
15
+ * and call `setPalette("mochi")` from `useTheme()`. For a single fixed
16
+ * palette import "xiod-ui/themes/mochi" instead, which needs no attribute.
17
+ */
18
+
19
+ [data-palette="mochi"] {
20
+ --radius: 1.5rem;
21
+ --background: #fbf9fd;
22
+ --foreground: #3a3348;
23
+ --card: #ffffff;
24
+ --card-foreground: #3a3348;
25
+ --popover: #ffffff;
26
+ --popover-foreground: #3a3348;
27
+ --primary: #a04d92;
28
+ --primary-foreground: #ffffff;
29
+ --secondary: #cdf0e0;
30
+ --secondary-foreground: #14513a;
31
+ --muted: #f4f1f7;
32
+ --muted-foreground: #625a70;
33
+ --accent: #ffe4ec;
34
+ --accent-foreground: #7d2f4a;
35
+ --destructive: #c33a4e;
36
+ --destructive-foreground: #9a2b3c;
37
+ --info: #3a6fa8;
38
+ --info-foreground: #29527d;
39
+ --success: #2f7d57;
40
+ --success-foreground: #235d40;
41
+ --warning: #a8700f;
42
+ --warning-foreground: #85580c;
43
+ --border: #ece7f0;
44
+ --input: #dbd3e2;
45
+ --ring: #a04d92;
46
+ --sidebar: #f8f5fa;
47
+ --sidebar-foreground: #4f4760;
48
+ --sidebar-primary: #a04d92;
49
+ --sidebar-primary-foreground: #ffffff;
50
+ --sidebar-accent: #f2e8f2;
51
+ --sidebar-accent-foreground: #3a3348;
52
+ --sidebar-border: #ebe5ee;
53
+ --sidebar-ring: #a04d92;
54
+ }
55
+
56
+ .dark[data-palette="mochi"] {
57
+ --background: #1c1824;
58
+ --foreground: #efe9f5;
59
+ --card: #251f2e;
60
+ --card-foreground: #efe9f5;
61
+ --popover: #251f2e;
62
+ --popover-foreground: #efe9f5;
63
+ --primary: #e4a0d8;
64
+ --primary-foreground: #2e0f28;
65
+ --secondary: #1a3d31;
66
+ --secondary-foreground: #a8e8cd;
67
+ --muted: #211c2a;
68
+ --muted-foreground: #a89fb5;
69
+ --accent: #3d2430;
70
+ --accent-foreground: #ffd0dd;
71
+ --destructive: #c9432f;
72
+ --destructive-foreground: #f2a493;
73
+ --info: #8fb8e8;
74
+ --info-foreground: #b3cef0;
75
+ --success: #8fdcb5;
76
+ --success-foreground: #b0e8ca;
77
+ --warning: #e8c470;
78
+ --warning-foreground: #f0d79c;
79
+ --border: #2e2838;
80
+ --input: #3d3548;
81
+ --ring: #e4a0d8;
82
+ --sidebar: #16121d;
83
+ --sidebar-foreground: #bdb4c9;
84
+ --sidebar-primary: #e4a0d8;
85
+ --sidebar-primary-foreground: #2e0f28;
86
+ --sidebar-accent: #1f1a27;
87
+ --sidebar-accent-foreground: #efe9f5;
88
+ --sidebar-border: #262030;
89
+ --sidebar-ring: #e4a0d8;
90
+ }
package/dist/themes/riso.css ADDED
@@ -0,0 +1,89 @@
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";
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: #f6f2e9;
21
+ --foreground: #171310;
22
+ --card: #fffdf6;
23
+ --card-foreground: #171310;
24
+ --popover: #fffdf6;
25
+ --popover-foreground: #171310;
26
+ --primary: #e0007f;
27
+ --primary-foreground: #ffffff;
28
+ --secondary: #bfe6ee;
29
+ --secondary-foreground: #0a3c47;
30
+ --muted: #ece7db;
31
+ --muted-foreground: #5c5346;
32
+ --accent: #ffe98a;
33
+ --accent-foreground: #453506;
34
+ --destructive: #c62828;
35
+ --destructive-foreground: #99201f;
36
+ --info: #0077a8;
37
+ --info-foreground: #005876;
38
+ --success: #2e7d32;
39
+ --success-foreground: #226325;
40
+ --warning: #a86a00;
41
+ --warning-foreground: #855400;
42
+ --border: #ded6c5;
43
+ --input: #c9bfa9;
44
+ --ring: #e0007f;
45
+ --sidebar: #efe9db;
46
+ --sidebar-foreground: #4a4136;
47
+ --sidebar-primary: #e0007f;
48
+ --sidebar-primary-foreground: #ffffff;
49
+ --sidebar-accent: #e4dccb;
50
+ --sidebar-accent-foreground: #171310;
51
+ --sidebar-border: #dbd2bf;
52
+ --sidebar-ring: #e0007f;
53
+ }
54
+
55
+ .dark {
56
+ --background: #12100f;
57
+ --foreground: #f2ede2;
58
+ --card: #1b1917;
59
+ --card-foreground: #f2ede2;
60
+ --popover: #1b1917;
61
+ --popover-foreground: #f2ede2;
62
+ --primary: #ff4d9d;
63
+ --primary-foreground: #2b0016;
64
+ --secondary: #123c47;
65
+ --secondary-foreground: #7fe3f5;
66
+ --muted: #1c1a18;
67
+ --muted-foreground: #a89e8e;
68
+ --accent: #3d3411;
69
+ --accent-foreground: #ffe98a;
70
+ --destructive: #c9432f;
71
+ --destructive-foreground: #f5a08e;
72
+ --info: #4ecde8;
73
+ --info-foreground: #8fdff0;
74
+ --success: #7fc47f;
75
+ --success-foreground: #a5d8a5;
76
+ --warning: #ffcc33;
77
+ --warning-foreground: #ffe08a;
78
+ --border: #2a2724;
79
+ --input: #3a3630;
80
+ --ring: #ff4d9d;
81
+ --sidebar: #0d0b0a;
82
+ --sidebar-foreground: #bdb3a3;
83
+ --sidebar-primary: #ff4d9d;
84
+ --sidebar-primary-foreground: #2b0016;
85
+ --sidebar-accent: #191614;
86
+ --sidebar-accent-foreground: #f2ede2;
87
+ --sidebar-border: #211e1b;
88
+ --sidebar-ring: #ff4d9d;
89
+ }