@devalok/shilp-sutra 0.9.2 → 0.11.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 (20) hide show
  1. package/dist/_chunks/primitives.js +32 -32
  2. package/dist/_chunks/sidebar.js +16 -16
  3. package/dist/shell/sidebar.d.ts +33 -0
  4. package/dist/shell/sidebar.d.ts.map +1 -1
  5. package/dist/shell/sidebar.js +198 -75
  6. package/dist/shell/top-bar.js +1 -1
  7. package/dist/tokens/primitives.css +1 -0
  8. package/dist/tokens/semantic.css +245 -233
  9. package/dist/ui/alert-dialog.js +7 -7
  10. package/dist/ui/collapsible.js +3 -3
  11. package/dist/ui/combobox.js +11 -11
  12. package/dist/ui/context-menu.js +13 -13
  13. package/dist/ui/hover-card.js +3 -3
  14. package/dist/ui/index.js +2 -2
  15. package/dist/ui/label.js +1 -1
  16. package/dist/ui/popover.js +1 -1
  17. package/dist/ui/sidebar.js +14 -14
  18. package/llms-full.txt +91 -1
  19. package/llms.txt +16 -0
  20. package/package.json +656 -656
package/dist/tokens/semantic.css CHANGED
@@ -2,11 +2,11 @@
2
2
  color-scheme: light;
3
3
 
4
4
  /* Font families — override these with next/font CSS variables */
5
- --font-sans: "Inter", system-ui, sans-serif;
5
+ --font-sans: "Inter", system-ui, sans-serif;
6
6
  --font-display: "Inter", system-ui, sans-serif;
7
- --font-body: "Inter", system-ui, sans-serif;
8
- --font-accent: Ranade, sans-serif;
9
- --font-mono: "SF Mono", "Fira Code", monospace;
7
+ --font-body: "Inter", system-ui, sans-serif;
8
+ --font-accent: Ranade, sans-serif;
9
+ --font-mono: "SF Mono", "Fira Code", monospace;
10
10
 
11
11
  /* ── Font Weights ──────────────────────────── */
12
12
  --font-weight-light: 300;
@@ -17,86 +17,97 @@
17
17
 
18
18
  /* ── Type Scale (rem) ──────────────────────── */
19
19
  /* Base: 16px = 1rem (browser default) */
20
- --font-size-xs: 0.625rem; /* 10px */
21
- --font-size-sm: 0.75rem; /* 12px */
22
- --font-size-md: 0.875rem; /* 14px */
23
- --font-size-base: 1rem; /* 16px */
24
- --font-size-lg: 1.125rem; /* 18px */
25
- --font-size-xl: 1.25rem; /* 20px */
26
- --font-size-2xl: 1.5rem; /* 24px */
27
- --font-size-3xl: 2rem; /* 32px */
28
- --font-size-4xl: 2.25rem; /* 36px */
29
- --font-size-5xl: 3rem; /* 48px */
30
- --font-size-6xl: 3.75rem; /* 60px */
20
+ --font-size-xs: 0.625rem;
21
+ /* 10px */
22
+ --font-size-sm: 0.75rem;
23
+ /* 12px */
24
+ --font-size-md: 0.875rem;
25
+ /* 14px */
26
+ --font-size-base: 1rem;
27
+ /* 16px */
28
+ --font-size-lg: 1.125rem;
29
+ /* 18px */
30
+ --font-size-xl: 1.25rem;
31
+ /* 20px */
32
+ --font-size-2xl: 1.5rem;
33
+ /* 24px */
34
+ --font-size-3xl: 2rem;
35
+ /* 32px */
36
+ --font-size-4xl: 2.25rem;
37
+ /* 36px */
38
+ --font-size-5xl: 3rem;
39
+ /* 48px */
40
+ --font-size-6xl: 3.75rem;
41
+ /* 60px */
31
42
 
32
43
  /* ── Line Heights ──────────────────────────── */
33
- --line-height-none: 1;
34
- --line-height-tight: 1.15;
35
- --line-height-snug: 1.25;
36
- --line-height-normal: 1.4;
44
+ --line-height-none: 1;
45
+ --line-height-tight: 1.15;
46
+ --line-height-snug: 1.25;
47
+ --line-height-normal: 1.4;
37
48
  --line-height-relaxed: 1.5;
38
- --line-height-loose: 1.6;
49
+ --line-height-loose: 1.6;
39
50
 
40
51
  /* ── Letter Spacing ────────────────────────── */
41
52
  --tracking-tighter: -0.05em;
42
- --tracking-tight: -0.025em;
43
- --tracking-normal: 0;
44
- --tracking-wide: 0.025em;
45
- --tracking-wider: 0.05em;
46
- --tracking-widest: 0.1em;
53
+ --tracking-tight: -0.025em;
54
+ --tracking-normal: 0;
55
+ --tracking-wide: 0.025em;
56
+ --tracking-wider: 0.05em;
57
+ --tracking-widest: 0.1em;
47
58
 
48
- --color-interactive: var(--pink-500);
49
- --color-interactive-hover: var(--pink-600);
50
- --color-interactive-active: var(--pink-700);
59
+ --color-interactive: var(--pink-500);
60
+ --color-interactive-hover: var(--pink-600);
61
+ --color-interactive-active: var(--pink-700);
51
62
  --color-interactive-selected: var(--pink-100);
52
63
  --color-interactive-disabled: var(--neutral-300);
53
- --color-interactive-subtle: var(--pink-50);
54
- --color-accent: var(--purple-500);
55
- --color-accent-hover: var(--purple-600);
56
- --color-accent-subtle: var(--purple-50);
57
- --color-background: var(--neutral-0);
58
- --color-layer-01: var(--neutral-0);
59
- --color-layer-02: var(--neutral-50);
60
- --color-layer-03: var(--neutral-100);
61
- --color-layer-active: var(--neutral-200);
62
- --color-layer-accent-subtle: var(--pink-50);
63
- --color-overlay: rgba(5, 5, 5, 0.50);
64
- --color-field: var(--neutral-50);
65
- --color-field-hover: var(--neutral-100);
66
- --color-field-02: var(--neutral-0);
67
- --color-field-02-hover: var(--neutral-50);
68
- --color-text-primary: var(--neutral-900);
69
- --color-text-secondary: var(--neutral-700);
70
- --color-text-tertiary: var(--neutral-600);
71
- --color-text-placeholder: var(--neutral-500);
72
- --color-text-helper: var(--neutral-600);
73
- --color-text-disabled: var(--neutral-400);
74
- --color-text-error: var(--red-600);
75
- --color-text-success: var(--green-600);
76
- --color-text-warning: var(--yellow-600);
77
- --color-text-link: var(--blue-600);
78
- --color-text-link-hover: var(--blue-700);
79
- --color-text-interactive: var(--pink-700);
80
- --color-text-on-color: var(--neutral-0);
81
- --color-text-on-color-dark: var(--neutral-900);
82
- --color-text-inverse: var(--neutral-0);
83
- --color-text-brand: var(--pink-700);
84
- --color-icon-primary: var(--neutral-800);
85
- --color-icon-secondary: var(--neutral-600);
86
- --color-icon-disabled: var(--neutral-400);
87
- --color-icon-on-color: var(--neutral-0);
88
- --color-icon-interactive: var(--pink-500);
89
- --color-border-subtle: var(--neutral-100);
90
- --color-border-default: var(--neutral-200);
91
- --color-border-strong: var(--neutral-400);
92
- --color-border-interactive: var(--pink-500);
93
- --color-border-disabled: var(--neutral-200);
94
- --color-border-error: var(--red-600);
95
- --color-border-success: var(--green-600);
96
- --color-border-warning: var(--yellow-600);
97
- --color-divider: var(--neutral-200);
98
- --color-focus: var(--pink-500);
99
- --color-focus-inset: var(--neutral-0);
64
+ --color-interactive-subtle: var(--pink-50);
65
+ --color-accent: var(--purple-500);
66
+ --color-accent-hover: var(--purple-600);
67
+ --color-accent-subtle: var(--purple-50);
68
+ --color-background: var(--neutral-0);
69
+ --color-layer-01: var(--neutral-0);
70
+ --color-layer-02: var(--neutral-50);
71
+ --color-layer-03: var(--neutral-100);
72
+ --color-layer-active: var(--neutral-200);
73
+ --color-layer-accent-subtle: var(--pink-50);
74
+ --color-overlay: rgba(5, 5, 5, 0.50);
75
+ --color-field: var(--neutral-50);
76
+ --color-field-hover: var(--neutral-100);
77
+ --color-field-02: var(--neutral-0);
78
+ --color-field-02-hover: var(--neutral-50);
79
+ --color-text-primary: var(--neutral-900);
80
+ --color-text-secondary: var(--neutral-700);
81
+ --color-text-tertiary: var(--neutral-600);
82
+ --color-text-placeholder: var(--neutral-500);
83
+ --color-text-helper: var(--neutral-600);
84
+ --color-text-disabled: var(--neutral-400);
85
+ --color-text-error: var(--red-600);
86
+ --color-text-success: var(--green-600);
87
+ --color-text-warning: var(--yellow-600);
88
+ --color-text-link: var(--blue-600);
89
+ --color-text-link-hover: var(--blue-700);
90
+ --color-text-interactive: var(--pink-700);
91
+ --color-text-on-color: var(--neutral-0);
92
+ --color-text-on-color-dark: var(--neutral-900);
93
+ --color-text-inverse: var(--neutral-0);
94
+ --color-text-brand: var(--pink-700);
95
+ --color-icon-primary: var(--neutral-800);
96
+ --color-icon-secondary: var(--neutral-600);
97
+ --color-icon-disabled: var(--neutral-400);
98
+ --color-icon-on-color: var(--neutral-0);
99
+ --color-icon-interactive: var(--pink-500);
100
+ --color-border-subtle: var(--neutral-100);
101
+ --color-border-default: var(--neutral-200);
102
+ --color-border-strong: var(--neutral-400);
103
+ --color-border-interactive: var(--pink-500);
104
+ --color-border-disabled: var(--neutral-200);
105
+ --color-border-error: var(--red-600);
106
+ --color-border-success: var(--green-600);
107
+ --color-border-warning: var(--yellow-600);
108
+ --color-divider: var(--neutral-200);
109
+ --color-focus: var(--pink-500);
110
+ --color-focus-inset: var(--neutral-0);
100
111
 
101
112
  /* ── Action State Opacities ────────────────── */
102
113
  --action-hover-opacity: 0.04;
@@ -104,56 +115,56 @@
104
115
  --action-disabled-opacity: 0.38;
105
116
  --action-focus-opacity: 0.12;
106
117
  --action-active-opacity: 0.12;
107
- --color-success: var(--green-600);
108
- --color-success-surface: var(--green-50);
109
- --color-success-border: var(--green-600);
110
- --color-error: var(--red-600);
111
- --color-error-hover: var(--red-700);
112
- --color-error-surface: var(--red-50);
113
- --color-error-border: var(--red-600);
114
- --color-warning: var(--yellow-600);
115
- --color-warning-surface: var(--yellow-50);
116
- --color-warning-border: var(--yellow-600);
117
- --color-info: var(--blue-600);
118
- --color-info-surface: var(--blue-50);
119
- --color-info-border: var(--blue-600);
120
- --color-info-text: var(--blue-700);
121
- --color-success-text: var(--green-700);
122
- --color-warning-text: var(--yellow-700);
123
- --color-error-text: var(--red-700);
118
+ --color-success: var(--green-600);
119
+ --color-success-surface: var(--green-50);
120
+ --color-success-border: var(--green-600);
121
+ --color-error: var(--red-600);
122
+ --color-error-hover: var(--red-700);
123
+ --color-error-surface: var(--red-50);
124
+ --color-error-border: var(--red-600);
125
+ --color-warning: var(--yellow-600);
126
+ --color-warning-surface: var(--yellow-50);
127
+ --color-warning-border: var(--yellow-600);
128
+ --color-info: var(--blue-600);
129
+ --color-info-surface: var(--blue-50);
130
+ --color-info-border: var(--blue-600);
131
+ --color-info-text: var(--blue-700);
132
+ --color-success-text: var(--green-700);
133
+ --color-warning-text: var(--yellow-700);
134
+ --color-error-text: var(--red-700);
124
135
 
125
136
  /* ── Category Colors (Sapta Varna) ───────────────────── */
126
- --color-category-teal: var(--teal-600);
127
- --color-category-teal-surface: var(--teal-50);
128
- --color-category-teal-border: var(--teal-200);
129
- --color-category-teal-text: var(--teal-700);
130
- --color-category-amber: var(--amber-600);
131
- --color-category-amber-surface: var(--amber-50);
132
- --color-category-amber-border: var(--amber-200);
133
- --color-category-amber-text: var(--amber-700);
134
- --color-category-slate: var(--slate-600);
135
- --color-category-slate-surface: var(--slate-50);
136
- --color-category-slate-border: var(--slate-200);
137
- --color-category-slate-text: var(--slate-700);
138
- --color-category-indigo: var(--indigo-600);
139
- --color-category-indigo-surface: var(--indigo-50);
140
- --color-category-indigo-border: var(--indigo-200);
141
- --color-category-indigo-text: var(--indigo-700);
142
- --color-category-cyan: var(--cyan-600);
143
- --color-category-cyan-surface: var(--cyan-50);
144
- --color-category-cyan-border: var(--cyan-200);
145
- --color-category-cyan-text: var(--cyan-700);
146
- --color-category-orange: var(--orange-600);
147
- --color-category-orange-surface: var(--orange-50);
148
- --color-category-orange-border: var(--orange-200);
149
- --color-category-orange-text: var(--orange-700);
150
- --color-category-emerald: var(--emerald-600);
137
+ --color-category-teal: var(--teal-600);
138
+ --color-category-teal-surface: var(--teal-50);
139
+ --color-category-teal-border: var(--teal-200);
140
+ --color-category-teal-text: var(--teal-700);
141
+ --color-category-amber: var(--amber-600);
142
+ --color-category-amber-surface: var(--amber-50);
143
+ --color-category-amber-border: var(--amber-200);
144
+ --color-category-amber-text: var(--amber-700);
145
+ --color-category-slate: var(--slate-600);
146
+ --color-category-slate-surface: var(--slate-50);
147
+ --color-category-slate-border: var(--slate-200);
148
+ --color-category-slate-text: var(--slate-700);
149
+ --color-category-indigo: var(--indigo-600);
150
+ --color-category-indigo-surface: var(--indigo-50);
151
+ --color-category-indigo-border: var(--indigo-200);
152
+ --color-category-indigo-text: var(--indigo-700);
153
+ --color-category-cyan: var(--cyan-600);
154
+ --color-category-cyan-surface: var(--cyan-50);
155
+ --color-category-cyan-border: var(--cyan-200);
156
+ --color-category-cyan-text: var(--cyan-700);
157
+ --color-category-orange: var(--orange-600);
158
+ --color-category-orange-surface: var(--orange-50);
159
+ --color-category-orange-border: var(--orange-200);
160
+ --color-category-orange-text: var(--orange-700);
161
+ --color-category-emerald: var(--emerald-600);
151
162
  --color-category-emerald-surface: var(--emerald-50);
152
- --color-category-emerald-border: var(--emerald-200);
153
- --color-category-emerald-text: var(--emerald-700);
163
+ --color-category-emerald-border: var(--emerald-200);
164
+ --color-category-emerald-text: var(--emerald-700);
154
165
 
155
- --color-skeleton-base: var(--neutral-100);
156
- --color-skeleton-shimmer: var(--neutral-50);
166
+ --color-skeleton-base: var(--neutral-100);
167
+ --color-skeleton-shimmer: var(--neutral-50);
157
168
  --spacing-01: 2px;
158
169
  --spacing-02: 4px;
159
170
  --spacing-02b: 6px;
@@ -232,7 +243,7 @@
232
243
  --z-tooltip: 1600;
233
244
 
234
245
  /* ── Layout ─────────────────────────────────── */
235
- --max-width: 1280px;
246
+ --max-width: 1280px;
236
247
  --max-width-body: 960px;
237
248
 
238
249
  /* ── Breakpoints ───────────────────────────── */
@@ -243,8 +254,8 @@
243
254
  --breakpoint-2xl: 1536px;
244
255
 
245
256
  /* ── Gradients ─────────────────────────────────── */
246
- --gradient-brand-light: linear-gradient(135deg, var(--pink-400), var(--purple-500));
247
- --gradient-brand-dark: linear-gradient(135deg, var(--pink-600), var(--purple-700));
257
+ --gradient-brand-light: linear-gradient(135deg, var(--pink-400), var(--purple-500));
258
+ --gradient-brand-dark: linear-gradient(135deg, var(--pink-600), var(--purple-700));
248
259
 
249
260
  /* ── Chart Palette ──────────────────────────────── */
250
261
  --chart-1: var(--pink-500);
@@ -257,77 +268,77 @@
257
268
  --chart-8: var(--orange-500);
258
269
 
259
270
  /* ── Inset Glow & Overlay ─────────────────────────── */
260
- --color-inset-glow: rgba(255, 255, 255, 0.25);
261
- --color-inset-glow-strong: rgba(255, 255, 255, 0.16);
262
- --color-inset-glow-subtle: rgba(255, 255, 255, 0.10);
271
+ --color-inset-glow: rgba(255, 255, 255, 0.25);
272
+ --color-inset-glow-strong: rgba(255, 255, 255, 0.16);
273
+ --color-inset-glow-subtle: rgba(255, 255, 255, 0.10);
263
274
  --color-surface-overlay-light: rgba(255, 255, 255, 0.20);
264
- --color-surface-overlay-dark: rgba(0, 0, 0, 0.12);
265
- --color-text-shadow: rgba(0, 0, 0, 0.15);
275
+ --color-surface-overlay-dark: rgba(0, 0, 0, 0.12);
276
+ --color-text-shadow: rgba(0, 0, 0, 0.15);
266
277
  }
267
278
 
268
279
  .dark {
269
280
  color-scheme: dark;
270
281
 
271
282
  /* Interactive */
272
- --color-interactive: var(--pink-400);
273
- --color-interactive-hover: var(--pink-300);
274
- --color-interactive-active: var(--pink-200);
283
+ --color-interactive: var(--pink-500);
284
+ --color-interactive-hover: var(--pink-600);
285
+ --color-interactive-active: var(--pink-700);
275
286
  --color-interactive-selected: var(--pink-900);
276
287
  --color-interactive-disabled: var(--neutral-700);
277
- --color-interactive-subtle: var(--pink-950);
288
+ --color-interactive-subtle: var(--pink-1000);
278
289
  /* Accent */
279
- --color-accent: var(--purple-400);
280
- --color-accent-hover: var(--purple-300);
281
- --color-accent-subtle: var(--purple-950);
290
+ --color-accent: var(--purple-400);
291
+ --color-accent-hover: var(--purple-300);
292
+ --color-accent-subtle: var(--purple-950);
282
293
  /* Background & Layers */
283
- --color-background: var(--neutral-950);
284
- --color-layer-01: var(--neutral-900);
285
- --color-layer-02: var(--neutral-800);
286
- --color-layer-03: var(--neutral-700);
287
- --color-layer-active: var(--neutral-700);
288
- --color-layer-accent-subtle: var(--pink-950);
289
- --color-overlay: rgba(0, 0, 0, 0.70);
294
+ --color-background: var(--neutral-950);
295
+ --color-layer-01: var(--neutral-900);
296
+ --color-layer-02: var(--neutral-800);
297
+ --color-layer-03: var(--neutral-700);
298
+ --color-layer-active: var(--neutral-700);
299
+ --color-layer-accent-subtle: var(--pink-950);
300
+ --color-overlay: rgba(0, 0, 0, 0.70);
290
301
  /* Fields */
291
- --color-field: var(--neutral-900);
292
- --color-field-hover: var(--neutral-800);
293
- --color-field-02: var(--neutral-800);
294
- --color-field-02-hover: var(--neutral-700);
302
+ --color-field: var(--neutral-900);
303
+ --color-field-hover: var(--neutral-800);
304
+ --color-field-02: var(--neutral-800);
305
+ --color-field-02-hover: var(--neutral-700);
295
306
  /* Text */
296
- --color-text-primary: var(--neutral-50);
297
- --color-text-secondary: var(--neutral-300);
298
- --color-text-tertiary: var(--neutral-400);
299
- --color-text-placeholder: var(--neutral-500);
300
- --color-text-helper: var(--neutral-400);
301
- --color-text-disabled: var(--neutral-600);
302
- --color-text-error: var(--red-200);
303
- --color-text-success: var(--green-200);
304
- --color-text-warning: var(--yellow-200);
305
- --color-text-link: var(--blue-200);
306
- --color-text-link-hover: var(--blue-100);
307
- --color-text-on-color: var(--neutral-0);
308
- --color-text-on-color-dark: var(--neutral-50);
309
- --color-text-inverse: var(--neutral-900);
310
- --color-text-brand: var(--pink-300);
311
- --color-text-interactive: var(--pink-300);
307
+ --color-text-primary: var(--neutral-50);
308
+ --color-text-secondary: var(--neutral-300);
309
+ --color-text-tertiary: var(--neutral-400);
310
+ --color-text-placeholder: var(--neutral-500);
311
+ --color-text-helper: var(--neutral-400);
312
+ --color-text-disabled: var(--neutral-600);
313
+ --color-text-error: var(--red-300);
314
+ --color-text-success: var(--green-300);
315
+ --color-text-warning: var(--yellow-300);
316
+ --color-text-link: var(--blue-300);
317
+ --color-text-link-hover: var(--blue-100);
318
+ --color-text-on-color: var(--neutral-0);
319
+ --color-text-on-color-dark: var(--neutral-50);
320
+ --color-text-inverse: var(--neutral-900);
321
+ --color-text-brand: var(--pink-400);
322
+ --color-text-interactive: var(--pink-300);
312
323
  /* Icons */
313
- --color-icon-primary: var(--neutral-100);
314
- --color-icon-secondary: var(--neutral-300);
315
- --color-icon-disabled: var(--neutral-600);
316
- --color-icon-on-color: var(--neutral-0);
317
- --color-icon-interactive: var(--pink-400);
324
+ --color-icon-primary: var(--neutral-100);
325
+ --color-icon-secondary: var(--neutral-300);
326
+ --color-icon-disabled: var(--neutral-600);
327
+ --color-icon-on-color: var(--neutral-0);
328
+ --color-icon-interactive: var(--pink-400);
318
329
  /* Borders */
319
- --color-border-subtle: var(--neutral-800);
320
- --color-border-default: var(--neutral-700);
321
- --color-border-strong: var(--neutral-500);
322
- --color-border-interactive: var(--pink-400);
323
- --color-border-disabled: var(--neutral-700);
324
- --color-border-error: var(--red-400);
325
- --color-border-success: var(--green-400);
326
- --color-border-warning: var(--yellow-400);
327
- --color-divider: var(--neutral-700);
330
+ --color-border-subtle: var(--neutral-800);
331
+ --color-border-default: var(--neutral-700);
332
+ --color-border-strong: var(--neutral-500);
333
+ --color-border-interactive: var(--pink-400);
334
+ --color-border-disabled: var(--neutral-700);
335
+ --color-border-error: var(--red-400);
336
+ --color-border-success: var(--green-400);
337
+ --color-border-warning: var(--yellow-400);
338
+ --color-divider: var(--neutral-700);
328
339
  /* Focus */
329
- --color-focus: var(--pink-400);
330
- --color-focus-inset: var(--neutral-950);
340
+ --color-focus: var(--pink-400);
341
+ --color-focus-inset: var(--neutral-950);
331
342
  /* Action State Opacities */
332
343
  --action-hover-opacity: 0.08;
333
344
  --action-selected-opacity: 0.12;
@@ -335,64 +346,64 @@
335
346
  --action-focus-opacity: 0.12;
336
347
  --action-active-opacity: 0.16;
337
348
  /* Status / Feedback */
338
- --color-success: var(--green-500);
339
- --color-success-surface: var(--green-900);
340
- --color-success-border: var(--green-400);
341
- --color-success-text: var(--green-200);
342
- --color-error: var(--red-500);
343
- --color-error-hover: var(--red-400);
344
- --color-error-surface: var(--red-900);
345
- --color-error-border: var(--red-400);
346
- --color-error-text: var(--red-200);
347
- --color-warning: var(--yellow-500);
348
- --color-warning-surface: var(--yellow-900);
349
- --color-warning-border: var(--yellow-400);
350
- --color-warning-text: var(--yellow-200);
351
- --color-info: var(--blue-500);
352
- --color-info-surface: var(--blue-900);
353
- --color-info-border: var(--blue-400);
354
- --color-info-text: var(--blue-200);
349
+ --color-success: var(--green-500);
350
+ --color-success-surface: var(--green-900);
351
+ --color-success-border: var(--green-400);
352
+ --color-success-text: var(--green-200);
353
+ --color-error: var(--red-500);
354
+ --color-error-hover: var(--red-400);
355
+ --color-error-surface: var(--red-900);
356
+ --color-error-border: var(--red-400);
357
+ --color-error-text: var(--red-200);
358
+ --color-warning: var(--yellow-500);
359
+ --color-warning-surface: var(--yellow-900);
360
+ --color-warning-border: var(--yellow-400);
361
+ --color-warning-text: var(--yellow-200);
362
+ --color-info: var(--blue-500);
363
+ --color-info-surface: var(--blue-900);
364
+ --color-info-border: var(--blue-400);
365
+ --color-info-text: var(--blue-200);
355
366
 
356
367
  /* ── Category Colors (Sapta Varna) ───────────────────── */
357
- --color-category-teal: var(--teal-500);
358
- --color-category-teal-surface: var(--teal-950);
359
- --color-category-teal-border: var(--teal-400);
360
- --color-category-teal-text: var(--teal-200);
361
- --color-category-amber: var(--amber-500);
362
- --color-category-amber-surface: var(--amber-950);
363
- --color-category-amber-border: var(--amber-400);
364
- --color-category-amber-text: var(--amber-200);
365
- --color-category-slate: var(--slate-500);
366
- --color-category-slate-surface: var(--slate-950);
367
- --color-category-slate-border: var(--slate-400);
368
- --color-category-slate-text: var(--slate-200);
369
- --color-category-indigo: var(--indigo-500);
370
- --color-category-indigo-surface: var(--indigo-950);
371
- --color-category-indigo-border: var(--indigo-400);
372
- --color-category-indigo-text: var(--indigo-200);
373
- --color-category-cyan: var(--cyan-500);
374
- --color-category-cyan-surface: var(--cyan-950);
375
- --color-category-cyan-border: var(--cyan-400);
376
- --color-category-cyan-text: var(--cyan-200);
377
- --color-category-orange: var(--orange-500);
378
- --color-category-orange-surface: var(--orange-950);
379
- --color-category-orange-border: var(--orange-400);
380
- --color-category-orange-text: var(--orange-200);
381
- --color-category-emerald: var(--emerald-500);
368
+ --color-category-teal: var(--teal-500);
369
+ --color-category-teal-surface: var(--teal-950);
370
+ --color-category-teal-border: var(--teal-400);
371
+ --color-category-teal-text: var(--teal-200);
372
+ --color-category-amber: var(--amber-500);
373
+ --color-category-amber-surface: var(--amber-950);
374
+ --color-category-amber-border: var(--amber-400);
375
+ --color-category-amber-text: var(--amber-200);
376
+ --color-category-slate: var(--slate-500);
377
+ --color-category-slate-surface: var(--slate-950);
378
+ --color-category-slate-border: var(--slate-400);
379
+ --color-category-slate-text: var(--slate-200);
380
+ --color-category-indigo: var(--indigo-500);
381
+ --color-category-indigo-surface: var(--indigo-950);
382
+ --color-category-indigo-border: var(--indigo-400);
383
+ --color-category-indigo-text: var(--indigo-200);
384
+ --color-category-cyan: var(--cyan-500);
385
+ --color-category-cyan-surface: var(--cyan-950);
386
+ --color-category-cyan-border: var(--cyan-400);
387
+ --color-category-cyan-text: var(--cyan-200);
388
+ --color-category-orange: var(--orange-500);
389
+ --color-category-orange-surface: var(--orange-950);
390
+ --color-category-orange-border: var(--orange-400);
391
+ --color-category-orange-text: var(--orange-200);
392
+ --color-category-emerald: var(--emerald-500);
382
393
  --color-category-emerald-surface: var(--emerald-950);
383
- --color-category-emerald-border: var(--emerald-400);
384
- --color-category-emerald-text: var(--emerald-200);
394
+ --color-category-emerald-border: var(--emerald-400);
395
+ --color-category-emerald-text: var(--emerald-200);
385
396
 
386
397
  /* Skeleton */
387
- --color-skeleton-base: var(--neutral-800);
388
- --color-skeleton-shimmer: var(--neutral-700);
398
+ --color-skeleton-base: var(--neutral-800);
399
+ --color-skeleton-shimmer: var(--neutral-700);
389
400
  /* Inset Glow & Overlay */
390
- --color-inset-glow: rgba(255, 255, 255, 0.10);
391
- --color-inset-glow-strong: rgba(255, 255, 255, 0.08);
392
- --color-inset-glow-subtle: rgba(255, 255, 255, 0.05);
401
+ --color-inset-glow: rgba(255, 255, 255, 0.10);
402
+ --color-inset-glow-strong: rgba(255, 255, 255, 0.08);
403
+ --color-inset-glow-subtle: rgba(255, 255, 255, 0.05);
393
404
  --color-surface-overlay-light: rgba(255, 255, 255, 0.08);
394
- --color-surface-overlay-dark: rgba(0, 0, 0, 0.25);
395
- --color-text-shadow: rgba(0, 0, 0, 0.40);
405
+ --color-surface-overlay-dark: rgba(0, 0, 0, 0.25);
406
+ --color-text-shadow: rgba(0, 0, 0, 0.40);
396
407
  /* Shadows */
397
408
  --shadow-01: 0 1px 2px rgba(0, 0, 0, 0.30);
398
409
  --shadow-02: 0 2px 6px rgba(0, 0, 0, 0.40);
@@ -402,8 +413,8 @@
402
413
  --shadow-brand: 0 4px 16px rgba(211, 49, 99, 0.35);
403
414
 
404
415
  /* ── Gradients ─────────────────────────────────── */
405
- --gradient-brand-light: linear-gradient(135deg, var(--pink-500), var(--purple-600));
406
- --gradient-brand-dark: linear-gradient(135deg, var(--pink-700), var(--purple-800));
416
+ --gradient-brand-light: linear-gradient(135deg, var(--pink-500), var(--purple-600));
417
+ --gradient-brand-dark: linear-gradient(135deg, var(--pink-700), var(--purple-800));
407
418
 
408
419
  /* ── Chart Palette (dark) ───────────────────────── */
409
420
  --chart-1: var(--pink-400);
@@ -424,6 +435,7 @@
424
435
 
425
436
  /* ── Reduced Motion ──────────────────────────────────── */
426
437
  @media (prefers-reduced-motion: reduce) {
438
+
427
439
  *,
428
440
  *::before,
429
441
  *::after {
@@ -432,4 +444,4 @@
432
444
  transition-duration: 0.01ms !important;
433
445
  scroll-behavior: auto !important;
434
446
  }
435
- }
447
+ }
package/dist/ui/alert-dialog.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx as s, jsxs as p } from "react/jsx-runtime";
3
3
  import * as o from "react";
4
- import { O as l, J as g, K as d, M as r, N as n, Q as c, U as f, V as x, W as b } from "../_chunks/primitives.js";
4
+ import { O as l, B as g, D as d, E as r, J as n, K as c, M as f, N as x, Q as b } from "../_chunks/primitives.js";
5
5
  import { c as i } from "../_chunks/utils.js";
6
6
  const C = x, T = b, y = g, m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
7
7
  l,
@@ -58,7 +58,7 @@ const N = o.forwardRef(
58
58
  )
59
59
  );
60
60
  N.displayName = "AlertDialogFooter";
61
- const A = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
61
+ const D = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
62
62
  r,
63
63
  {
64
64
  ref: a,
@@ -69,8 +69,8 @@ const A = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
69
69
  ...t
70
70
  }
71
71
  ));
72
- A.displayName = r.displayName;
73
- const D = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
72
+ D.displayName = r.displayName;
73
+ const A = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
74
74
  n,
75
75
  {
76
76
  ref: a,
@@ -78,7 +78,7 @@ const D = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
78
78
  ...t
79
79
  }
80
80
  ));
81
- D.displayName = n.displayName;
81
+ A.displayName = n.displayName;
82
82
  const w = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
83
83
  c,
84
84
  {
@@ -108,11 +108,11 @@ export {
108
108
  w as AlertDialogAction,
109
109
  R as AlertDialogCancel,
110
110
  u as AlertDialogContent,
111
- D as AlertDialogDescription,
111
+ A as AlertDialogDescription,
112
112
  N as AlertDialogFooter,
113
113
  v as AlertDialogHeader,
114
114
  m as AlertDialogOverlay,
115
115
  y as AlertDialogPortal,
116
- A as AlertDialogTitle,
116
+ D as AlertDialogTitle,
117
117
  T as AlertDialogTrigger
118
118
  };
package/dist/ui/collapsible.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import { jsx as s } from "react/jsx-runtime";
3
3
  import * as i from "react";
4
- import { g as a, h as l, i as n } from "../_chunks/primitives.js";
4
+ import { U as a, V as l, W as n } from "../_chunks/primitives.js";
5
5
  import { c as r } from "../_chunks/utils.js";
6
- const f = l, g = n, d = i.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ s(
6
+ const f = l, C = n, d = i.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ s(
7
7
  a,
8
8
  {
9
9
  ref: e,
@@ -18,5 +18,5 @@ d.displayName = a.displayName;
18
18
  export {
19
19
  f as Collapsible,
20
20
  d as CollapsibleContent,
21
- g as CollapsibleTrigger
21
+ C as CollapsibleTrigger
22
22
  };