@zitadel/components 0.1.0-alpha.9 → 1.0.0-alpha.21

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 (44) hide show
  1. package/README.md +135 -72
  2. package/dist/atoms/index.d.mts +2 -2
  3. package/dist/atoms/index.mjs +2 -2
  4. package/dist/atoms-DSxjEHca.mjs +2268 -0
  5. package/dist/atoms-DSxjEHca.mjs.map +1 -0
  6. package/dist/default-Dnjq9iBt.mjs +6 -0
  7. package/dist/default-Dnjq9iBt.mjs.map +1 -0
  8. package/dist/index-BlxTxXK8.d.mts +449 -0
  9. package/dist/index-BlxTxXK8.d.mts.map +1 -0
  10. package/dist/index-DFdR16-D.d.mts +1599 -0
  11. package/dist/index-DFdR16-D.d.mts.map +1 -0
  12. package/dist/index-Dx8rvpNs.d.mts +14844 -0
  13. package/dist/index-Dx8rvpNs.d.mts.map +1 -0
  14. package/dist/index.d.mts +22 -8
  15. package/dist/index.d.mts.map +1 -1
  16. package/dist/index.mjs +5 -5
  17. package/dist/jsx.d.ts +67 -0
  18. package/dist/manifests.d.mts.map +1 -1
  19. package/dist/manifests.mjs +4 -2
  20. package/dist/manifests.mjs.map +1 -1
  21. package/dist/orchestrator/index.d.mts +3 -3
  22. package/dist/orchestrator/index.mjs +3 -3
  23. package/dist/orchestrator-DG-YwFFE.mjs +5008 -0
  24. package/dist/orchestrator-DG-YwFFE.mjs.map +1 -0
  25. package/dist/standalone.mjs +9172 -5871
  26. package/dist/tokens/index.d.mts +1 -1
  27. package/dist/tokens/index.mjs +1 -1
  28. package/dist/tokens-T4N9VJz3.mjs +452 -0
  29. package/dist/tokens-T4N9VJz3.mjs.map +1 -0
  30. package/package.json +13 -12
  31. package/dist/atoms-B25wiDqb.mjs +0 -1464
  32. package/dist/atoms-B25wiDqb.mjs.map +0 -1
  33. package/dist/default-Cpl78hQN.mjs +0 -6
  34. package/dist/default-Cpl78hQN.mjs.map +0 -1
  35. package/dist/index-DB_JTtln.d.mts +0 -1000
  36. package/dist/index-DB_JTtln.d.mts.map +0 -1
  37. package/dist/index-DVDCrfkv.d.mts +0 -7396
  38. package/dist/index-DVDCrfkv.d.mts.map +0 -1
  39. package/dist/index-EJengPPu.d.mts +0 -249
  40. package/dist/index-EJengPPu.d.mts.map +0 -1
  41. package/dist/orchestrator-CW9zixuw.mjs +0 -3362
  42. package/dist/orchestrator-CW9zixuw.mjs.map +0 -1
  43. package/dist/tokens-BQ_augxi.mjs +0 -244
  44. package/dist/tokens-BQ_augxi.mjs.map +0 -1
package/dist/tokens-BQ_augxi.mjs DELETED
@@ -1,244 +0,0 @@
1
- //#region ../design-tokens/dist/tokens.mjs
2
- const tokens = {
3
- "color": {
4
- "surface": {
5
- "defaultBlack": "#0f0f11",
6
- "defaultWhite": "#f4f4f6",
7
- "defaultPrimaryGray": "#252528",
8
- "defaultSecondaryGray": "#37373a"
9
- },
10
- "text": {
11
- "primaryWhite": "#f4f4f6",
12
- "secondaryGray": "#bfbfcf",
13
- "buttonDefault": "#0f0f11",
14
- "buttonInvert": "#f4f4f6",
15
- "disabled": "#686883",
16
- "error": "#ea4f70",
17
- "success": "#33a779",
18
- "subtitlePink": "#f48aa0",
19
- "subtitlePurple": "#bba5e4",
20
- "subtitleGray": "#bfbfcf",
21
- "subtitleOrange": "#f25543"
22
- },
23
- "icon": {
24
- "defaultBlack": "#0f0f11",
25
- "defaultWhite": "#f4f4f6",
26
- "defaultGray": "#bfbfcf",
27
- "defaultPink": "#f48aa0",
28
- "defaultPurple": "#bba5e4",
29
- "defaultOrange": "#f25543",
30
- "disabled": "#686883",
31
- "error": "#ea4f70",
32
- "success": "#33a779"
33
- },
34
- "border": {
35
- "defaultBlack": "#252528",
36
- "defaultWhite": "#f4f4f6",
37
- "defaultGray100": "#37373a",
38
- "defaultGray200": "#484a57",
39
- "defaultGray300": "#686883",
40
- "defaultGray400": "#82829c",
41
- "error": "#ea4f70",
42
- "success": "#33a779"
43
- },
44
- "gray": {
45
- "50": "#0f0f11",
46
- "75": "#252528",
47
- "100": "#37373a",
48
- "200": "#484a57",
49
- "300": "#686883",
50
- "400": "#82829c",
51
- "500": "#9e9eb2",
52
- "600": "#cfcfde",
53
- "700": "#bfbfcf",
54
- "800": "#e1e1e7",
55
- "900": "#f4f4f6"
56
- }
57
- },
58
- "spacing": {
59
- "10": "4rem",
60
- "11": "5rem",
61
- "12": "5.5rem",
62
- "13": "6rem",
63
- "14": "6.5rem",
64
- "15": "7rem",
65
- "16": "7.5rem",
66
- "01": "0.25rem",
67
- "02": "0.5rem",
68
- "03": "1rem",
69
- "04": "1.5rem",
70
- "05": "2rem",
71
- "06": "1.5rem",
72
- "07": "2.5rem",
73
- "08": "3rem",
74
- "09": "3.5rem"
75
- },
76
- "radius": {
77
- "xs": "0.25rem",
78
- "s": "0.5rem",
79
- "m": "0.75rem",
80
- "l": "1rem",
81
- "xl": "1.5rem"
82
- },
83
- "font": { "family": {
84
- "sans": "\"Arimo\", \"APK Futural\", system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif",
85
- "heading": "\"APK Futural\", \"Arimo\", system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif",
86
- "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace"
87
- } },
88
- "motion": {
89
- "duration": {
90
- "instant": "0ms",
91
- "fast": "120ms",
92
- "base": "200ms",
93
- "slow": "320ms"
94
- },
95
- "easing": {
96
- "standard": "cubic-bezier(0.2, 0, 0, 1)",
97
- "decelerate": "cubic-bezier(0, 0, 0, 1)",
98
- "accelerate": "cubic-bezier(0.3, 0, 1, 1)"
99
- }
100
- },
101
- "focus": {
102
- "width": "2px",
103
- "offset": "2px",
104
- "color": "#f4f4f6"
105
- },
106
- "breakpoint": {
107
- "xs": "26.5625rem",
108
- "sm": "40rem",
109
- "md": "48rem",
110
- "lg": "64rem",
111
- "xl": "80rem",
112
- "2xl": "96rem",
113
- "3xl": "120rem",
114
- "4xl": "160rem"
115
- },
116
- "container": {
117
- "authCard": "24rem",
118
- "page": "80rem"
119
- }
120
- };
121
- const cssVars = {
122
- "color": {
123
- "surface": {
124
- "defaultBlack": "var(--zl-color-surface-default-black)",
125
- "defaultWhite": "var(--zl-color-surface-default-white)",
126
- "defaultPrimaryGray": "var(--zl-color-surface-default-primary-gray)",
127
- "defaultSecondaryGray": "var(--zl-color-surface-default-secondary-gray)"
128
- },
129
- "text": {
130
- "primaryWhite": "var(--zl-color-text-primary-white)",
131
- "secondaryGray": "var(--zl-color-text-secondary-gray)",
132
- "buttonDefault": "var(--zl-color-text-button-default)",
133
- "buttonInvert": "var(--zl-color-text-button-invert)",
134
- "disabled": "var(--zl-color-text-disabled)",
135
- "error": "var(--zl-color-text-error)",
136
- "success": "var(--zl-color-text-success)",
137
- "subtitlePink": "var(--zl-color-text-subtitle-pink)",
138
- "subtitlePurple": "var(--zl-color-text-subtitle-purple)",
139
- "subtitleGray": "var(--zl-color-text-subtitle-gray)",
140
- "subtitleOrange": "var(--zl-color-text-subtitle-orange)"
141
- },
142
- "icon": {
143
- "defaultBlack": "var(--zl-color-icon-default-black)",
144
- "defaultWhite": "var(--zl-color-icon-default-white)",
145
- "defaultGray": "var(--zl-color-icon-default-gray)",
146
- "defaultPink": "var(--zl-color-icon-default-pink)",
147
- "defaultPurple": "var(--zl-color-icon-default-purple)",
148
- "defaultOrange": "var(--zl-color-icon-default-orange)",
149
- "disabled": "var(--zl-color-icon-disabled)",
150
- "error": "var(--zl-color-icon-error)",
151
- "success": "var(--zl-color-icon-success)"
152
- },
153
- "border": {
154
- "defaultBlack": "var(--zl-color-border-default-black)",
155
- "defaultWhite": "var(--zl-color-border-default-white)",
156
- "defaultGray100": "var(--zl-color-border-default-gray-100)",
157
- "defaultGray200": "var(--zl-color-border-default-gray-200)",
158
- "defaultGray300": "var(--zl-color-border-default-gray-300)",
159
- "defaultGray400": "var(--zl-color-border-default-gray-400)",
160
- "error": "var(--zl-color-border-error)",
161
- "success": "var(--zl-color-border-success)"
162
- },
163
- "gray": {
164
- "50": "var(--zl-color-gray-50)",
165
- "75": "var(--zl-color-gray-75)",
166
- "100": "var(--zl-color-gray-100)",
167
- "200": "var(--zl-color-gray-200)",
168
- "300": "var(--zl-color-gray-300)",
169
- "400": "var(--zl-color-gray-400)",
170
- "500": "var(--zl-color-gray-500)",
171
- "600": "var(--zl-color-gray-600)",
172
- "700": "var(--zl-color-gray-700)",
173
- "800": "var(--zl-color-gray-800)",
174
- "900": "var(--zl-color-gray-900)"
175
- }
176
- },
177
- "spacing": {
178
- "10": "var(--zl-spacing-10)",
179
- "11": "var(--zl-spacing-11)",
180
- "12": "var(--zl-spacing-12)",
181
- "13": "var(--zl-spacing-13)",
182
- "14": "var(--zl-spacing-14)",
183
- "15": "var(--zl-spacing-15)",
184
- "16": "var(--zl-spacing-16)",
185
- "01": "var(--zl-spacing-01)",
186
- "02": "var(--zl-spacing-02)",
187
- "03": "var(--zl-spacing-03)",
188
- "04": "var(--zl-spacing-04)",
189
- "05": "var(--zl-spacing-05)",
190
- "06": "var(--zl-spacing-06)",
191
- "07": "var(--zl-spacing-07)",
192
- "08": "var(--zl-spacing-08)",
193
- "09": "var(--zl-spacing-09)"
194
- },
195
- "radius": {
196
- "xs": "var(--zl-radius-xs)",
197
- "s": "var(--zl-radius-s)",
198
- "m": "var(--zl-radius-m)",
199
- "l": "var(--zl-radius-l)",
200
- "xl": "var(--zl-radius-xl)"
201
- },
202
- "font": { "family": {
203
- "sans": "var(--zl-font-family-sans)",
204
- "heading": "var(--zl-font-family-heading)",
205
- "mono": "var(--zl-font-family-mono)"
206
- } },
207
- "motion": {
208
- "duration": {
209
- "instant": "var(--zl-duration-instant)",
210
- "fast": "var(--zl-duration-fast)",
211
- "base": "var(--zl-duration-base)",
212
- "slow": "var(--zl-duration-slow)"
213
- },
214
- "easing": {
215
- "standard": "var(--zl-easing-standard)",
216
- "decelerate": "var(--zl-easing-decelerate)",
217
- "accelerate": "var(--zl-easing-accelerate)"
218
- }
219
- },
220
- "focus": {
221
- "width": "var(--zl-focus-width)",
222
- "offset": "var(--zl-focus-offset)",
223
- "color": "var(--zl-focus-color)"
224
- },
225
- "breakpoint": {
226
- "xs": "var(--zl-breakpoint-xs)",
227
- "sm": "var(--zl-breakpoint-sm)",
228
- "md": "var(--zl-breakpoint-md)",
229
- "lg": "var(--zl-breakpoint-lg)",
230
- "xl": "var(--zl-breakpoint-xl)",
231
- "2xl": "var(--zl-breakpoint-2xl)",
232
- "3xl": "var(--zl-breakpoint-3xl)",
233
- "4xl": "var(--zl-breakpoint-4xl)"
234
- },
235
- "container": {
236
- "authCard": "var(--zl-container-auth-card)",
237
- "page": "var(--zl-container-page)"
238
- }
239
- };
240
- const tokensCss = "/* AUTOGENERATED by packages/design-tokens/scripts/build.ts — do not edit by hand.\n Source: src/generated/figma.tokens.json + src/overrides.ts.\n Re-run: moon run design-tokens:generate */\n\n:root,\n[data-theme=\"dark\"] {\n --zl-color-surface-default-black: #0f0f11;\n --zl-color-surface-default-white: #f4f4f6;\n --zl-color-surface-default-primary-gray: #252528;\n --zl-color-surface-default-secondary-gray: #37373a;\n --zl-color-text-primary-white: #f4f4f6;\n --zl-color-text-secondary-gray: #bfbfcf;\n --zl-color-text-button-default: #0f0f11;\n --zl-color-text-button-invert: #f4f4f6;\n --zl-color-text-disabled: #686883;\n --zl-color-text-error: #ea4f70;\n --zl-color-text-success: #33a779;\n --zl-color-text-subtitle-pink: #f48aa0;\n --zl-color-text-subtitle-purple: #bba5e4;\n --zl-color-text-subtitle-gray: #bfbfcf;\n --zl-color-text-subtitle-orange: #f25543;\n --zl-color-icon-default-black: #0f0f11;\n --zl-color-icon-default-white: #f4f4f6;\n --zl-color-icon-default-gray: #bfbfcf;\n --zl-color-icon-default-pink: #f48aa0;\n --zl-color-icon-default-purple: #bba5e4;\n --zl-color-icon-default-orange: #f25543;\n --zl-color-icon-disabled: #686883;\n --zl-color-icon-error: #ea4f70;\n --zl-color-icon-success: #33a779;\n --zl-color-border-default-black: #252528;\n --zl-color-border-default-white: #f4f4f6;\n --zl-color-border-default-gray-100: #37373a;\n --zl-color-border-default-gray-200: #484a57;\n --zl-color-border-default-gray-300: #686883;\n --zl-color-border-default-gray-400: #82829c;\n --zl-color-border-error: #ea4f70;\n --zl-color-border-success: #33a779;\n --zl-color-gray-50: #0f0f11;\n --zl-color-gray-75: #252528;\n --zl-color-gray-100: #37373a;\n --zl-color-gray-200: #484a57;\n --zl-color-gray-300: #686883;\n --zl-color-gray-400: #82829c;\n --zl-color-gray-500: #9e9eb2;\n --zl-color-gray-600: #cfcfde;\n --zl-color-gray-700: #bfbfcf;\n --zl-color-gray-800: #e1e1e7;\n --zl-color-gray-900: #f4f4f6;\n --zl-spacing-01: 0.25rem;\n --zl-spacing-02: 0.5rem;\n --zl-spacing-03: 1rem;\n --zl-spacing-04: 1.5rem;\n --zl-spacing-05: 2rem;\n --zl-spacing-06: 1.5rem;\n --zl-spacing-07: 2.5rem;\n --zl-spacing-08: 3rem;\n --zl-spacing-09: 3.5rem;\n --zl-spacing-10: 4rem;\n --zl-spacing-11: 5rem;\n --zl-spacing-12: 5.5rem;\n --zl-spacing-13: 6rem;\n --zl-spacing-14: 6.5rem;\n --zl-spacing-15: 7rem;\n --zl-spacing-16: 7.5rem;\n --zl-radius-xs: 0.25rem;\n --zl-radius-s: 0.5rem;\n --zl-radius-m: 0.75rem;\n --zl-radius-l: 1rem;\n --zl-radius-xl: 1.5rem;\n --zl-font-family-sans: \"Arimo\", \"APK Futural\", system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif;\n --zl-font-family-heading: \"APK Futural\", \"Arimo\", system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif;\n --zl-font-family-mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --zl-duration-instant: 0ms;\n --zl-duration-fast: 120ms;\n --zl-duration-base: 200ms;\n --zl-duration-slow: 320ms;\n --zl-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --zl-easing-decelerate: cubic-bezier(0, 0, 0, 1);\n --zl-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);\n --zl-focus-width: 2px;\n --zl-focus-offset: 2px;\n --zl-focus-color: #f4f4f6;\n --zl-breakpoint-xs: 26.5625rem;\n --zl-breakpoint-sm: 40rem;\n --zl-breakpoint-md: 48rem;\n --zl-breakpoint-lg: 64rem;\n --zl-breakpoint-xl: 80rem;\n --zl-breakpoint-2xl: 96rem;\n --zl-breakpoint-3xl: 120rem;\n --zl-breakpoint-4xl: 160rem;\n --zl-container-auth-card: 24rem;\n --zl-container-page: 80rem;\n}\n\n[data-theme=\"light\"] {\n /* Reserved. Light mode lands when the Figma design system publishes\n a light variable mode; the next sync will populate this block. */\n}\n";
241
- //#endregion
242
- export { tokens as n, tokensCss as r, cssVars as t };
243
-
244
- //# sourceMappingURL=tokens-BQ_augxi.mjs.map
package/dist/tokens-BQ_augxi.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens-BQ_augxi.mjs","names":[],"sources":["../../design-tokens/dist/tokens.mjs"],"sourcesContent":["//#region src/generated/tokens.ts\nconst tokens = {\n\t\"color\": {\n\t\t\"surface\": {\n\t\t\t\"defaultBlack\": \"#0f0f11\",\n\t\t\t\"defaultWhite\": \"#f4f4f6\",\n\t\t\t\"defaultPrimaryGray\": \"#252528\",\n\t\t\t\"defaultSecondaryGray\": \"#37373a\"\n\t\t},\n\t\t\"text\": {\n\t\t\t\"primaryWhite\": \"#f4f4f6\",\n\t\t\t\"secondaryGray\": \"#bfbfcf\",\n\t\t\t\"buttonDefault\": \"#0f0f11\",\n\t\t\t\"buttonInvert\": \"#f4f4f6\",\n\t\t\t\"disabled\": \"#686883\",\n\t\t\t\"error\": \"#ea4f70\",\n\t\t\t\"success\": \"#33a779\",\n\t\t\t\"subtitlePink\": \"#f48aa0\",\n\t\t\t\"subtitlePurple\": \"#bba5e4\",\n\t\t\t\"subtitleGray\": \"#bfbfcf\",\n\t\t\t\"subtitleOrange\": \"#f25543\"\n\t\t},\n\t\t\"icon\": {\n\t\t\t\"defaultBlack\": \"#0f0f11\",\n\t\t\t\"defaultWhite\": \"#f4f4f6\",\n\t\t\t\"defaultGray\": \"#bfbfcf\",\n\t\t\t\"defaultPink\": \"#f48aa0\",\n\t\t\t\"defaultPurple\": \"#bba5e4\",\n\t\t\t\"defaultOrange\": \"#f25543\",\n\t\t\t\"disabled\": \"#686883\",\n\t\t\t\"error\": \"#ea4f70\",\n\t\t\t\"success\": \"#33a779\"\n\t\t},\n\t\t\"border\": {\n\t\t\t\"defaultBlack\": \"#252528\",\n\t\t\t\"defaultWhite\": \"#f4f4f6\",\n\t\t\t\"defaultGray100\": \"#37373a\",\n\t\t\t\"defaultGray200\": \"#484a57\",\n\t\t\t\"defaultGray300\": \"#686883\",\n\t\t\t\"defaultGray400\": \"#82829c\",\n\t\t\t\"error\": \"#ea4f70\",\n\t\t\t\"success\": \"#33a779\"\n\t\t},\n\t\t\"gray\": {\n\t\t\t\"50\": \"#0f0f11\",\n\t\t\t\"75\": \"#252528\",\n\t\t\t\"100\": \"#37373a\",\n\t\t\t\"200\": \"#484a57\",\n\t\t\t\"300\": \"#686883\",\n\t\t\t\"400\": \"#82829c\",\n\t\t\t\"500\": \"#9e9eb2\",\n\t\t\t\"600\": \"#cfcfde\",\n\t\t\t\"700\": \"#bfbfcf\",\n\t\t\t\"800\": \"#e1e1e7\",\n\t\t\t\"900\": \"#f4f4f6\"\n\t\t}\n\t},\n\t\"spacing\": {\n\t\t\"10\": \"4rem\",\n\t\t\"11\": \"5rem\",\n\t\t\"12\": \"5.5rem\",\n\t\t\"13\": \"6rem\",\n\t\t\"14\": \"6.5rem\",\n\t\t\"15\": \"7rem\",\n\t\t\"16\": \"7.5rem\",\n\t\t\"01\": \"0.25rem\",\n\t\t\"02\": \"0.5rem\",\n\t\t\"03\": \"1rem\",\n\t\t\"04\": \"1.5rem\",\n\t\t\"05\": \"2rem\",\n\t\t\"06\": \"1.5rem\",\n\t\t\"07\": \"2.5rem\",\n\t\t\"08\": \"3rem\",\n\t\t\"09\": \"3.5rem\"\n\t},\n\t\"radius\": {\n\t\t\"xs\": \"0.25rem\",\n\t\t\"s\": \"0.5rem\",\n\t\t\"m\": \"0.75rem\",\n\t\t\"l\": \"1rem\",\n\t\t\"xl\": \"1.5rem\"\n\t},\n\t\"font\": { \"family\": {\n\t\t\"sans\": \"\\\"Arimo\\\", \\\"APK Futural\\\", system-ui, -apple-system, \\\"Segoe UI\\\", Helvetica, Arial, sans-serif\",\n\t\t\"heading\": \"\\\"APK Futural\\\", \\\"Arimo\\\", system-ui, -apple-system, \\\"Segoe UI\\\", Helvetica, Arial, sans-serif\",\n\t\t\"mono\": \"ui-monospace, SFMono-Regular, \\\"SF Mono\\\", Menlo, Monaco, Consolas, \\\"Liberation Mono\\\", \\\"Courier New\\\", monospace\"\n\t} },\n\t\"motion\": {\n\t\t\"duration\": {\n\t\t\t\"instant\": \"0ms\",\n\t\t\t\"fast\": \"120ms\",\n\t\t\t\"base\": \"200ms\",\n\t\t\t\"slow\": \"320ms\"\n\t\t},\n\t\t\"easing\": {\n\t\t\t\"standard\": \"cubic-bezier(0.2, 0, 0, 1)\",\n\t\t\t\"decelerate\": \"cubic-bezier(0, 0, 0, 1)\",\n\t\t\t\"accelerate\": \"cubic-bezier(0.3, 0, 1, 1)\"\n\t\t}\n\t},\n\t\"focus\": {\n\t\t\"width\": \"2px\",\n\t\t\"offset\": \"2px\",\n\t\t\"color\": \"#f4f4f6\"\n\t},\n\t\"breakpoint\": {\n\t\t\"xs\": \"26.5625rem\",\n\t\t\"sm\": \"40rem\",\n\t\t\"md\": \"48rem\",\n\t\t\"lg\": \"64rem\",\n\t\t\"xl\": \"80rem\",\n\t\t\"2xl\": \"96rem\",\n\t\t\"3xl\": \"120rem\",\n\t\t\"4xl\": \"160rem\"\n\t},\n\t\"container\": {\n\t\t\"authCard\": \"24rem\",\n\t\t\"page\": \"80rem\"\n\t}\n};\nconst cssVars = {\n\t\"color\": {\n\t\t\"surface\": {\n\t\t\t\"defaultBlack\": \"var(--zl-color-surface-default-black)\",\n\t\t\t\"defaultWhite\": \"var(--zl-color-surface-default-white)\",\n\t\t\t\"defaultPrimaryGray\": \"var(--zl-color-surface-default-primary-gray)\",\n\t\t\t\"defaultSecondaryGray\": \"var(--zl-color-surface-default-secondary-gray)\"\n\t\t},\n\t\t\"text\": {\n\t\t\t\"primaryWhite\": \"var(--zl-color-text-primary-white)\",\n\t\t\t\"secondaryGray\": \"var(--zl-color-text-secondary-gray)\",\n\t\t\t\"buttonDefault\": \"var(--zl-color-text-button-default)\",\n\t\t\t\"buttonInvert\": \"var(--zl-color-text-button-invert)\",\n\t\t\t\"disabled\": \"var(--zl-color-text-disabled)\",\n\t\t\t\"error\": \"var(--zl-color-text-error)\",\n\t\t\t\"success\": \"var(--zl-color-text-success)\",\n\t\t\t\"subtitlePink\": \"var(--zl-color-text-subtitle-pink)\",\n\t\t\t\"subtitlePurple\": \"var(--zl-color-text-subtitle-purple)\",\n\t\t\t\"subtitleGray\": \"var(--zl-color-text-subtitle-gray)\",\n\t\t\t\"subtitleOrange\": \"var(--zl-color-text-subtitle-orange)\"\n\t\t},\n\t\t\"icon\": {\n\t\t\t\"defaultBlack\": \"var(--zl-color-icon-default-black)\",\n\t\t\t\"defaultWhite\": \"var(--zl-color-icon-default-white)\",\n\t\t\t\"defaultGray\": \"var(--zl-color-icon-default-gray)\",\n\t\t\t\"defaultPink\": \"var(--zl-color-icon-default-pink)\",\n\t\t\t\"defaultPurple\": \"var(--zl-color-icon-default-purple)\",\n\t\t\t\"defaultOrange\": \"var(--zl-color-icon-default-orange)\",\n\t\t\t\"disabled\": \"var(--zl-color-icon-disabled)\",\n\t\t\t\"error\": \"var(--zl-color-icon-error)\",\n\t\t\t\"success\": \"var(--zl-color-icon-success)\"\n\t\t},\n\t\t\"border\": {\n\t\t\t\"defaultBlack\": \"var(--zl-color-border-default-black)\",\n\t\t\t\"defaultWhite\": \"var(--zl-color-border-default-white)\",\n\t\t\t\"defaultGray100\": \"var(--zl-color-border-default-gray-100)\",\n\t\t\t\"defaultGray200\": \"var(--zl-color-border-default-gray-200)\",\n\t\t\t\"defaultGray300\": \"var(--zl-color-border-default-gray-300)\",\n\t\t\t\"defaultGray400\": \"var(--zl-color-border-default-gray-400)\",\n\t\t\t\"error\": \"var(--zl-color-border-error)\",\n\t\t\t\"success\": \"var(--zl-color-border-success)\"\n\t\t},\n\t\t\"gray\": {\n\t\t\t\"50\": \"var(--zl-color-gray-50)\",\n\t\t\t\"75\": \"var(--zl-color-gray-75)\",\n\t\t\t\"100\": \"var(--zl-color-gray-100)\",\n\t\t\t\"200\": \"var(--zl-color-gray-200)\",\n\t\t\t\"300\": \"var(--zl-color-gray-300)\",\n\t\t\t\"400\": \"var(--zl-color-gray-400)\",\n\t\t\t\"500\": \"var(--zl-color-gray-500)\",\n\t\t\t\"600\": \"var(--zl-color-gray-600)\",\n\t\t\t\"700\": \"var(--zl-color-gray-700)\",\n\t\t\t\"800\": \"var(--zl-color-gray-800)\",\n\t\t\t\"900\": \"var(--zl-color-gray-900)\"\n\t\t}\n\t},\n\t\"spacing\": {\n\t\t\"10\": \"var(--zl-spacing-10)\",\n\t\t\"11\": \"var(--zl-spacing-11)\",\n\t\t\"12\": \"var(--zl-spacing-12)\",\n\t\t\"13\": \"var(--zl-spacing-13)\",\n\t\t\"14\": \"var(--zl-spacing-14)\",\n\t\t\"15\": \"var(--zl-spacing-15)\",\n\t\t\"16\": \"var(--zl-spacing-16)\",\n\t\t\"01\": \"var(--zl-spacing-01)\",\n\t\t\"02\": \"var(--zl-spacing-02)\",\n\t\t\"03\": \"var(--zl-spacing-03)\",\n\t\t\"04\": \"var(--zl-spacing-04)\",\n\t\t\"05\": \"var(--zl-spacing-05)\",\n\t\t\"06\": \"var(--zl-spacing-06)\",\n\t\t\"07\": \"var(--zl-spacing-07)\",\n\t\t\"08\": \"var(--zl-spacing-08)\",\n\t\t\"09\": \"var(--zl-spacing-09)\"\n\t},\n\t\"radius\": {\n\t\t\"xs\": \"var(--zl-radius-xs)\",\n\t\t\"s\": \"var(--zl-radius-s)\",\n\t\t\"m\": \"var(--zl-radius-m)\",\n\t\t\"l\": \"var(--zl-radius-l)\",\n\t\t\"xl\": \"var(--zl-radius-xl)\"\n\t},\n\t\"font\": { \"family\": {\n\t\t\"sans\": \"var(--zl-font-family-sans)\",\n\t\t\"heading\": \"var(--zl-font-family-heading)\",\n\t\t\"mono\": \"var(--zl-font-family-mono)\"\n\t} },\n\t\"motion\": {\n\t\t\"duration\": {\n\t\t\t\"instant\": \"var(--zl-duration-instant)\",\n\t\t\t\"fast\": \"var(--zl-duration-fast)\",\n\t\t\t\"base\": \"var(--zl-duration-base)\",\n\t\t\t\"slow\": \"var(--zl-duration-slow)\"\n\t\t},\n\t\t\"easing\": {\n\t\t\t\"standard\": \"var(--zl-easing-standard)\",\n\t\t\t\"decelerate\": \"var(--zl-easing-decelerate)\",\n\t\t\t\"accelerate\": \"var(--zl-easing-accelerate)\"\n\t\t}\n\t},\n\t\"focus\": {\n\t\t\"width\": \"var(--zl-focus-width)\",\n\t\t\"offset\": \"var(--zl-focus-offset)\",\n\t\t\"color\": \"var(--zl-focus-color)\"\n\t},\n\t\"breakpoint\": {\n\t\t\"xs\": \"var(--zl-breakpoint-xs)\",\n\t\t\"sm\": \"var(--zl-breakpoint-sm)\",\n\t\t\"md\": \"var(--zl-breakpoint-md)\",\n\t\t\"lg\": \"var(--zl-breakpoint-lg)\",\n\t\t\"xl\": \"var(--zl-breakpoint-xl)\",\n\t\t\"2xl\": \"var(--zl-breakpoint-2xl)\",\n\t\t\"3xl\": \"var(--zl-breakpoint-3xl)\",\n\t\t\"4xl\": \"var(--zl-breakpoint-4xl)\"\n\t},\n\t\"container\": {\n\t\t\"authCard\": \"var(--zl-container-auth-card)\",\n\t\t\"page\": \"var(--zl-container-page)\"\n\t}\n};\nconst tokensCss = \"/* AUTOGENERATED by packages/design-tokens/scripts/build.ts — do not edit by hand.\\n Source: src/generated/figma.tokens.json + src/overrides.ts.\\n Re-run: moon run design-tokens:generate */\\n\\n:root,\\n[data-theme=\\\"dark\\\"] {\\n --zl-color-surface-default-black: #0f0f11;\\n --zl-color-surface-default-white: #f4f4f6;\\n --zl-color-surface-default-primary-gray: #252528;\\n --zl-color-surface-default-secondary-gray: #37373a;\\n --zl-color-text-primary-white: #f4f4f6;\\n --zl-color-text-secondary-gray: #bfbfcf;\\n --zl-color-text-button-default: #0f0f11;\\n --zl-color-text-button-invert: #f4f4f6;\\n --zl-color-text-disabled: #686883;\\n --zl-color-text-error: #ea4f70;\\n --zl-color-text-success: #33a779;\\n --zl-color-text-subtitle-pink: #f48aa0;\\n --zl-color-text-subtitle-purple: #bba5e4;\\n --zl-color-text-subtitle-gray: #bfbfcf;\\n --zl-color-text-subtitle-orange: #f25543;\\n --zl-color-icon-default-black: #0f0f11;\\n --zl-color-icon-default-white: #f4f4f6;\\n --zl-color-icon-default-gray: #bfbfcf;\\n --zl-color-icon-default-pink: #f48aa0;\\n --zl-color-icon-default-purple: #bba5e4;\\n --zl-color-icon-default-orange: #f25543;\\n --zl-color-icon-disabled: #686883;\\n --zl-color-icon-error: #ea4f70;\\n --zl-color-icon-success: #33a779;\\n --zl-color-border-default-black: #252528;\\n --zl-color-border-default-white: #f4f4f6;\\n --zl-color-border-default-gray-100: #37373a;\\n --zl-color-border-default-gray-200: #484a57;\\n --zl-color-border-default-gray-300: #686883;\\n --zl-color-border-default-gray-400: #82829c;\\n --zl-color-border-error: #ea4f70;\\n --zl-color-border-success: #33a779;\\n --zl-color-gray-50: #0f0f11;\\n --zl-color-gray-75: #252528;\\n --zl-color-gray-100: #37373a;\\n --zl-color-gray-200: #484a57;\\n --zl-color-gray-300: #686883;\\n --zl-color-gray-400: #82829c;\\n --zl-color-gray-500: #9e9eb2;\\n --zl-color-gray-600: #cfcfde;\\n --zl-color-gray-700: #bfbfcf;\\n --zl-color-gray-800: #e1e1e7;\\n --zl-color-gray-900: #f4f4f6;\\n --zl-spacing-01: 0.25rem;\\n --zl-spacing-02: 0.5rem;\\n --zl-spacing-03: 1rem;\\n --zl-spacing-04: 1.5rem;\\n --zl-spacing-05: 2rem;\\n --zl-spacing-06: 1.5rem;\\n --zl-spacing-07: 2.5rem;\\n --zl-spacing-08: 3rem;\\n --zl-spacing-09: 3.5rem;\\n --zl-spacing-10: 4rem;\\n --zl-spacing-11: 5rem;\\n --zl-spacing-12: 5.5rem;\\n --zl-spacing-13: 6rem;\\n --zl-spacing-14: 6.5rem;\\n --zl-spacing-15: 7rem;\\n --zl-spacing-16: 7.5rem;\\n --zl-radius-xs: 0.25rem;\\n --zl-radius-s: 0.5rem;\\n --zl-radius-m: 0.75rem;\\n --zl-radius-l: 1rem;\\n --zl-radius-xl: 1.5rem;\\n --zl-font-family-sans: \\\"Arimo\\\", \\\"APK Futural\\\", system-ui, -apple-system, \\\"Segoe UI\\\", Helvetica, Arial, sans-serif;\\n --zl-font-family-heading: \\\"APK Futural\\\", \\\"Arimo\\\", system-ui, -apple-system, \\\"Segoe UI\\\", Helvetica, Arial, sans-serif;\\n --zl-font-family-mono: ui-monospace, SFMono-Regular, \\\"SF Mono\\\", Menlo, Monaco, Consolas, \\\"Liberation Mono\\\", \\\"Courier New\\\", monospace;\\n --zl-duration-instant: 0ms;\\n --zl-duration-fast: 120ms;\\n --zl-duration-base: 200ms;\\n --zl-duration-slow: 320ms;\\n --zl-easing-standard: cubic-bezier(0.2, 0, 0, 1);\\n --zl-easing-decelerate: cubic-bezier(0, 0, 0, 1);\\n --zl-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);\\n --zl-focus-width: 2px;\\n --zl-focus-offset: 2px;\\n --zl-focus-color: #f4f4f6;\\n --zl-breakpoint-xs: 26.5625rem;\\n --zl-breakpoint-sm: 40rem;\\n --zl-breakpoint-md: 48rem;\\n --zl-breakpoint-lg: 64rem;\\n --zl-breakpoint-xl: 80rem;\\n --zl-breakpoint-2xl: 96rem;\\n --zl-breakpoint-3xl: 120rem;\\n --zl-breakpoint-4xl: 160rem;\\n --zl-container-auth-card: 24rem;\\n --zl-container-page: 80rem;\\n}\\n\\n[data-theme=\\\"light\\\"] {\\n /* Reserved. Light mode lands when the Figma design system publishes\\n a light variable mode; the next sync will populate this block. */\\n}\\n\";\n//#endregion\nexport { cssVars, tokens, tokensCss };\n\n//# sourceMappingURL=tokens.mjs.map"],"mappings":"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"}