@rabelo-digital/ds-rd 1.1.1

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/chunk-CZMDBTZY.js +317 -0
  2. package/dist/chunk-CZMDBTZY.js.map +1 -0
  3. package/dist/chunk-JPWULLEO.mjs +306 -0
  4. package/dist/chunk-JPWULLEO.mjs.map +1 -0
  5. package/dist/index.css +1159 -0
  6. package/dist/index.css.map +1 -0
  7. package/dist/index.d.mts +241 -0
  8. package/dist/index.d.ts +241 -0
  9. package/dist/index.js +774 -0
  10. package/dist/index.js.map +1 -0
  11. package/dist/index.mjs +684 -0
  12. package/dist/index.mjs.map +1 -0
  13. package/dist/tokens/index.d.mts +295 -0
  14. package/dist/tokens/index.d.ts +295 -0
  15. package/dist/tokens/index.js +48 -0
  16. package/dist/tokens/index.js.map +1 -0
  17. package/dist/tokens/index.mjs +3 -0
  18. package/dist/tokens/index.mjs.map +1 -0
  19. package/package.json +149 -0
  20. package/tokens.css +238 -0
package/dist/chunk-CZMDBTZY.js ADDED
@@ -0,0 +1,317 @@
1
+ 'use strict';
2
+
3
+ // src/tokens/colors.primitive.ts
4
+ var primitiveColors = {
5
+ blue: {
6
+ 50: "#EAF4FB",
7
+ 100: "#C5E0F2",
8
+ 200: "#9BCCE9",
9
+ 300: "#6DB7DF",
10
+ 400: "#42A2D5",
11
+ 500: "#1B8ECB",
12
+ 600: "#1170A8",
13
+ 700: "#02548B",
14
+ 800: "#013E6A",
15
+ 900: "#012849"
16
+ },
17
+ teal: {
18
+ 50: "#E9FAF6",
19
+ 100: "#C0F1E6",
20
+ 200: "#93E7D5",
21
+ 300: "#62DAC2",
22
+ 400: "#34CEAF",
23
+ 500: "#16B597",
24
+ 600: "#0E9278",
25
+ 700: "#087059",
26
+ 800: "#044E3D",
27
+ 900: "#012E24"
28
+ },
29
+ orange: {
30
+ 50: "#FFF0EB",
31
+ 100: "#FFDDD4",
32
+ 200: "#FFC0AE",
33
+ 300: "#FF9F87",
34
+ 400: "#FF7358",
35
+ 500: "#FF3C00",
36
+ 600: "#D83200",
37
+ 700: "#B02700",
38
+ 800: "#881D00",
39
+ 900: "#601300"
40
+ },
41
+ red: {
42
+ 50: "#FEF2F2",
43
+ 100: "#FEE2E2",
44
+ 200: "#FECACA",
45
+ 300: "#FCA5A5",
46
+ 400: "#F87171",
47
+ 500: "#EF4444",
48
+ 600: "#DC2626",
49
+ 700: "#B91C1C",
50
+ 800: "#991B1B",
51
+ 900: "#7F1D1D"
52
+ },
53
+ green: {
54
+ 50: "#ECFDF5",
55
+ 100: "#D1FAE5",
56
+ 200: "#A7F3D0",
57
+ 300: "#6EE7B7",
58
+ 400: "#34D399",
59
+ 500: "#10B981",
60
+ 600: "#059669",
61
+ 700: "#047857",
62
+ 800: "#065F46",
63
+ 900: "#064E3B"
64
+ },
65
+ yellow: {
66
+ 50: "#FFFBEB",
67
+ 100: "#FEF3C7",
68
+ 200: "#FDE68A",
69
+ 300: "#FCD34D",
70
+ 400: "#FBBF24",
71
+ 500: "#F59E0B",
72
+ 600: "#D97706",
73
+ 700: "#B45309",
74
+ 800: "#92400E",
75
+ 900: "#78350F"
76
+ },
77
+ gray: {
78
+ 50: "#F8F9FA",
79
+ 100: "#E9ECEF",
80
+ 200: "#DEE2E6",
81
+ 300: "#CED4DA",
82
+ 400: "#ADB5BD",
83
+ 500: "#6C757D",
84
+ 600: "#495057",
85
+ 700: "#343A40",
86
+ 800: "#212529",
87
+ 900: "#111315"
88
+ },
89
+ white: "#FFFFFF",
90
+ black: "#000000"
91
+ };
92
+
93
+ // src/tokens/colors.semantic.ts
94
+ var semanticColors = {
95
+ primary: {
96
+ default: primitiveColors.blue[700],
97
+ hover: primitiveColors.blue[600],
98
+ active: primitiveColors.blue[800],
99
+ subtle: primitiveColors.blue[50],
100
+ muted: primitiveColors.blue[100],
101
+ on: primitiveColors.white
102
+ },
103
+ secondary: {
104
+ default: primitiveColors.teal[500],
105
+ hover: primitiveColors.teal[600],
106
+ active: primitiveColors.teal[700],
107
+ subtle: primitiveColors.teal[50],
108
+ muted: primitiveColors.teal[100],
109
+ on: primitiveColors.white
110
+ },
111
+ accent: {
112
+ default: primitiveColors.orange[500],
113
+ hover: primitiveColors.orange[600],
114
+ active: primitiveColors.orange[700],
115
+ subtle: primitiveColors.orange[50],
116
+ on: primitiveColors.white
117
+ },
118
+ success: {
119
+ default: primitiveColors.green[600],
120
+ hover: primitiveColors.green[700],
121
+ subtle: primitiveColors.green[50],
122
+ muted: primitiveColors.green[100],
123
+ on: primitiveColors.white
124
+ },
125
+ warning: {
126
+ default: primitiveColors.yellow[500],
127
+ hover: primitiveColors.yellow[600],
128
+ subtle: primitiveColors.yellow[50],
129
+ muted: primitiveColors.yellow[100],
130
+ on: primitiveColors.gray[900]
131
+ },
132
+ error: {
133
+ default: primitiveColors.red[600],
134
+ hover: primitiveColors.red[700],
135
+ subtle: primitiveColors.red[50],
136
+ muted: primitiveColors.red[100],
137
+ on: primitiveColors.white
138
+ },
139
+ info: {
140
+ default: primitiveColors.blue[500],
141
+ hover: primitiveColors.blue[600],
142
+ subtle: primitiveColors.blue[50],
143
+ muted: primitiveColors.blue[100],
144
+ on: primitiveColors.white
145
+ },
146
+ background: {
147
+ default: primitiveColors.white,
148
+ subtle: primitiveColors.gray[50],
149
+ muted: primitiveColors.gray[100],
150
+ overlay: "rgba(0, 0, 0, 0.5)"
151
+ },
152
+ surface: {
153
+ default: primitiveColors.white,
154
+ raised: primitiveColors.white,
155
+ overlay: primitiveColors.white
156
+ },
157
+ text: {
158
+ default: primitiveColors.gray[800],
159
+ muted: primitiveColors.gray[500],
160
+ subtle: primitiveColors.gray[400],
161
+ disabled: primitiveColors.gray[300],
162
+ inverse: primitiveColors.white,
163
+ link: primitiveColors.blue[700],
164
+ linkHover: primitiveColors.blue[600]
165
+ },
166
+ border: {
167
+ default: primitiveColors.gray[200],
168
+ strong: primitiveColors.gray[300],
169
+ muted: primitiveColors.gray[100],
170
+ focus: primitiveColors.blue[500],
171
+ error: primitiveColors.red[500]
172
+ },
173
+ disabled: {
174
+ background: primitiveColors.gray[100],
175
+ text: primitiveColors.gray[400],
176
+ border: primitiveColors.gray[200]
177
+ }
178
+ };
179
+
180
+ // src/tokens/spacing.ts
181
+ var spacing = {
182
+ 0: "0px",
183
+ 1: "4px",
184
+ 2: "8px",
185
+ 3: "12px",
186
+ 4: "16px",
187
+ 5: "20px",
188
+ 6: "24px",
189
+ 8: "32px",
190
+ 10: "40px",
191
+ 12: "48px",
192
+ 16: "64px",
193
+ 24: "96px",
194
+ 32: "128px"
195
+ };
196
+
197
+ // src/tokens/typography.ts
198
+ var typography = {
199
+ fontFamily: {
200
+ base: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
201
+ heading: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
202
+ mono: "'JetBrains Mono', 'Fira Code', 'Courier New', monospace"
203
+ },
204
+ fontSize: {
205
+ xs: "0.75rem",
206
+ // 12px
207
+ sm: "0.875rem",
208
+ // 14px
209
+ md: "1rem",
210
+ // 16px
211
+ lg: "1.125rem",
212
+ // 18px
213
+ xl: "1.25rem",
214
+ // 20px
215
+ "2xl": "1.5rem",
216
+ // 24px
217
+ "3xl": "1.875rem",
218
+ // 30px
219
+ "4xl": "2.25rem"
220
+ // 36px
221
+ },
222
+ fontWeight: {
223
+ regular: "400",
224
+ medium: "500",
225
+ semibold: "600",
226
+ bold: "700"
227
+ },
228
+ lineHeight: {
229
+ tight: "1.25",
230
+ snug: "1.375",
231
+ normal: "1.5",
232
+ relaxed: "1.625",
233
+ loose: "2"
234
+ },
235
+ letterSpacing: {
236
+ tight: "-0.025em",
237
+ normal: "0em",
238
+ wide: "0.025em",
239
+ wider: "0.05em"
240
+ }
241
+ };
242
+
243
+ // src/tokens/radii.ts
244
+ var radii = {
245
+ none: "0px",
246
+ sm: "2px",
247
+ md: "4px",
248
+ lg: "8px",
249
+ xl: "12px",
250
+ "2xl": "16px",
251
+ full: "9999px"
252
+ };
253
+
254
+ // src/tokens/elevation.ts
255
+ var elevation = {
256
+ none: "none",
257
+ sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
258
+ md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
259
+ lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
260
+ xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
261
+ "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
262
+ };
263
+
264
+ // src/tokens/zIndex.ts
265
+ var zIndex = {
266
+ base: 0,
267
+ raised: 1,
268
+ dropdown: 1e3,
269
+ sticky: 1020,
270
+ overlay: 1040,
271
+ modal: 1050,
272
+ toast: 1060,
273
+ tooltip: 1070
274
+ };
275
+
276
+ // src/tokens/motion.ts
277
+ var motion = {
278
+ duration: {
279
+ fast: "100ms",
280
+ normal: "200ms",
281
+ slow: "300ms",
282
+ slower: "500ms"
283
+ },
284
+ easing: {
285
+ easeIn: "cubic-bezier(0.4, 0, 1, 1)",
286
+ easeOut: "cubic-bezier(0, 0, 0.2, 1)",
287
+ easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
288
+ linear: "linear",
289
+ spring: "cubic-bezier(0.34, 1.56, 0.64, 1)"
290
+ }
291
+ };
292
+
293
+ // src/tokens/breakpoints.ts
294
+ var breakpoints = {
295
+ xs: 0,
296
+ sm: 576,
297
+ md: 768,
298
+ lg: 992,
299
+ xl: 1200,
300
+ xxl: 1400
301
+ };
302
+ function mediaQuery(bp) {
303
+ return `@media (min-width: ${breakpoints[bp]}px)`;
304
+ }
305
+
306
+ exports.breakpoints = breakpoints;
307
+ exports.elevation = elevation;
308
+ exports.mediaQuery = mediaQuery;
309
+ exports.motion = motion;
310
+ exports.primitiveColors = primitiveColors;
311
+ exports.radii = radii;
312
+ exports.semanticColors = semanticColors;
313
+ exports.spacing = spacing;
314
+ exports.typography = typography;
315
+ exports.zIndex = zIndex;
316
+ //# sourceMappingURL=chunk-CZMDBTZY.js.map
317
+ //# sourceMappingURL=chunk-CZMDBTZY.js.map
package/dist/chunk-CZMDBTZY.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/tokens/colors.primitive.ts","../src/tokens/colors.semantic.ts","../src/tokens/spacing.ts","../src/tokens/typography.ts","../src/tokens/radii.ts","../src/tokens/elevation.ts","../src/tokens/zIndex.ts","../src/tokens/motion.ts","../src/tokens/breakpoints.ts"],"names":[],"mappings":"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","file":"chunk-CZMDBTZY.js","sourcesContent":["export const primitiveColors = {\n blue: {\n 50: \"#EAF4FB\",\n 100: \"#C5E0F2\",\n 200: \"#9BCCE9\",\n 300: \"#6DB7DF\",\n 400: \"#42A2D5\",\n 500: \"#1B8ECB\",\n 600: \"#1170A8\",\n 700: \"#02548B\",\n 800: \"#013E6A\",\n 900: \"#012849\"\n },\n teal: {\n 50: \"#E9FAF6\",\n 100: \"#C0F1E6\",\n 200: \"#93E7D5\",\n 300: \"#62DAC2\",\n 400: \"#34CEAF\",\n 500: \"#16B597\",\n 600: \"#0E9278\",\n 700: \"#087059\",\n 800: \"#044E3D\",\n 900: \"#012E24\"\n },\n orange: {\n 50: \"#FFF0EB\",\n 100: \"#FFDDD4\",\n 200: \"#FFC0AE\",\n 300: \"#FF9F87\",\n 400: \"#FF7358\",\n 500: \"#FF3C00\",\n 600: \"#D83200\",\n 700: \"#B02700\",\n 800: \"#881D00\",\n 900: \"#601300\"\n },\n red: {\n 50: \"#FEF2F2\",\n 100: \"#FEE2E2\",\n 200: \"#FECACA\",\n 300: \"#FCA5A5\",\n 400: \"#F87171\",\n 500: \"#EF4444\",\n 600: \"#DC2626\",\n 700: \"#B91C1C\",\n 800: \"#991B1B\",\n 900: \"#7F1D1D\"\n },\n green: {\n 50: \"#ECFDF5\",\n 100: \"#D1FAE5\",\n 200: \"#A7F3D0\",\n 300: \"#6EE7B7\",\n 400: \"#34D399\",\n 500: \"#10B981\",\n 600: \"#059669\",\n 700: \"#047857\",\n 800: \"#065F46\",\n 900: \"#064E3B\"\n },\n yellow: {\n 50: \"#FFFBEB\",\n 100: \"#FEF3C7\",\n 200: \"#FDE68A\",\n 300: \"#FCD34D\",\n 400: \"#FBBF24\",\n 500: \"#F59E0B\",\n 600: \"#D97706\",\n 700: \"#B45309\",\n 800: \"#92400E\",\n 900: \"#78350F\"\n },\n gray: {\n 50: \"#F8F9FA\",\n 100: \"#E9ECEF\",\n 200: \"#DEE2E6\",\n 300: \"#CED4DA\",\n 400: \"#ADB5BD\",\n 500: \"#6C757D\",\n 600: \"#495057\",\n 700: \"#343A40\",\n 800: \"#212529\",\n 900: \"#111315\"\n },\n white: \"#FFFFFF\",\n black: \"#000000\"\n} as const;\n\nexport type PrimitiveColors = typeof primitiveColors;\n","import { primitiveColors } from \"./colors.primitive\";\n\nexport const semanticColors = {\n primary: {\n default: primitiveColors.blue[700],\n hover: primitiveColors.blue[600],\n active: primitiveColors.blue[800],\n subtle: primitiveColors.blue[50],\n muted: primitiveColors.blue[100],\n on: primitiveColors.white\n },\n secondary: {\n default: primitiveColors.teal[500],\n hover: primitiveColors.teal[600],\n active: primitiveColors.teal[700],\n subtle: primitiveColors.teal[50],\n muted: primitiveColors.teal[100],\n on: primitiveColors.white\n },\n accent: {\n default: primitiveColors.orange[500],\n hover: primitiveColors.orange[600],\n active: primitiveColors.orange[700],\n subtle: primitiveColors.orange[50],\n on: primitiveColors.white\n },\n success: {\n default: primitiveColors.green[600],\n hover: primitiveColors.green[700],\n subtle: primitiveColors.green[50],\n muted: primitiveColors.green[100],\n on: primitiveColors.white\n },\n warning: {\n default: primitiveColors.yellow[500],\n hover: primitiveColors.yellow[600],\n subtle: primitiveColors.yellow[50],\n muted: primitiveColors.yellow[100],\n on: primitiveColors.gray[900]\n },\n error: {\n default: primitiveColors.red[600],\n hover: primitiveColors.red[700],\n subtle: primitiveColors.red[50],\n muted: primitiveColors.red[100],\n on: primitiveColors.white\n },\n info: {\n default: primitiveColors.blue[500],\n hover: primitiveColors.blue[600],\n subtle: primitiveColors.blue[50],\n muted: primitiveColors.blue[100],\n on: primitiveColors.white\n },\n background: {\n default: primitiveColors.white,\n subtle: primitiveColors.gray[50],\n muted: primitiveColors.gray[100],\n overlay: \"rgba(0, 0, 0, 0.5)\"\n },\n surface: {\n default: primitiveColors.white,\n raised: primitiveColors.white,\n overlay: primitiveColors.white\n },\n text: {\n default: primitiveColors.gray[800],\n muted: primitiveColors.gray[500],\n subtle: primitiveColors.gray[400],\n disabled: primitiveColors.gray[300],\n inverse: primitiveColors.white,\n link: primitiveColors.blue[700],\n linkHover: primitiveColors.blue[600]\n },\n border: {\n default: primitiveColors.gray[200],\n strong: primitiveColors.gray[300],\n muted: primitiveColors.gray[100],\n focus: primitiveColors.blue[500],\n error: primitiveColors.red[500]\n },\n disabled: {\n background: primitiveColors.gray[100],\n text: primitiveColors.gray[400],\n border: primitiveColors.gray[200]\n }\n} as const;\n\nexport type SemanticColors = typeof semanticColors;\n","// 4px base unit\nexport const spacing = {\n 0: \"0px\",\n 1: \"4px\",\n 2: \"8px\",\n 3: \"12px\",\n 4: \"16px\",\n 5: \"20px\",\n 6: \"24px\",\n 8: \"32px\",\n 10: \"40px\",\n 12: \"48px\",\n 16: \"64px\",\n 24: \"96px\",\n 32: \"128px\"\n} as const;\n\nexport type SpacingKey = keyof typeof spacing;\nexport type SpacingValue = (typeof spacing)[SpacingKey];\n","export const typography = {\n fontFamily: {\n base: \"'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n heading: \"'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n mono: \"'JetBrains Mono', 'Fira Code', 'Courier New', monospace\"\n },\n fontSize: {\n xs: \"0.75rem\", // 12px\n sm: \"0.875rem\", // 14px\n md: \"1rem\", // 16px\n lg: \"1.125rem\", // 18px\n xl: \"1.25rem\", // 20px\n \"2xl\": \"1.5rem\", // 24px\n \"3xl\": \"1.875rem\", // 30px\n \"4xl\": \"2.25rem\" // 36px\n },\n fontWeight: {\n regular: \"400\",\n medium: \"500\",\n semibold: \"600\",\n bold: \"700\"\n },\n lineHeight: {\n tight: \"1.25\",\n snug: \"1.375\",\n normal: \"1.5\",\n relaxed: \"1.625\",\n loose: \"2\"\n },\n letterSpacing: {\n tight: \"-0.025em\",\n normal: \"0em\",\n wide: \"0.025em\",\n wider: \"0.05em\"\n }\n} as const;\n\nexport type Typography = typeof typography;\n","export const radii = {\n none: \"0px\",\n sm: \"2px\",\n md: \"4px\",\n lg: \"8px\",\n xl: \"12px\",\n \"2xl\": \"16px\",\n full: \"9999px\"\n} as const;\n\nexport type RadiiKey = keyof typeof radii;\n","export const elevation = {\n none: \"none\",\n sm: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n md: \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n lg: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n xl: \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\",\n \"2xl\": \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\"\n} as const;\n\nexport type ElevationKey = keyof typeof elevation;\n","export const zIndex = {\n base: 0,\n raised: 1,\n dropdown: 1000,\n sticky: 1020,\n overlay: 1040,\n modal: 1050,\n toast: 1060,\n tooltip: 1070\n} as const;\n\nexport type ZIndexKey = keyof typeof zIndex;\n","export const motion = {\n duration: {\n fast: \"100ms\",\n normal: \"200ms\",\n slow: \"300ms\",\n slower: \"500ms\"\n },\n easing: {\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n easeOut: \"cubic-bezier(0, 0, 0.2, 1)\",\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n linear: \"linear\",\n spring: \"cubic-bezier(0.34, 1.56, 0.64, 1)\"\n }\n} as const;\n\nexport type Motion = typeof motion;\n","// Matches Bootstrap grid for migration continuity\nexport const breakpoints = {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n xxl: 1400\n} as const;\n\nexport type BreakpointKey = keyof typeof breakpoints;\n\nexport function mediaQuery(bp: BreakpointKey): string {\n return `@media (min-width: ${breakpoints[bp]}px)`;\n}\n"]}
package/dist/chunk-JPWULLEO.mjs ADDED
@@ -0,0 +1,306 @@
1
+ // src/tokens/colors.primitive.ts
2
+ var primitiveColors = {
3
+ blue: {
4
+ 50: "#EAF4FB",
5
+ 100: "#C5E0F2",
6
+ 200: "#9BCCE9",
7
+ 300: "#6DB7DF",
8
+ 400: "#42A2D5",
9
+ 500: "#1B8ECB",
10
+ 600: "#1170A8",
11
+ 700: "#02548B",
12
+ 800: "#013E6A",
13
+ 900: "#012849"
14
+ },
15
+ teal: {
16
+ 50: "#E9FAF6",
17
+ 100: "#C0F1E6",
18
+ 200: "#93E7D5",
19
+ 300: "#62DAC2",
20
+ 400: "#34CEAF",
21
+ 500: "#16B597",
22
+ 600: "#0E9278",
23
+ 700: "#087059",
24
+ 800: "#044E3D",
25
+ 900: "#012E24"
26
+ },
27
+ orange: {
28
+ 50: "#FFF0EB",
29
+ 100: "#FFDDD4",
30
+ 200: "#FFC0AE",
31
+ 300: "#FF9F87",
32
+ 400: "#FF7358",
33
+ 500: "#FF3C00",
34
+ 600: "#D83200",
35
+ 700: "#B02700",
36
+ 800: "#881D00",
37
+ 900: "#601300"
38
+ },
39
+ red: {
40
+ 50: "#FEF2F2",
41
+ 100: "#FEE2E2",
42
+ 200: "#FECACA",
43
+ 300: "#FCA5A5",
44
+ 400: "#F87171",
45
+ 500: "#EF4444",
46
+ 600: "#DC2626",
47
+ 700: "#B91C1C",
48
+ 800: "#991B1B",
49
+ 900: "#7F1D1D"
50
+ },
51
+ green: {
52
+ 50: "#ECFDF5",
53
+ 100: "#D1FAE5",
54
+ 200: "#A7F3D0",
55
+ 300: "#6EE7B7",
56
+ 400: "#34D399",
57
+ 500: "#10B981",
58
+ 600: "#059669",
59
+ 700: "#047857",
60
+ 800: "#065F46",
61
+ 900: "#064E3B"
62
+ },
63
+ yellow: {
64
+ 50: "#FFFBEB",
65
+ 100: "#FEF3C7",
66
+ 200: "#FDE68A",
67
+ 300: "#FCD34D",
68
+ 400: "#FBBF24",
69
+ 500: "#F59E0B",
70
+ 600: "#D97706",
71
+ 700: "#B45309",
72
+ 800: "#92400E",
73
+ 900: "#78350F"
74
+ },
75
+ gray: {
76
+ 50: "#F8F9FA",
77
+ 100: "#E9ECEF",
78
+ 200: "#DEE2E6",
79
+ 300: "#CED4DA",
80
+ 400: "#ADB5BD",
81
+ 500: "#6C757D",
82
+ 600: "#495057",
83
+ 700: "#343A40",
84
+ 800: "#212529",
85
+ 900: "#111315"
86
+ },
87
+ white: "#FFFFFF",
88
+ black: "#000000"
89
+ };
90
+
91
+ // src/tokens/colors.semantic.ts
92
+ var semanticColors = {
93
+ primary: {
94
+ default: primitiveColors.blue[700],
95
+ hover: primitiveColors.blue[600],
96
+ active: primitiveColors.blue[800],
97
+ subtle: primitiveColors.blue[50],
98
+ muted: primitiveColors.blue[100],
99
+ on: primitiveColors.white
100
+ },
101
+ secondary: {
102
+ default: primitiveColors.teal[500],
103
+ hover: primitiveColors.teal[600],
104
+ active: primitiveColors.teal[700],
105
+ subtle: primitiveColors.teal[50],
106
+ muted: primitiveColors.teal[100],
107
+ on: primitiveColors.white
108
+ },
109
+ accent: {
110
+ default: primitiveColors.orange[500],
111
+ hover: primitiveColors.orange[600],
112
+ active: primitiveColors.orange[700],
113
+ subtle: primitiveColors.orange[50],
114
+ on: primitiveColors.white
115
+ },
116
+ success: {
117
+ default: primitiveColors.green[600],
118
+ hover: primitiveColors.green[700],
119
+ subtle: primitiveColors.green[50],
120
+ muted: primitiveColors.green[100],
121
+ on: primitiveColors.white
122
+ },
123
+ warning: {
124
+ default: primitiveColors.yellow[500],
125
+ hover: primitiveColors.yellow[600],
126
+ subtle: primitiveColors.yellow[50],
127
+ muted: primitiveColors.yellow[100],
128
+ on: primitiveColors.gray[900]
129
+ },
130
+ error: {
131
+ default: primitiveColors.red[600],
132
+ hover: primitiveColors.red[700],
133
+ subtle: primitiveColors.red[50],
134
+ muted: primitiveColors.red[100],
135
+ on: primitiveColors.white
136
+ },
137
+ info: {
138
+ default: primitiveColors.blue[500],
139
+ hover: primitiveColors.blue[600],
140
+ subtle: primitiveColors.blue[50],
141
+ muted: primitiveColors.blue[100],
142
+ on: primitiveColors.white
143
+ },
144
+ background: {
145
+ default: primitiveColors.white,
146
+ subtle: primitiveColors.gray[50],
147
+ muted: primitiveColors.gray[100],
148
+ overlay: "rgba(0, 0, 0, 0.5)"
149
+ },
150
+ surface: {
151
+ default: primitiveColors.white,
152
+ raised: primitiveColors.white,
153
+ overlay: primitiveColors.white
154
+ },
155
+ text: {
156
+ default: primitiveColors.gray[800],
157
+ muted: primitiveColors.gray[500],
158
+ subtle: primitiveColors.gray[400],
159
+ disabled: primitiveColors.gray[300],
160
+ inverse: primitiveColors.white,
161
+ link: primitiveColors.blue[700],
162
+ linkHover: primitiveColors.blue[600]
163
+ },
164
+ border: {
165
+ default: primitiveColors.gray[200],
166
+ strong: primitiveColors.gray[300],
167
+ muted: primitiveColors.gray[100],
168
+ focus: primitiveColors.blue[500],
169
+ error: primitiveColors.red[500]
170
+ },
171
+ disabled: {
172
+ background: primitiveColors.gray[100],
173
+ text: primitiveColors.gray[400],
174
+ border: primitiveColors.gray[200]
175
+ }
176
+ };
177
+
178
+ // src/tokens/spacing.ts
179
+ var spacing = {
180
+ 0: "0px",
181
+ 1: "4px",
182
+ 2: "8px",
183
+ 3: "12px",
184
+ 4: "16px",
185
+ 5: "20px",
186
+ 6: "24px",
187
+ 8: "32px",
188
+ 10: "40px",
189
+ 12: "48px",
190
+ 16: "64px",
191
+ 24: "96px",
192
+ 32: "128px"
193
+ };
194
+
195
+ // src/tokens/typography.ts
196
+ var typography = {
197
+ fontFamily: {
198
+ base: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
199
+ heading: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
200
+ mono: "'JetBrains Mono', 'Fira Code', 'Courier New', monospace"
201
+ },
202
+ fontSize: {
203
+ xs: "0.75rem",
204
+ // 12px
205
+ sm: "0.875rem",
206
+ // 14px
207
+ md: "1rem",
208
+ // 16px
209
+ lg: "1.125rem",
210
+ // 18px
211
+ xl: "1.25rem",
212
+ // 20px
213
+ "2xl": "1.5rem",
214
+ // 24px
215
+ "3xl": "1.875rem",
216
+ // 30px
217
+ "4xl": "2.25rem"
218
+ // 36px
219
+ },
220
+ fontWeight: {
221
+ regular: "400",
222
+ medium: "500",
223
+ semibold: "600",
224
+ bold: "700"
225
+ },
226
+ lineHeight: {
227
+ tight: "1.25",
228
+ snug: "1.375",
229
+ normal: "1.5",
230
+ relaxed: "1.625",
231
+ loose: "2"
232
+ },
233
+ letterSpacing: {
234
+ tight: "-0.025em",
235
+ normal: "0em",
236
+ wide: "0.025em",
237
+ wider: "0.05em"
238
+ }
239
+ };
240
+
241
+ // src/tokens/radii.ts
242
+ var radii = {
243
+ none: "0px",
244
+ sm: "2px",
245
+ md: "4px",
246
+ lg: "8px",
247
+ xl: "12px",
248
+ "2xl": "16px",
249
+ full: "9999px"
250
+ };
251
+
252
+ // src/tokens/elevation.ts
253
+ var elevation = {
254
+ none: "none",
255
+ sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
256
+ md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
257
+ lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
258
+ xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
259
+ "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
260
+ };
261
+
262
+ // src/tokens/zIndex.ts
263
+ var zIndex = {
264
+ base: 0,
265
+ raised: 1,
266
+ dropdown: 1e3,
267
+ sticky: 1020,
268
+ overlay: 1040,
269
+ modal: 1050,
270
+ toast: 1060,
271
+ tooltip: 1070
272
+ };
273
+
274
+ // src/tokens/motion.ts
275
+ var motion = {
276
+ duration: {
277
+ fast: "100ms",
278
+ normal: "200ms",
279
+ slow: "300ms",
280
+ slower: "500ms"
281
+ },
282
+ easing: {
283
+ easeIn: "cubic-bezier(0.4, 0, 1, 1)",
284
+ easeOut: "cubic-bezier(0, 0, 0.2, 1)",
285
+ easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
286
+ linear: "linear",
287
+ spring: "cubic-bezier(0.34, 1.56, 0.64, 1)"
288
+ }
289
+ };
290
+
291
+ // src/tokens/breakpoints.ts
292
+ var breakpoints = {
293
+ xs: 0,
294
+ sm: 576,
295
+ md: 768,
296
+ lg: 992,
297
+ xl: 1200,
298
+ xxl: 1400
299
+ };
300
+ function mediaQuery(bp) {
301
+ return `@media (min-width: ${breakpoints[bp]}px)`;
302
+ }
303
+
304
+ export { breakpoints, elevation, mediaQuery, motion, primitiveColors, radii, semanticColors, spacing, typography, zIndex };
305
+ //# sourceMappingURL=chunk-JPWULLEO.mjs.map
306
+ //# sourceMappingURL=chunk-JPWULLEO.mjs.map
package/dist/chunk-JPWULLEO.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/tokens/colors.primitive.ts","../src/tokens/colors.semantic.ts","../src/tokens/spacing.ts","../src/tokens/typography.ts","../src/tokens/radii.ts","../src/tokens/elevation.ts","../src/tokens/zIndex.ts","../src/tokens/motion.ts","../src/tokens/breakpoints.ts"],"names":[],"mappings":"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","file":"chunk-JPWULLEO.mjs","sourcesContent":["export const primitiveColors = {\n blue: {\n 50: \"#EAF4FB\",\n 100: \"#C5E0F2\",\n 200: \"#9BCCE9\",\n 300: \"#6DB7DF\",\n 400: \"#42A2D5\",\n 500: \"#1B8ECB\",\n 600: \"#1170A8\",\n 700: \"#02548B\",\n 800: \"#013E6A\",\n 900: \"#012849\"\n },\n teal: {\n 50: \"#E9FAF6\",\n 100: \"#C0F1E6\",\n 200: \"#93E7D5\",\n 300: \"#62DAC2\",\n 400: \"#34CEAF\",\n 500: \"#16B597\",\n 600: \"#0E9278\",\n 700: \"#087059\",\n 800: \"#044E3D\",\n 900: \"#012E24\"\n },\n orange: {\n 50: \"#FFF0EB\",\n 100: \"#FFDDD4\",\n 200: \"#FFC0AE\",\n 300: \"#FF9F87\",\n 400: \"#FF7358\",\n 500: \"#FF3C00\",\n 600: \"#D83200\",\n 700: \"#B02700\",\n 800: \"#881D00\",\n 900: \"#601300\"\n },\n red: {\n 50: \"#FEF2F2\",\n 100: \"#FEE2E2\",\n 200: \"#FECACA\",\n 300: \"#FCA5A5\",\n 400: \"#F87171\",\n 500: \"#EF4444\",\n 600: \"#DC2626\",\n 700: \"#B91C1C\",\n 800: \"#991B1B\",\n 900: \"#7F1D1D\"\n },\n green: {\n 50: \"#ECFDF5\",\n 100: \"#D1FAE5\",\n 200: \"#A7F3D0\",\n 300: \"#6EE7B7\",\n 400: \"#34D399\",\n 500: \"#10B981\",\n 600: \"#059669\",\n 700: \"#047857\",\n 800: \"#065F46\",\n 900: \"#064E3B\"\n },\n yellow: {\n 50: \"#FFFBEB\",\n 100: \"#FEF3C7\",\n 200: \"#FDE68A\",\n 300: \"#FCD34D\",\n 400: \"#FBBF24\",\n 500: \"#F59E0B\",\n 600: \"#D97706\",\n 700: \"#B45309\",\n 800: \"#92400E\",\n 900: \"#78350F\"\n },\n gray: {\n 50: \"#F8F9FA\",\n 100: \"#E9ECEF\",\n 200: \"#DEE2E6\",\n 300: \"#CED4DA\",\n 400: \"#ADB5BD\",\n 500: \"#6C757D\",\n 600: \"#495057\",\n 700: \"#343A40\",\n 800: \"#212529\",\n 900: \"#111315\"\n },\n white: \"#FFFFFF\",\n black: \"#000000\"\n} as const;\n\nexport type PrimitiveColors = typeof primitiveColors;\n","import { primitiveColors } from \"./colors.primitive\";\n\nexport const semanticColors = {\n primary: {\n default: primitiveColors.blue[700],\n hover: primitiveColors.blue[600],\n active: primitiveColors.blue[800],\n subtle: primitiveColors.blue[50],\n muted: primitiveColors.blue[100],\n on: primitiveColors.white\n },\n secondary: {\n default: primitiveColors.teal[500],\n hover: primitiveColors.teal[600],\n active: primitiveColors.teal[700],\n subtle: primitiveColors.teal[50],\n muted: primitiveColors.teal[100],\n on: primitiveColors.white\n },\n accent: {\n default: primitiveColors.orange[500],\n hover: primitiveColors.orange[600],\n active: primitiveColors.orange[700],\n subtle: primitiveColors.orange[50],\n on: primitiveColors.white\n },\n success: {\n default: primitiveColors.green[600],\n hover: primitiveColors.green[700],\n subtle: primitiveColors.green[50],\n muted: primitiveColors.green[100],\n on: primitiveColors.white\n },\n warning: {\n default: primitiveColors.yellow[500],\n hover: primitiveColors.yellow[600],\n subtle: primitiveColors.yellow[50],\n muted: primitiveColors.yellow[100],\n on: primitiveColors.gray[900]\n },\n error: {\n default: primitiveColors.red[600],\n hover: primitiveColors.red[700],\n subtle: primitiveColors.red[50],\n muted: primitiveColors.red[100],\n on: primitiveColors.white\n },\n info: {\n default: primitiveColors.blue[500],\n hover: primitiveColors.blue[600],\n subtle: primitiveColors.blue[50],\n muted: primitiveColors.blue[100],\n on: primitiveColors.white\n },\n background: {\n default: primitiveColors.white,\n subtle: primitiveColors.gray[50],\n muted: primitiveColors.gray[100],\n overlay: \"rgba(0, 0, 0, 0.5)\"\n },\n surface: {\n default: primitiveColors.white,\n raised: primitiveColors.white,\n overlay: primitiveColors.white\n },\n text: {\n default: primitiveColors.gray[800],\n muted: primitiveColors.gray[500],\n subtle: primitiveColors.gray[400],\n disabled: primitiveColors.gray[300],\n inverse: primitiveColors.white,\n link: primitiveColors.blue[700],\n linkHover: primitiveColors.blue[600]\n },\n border: {\n default: primitiveColors.gray[200],\n strong: primitiveColors.gray[300],\n muted: primitiveColors.gray[100],\n focus: primitiveColors.blue[500],\n error: primitiveColors.red[500]\n },\n disabled: {\n background: primitiveColors.gray[100],\n text: primitiveColors.gray[400],\n border: primitiveColors.gray[200]\n }\n} as const;\n\nexport type SemanticColors = typeof semanticColors;\n","// 4px base unit\nexport const spacing = {\n 0: \"0px\",\n 1: \"4px\",\n 2: \"8px\",\n 3: \"12px\",\n 4: \"16px\",\n 5: \"20px\",\n 6: \"24px\",\n 8: \"32px\",\n 10: \"40px\",\n 12: \"48px\",\n 16: \"64px\",\n 24: \"96px\",\n 32: \"128px\"\n} as const;\n\nexport type SpacingKey = keyof typeof spacing;\nexport type SpacingValue = (typeof spacing)[SpacingKey];\n","export const typography = {\n fontFamily: {\n base: \"'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n heading: \"'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n mono: \"'JetBrains Mono', 'Fira Code', 'Courier New', monospace\"\n },\n fontSize: {\n xs: \"0.75rem\", // 12px\n sm: \"0.875rem\", // 14px\n md: \"1rem\", // 16px\n lg: \"1.125rem\", // 18px\n xl: \"1.25rem\", // 20px\n \"2xl\": \"1.5rem\", // 24px\n \"3xl\": \"1.875rem\", // 30px\n \"4xl\": \"2.25rem\" // 36px\n },\n fontWeight: {\n regular: \"400\",\n medium: \"500\",\n semibold: \"600\",\n bold: \"700\"\n },\n lineHeight: {\n tight: \"1.25\",\n snug: \"1.375\",\n normal: \"1.5\",\n relaxed: \"1.625\",\n loose: \"2\"\n },\n letterSpacing: {\n tight: \"-0.025em\",\n normal: \"0em\",\n wide: \"0.025em\",\n wider: \"0.05em\"\n }\n} as const;\n\nexport type Typography = typeof typography;\n","export const radii = {\n none: \"0px\",\n sm: \"2px\",\n md: \"4px\",\n lg: \"8px\",\n xl: \"12px\",\n \"2xl\": \"16px\",\n full: \"9999px\"\n} as const;\n\nexport type RadiiKey = keyof typeof radii;\n","export const elevation = {\n none: \"none\",\n sm: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n md: \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n lg: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n xl: \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\",\n \"2xl\": \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\"\n} as const;\n\nexport type ElevationKey = keyof typeof elevation;\n","export const zIndex = {\n base: 0,\n raised: 1,\n dropdown: 1000,\n sticky: 1020,\n overlay: 1040,\n modal: 1050,\n toast: 1060,\n tooltip: 1070\n} as const;\n\nexport type ZIndexKey = keyof typeof zIndex;\n","export const motion = {\n duration: {\n fast: \"100ms\",\n normal: \"200ms\",\n slow: \"300ms\",\n slower: \"500ms\"\n },\n easing: {\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n easeOut: \"cubic-bezier(0, 0, 0.2, 1)\",\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n linear: \"linear\",\n spring: \"cubic-bezier(0.34, 1.56, 0.64, 1)\"\n }\n} as const;\n\nexport type Motion = typeof motion;\n","// Matches Bootstrap grid for migration continuity\nexport const breakpoints = {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n xxl: 1400\n} as const;\n\nexport type BreakpointKey = keyof typeof breakpoints;\n\nexport function mediaQuery(bp: BreakpointKey): string {\n return `@media (min-width: ${breakpoints[bp]}px)`;\n}\n"]}