@devalok/shilp-sutra 0.10.0 → 0.12.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 (16) hide show
  1. package/dist/_chunks/checkbox.js +5 -5
  2. package/dist/_chunks/sidebar.js +21 -21
  3. package/dist/_chunks/utils.js +8 -5
  4. package/dist/composed/avatar-group.js +21 -21
  5. package/dist/tailwind/index.cjs +63 -4
  6. package/dist/tailwind/preset.d.ts.map +1 -1
  7. package/dist/tailwind/preset.js +63 -4
  8. package/dist/tokens/primitives.css +1 -0
  9. package/dist/tokens/semantic.css +246 -233
  10. package/dist/ui/checkbox.js +7 -7
  11. package/dist/ui/input.js +8 -8
  12. package/dist/ui/lib/utils.d.ts.map +1 -1
  13. package/dist/ui/lib/utils.js +8 -5
  14. package/llms-full.txt +2 -1
  15. package/llms.txt +10 -0
  16. 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;
@@ -162,6 +173,7 @@
162
173
  --spacing-05: 16px;
163
174
  --spacing-05b: 20px;
164
175
  --spacing-06: 24px;
176
+ --spacing-06b: 28px;
165
177
  --spacing-07: 32px;
166
178
  --spacing-08: 40px;
167
179
  --spacing-09: 48px;
@@ -232,7 +244,7 @@
232
244
  --z-tooltip: 1600;
233
245
 
234
246
  /* ── Layout ─────────────────────────────────── */
235
- --max-width: 1280px;
247
+ --max-width: 1280px;
236
248
  --max-width-body: 960px;
237
249
 
238
250
  /* ── Breakpoints ───────────────────────────── */
@@ -243,8 +255,8 @@
243
255
  --breakpoint-2xl: 1536px;
244
256
 
245
257
  /* ── 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));
258
+ --gradient-brand-light: linear-gradient(135deg, var(--pink-400), var(--purple-500));
259
+ --gradient-brand-dark: linear-gradient(135deg, var(--pink-600), var(--purple-700));
248
260
 
249
261
  /* ── Chart Palette ──────────────────────────────── */
250
262
  --chart-1: var(--pink-500);
@@ -257,77 +269,77 @@
257
269
  --chart-8: var(--orange-500);
258
270
 
259
271
  /* ── 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);
272
+ --color-inset-glow: rgba(255, 255, 255, 0.25);
273
+ --color-inset-glow-strong: rgba(255, 255, 255, 0.16);
274
+ --color-inset-glow-subtle: rgba(255, 255, 255, 0.10);
263
275
  --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);
276
+ --color-surface-overlay-dark: rgba(0, 0, 0, 0.12);
277
+ --color-text-shadow: rgba(0, 0, 0, 0.15);
266
278
  }
267
279
 
268
280
  .dark {
269
281
  color-scheme: dark;
270
282
 
271
283
  /* Interactive */
272
- --color-interactive: var(--pink-400);
273
- --color-interactive-hover: var(--pink-300);
274
- --color-interactive-active: var(--pink-200);
284
+ --color-interactive: var(--pink-500);
285
+ --color-interactive-hover: var(--pink-600);
286
+ --color-interactive-active: var(--pink-700);
275
287
  --color-interactive-selected: var(--pink-900);
276
288
  --color-interactive-disabled: var(--neutral-700);
277
- --color-interactive-subtle: var(--pink-950);
289
+ --color-interactive-subtle: var(--pink-1000);
278
290
  /* Accent */
279
- --color-accent: var(--purple-400);
280
- --color-accent-hover: var(--purple-300);
281
- --color-accent-subtle: var(--purple-950);
291
+ --color-accent: var(--purple-400);
292
+ --color-accent-hover: var(--purple-300);
293
+ --color-accent-subtle: var(--purple-950);
282
294
  /* 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);
295
+ --color-background: var(--neutral-950);
296
+ --color-layer-01: var(--neutral-900);
297
+ --color-layer-02: var(--neutral-800);
298
+ --color-layer-03: var(--neutral-700);
299
+ --color-layer-active: var(--neutral-700);
300
+ --color-layer-accent-subtle: var(--pink-950);
301
+ --color-overlay: rgba(0, 0, 0, 0.70);
290
302
  /* 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);
303
+ --color-field: var(--neutral-900);
304
+ --color-field-hover: var(--neutral-800);
305
+ --color-field-02: var(--neutral-800);
306
+ --color-field-02-hover: var(--neutral-700);
295
307
  /* 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);
308
+ --color-text-primary: var(--neutral-50);
309
+ --color-text-secondary: var(--neutral-300);
310
+ --color-text-tertiary: var(--neutral-400);
311
+ --color-text-placeholder: var(--neutral-500);
312
+ --color-text-helper: var(--neutral-400);
313
+ --color-text-disabled: var(--neutral-600);
314
+ --color-text-error: var(--red-300);
315
+ --color-text-success: var(--green-300);
316
+ --color-text-warning: var(--yellow-300);
317
+ --color-text-link: var(--blue-300);
318
+ --color-text-link-hover: var(--blue-100);
319
+ --color-text-on-color: var(--neutral-0);
320
+ --color-text-on-color-dark: var(--neutral-50);
321
+ --color-text-inverse: var(--neutral-900);
322
+ --color-text-brand: var(--pink-400);
323
+ --color-text-interactive: var(--pink-300);
312
324
  /* 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);
325
+ --color-icon-primary: var(--neutral-100);
326
+ --color-icon-secondary: var(--neutral-300);
327
+ --color-icon-disabled: var(--neutral-600);
328
+ --color-icon-on-color: var(--neutral-0);
329
+ --color-icon-interactive: var(--pink-400);
318
330
  /* 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);
331
+ --color-border-subtle: var(--neutral-800);
332
+ --color-border-default: var(--neutral-700);
333
+ --color-border-strong: var(--neutral-500);
334
+ --color-border-interactive: var(--pink-400);
335
+ --color-border-disabled: var(--neutral-700);
336
+ --color-border-error: var(--red-400);
337
+ --color-border-success: var(--green-400);
338
+ --color-border-warning: var(--yellow-400);
339
+ --color-divider: var(--neutral-700);
328
340
  /* Focus */
329
- --color-focus: var(--pink-400);
330
- --color-focus-inset: var(--neutral-950);
341
+ --color-focus: var(--pink-400);
342
+ --color-focus-inset: var(--neutral-950);
331
343
  /* Action State Opacities */
332
344
  --action-hover-opacity: 0.08;
333
345
  --action-selected-opacity: 0.12;
@@ -335,64 +347,64 @@
335
347
  --action-focus-opacity: 0.12;
336
348
  --action-active-opacity: 0.16;
337
349
  /* 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);
350
+ --color-success: var(--green-500);
351
+ --color-success-surface: var(--green-900);
352
+ --color-success-border: var(--green-400);
353
+ --color-success-text: var(--green-200);
354
+ --color-error: var(--red-500);
355
+ --color-error-hover: var(--red-400);
356
+ --color-error-surface: var(--red-900);
357
+ --color-error-border: var(--red-400);
358
+ --color-error-text: var(--red-200);
359
+ --color-warning: var(--yellow-500);
360
+ --color-warning-surface: var(--yellow-900);
361
+ --color-warning-border: var(--yellow-400);
362
+ --color-warning-text: var(--yellow-200);
363
+ --color-info: var(--blue-500);
364
+ --color-info-surface: var(--blue-900);
365
+ --color-info-border: var(--blue-400);
366
+ --color-info-text: var(--blue-200);
355
367
 
356
368
  /* ── 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);
369
+ --color-category-teal: var(--teal-500);
370
+ --color-category-teal-surface: var(--teal-950);
371
+ --color-category-teal-border: var(--teal-400);
372
+ --color-category-teal-text: var(--teal-200);
373
+ --color-category-amber: var(--amber-500);
374
+ --color-category-amber-surface: var(--amber-950);
375
+ --color-category-amber-border: var(--amber-400);
376
+ --color-category-amber-text: var(--amber-200);
377
+ --color-category-slate: var(--slate-500);
378
+ --color-category-slate-surface: var(--slate-950);
379
+ --color-category-slate-border: var(--slate-400);
380
+ --color-category-slate-text: var(--slate-200);
381
+ --color-category-indigo: var(--indigo-500);
382
+ --color-category-indigo-surface: var(--indigo-950);
383
+ --color-category-indigo-border: var(--indigo-400);
384
+ --color-category-indigo-text: var(--indigo-200);
385
+ --color-category-cyan: var(--cyan-500);
386
+ --color-category-cyan-surface: var(--cyan-950);
387
+ --color-category-cyan-border: var(--cyan-400);
388
+ --color-category-cyan-text: var(--cyan-200);
389
+ --color-category-orange: var(--orange-500);
390
+ --color-category-orange-surface: var(--orange-950);
391
+ --color-category-orange-border: var(--orange-400);
392
+ --color-category-orange-text: var(--orange-200);
393
+ --color-category-emerald: var(--emerald-500);
382
394
  --color-category-emerald-surface: var(--emerald-950);
383
- --color-category-emerald-border: var(--emerald-400);
384
- --color-category-emerald-text: var(--emerald-200);
395
+ --color-category-emerald-border: var(--emerald-400);
396
+ --color-category-emerald-text: var(--emerald-200);
385
397
 
386
398
  /* Skeleton */
387
- --color-skeleton-base: var(--neutral-800);
388
- --color-skeleton-shimmer: var(--neutral-700);
399
+ --color-skeleton-base: var(--neutral-800);
400
+ --color-skeleton-shimmer: var(--neutral-700);
389
401
  /* 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);
402
+ --color-inset-glow: rgba(255, 255, 255, 0.10);
403
+ --color-inset-glow-strong: rgba(255, 255, 255, 0.08);
404
+ --color-inset-glow-subtle: rgba(255, 255, 255, 0.05);
393
405
  --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);
406
+ --color-surface-overlay-dark: rgba(0, 0, 0, 0.25);
407
+ --color-text-shadow: rgba(0, 0, 0, 0.40);
396
408
  /* Shadows */
397
409
  --shadow-01: 0 1px 2px rgba(0, 0, 0, 0.30);
398
410
  --shadow-02: 0 2px 6px rgba(0, 0, 0, 0.40);
@@ -402,8 +414,8 @@
402
414
  --shadow-brand: 0 4px 16px rgba(211, 49, 99, 0.35);
403
415
 
404
416
  /* ── 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));
417
+ --gradient-brand-light: linear-gradient(135deg, var(--pink-500), var(--purple-600));
418
+ --gradient-brand-dark: linear-gradient(135deg, var(--pink-700), var(--purple-800));
407
419
 
408
420
  /* ── Chart Palette (dark) ───────────────────────── */
409
421
  --chart-1: var(--pink-400);
@@ -424,6 +436,7 @@
424
436
 
425
437
  /* ── Reduced Motion ──────────────────────────────────── */
426
438
  @media (prefers-reduced-motion: reduce) {
439
+
427
440
  *,
428
441
  *::before,
429
442
  *::after {
@@ -432,4 +445,4 @@
432
445
  transition-duration: 0.01ms !important;
433
446
  scroll-behavior: auto !important;
434
447
  }
435
- }
448
+ }
package/dist/ui/checkbox.js CHANGED
@@ -1,18 +1,18 @@
1
1
  "use client";
2
2
  import { jsx as e } from "react/jsx-runtime";
3
- import { C as r, b as n } from "../_chunks/primitives.js";
3
+ import { C as r, b as d } from "../_chunks/primitives.js";
4
4
  import { IconMinus as m, IconCheck as l } from "@tabler/icons-react";
5
5
  import * as b from "react";
6
6
  import { c as f } from "../_chunks/utils.js";
7
- const h = b.forwardRef(({ className: o, error: i, indeterminate: a, checked: s, ...c }, d) => {
7
+ const h = b.forwardRef(({ className: i, error: o, indeterminate: a, checked: s, ...c }, n) => {
8
8
  const t = a ? "indeterminate" : s;
9
9
  return /* @__PURE__ */ e(
10
10
  r,
11
11
  {
12
- ref: d,
12
+ ref: n,
13
13
  checked: t,
14
14
  className: f(
15
- "peer h-ico-md w-ico-md shrink-0 rounded-ds-sm",
15
+ "peer flex items-center justify-center h-ico-md w-ico-md shrink-0 rounded-ds-sm",
16
16
  "border border-border-strong",
17
17
  "bg-field",
18
18
  "transition-colors duration-fast-01",
@@ -20,11 +20,11 @@ const h = b.forwardRef(({ className: o, error: i, indeterminate: a, checked: s,
20
20
  "disabled:cursor-not-allowed disabled:opacity-[0.38]",
21
21
  "data-[state=checked]:bg-interactive data-[state=checked]:border-interactive data-[state=checked]:text-text-on-color",
22
22
  "data-[state=indeterminate]:bg-interactive data-[state=indeterminate]:border-interactive data-[state=indeterminate]:text-text-on-color",
23
- i && "border-border-error",
24
- o
23
+ o && "border-border-error",
24
+ i
25
25
  ),
26
26
  ...c,
27
- children: /* @__PURE__ */ e(n, { className: "flex items-center justify-center text-current", children: t === "indeterminate" ? /* @__PURE__ */ e(m, { className: "h-ico-sm w-ico-sm" }) : /* @__PURE__ */ e(l, { className: "h-ico-sm w-ico-sm" }) })
27
+ children: /* @__PURE__ */ e(d, { className: "flex items-center justify-center text-current", children: t === "indeterminate" ? /* @__PURE__ */ e(m, { className: "h-ico-sm w-ico-sm" }) : /* @__PURE__ */ e(l, { className: "h-3 w-3" }) })
28
28
  }
29
29
  );
30
30
  });