@geomak/ui 1.1.0 → 1.2.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 (19) hide show
  1. package/dist/chunk-DNQSZOYD.js +152 -0
  2. package/dist/chunk-DNQSZOYD.js.map +1 -0
  3. package/dist/chunk-ZS3HB5YJ.cjs +157 -0
  4. package/dist/chunk-ZS3HB5YJ.cjs.map +1 -0
  5. package/dist/index-CPCiQllz.d.cts +191 -0
  6. package/dist/index-CPCiQllz.d.ts +191 -0
  7. package/dist/index.cjs +40 -61
  8. package/dist/index.cjs.map +1 -1
  9. package/dist/index.d.cts +2 -38
  10. package/dist/index.d.ts +2 -38
  11. package/dist/index.js +3 -38
  12. package/dist/index.js.map +1 -1
  13. package/dist/tokens/index.cjs +20 -0
  14. package/dist/tokens/index.cjs.map +1 -0
  15. package/dist/tokens/index.d.cts +1 -0
  16. package/dist/tokens/index.d.ts +1 -0
  17. package/dist/tokens/index.js +3 -0
  18. package/dist/tokens/index.js.map +1 -0
  19. package/package.json +7 -2
package/dist/index-CPCiQllz.d.ts ADDED
@@ -0,0 +1,191 @@
1
+ /**
2
+ * Oxygen design-system colour palette.
3
+ * Duplicated here so the published package is fully self-contained.
4
+ */
5
+ declare const PALETTE: {
6
+ readonly 'true-blue': "#0466C8";
7
+ readonly 'usafa-blue': "#0353A4";
8
+ readonly 'dark-cornflower-blue': "#023E7D";
9
+ readonly 'oxford-blue-700': "#002855";
10
+ readonly 'oxford-blue-800': "#001845";
11
+ readonly 'oxford-blue-900': "#001233";
12
+ readonly independence: "#33415C";
13
+ readonly 'black-coral': "#5C677D";
14
+ readonly 'roman-silver': "#7D8597";
15
+ readonly manatee: "#979DAC";
16
+ readonly white: "#fff";
17
+ readonly ice: "#DBF1FD";
18
+ readonly 'ice-dark': "#d0e3ed";
19
+ readonly 'midnight-green-eagle-900': "#013E53";
20
+ readonly 'midnight-green-eagle-700': "#125F6C";
21
+ readonly 'midnight-green-eagle-500': "#125F6C";
22
+ readonly 'rich-black-fogra': "#000202";
23
+ readonly 'rich-black-fogra-opaque': "#0000005b";
24
+ readonly 'prussian-blue': "#00273A";
25
+ readonly 'indigo-dye': "#013C54";
26
+ readonly ming: "#0F6372";
27
+ readonly skobeloff: "#217479";
28
+ readonly 'dark-cyan': "#2A8784";
29
+ readonly 'celadon-green': "#297E74";
30
+ readonly turquise: "#2EB8B0";
31
+ readonly 'oxford-blue-700-opaque': "rgba(0, 40, 85, .3)";
32
+ readonly disabled: "#dee2e6";
33
+ readonly error: "tomato";
34
+ readonly warning: "orange";
35
+ readonly success: "lightgreen";
36
+ readonly info: "lightblue";
37
+ readonly transparent: "rgba(255, 255, 255, .0)";
38
+ };
39
+ declare const COLORS: {
40
+ PALETTE: {
41
+ readonly 'true-blue': "#0466C8";
42
+ readonly 'usafa-blue': "#0353A4";
43
+ readonly 'dark-cornflower-blue': "#023E7D";
44
+ readonly 'oxford-blue-700': "#002855";
45
+ readonly 'oxford-blue-800': "#001845";
46
+ readonly 'oxford-blue-900': "#001233";
47
+ readonly independence: "#33415C";
48
+ readonly 'black-coral': "#5C677D";
49
+ readonly 'roman-silver': "#7D8597";
50
+ readonly manatee: "#979DAC";
51
+ readonly white: "#fff";
52
+ readonly ice: "#DBF1FD";
53
+ readonly 'ice-dark': "#d0e3ed";
54
+ readonly 'midnight-green-eagle-900': "#013E53";
55
+ readonly 'midnight-green-eagle-700': "#125F6C";
56
+ readonly 'midnight-green-eagle-500': "#125F6C";
57
+ readonly 'rich-black-fogra': "#000202";
58
+ readonly 'rich-black-fogra-opaque': "#0000005b";
59
+ readonly 'prussian-blue': "#00273A";
60
+ readonly 'indigo-dye': "#013C54";
61
+ readonly ming: "#0F6372";
62
+ readonly skobeloff: "#217479";
63
+ readonly 'dark-cyan': "#2A8784";
64
+ readonly 'celadon-green': "#297E74";
65
+ readonly turquise: "#2EB8B0";
66
+ readonly 'oxford-blue-700-opaque': "rgba(0, 40, 85, .3)";
67
+ readonly disabled: "#dee2e6";
68
+ readonly error: "tomato";
69
+ readonly warning: "orange";
70
+ readonly success: "lightgreen";
71
+ readonly info: "lightblue";
72
+ readonly transparent: "rgba(255, 255, 255, .0)";
73
+ };
74
+ };
75
+
76
+ /**
77
+ * @geomak/ui — Design Tokens
78
+ *
79
+ * Three layers:
80
+ *
81
+ * 1. `palette` — raw brand colors from colors.ts (hex literals)
82
+ * 2. `semanticTokens` — resolved hex values per light/dark mode
83
+ * 3. `vars` — CSS custom-property references for inline styles / CSS-in-JS
84
+ *
85
+ * CSS custom properties are injected by importing '@geomak/ui/styles'.
86
+ * Tailwind semantic utilities (bg-background, text-foreground, etc.) are
87
+ * available after the consumer includes the package's tailwind preset.
88
+ */
89
+
90
+ /**
91
+ * Resolved hex/rgba values for every semantic token, keyed by `light` / `dark`.
92
+ * Use these when CSS custom properties aren't available (canvas, email, SSR snapshots).
93
+ */
94
+ declare const semanticTokens: {
95
+ readonly light: {
96
+ readonly background: "#DBF1FD";
97
+ readonly surface: "#ffffff";
98
+ readonly 'surface-raised': "#ffffff";
99
+ readonly border: "#d0e3ed";
100
+ readonly 'border-strong': "#7D8597";
101
+ readonly foreground: "#001845";
102
+ readonly 'foreground-secondary': "#33415C";
103
+ readonly 'foreground-muted': "#5C677D";
104
+ readonly accent: "#0466C8";
105
+ readonly 'accent-hover': "#0353A4";
106
+ readonly 'accent-foreground': "#ffffff";
107
+ readonly error: "#e03131";
108
+ readonly warning: "#e67700";
109
+ readonly success: "#2f9e44";
110
+ readonly info: "#1971c2";
111
+ };
112
+ readonly dark: {
113
+ readonly background: "#001233";
114
+ readonly surface: "#00273A";
115
+ readonly 'surface-raised': "#002855";
116
+ readonly border: "#33415C";
117
+ readonly 'border-strong': "#5C677D";
118
+ readonly foreground: "#DBF1FD";
119
+ readonly 'foreground-secondary': "#979DAC";
120
+ readonly 'foreground-muted': "#7D8597";
121
+ readonly accent: "#0466C8";
122
+ readonly 'accent-hover': "#1a80e8";
123
+ readonly 'accent-foreground': "#ffffff";
124
+ readonly error: "#ff6b6b";
125
+ readonly warning: "#ffa94d";
126
+ readonly success: "#69db7c";
127
+ readonly info: "#74c0fc";
128
+ };
129
+ readonly shared: {
130
+ readonly 'radius-sm': "4px";
131
+ readonly 'radius-md': "8px";
132
+ readonly 'radius-lg': "12px";
133
+ readonly 'radius-xl': "16px";
134
+ readonly 'radius-2xl': "20px";
135
+ readonly 'radius-full': "9999px";
136
+ };
137
+ };
138
+ type SemanticColorKey = keyof typeof semanticTokens.light;
139
+ type SemanticRadiusKey = keyof typeof semanticTokens.shared;
140
+ /**
141
+ * CSS custom-property reference strings.
142
+ *
143
+ * @example
144
+ * // Inline style — respects light/dark automatically
145
+ * <div style={{ color: vars.color.foreground }}>...</div>
146
+ *
147
+ * @example
148
+ * // CSS-in-JS (Emotion, styled-components)
149
+ * const Card = styled.div`
150
+ * background: ${vars.color.surface};
151
+ * border: 1px solid ${vars.color.border};
152
+ * `
153
+ */
154
+ declare const vars: {
155
+ readonly color: {
156
+ readonly background: "var(--color-background)";
157
+ readonly surface: "var(--color-surface)";
158
+ readonly surfaceRaised: "var(--color-surface-raised)";
159
+ readonly border: "var(--color-border)";
160
+ readonly borderStrong: "var(--color-border-strong)";
161
+ readonly foreground: "var(--color-foreground)";
162
+ readonly foregroundSecondary: "var(--color-foreground-secondary)";
163
+ readonly foregroundMuted: "var(--color-foreground-muted)";
164
+ readonly accent: "var(--color-accent)";
165
+ readonly accentHover: "var(--color-accent-hover)";
166
+ readonly accentForeground: "var(--color-accent-foreground)";
167
+ readonly error: "var(--color-error)";
168
+ readonly warning: "var(--color-warning)";
169
+ readonly success: "var(--color-success)";
170
+ readonly info: "var(--color-info)";
171
+ };
172
+ readonly radius: {
173
+ readonly sm: "var(--radius-sm)";
174
+ readonly md: "var(--radius-md)";
175
+ readonly lg: "var(--radius-lg)";
176
+ readonly xl: "var(--radius-xl)";
177
+ readonly '2xl': "var(--radius-2xl)";
178
+ readonly full: "var(--radius-full)";
179
+ };
180
+ readonly shadow: {
181
+ readonly sm: "var(--shadow-sm)";
182
+ readonly md: "var(--shadow-md)";
183
+ readonly lg: "var(--shadow-lg)";
184
+ readonly xl: "var(--shadow-xl)";
185
+ };
186
+ };
187
+ type VarColorKey = keyof typeof vars.color;
188
+ type VarRadiusKey = keyof typeof vars.radius;
189
+ type VarShadowKey = keyof typeof vars.shadow;
190
+
191
+ export { COLORS as C, PALETTE as P, type SemanticColorKey as S, type VarColorKey as V, type SemanticRadiusKey as a, type VarRadiusKey as b, type VarShadowKey as c, semanticTokens as s, vars as v };
package/dist/index.cjs CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var chunkZS3HB5YJ_cjs = require('./chunk-ZS3HB5YJ.cjs');
3
4
  var jsxRuntime = require('react/jsx-runtime');
4
5
  var React9 = require('react');
5
6
  var Dialog = require('@radix-ui/react-dialog');
@@ -44,43 +45,6 @@ var Popover__namespace = /*#__PURE__*/_interopNamespace(Popover);
44
45
  var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
45
46
  var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
46
47
 
47
- // src/utils/colors.ts
48
- var PALETTE = {
49
- "true-blue": "#0466C8",
50
- "usafa-blue": "#0353A4",
51
- "dark-cornflower-blue": "#023E7D",
52
- "oxford-blue-700": "#002855",
53
- "oxford-blue-800": "#001845",
54
- "oxford-blue-900": "#001233",
55
- independence: "#33415C",
56
- "black-coral": "#5C677D",
57
- "roman-silver": "#7D8597",
58
- manatee: "#979DAC",
59
- white: "#fff",
60
- ice: "#DBF1FD",
61
- "ice-dark": "#d0e3ed",
62
- "midnight-green-eagle-900": "#013E53",
63
- "midnight-green-eagle-700": "#125F6C",
64
- "midnight-green-eagle-500": "#125F6C",
65
- "rich-black-fogra": "#000202",
66
- "rich-black-fogra-opaque": "#0000005b",
67
- "prussian-blue": "#00273A",
68
- "indigo-dye": "#013C54",
69
- ming: "#0F6372",
70
- skobeloff: "#217479",
71
- "dark-cyan": "#2A8784",
72
- "celadon-green": "#297E74",
73
- turquise: "#2EB8B0",
74
- "oxford-blue-700-opaque": "rgba(0, 40, 85, .3)",
75
- disabled: "#dee2e6",
76
- error: "tomato",
77
- warning: "orange",
78
- success: "lightgreen",
79
- info: "lightblue",
80
- transparent: "rgba(255, 255, 255, .0)"
81
- };
82
- var COLORS = { PALETTE };
83
- var colors_default = COLORS;
84
48
  var Moon = ({ color = "gray" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: color, viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: color, className: "w-8 h-8", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" }) });
85
49
  var Sun = ({ color = "yellow" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: color, viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: color, className: "w-8 h-8", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" }) });
86
50
  var CheckCircle = ({ color = "#fff", size = 28 }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 0.25C6.40625 0.25 0.25 6.40625 0.25 14C0.25 21.5937 6.40625 27.75 14 27.75C21.5937 27.75 27.75 21.5937 27.75 14C27.75 6.40625 21.5937 0.25 14 0.25ZM19.96 11.675C20.0697 11.5496 20.1533 11.4034 20.2057 11.2452C20.2582 11.087 20.2784 10.9199 20.2653 10.7537C20.2522 10.5876 20.206 10.4257 20.1295 10.2777C20.0529 10.1296 19.9475 9.99838 19.8194 9.89168C19.6914 9.78497 19.5433 9.70495 19.3839 9.65633C19.2244 9.6077 19.0569 9.59145 18.8911 9.60853C18.7253 9.62562 18.5646 9.67568 18.4184 9.75579C18.2723 9.8359 18.1436 9.94443 18.04 10.075L12.665 16.5237L9.88375 13.7412C9.648 13.5136 9.33224 13.3876 9.0045 13.3904C8.67675 13.3933 8.36324 13.5247 8.13148 13.7565C7.89972 13.9882 7.76825 14.3018 7.76541 14.6295C7.76256 14.9572 7.88855 15.273 8.11625 15.5087L11.8662 19.2587C11.9891 19.3815 12.1361 19.4773 12.298 19.5401C12.4599 19.6028 12.6331 19.6312 12.8066 19.6233C12.98 19.6154 13.15 19.5715 13.3055 19.4943C13.4611 19.4171 13.5988 19.3084 13.71 19.175L19.96 11.675Z", fill: color }) });
@@ -534,7 +498,7 @@ function Tabs({
534
498
  onClick: toPreviousTab,
535
499
  "aria-label": "Previous tab",
536
500
  className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence rotate-180 flex-shrink-0",
537
- children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-6 w-6 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
501
+ children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-6 w-6 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
538
502
  }
539
503
  ),
540
504
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -559,7 +523,7 @@ function Tabs({
559
523
  onTabClose?.(tab.key);
560
524
  },
561
525
  className: "flex-shrink-0 rounded hover:bg-ice-dark dark:hover:bg-independence p-0.5 transition-colors",
562
- children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5L5 15M5 5l10 10", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "dark:stroke-white" }) })
526
+ children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5L5 15M5 5l10 10", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "dark:stroke-white" }) })
563
527
  }
564
528
  )
565
529
  ]
@@ -575,7 +539,7 @@ function Tabs({
575
539
  onClick: toNextTab,
576
540
  "aria-label": "Next tab",
577
541
  className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence flex-shrink-0",
578
- children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-6 w-6 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
542
+ children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-6 w-6 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
579
543
  }
580
544
  )
581
545
  ] }),
@@ -1038,7 +1002,7 @@ function CatalogCarousel({ items, buttonText, onOpen }) {
1038
1002
  onClick: previousApp,
1039
1003
  "aria-label": "Previous",
1040
1004
  className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence rotate-180",
1041
- children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
1005
+ children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
1042
1006
  }
1043
1007
  ),
1044
1008
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: indexPool.map((index, id) => {
@@ -1075,7 +1039,7 @@ function CatalogCarousel({ items, buttonText, onOpen }) {
1075
1039
  onClick: nextApp,
1076
1040
  "aria-label": "Next",
1077
1041
  className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence",
1078
- children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
1042
+ children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
1079
1043
  }
1080
1044
  )
1081
1045
  ] }) });
@@ -1205,7 +1169,7 @@ function ContextMenu({ items, position, visible, onClose }) {
1205
1169
  item.icon,
1206
1170
  item.value
1207
1171
  ] }),
1208
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none", children: item.children && /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) }) })
1172
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none", children: item.children && /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) }) })
1209
1173
  ]
1210
1174
  },
1211
1175
  item.key
@@ -1336,7 +1300,7 @@ var SearchInput = React9__default.default.forwardRef(function SearchInput2({
1336
1300
  placeholder: placeholder ?? ""
1337
1301
  }
1338
1302
  ),
1339
- /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: colors_default.PALETTE["prussian-blue"], className: "w-6 h-6", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) })
1303
+ /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], className: "w-6 h-6", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) })
1340
1304
  ] })
1341
1305
  ]
1342
1306
  }
@@ -1447,7 +1411,7 @@ function Dropdown({
1447
1411
  ] }) : /* @__PURE__ */ jsxRuntime.jsx(DropdownPill, { value: innerItems.find((it) => it.key === value)?.label })
1448
1412
  }
1449
1413
  ),
1450
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: `transition-transform duration-300 mr-2 ${open ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
1414
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: `transition-transform duration-300 mr-2 ${open ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
1451
1415
  ]
1452
1416
  }
1453
1417
  ) }),
@@ -1489,7 +1453,7 @@ function Dropdown({
1489
1453
  "path",
1490
1454
  {
1491
1455
  d: "M4 10l4.5 4.5L16 6",
1492
- stroke: hoveredItem === item.key ? "#fff" : colors_default.PALETTE["prussian-blue"],
1456
+ stroke: hoveredItem === item.key ? "#fff" : chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"],
1493
1457
  strokeWidth: "2",
1494
1458
  strokeLinecap: "round",
1495
1459
  strokeLinejoin: "round"
@@ -1577,7 +1541,7 @@ function TableBody({
1577
1541
  onClick: () => toggleRow(row.key),
1578
1542
  className: `p-2 cursor-pointer origin-center transition-all duration-200 ${visibleRows[row.key]?.visible ? "rotate-180" : "rotate-0"}`,
1579
1543
  children: expandRow.expandIcon ?? /* PlusCircle */
1580
- /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: colors_default.PALETTE["prussian-blue"], className: "w-5 h-5 dark:fill-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 9a.75.75 0 00-1.5 0v2.25H9a.75.75 0 000 1.5h2.25V15a.75.75 0 001.5 0v-2.25H15a.75.75 0 000-1.5h-2.25V9z", clipRule: "evenodd" }) })
1544
+ /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], className: "w-5 h-5 dark:fill-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 9a.75.75 0 00-1.5 0v2.25H9a.75.75 0 000 1.5h2.25V15a.75.75 0 001.5 0v-2.25H15a.75.75 0 000-1.5h-2.25V9z", clipRule: "evenodd" }) })
1581
1545
  }
1582
1546
  ) }),
1583
1547
  columns.map((col, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1630,8 +1594,8 @@ function Pagination({
1630
1594
  const navBtn = (icon, disabled, onClick) => /* @__PURE__ */ jsxRuntime.jsx(IconButton, { disabled, onClick, icon });
1631
1595
  const chevronRight = (color) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "h-5 w-5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
1632
1596
  const doubleChevronRight = (color) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "h-5 w-5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) });
1633
- const disabledColor = colors_default.PALETTE["prussian-blue"];
1634
- const enabledColor = colors_default.PALETTE.white;
1597
+ const disabledColor = chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"];
1598
+ const enabledColor = chunkZS3HB5YJ_cjs.colors_default.PALETTE.white;
1635
1599
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 items-center justify-end pt-2", children: [
1636
1600
  navBtn(
1637
1601
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rotate-180 inline-flex", children: doubleChevronRight(activePage === 0 ? disabledColor : enabledColor) }),
@@ -1919,7 +1883,7 @@ function NumberInput({
1919
1883
  {
1920
1884
  onClick: onIncrement,
1921
1885
  className: "rotate-180 cursor-pointer transition-all duration-300 hover:bg-ice rounded-sm",
1922
- children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })
1886
+ children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })
1923
1887
  }
1924
1888
  ),
1925
1889
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1927,7 +1891,7 @@ function NumberInput({
1927
1891
  {
1928
1892
  onClick: onDecrement,
1929
1893
  className: "cursor-pointer transition-all duration-300 hover:bg-ice rounded-sm",
1930
- children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })
1894
+ children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })
1931
1895
  }
1932
1896
  )
1933
1897
  ] })
@@ -1957,7 +1921,7 @@ function Password({
1957
1921
  iconColor
1958
1922
  }) {
1959
1923
  const [passwordVisible, setPasswordVisible] = React9.useState(false);
1960
- const color = iconColor ?? colors_default.PALETTE["prussian-blue"];
1924
+ const color = iconColor ?? chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"];
1961
1925
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center justify-center", style: style ?? {}, children: [
1962
1926
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex ${layout === "vertical" ? "flex-col" : "flex-row items-center gap-2"}`, children: [
1963
1927
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -2143,7 +2107,7 @@ function AutoComplete({
2143
2107
  "aria-autocomplete": "list"
2144
2108
  }
2145
2109
  ),
2146
- /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: colors_default.PALETTE["prussian-blue"], className: "w-5 h-5 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) })
2110
+ /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], className: "w-5 h-5 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) })
2147
2111
  ] }) }),
2148
2112
  /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
2149
2113
  Popover__namespace.Content,
@@ -2236,7 +2200,7 @@ function TreeSelect({
2236
2200
  )),
2237
2201
  value.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(DropdownPill, { value: `+${value.length - 1} more` })
2238
2202
  ] }) : value != null ? /* @__PURE__ */ jsxRuntime.jsx(DropdownPill, { value: innerItems.find((it) => it.key === value)?.label }) : null }),
2239
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: `transition-transform duration-300 ml-2 ${open ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
2203
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: `transition-transform duration-300 ml-2 ${open ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
2240
2204
  ]
2241
2205
  }
2242
2206
  ) }),
@@ -2266,7 +2230,7 @@ function TreeSelect({
2266
2230
  "path",
2267
2231
  {
2268
2232
  d: "M4 10l4.5 4.5L16 6",
2269
- stroke: hoveredItem === item.key ? "#fff" : colors_default.PALETTE["prussian-blue"],
2233
+ stroke: hoveredItem === item.key ? "#fff" : chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"],
2270
2234
  strokeWidth: "2",
2271
2235
  strokeLinecap: "round",
2272
2236
  strokeLinejoin: "round"
@@ -2348,7 +2312,7 @@ function FileInput({
2348
2312
  }
2349
2313
  ),
2350
2314
  files.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full items-center justify-center gap-2", children: [
2351
- /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: colors_default.PALETTE["prussian-blue"], className: "w-16 h-16 dark:fill-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M11.47 2.47a.75.75 0 011.06 0l4.5 4.5a.75.75 0 01-1.06 1.06l-3.22-3.22V16.5a.75.75 0 01-1.5 0V4.81L8.03 8.03a.75.75 0 01-1.06-1.06l4.5-4.5zM3 15.75a.75.75 0 01.75.75v2.25a1.5 1.5 0 001.5 1.5h13.5a1.5 1.5 0 001.5-1.5V16.5a.75.75 0 011.5 0v2.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V16.5a.75.75 0 01.75-.75z", clipRule: "evenodd" }) }),
2315
+ /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], className: "w-16 h-16 dark:fill-white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M11.47 2.47a.75.75 0 011.06 0l4.5 4.5a.75.75 0 01-1.06 1.06l-3.22-3.22V16.5a.75.75 0 01-1.5 0V4.81L8.03 8.03a.75.75 0 01-1.06-1.06l4.5-4.5zM3 15.75a.75.75 0 01.75.75v2.25a1.5 1.5 0 001.5 1.5h13.5a1.5 1.5 0 001.5-1.5V16.5a.75.75 0 011.5 0v2.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V16.5a.75.75 0 01.75-.75z", clipRule: "evenodd" }) }),
2352
2316
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-prussian-blue dark:text-white text-sm", children: "Click or Drop a file" })
2353
2317
  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3 items-center justify-center w-full h-full", children: files.map((file, id) => /* @__PURE__ */ jsxRuntime.jsxs(
2354
2318
  "div",
@@ -2365,7 +2329,7 @@ function FileInput({
2365
2329
  children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5L5 15M5 5l10 10", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
2366
2330
  }
2367
2331
  ),
2368
- /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: colors_default.PALETTE["prussian-blue"], className: "w-10 h-10 dark:fill-white", children: [
2332
+ /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"], className: "w-10 h-10 dark:fill-white", children: [
2369
2333
  /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0016.5 9h-1.875a1.875 1.875 0 01-1.875-1.875V5.25A3.75 3.75 0 009 1.5H5.625z", clipRule: "evenodd" }),
2370
2334
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.971 1.816A5.23 5.23 0 0114.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 013.434 1.279 9.768 9.768 0 00-6.963-6.963z" })
2371
2335
  ] }),
@@ -2410,9 +2374,9 @@ function getMonthDays(year, month) {
2410
2374
  }
2411
2375
  return days;
2412
2376
  }
2413
- var ChevronRight2 = ({ color = colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
2414
- var DoubleChevronRight2 = ({ color = colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) });
2415
- var ChevronDown2 = ({ color = colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) });
2377
+ var ChevronRight2 = ({ color = chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
2378
+ var DoubleChevronRight2 = ({ color = chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) });
2379
+ var ChevronDown2 = ({ color = chunkZS3HB5YJ_cjs.colors_default.PALETTE["prussian-blue"] }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) });
2416
2380
  function DatePickerBase({
2417
2381
  value,
2418
2382
  onChange,
@@ -2667,9 +2631,24 @@ Temporal.DatePicker = DatePickerBase;
2667
2631
  Temporal.TemporalPicker = TemporalPickerBase;
2668
2632
  var DatePicker_default = Temporal;
2669
2633
 
2634
+ Object.defineProperty(exports, "COLORS", {
2635
+ enumerable: true,
2636
+ get: function () { return chunkZS3HB5YJ_cjs.colors_default; }
2637
+ });
2638
+ Object.defineProperty(exports, "palette", {
2639
+ enumerable: true,
2640
+ get: function () { return chunkZS3HB5YJ_cjs.PALETTE; }
2641
+ });
2642
+ Object.defineProperty(exports, "semanticTokens", {
2643
+ enumerable: true,
2644
+ get: function () { return chunkZS3HB5YJ_cjs.semanticTokens; }
2645
+ });
2646
+ Object.defineProperty(exports, "vars", {
2647
+ enumerable: true,
2648
+ get: function () { return chunkZS3HB5YJ_cjs.vars; }
2649
+ });
2670
2650
  exports.AutoComplete = AutoComplete;
2671
2651
  exports.Button = Button;
2672
- exports.COLORS = colors_default;
2673
2652
  exports.Catalog = Catalog;
2674
2653
  exports.CatalogCarousel = CatalogCarousel;
2675
2654
  exports.CatalogGrid = CatalogGrid;