@managesome/knotr-toolkit 0.8.14 → 0.8.16

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.
@@ -0,0 +1,290 @@
1
+ /**
2
+ * Raw color palette - the base colors used across all apps
3
+ */
4
+ export declare const COLORS: {
5
+ readonly primary: {
6
+ readonly 50: "#FBF7EE";
7
+ readonly 100: "#F5EDD5";
8
+ readonly 200: "#EBD9AA";
9
+ readonly 300: "#DFC580";
10
+ readonly 400: "#D4B165";
11
+ readonly 500: "#C8A96A";
12
+ readonly 600: "#B8955B";
13
+ readonly 700: "#9A7B4A";
14
+ readonly 800: "#7C613B";
15
+ readonly 900: "#5E482C";
16
+ readonly 950: "#3F3019";
17
+ };
18
+ readonly secondary: {
19
+ readonly 50: "#FAFAFA";
20
+ readonly 100: "#F5F5F5";
21
+ readonly 200: "#E5E5E5";
22
+ readonly 300: "#D4D4D4";
23
+ readonly 400: "#A3A3A3";
24
+ readonly 500: "#737373";
25
+ readonly 600: "#525252";
26
+ readonly 700: "#404040";
27
+ readonly 800: "#262626";
28
+ readonly 900: "#171717";
29
+ readonly 950: "#0A0A0A";
30
+ };
31
+ readonly accent: {
32
+ readonly 50: "#F9F5F2";
33
+ readonly 100: "#F0E6DD";
34
+ readonly 200: "#E1CDB9";
35
+ readonly 300: "#D1B495";
36
+ readonly 400: "#C19B71";
37
+ readonly 500: "#A67C52";
38
+ readonly 600: "#8D6842";
39
+ readonly 700: "#745434";
40
+ readonly 800: "#5B4028";
41
+ readonly 900: "#422C1C";
42
+ readonly 950: "#21160E";
43
+ };
44
+ readonly success: {
45
+ readonly 50: "#ECFDF5";
46
+ readonly 100: "#D1FAE5";
47
+ readonly 200: "#A7F3D0";
48
+ readonly 300: "#6EE7B7";
49
+ readonly 400: "#34D399";
50
+ readonly 500: "#10B981";
51
+ readonly 600: "#059669";
52
+ readonly 700: "#047857";
53
+ readonly 800: "#065F46";
54
+ readonly 900: "#064E3B";
55
+ readonly 950: "#022C22";
56
+ };
57
+ readonly warning: {
58
+ readonly 50: "#FFFBEB";
59
+ readonly 100: "#FEF3C7";
60
+ readonly 200: "#FDE68A";
61
+ readonly 300: "#FCD34D";
62
+ readonly 400: "#FBBF24";
63
+ readonly 500: "#F59E0B";
64
+ readonly 600: "#D97706";
65
+ readonly 700: "#B45309";
66
+ readonly 800: "#92400E";
67
+ readonly 900: "#78350F";
68
+ readonly 950: "#451A03";
69
+ };
70
+ readonly error: {
71
+ readonly 50: "#FEF2F2";
72
+ readonly 100: "#FEE2E2";
73
+ readonly 200: "#FECACA";
74
+ readonly 300: "#FCA5A5";
75
+ readonly 400: "#F87171";
76
+ readonly 500: "#EF4444";
77
+ readonly 600: "#DC2626";
78
+ readonly 700: "#B91C1C";
79
+ readonly 800: "#991B1B";
80
+ readonly 900: "#7F1D1D";
81
+ readonly 950: "#450A0A";
82
+ };
83
+ readonly info: {
84
+ readonly 50: "#EFF6FF";
85
+ readonly 100: "#DBEAFE";
86
+ readonly 200: "#BFDBFE";
87
+ readonly 300: "#93C5FD";
88
+ readonly 400: "#60A5FA";
89
+ readonly 500: "#3B82F6";
90
+ readonly 600: "#2563EB";
91
+ readonly 700: "#1D4ED8";
92
+ readonly 800: "#1E40AF";
93
+ readonly 900: "#1E3A8A";
94
+ readonly 950: "#172554";
95
+ };
96
+ readonly white: "#FFFFFF";
97
+ readonly black: "#000000";
98
+ readonly transparent: "transparent";
99
+ };
100
+ /**
101
+ * Semantic color aliases for light theme
102
+ * Maps semantic names to palette colors
103
+ */
104
+ export declare const SEMANTIC_COLORS_LIGHT: {
105
+ readonly background: "#FFFFFF";
106
+ readonly backgroundSecondary: "#FAFAFA";
107
+ readonly backgroundTertiary: "#F5F5F5";
108
+ readonly surface: "#FFFFFF";
109
+ readonly surfaceSecondary: "#FAFAFA";
110
+ readonly surfaceElevated: "#FFFFFF";
111
+ readonly textPrimary: "#171717";
112
+ readonly textSecondary: "#525252";
113
+ readonly textTertiary: "#A3A3A3";
114
+ readonly textInverse: "#FFFFFF";
115
+ readonly textMuted: "#737373";
116
+ readonly border: "#E5E5E5";
117
+ readonly borderSecondary: "#F5F5F5";
118
+ readonly borderFocused: "#C8A96A";
119
+ readonly interactive: "#C8A96A";
120
+ readonly interactiveHover: "#B8955B";
121
+ readonly interactiveActive: "#9A7B4A";
122
+ readonly interactiveDisabled: "#D4D4D4";
123
+ readonly statusSuccess: "#10B981";
124
+ readonly statusSuccessBackground: "#ECFDF5";
125
+ readonly statusWarning: "#F59E0B";
126
+ readonly statusWarningBackground: "#FFFBEB";
127
+ readonly statusError: "#EF4444";
128
+ readonly statusErrorBackground: "#FEF2F2";
129
+ readonly statusInfo: "#3B82F6";
130
+ readonly statusInfoBackground: "#EFF6FF";
131
+ readonly overlay: "rgba(0, 0, 0, 0.5)";
132
+ readonly overlayLight: "rgba(0, 0, 0, 0.3)";
133
+ };
134
+ /**
135
+ * Semantic color aliases for dark theme
136
+ */
137
+ export declare const SEMANTIC_COLORS_DARK: {
138
+ readonly background: "#0A0A0A";
139
+ readonly backgroundSecondary: "#171717";
140
+ readonly backgroundTertiary: "#262626";
141
+ readonly surface: "#171717";
142
+ readonly surfaceSecondary: "#262626";
143
+ readonly surfaceElevated: "#262626";
144
+ readonly textPrimary: "#FAFAFA";
145
+ readonly textSecondary: "#A3A3A3";
146
+ readonly textTertiary: "#737373";
147
+ readonly textInverse: "#171717";
148
+ readonly textMuted: "#737373";
149
+ readonly border: "#404040";
150
+ readonly borderSecondary: "#262626";
151
+ readonly borderFocused: "#D4B165";
152
+ readonly interactive: "#D4B165";
153
+ readonly interactiveHover: "#DFC580";
154
+ readonly interactiveActive: "#C8A96A";
155
+ readonly interactiveDisabled: "#404040";
156
+ readonly statusSuccess: "#34D399";
157
+ readonly statusSuccessBackground: "#064E3B";
158
+ readonly statusWarning: "#FBBF24";
159
+ readonly statusWarningBackground: "#78350F";
160
+ readonly statusError: "#F87171";
161
+ readonly statusErrorBackground: "#7F1D1D";
162
+ readonly statusInfo: "#60A5FA";
163
+ readonly statusInfoBackground: "#1E3A8A";
164
+ readonly overlay: "rgba(0, 0, 0, 0.7)";
165
+ readonly overlayLight: "rgba(0, 0, 0, 0.5)";
166
+ };
167
+ /**
168
+ * Typography scale
169
+ */
170
+ export declare const TYPOGRAPHY: {
171
+ readonly fontFamily: {
172
+ readonly sans: "Inter, system-ui, -apple-system, sans-serif";
173
+ readonly serif: "Merriweather, Georgia, serif";
174
+ readonly mono: "JetBrains Mono, monospace";
175
+ };
176
+ readonly fontSize: {
177
+ readonly xs: "0.75rem";
178
+ readonly sm: "0.875rem";
179
+ readonly base: "1rem";
180
+ readonly lg: "1.125rem";
181
+ readonly xl: "1.25rem";
182
+ readonly '2xl': "1.5rem";
183
+ readonly '3xl': "1.875rem";
184
+ readonly '4xl': "2.25rem";
185
+ readonly '5xl': "3rem";
186
+ };
187
+ readonly fontWeight: {
188
+ readonly normal: "400";
189
+ readonly medium: "500";
190
+ readonly semibold: "600";
191
+ readonly bold: "700";
192
+ };
193
+ readonly lineHeight: {
194
+ readonly tight: "1.25";
195
+ readonly normal: "1.5";
196
+ readonly relaxed: "1.75";
197
+ };
198
+ };
199
+ /**
200
+ * Spacing scale (in rem)
201
+ */
202
+ export declare const SPACING: {
203
+ readonly 0: "0";
204
+ readonly 0.5: "0.125rem";
205
+ readonly 1: "0.25rem";
206
+ readonly 1.5: "0.375rem";
207
+ readonly 2: "0.5rem";
208
+ readonly 2.5: "0.625rem";
209
+ readonly 3: "0.75rem";
210
+ readonly 3.5: "0.875rem";
211
+ readonly 4: "1rem";
212
+ readonly 5: "1.25rem";
213
+ readonly 6: "1.5rem";
214
+ readonly 7: "1.75rem";
215
+ readonly 8: "2rem";
216
+ readonly 9: "2.25rem";
217
+ readonly 10: "2.5rem";
218
+ readonly 12: "3rem";
219
+ readonly 14: "3.5rem";
220
+ readonly 16: "4rem";
221
+ readonly 20: "5rem";
222
+ readonly 24: "6rem";
223
+ };
224
+ /**
225
+ * Border radius scale
226
+ */
227
+ export declare const RADIUS: {
228
+ readonly none: "0";
229
+ readonly sm: "0.125rem";
230
+ readonly base: "0.25rem";
231
+ readonly md: "0.375rem";
232
+ readonly lg: "0.5rem";
233
+ readonly xl: "0.75rem";
234
+ readonly '2xl': "1rem";
235
+ readonly '3xl': "1.5rem";
236
+ readonly full: "9999px";
237
+ };
238
+ /**
239
+ * Shadow scale
240
+ */
241
+ export declare const SHADOWS: {
242
+ readonly none: "none";
243
+ readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
244
+ readonly base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
245
+ readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
246
+ readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
247
+ readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
248
+ readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
249
+ };
250
+ /**
251
+ * Z-index scale
252
+ */
253
+ export declare const Z_INDEX: {
254
+ readonly hide: -1;
255
+ readonly base: 0;
256
+ readonly dropdown: 10;
257
+ readonly sticky: 20;
258
+ readonly fixed: 30;
259
+ readonly modalBackdrop: 40;
260
+ readonly modal: 50;
261
+ readonly popover: 60;
262
+ readonly tooltip: 70;
263
+ readonly toast: 80;
264
+ };
265
+ /**
266
+ * Breakpoints (for responsive design)
267
+ */
268
+ export declare const BREAKPOINTS: {
269
+ readonly sm: "640px";
270
+ readonly md: "768px";
271
+ readonly lg: "1024px";
272
+ readonly xl: "1280px";
273
+ readonly '2xl': "1536px";
274
+ };
275
+ /**
276
+ * Animation durations
277
+ */
278
+ export declare const ANIMATION: {
279
+ readonly fast: "150ms";
280
+ readonly normal: "200ms";
281
+ readonly slow: "300ms";
282
+ readonly slower: "500ms";
283
+ };
284
+ export type ThemeColors = typeof COLORS;
285
+ export type SemanticColors = typeof SEMANTIC_COLORS_LIGHT;
286
+ export type Typography = typeof TYPOGRAPHY;
287
+ export type Spacing = typeof SPACING;
288
+ export type Radius = typeof RADIUS;
289
+ export type Shadows = typeof SHADOWS;
290
+ //# sourceMappingURL=theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GT,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CxB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CvB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Bb,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAqBV,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;CAUT,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;;CAQV,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;CAWV,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAGX,MAAM,MAAM,WAAW,GAAG,OAAO,MAAM,CAAC;AACxC,MAAM,MAAM,cAAc,GAAG,OAAO,qBAAqB,CAAC;AAC1D,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC;AAC3C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC;AACnC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC"}
@@ -0,0 +1,310 @@
1
+ // ============================================
2
+ // Cross-Platform Theme Tokens
3
+ // Single source of truth for all apps (mobile, web, admin, dashboard)
4
+ // ============================================
5
+ /**
6
+ * Raw color palette - the base colors used across all apps
7
+ */
8
+ export const COLORS = {
9
+ // Primary colors - Gold (elegance, premium)
10
+ primary: {
11
+ 50: '#FBF7EE',
12
+ 100: '#F5EDD5',
13
+ 200: '#EBD9AA',
14
+ 300: '#DFC580',
15
+ 400: '#D4B165',
16
+ 500: '#C8A96A', // Main primary - Knotr Gold
17
+ 600: '#B8955B',
18
+ 700: '#9A7B4A',
19
+ 800: '#7C613B',
20
+ 900: '#5E482C',
21
+ 950: '#3F3019',
22
+ },
23
+ // Secondary colors - Neutral gray scale
24
+ secondary: {
25
+ 50: '#FAFAFA',
26
+ 100: '#F5F5F5',
27
+ 200: '#E5E5E5',
28
+ 300: '#D4D4D4',
29
+ 400: '#A3A3A3',
30
+ 500: '#737373',
31
+ 600: '#525252',
32
+ 700: '#404040',
33
+ 800: '#262626',
34
+ 900: '#171717',
35
+ 950: '#0A0A0A',
36
+ },
37
+ // Accent colors - Rich brown
38
+ accent: {
39
+ 50: '#F9F5F2',
40
+ 100: '#F0E6DD',
41
+ 200: '#E1CDB9',
42
+ 300: '#D1B495',
43
+ 400: '#C19B71',
44
+ 500: '#A67C52',
45
+ 600: '#8D6842',
46
+ 700: '#745434',
47
+ 800: '#5B4028',
48
+ 900: '#422C1C',
49
+ 950: '#21160E',
50
+ },
51
+ // Success colors - Green
52
+ success: {
53
+ 50: '#ECFDF5',
54
+ 100: '#D1FAE5',
55
+ 200: '#A7F3D0',
56
+ 300: '#6EE7B7',
57
+ 400: '#34D399',
58
+ 500: '#10B981',
59
+ 600: '#059669',
60
+ 700: '#047857',
61
+ 800: '#065F46',
62
+ 900: '#064E3B',
63
+ 950: '#022C22',
64
+ },
65
+ // Warning colors - Amber
66
+ warning: {
67
+ 50: '#FFFBEB',
68
+ 100: '#FEF3C7',
69
+ 200: '#FDE68A',
70
+ 300: '#FCD34D',
71
+ 400: '#FBBF24',
72
+ 500: '#F59E0B',
73
+ 600: '#D97706',
74
+ 700: '#B45309',
75
+ 800: '#92400E',
76
+ 900: '#78350F',
77
+ 950: '#451A03',
78
+ },
79
+ // Error colors - Red
80
+ error: {
81
+ 50: '#FEF2F2',
82
+ 100: '#FEE2E2',
83
+ 200: '#FECACA',
84
+ 300: '#FCA5A5',
85
+ 400: '#F87171',
86
+ 500: '#EF4444',
87
+ 600: '#DC2626',
88
+ 700: '#B91C1C',
89
+ 800: '#991B1B',
90
+ 900: '#7F1D1D',
91
+ 950: '#450A0A',
92
+ },
93
+ // Info colors - Blue
94
+ info: {
95
+ 50: '#EFF6FF',
96
+ 100: '#DBEAFE',
97
+ 200: '#BFDBFE',
98
+ 300: '#93C5FD',
99
+ 400: '#60A5FA',
100
+ 500: '#3B82F6',
101
+ 600: '#2563EB',
102
+ 700: '#1D4ED8',
103
+ 800: '#1E40AF',
104
+ 900: '#1E3A8A',
105
+ 950: '#172554',
106
+ },
107
+ // Pure colors
108
+ white: '#FFFFFF',
109
+ black: '#000000',
110
+ transparent: 'transparent',
111
+ };
112
+ /**
113
+ * Semantic color aliases for light theme
114
+ * Maps semantic names to palette colors
115
+ */
116
+ export const SEMANTIC_COLORS_LIGHT = {
117
+ // Backgrounds
118
+ background: COLORS.white,
119
+ backgroundSecondary: COLORS.secondary[50],
120
+ backgroundTertiary: COLORS.secondary[100],
121
+ // Surfaces (cards, modals, etc.)
122
+ surface: COLORS.white,
123
+ surfaceSecondary: COLORS.secondary[50],
124
+ surfaceElevated: COLORS.white,
125
+ // Text
126
+ textPrimary: COLORS.secondary[900],
127
+ textSecondary: COLORS.secondary[600],
128
+ textTertiary: COLORS.secondary[400],
129
+ textInverse: COLORS.white,
130
+ textMuted: COLORS.secondary[500],
131
+ // Borders
132
+ border: COLORS.secondary[200],
133
+ borderSecondary: COLORS.secondary[100],
134
+ borderFocused: COLORS.primary[500],
135
+ // Interactive
136
+ interactive: COLORS.primary[500],
137
+ interactiveHover: COLORS.primary[600],
138
+ interactiveActive: COLORS.primary[700],
139
+ interactiveDisabled: COLORS.secondary[300],
140
+ // Status
141
+ statusSuccess: COLORS.success[500],
142
+ statusSuccessBackground: COLORS.success[50],
143
+ statusWarning: COLORS.warning[500],
144
+ statusWarningBackground: COLORS.warning[50],
145
+ statusError: COLORS.error[500],
146
+ statusErrorBackground: COLORS.error[50],
147
+ statusInfo: COLORS.info[500],
148
+ statusInfoBackground: COLORS.info[50],
149
+ // Overlay
150
+ overlay: 'rgba(0, 0, 0, 0.5)',
151
+ overlayLight: 'rgba(0, 0, 0, 0.3)',
152
+ };
153
+ /**
154
+ * Semantic color aliases for dark theme
155
+ */
156
+ export const SEMANTIC_COLORS_DARK = {
157
+ // Backgrounds
158
+ background: COLORS.secondary[950],
159
+ backgroundSecondary: COLORS.secondary[900],
160
+ backgroundTertiary: COLORS.secondary[800],
161
+ // Surfaces
162
+ surface: COLORS.secondary[900],
163
+ surfaceSecondary: COLORS.secondary[800],
164
+ surfaceElevated: COLORS.secondary[800],
165
+ // Text
166
+ textPrimary: COLORS.secondary[50],
167
+ textSecondary: COLORS.secondary[400],
168
+ textTertiary: COLORS.secondary[500],
169
+ textInverse: COLORS.secondary[900],
170
+ textMuted: COLORS.secondary[500],
171
+ // Borders
172
+ border: COLORS.secondary[700],
173
+ borderSecondary: COLORS.secondary[800],
174
+ borderFocused: COLORS.primary[400],
175
+ // Interactive
176
+ interactive: COLORS.primary[400],
177
+ interactiveHover: COLORS.primary[300],
178
+ interactiveActive: COLORS.primary[500],
179
+ interactiveDisabled: COLORS.secondary[700],
180
+ // Status
181
+ statusSuccess: COLORS.success[400],
182
+ statusSuccessBackground: COLORS.success[900],
183
+ statusWarning: COLORS.warning[400],
184
+ statusWarningBackground: COLORS.warning[900],
185
+ statusError: COLORS.error[400],
186
+ statusErrorBackground: COLORS.error[900],
187
+ statusInfo: COLORS.info[400],
188
+ statusInfoBackground: COLORS.info[900],
189
+ // Overlay
190
+ overlay: 'rgba(0, 0, 0, 0.7)',
191
+ overlayLight: 'rgba(0, 0, 0, 0.5)',
192
+ };
193
+ /**
194
+ * Typography scale
195
+ */
196
+ export const TYPOGRAPHY = {
197
+ fontFamily: {
198
+ sans: 'Inter, system-ui, -apple-system, sans-serif',
199
+ serif: 'Merriweather, Georgia, serif',
200
+ mono: 'JetBrains Mono, monospace',
201
+ },
202
+ fontSize: {
203
+ xs: '0.75rem', // 12px
204
+ sm: '0.875rem', // 14px
205
+ base: '1rem', // 16px
206
+ lg: '1.125rem', // 18px
207
+ xl: '1.25rem', // 20px
208
+ '2xl': '1.5rem', // 24px
209
+ '3xl': '1.875rem', // 30px
210
+ '4xl': '2.25rem', // 36px
211
+ '5xl': '3rem', // 48px
212
+ },
213
+ fontWeight: {
214
+ normal: '400',
215
+ medium: '500',
216
+ semibold: '600',
217
+ bold: '700',
218
+ },
219
+ lineHeight: {
220
+ tight: '1.25',
221
+ normal: '1.5',
222
+ relaxed: '1.75',
223
+ },
224
+ };
225
+ /**
226
+ * Spacing scale (in rem)
227
+ */
228
+ export const SPACING = {
229
+ 0: '0',
230
+ 0.5: '0.125rem', // 2px
231
+ 1: '0.25rem', // 4px
232
+ 1.5: '0.375rem', // 6px
233
+ 2: '0.5rem', // 8px
234
+ 2.5: '0.625rem', // 10px
235
+ 3: '0.75rem', // 12px
236
+ 3.5: '0.875rem', // 14px
237
+ 4: '1rem', // 16px
238
+ 5: '1.25rem', // 20px
239
+ 6: '1.5rem', // 24px
240
+ 7: '1.75rem', // 28px
241
+ 8: '2rem', // 32px
242
+ 9: '2.25rem', // 36px
243
+ 10: '2.5rem', // 40px
244
+ 12: '3rem', // 48px
245
+ 14: '3.5rem', // 56px
246
+ 16: '4rem', // 64px
247
+ 20: '5rem', // 80px
248
+ 24: '6rem', // 96px
249
+ };
250
+ /**
251
+ * Border radius scale
252
+ */
253
+ export const RADIUS = {
254
+ none: '0',
255
+ sm: '0.125rem', // 2px
256
+ base: '0.25rem', // 4px
257
+ md: '0.375rem', // 6px
258
+ lg: '0.5rem', // 8px
259
+ xl: '0.75rem', // 12px
260
+ '2xl': '1rem', // 16px
261
+ '3xl': '1.5rem', // 24px
262
+ full: '9999px',
263
+ };
264
+ /**
265
+ * Shadow scale
266
+ */
267
+ export const SHADOWS = {
268
+ none: 'none',
269
+ sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
270
+ base: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
271
+ md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
272
+ lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
273
+ xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
274
+ '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
275
+ };
276
+ /**
277
+ * Z-index scale
278
+ */
279
+ export const Z_INDEX = {
280
+ hide: -1,
281
+ base: 0,
282
+ dropdown: 10,
283
+ sticky: 20,
284
+ fixed: 30,
285
+ modalBackdrop: 40,
286
+ modal: 50,
287
+ popover: 60,
288
+ tooltip: 70,
289
+ toast: 80,
290
+ };
291
+ /**
292
+ * Breakpoints (for responsive design)
293
+ */
294
+ export const BREAKPOINTS = {
295
+ sm: '640px',
296
+ md: '768px',
297
+ lg: '1024px',
298
+ xl: '1280px',
299
+ '2xl': '1536px',
300
+ };
301
+ /**
302
+ * Animation durations
303
+ */
304
+ export const ANIMATION = {
305
+ fast: '150ms',
306
+ normal: '200ms',
307
+ slow: '300ms',
308
+ slower: '500ms',
309
+ };
310
+ //# sourceMappingURL=theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":"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"}