@zitadel/components 0.1.0-alpha.0 → 0.1.0-alpha.11

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 (110) hide show
  1. package/README.md +76 -55
  2. package/dist/atoms/index.d.mts +1 -1
  3. package/dist/atoms/index.mjs +1 -1
  4. package/dist/{atoms-B9yd0c-i.mjs → atoms-BHSt5lSe.mjs} +229 -88
  5. package/dist/atoms-BHSt5lSe.mjs.map +1 -0
  6. package/dist/default-Cpl78hQN.mjs +6 -0
  7. package/dist/default-Cpl78hQN.mjs.map +1 -0
  8. package/dist/{index-B74_igDN.d.mts → index-Bv62se8F.d.mts} +92 -21
  9. package/dist/index-Bv62se8F.d.mts.map +1 -0
  10. package/dist/{index-Dd8hfOWt.d.mts → index-DVDCrfkv.d.mts} +1515 -827
  11. package/dist/index-DVDCrfkv.d.mts.map +1 -0
  12. package/dist/{index-EJengPPu.d.mts → index-EC-BnGsx.d.mts} +3 -3
  13. package/dist/{index-EJengPPu.d.mts.map → index-EC-BnGsx.d.mts.map} +1 -1
  14. package/dist/index.d.mts +4 -4
  15. package/dist/index.mjs +4 -4
  16. package/dist/manifests.mjs +1 -1
  17. package/dist/orchestrator/index.d.mts +2 -2
  18. package/dist/orchestrator/index.mjs +2 -2
  19. package/dist/{orchestrator-B8eXcPRi.mjs → orchestrator-BeTmVk54.mjs} +486 -173
  20. package/dist/orchestrator-BeTmVk54.mjs.map +1 -0
  21. package/dist/standalone.mjs +12187 -0
  22. package/dist/tokens/index.d.mts +1 -1
  23. package/dist/tokens/index.mjs +1 -1
  24. package/dist/{tokens-TXmurodq.mjs → tokens-C0j4iCrs.mjs} +4 -4
  25. package/dist/tokens-C0j4iCrs.mjs.map +1 -0
  26. package/package.json +8 -16
  27. package/dist/atoms/index.d.ts +0 -9
  28. package/dist/atoms/index.d.ts.map +0 -1
  29. package/dist/atoms/zl-alert.d.ts +0 -56
  30. package/dist/atoms/zl-alert.d.ts.map +0 -1
  31. package/dist/atoms/zl-button.d.ts +0 -83
  32. package/dist/atoms/zl-button.d.ts.map +0 -1
  33. package/dist/atoms/zl-card.d.ts +0 -46
  34. package/dist/atoms/zl-card.d.ts.map +0 -1
  35. package/dist/atoms/zl-field.d.ts +0 -80
  36. package/dist/atoms/zl-field.d.ts.map +0 -1
  37. package/dist/atoms/zl-icon.d.ts +0 -48
  38. package/dist/atoms/zl-icon.d.ts.map +0 -1
  39. package/dist/atoms/zl-page-shell.d.ts +0 -42
  40. package/dist/atoms/zl-page-shell.d.ts.map +0 -1
  41. package/dist/atoms/zl-passkey.d.ts +0 -123
  42. package/dist/atoms/zl-passkey.d.ts.map +0 -1
  43. package/dist/atoms/zl-pill.d.ts +0 -55
  44. package/dist/atoms/zl-pill.d.ts.map +0 -1
  45. package/dist/atoms-B9yd0c-i.mjs.map +0 -1
  46. package/dist/default-DP74t2io.mjs +0 -6
  47. package/dist/default-DP74t2io.mjs.map +0 -1
  48. package/dist/index-B74_igDN.d.mts.map +0 -1
  49. package/dist/index-Dd8hfOWt.d.mts.map +0 -1
  50. package/dist/index.d.ts +0 -16
  51. package/dist/index.d.ts.map +0 -1
  52. package/dist/internal/base64url.d.ts +0 -18
  53. package/dist/internal/base64url.d.ts.map +0 -1
  54. package/dist/internal/unique-id.d.ts +0 -2
  55. package/dist/internal/unique-id.d.ts.map +0 -1
  56. package/dist/manifest.d.ts +0 -36
  57. package/dist/manifest.d.ts.map +0 -1
  58. package/dist/manifests.d.ts +0 -6
  59. package/dist/manifests.d.ts.map +0 -1
  60. package/dist/orchestrator/api-client.d.ts +0 -33
  61. package/dist/orchestrator/api-client.d.ts.map +0 -1
  62. package/dist/orchestrator/branding-to-tokens.d.ts +0 -28
  63. package/dist/orchestrator/branding-to-tokens.d.ts.map +0 -1
  64. package/dist/orchestrator/branding-validator.d.ts +0 -7
  65. package/dist/orchestrator/branding-validator.d.ts.map +0 -1
  66. package/dist/orchestrator/branding.d.ts +0 -76
  67. package/dist/orchestrator/branding.d.ts.map +0 -1
  68. package/dist/orchestrator/font-loader.d.ts +0 -2
  69. package/dist/orchestrator/font-loader.d.ts.map +0 -1
  70. package/dist/orchestrator/index.d.ts +0 -23
  71. package/dist/orchestrator/index.d.ts.map +0 -1
  72. package/dist/orchestrator/liquid.d.ts +0 -31
  73. package/dist/orchestrator/liquid.d.ts.map +0 -1
  74. package/dist/orchestrator/locales/de.d.ts +0 -16
  75. package/dist/orchestrator/locales/de.d.ts.map +0 -1
  76. package/dist/orchestrator/locales/en.d.ts +0 -19
  77. package/dist/orchestrator/locales/en.d.ts.map +0 -1
  78. package/dist/orchestrator/locales/index.d.ts +0 -13
  79. package/dist/orchestrator/locales/index.d.ts.map +0 -1
  80. package/dist/orchestrator/locales/it.d.ts +0 -14
  81. package/dist/orchestrator/locales/it.d.ts.map +0 -1
  82. package/dist/orchestrator/mandatory-gates.d.ts +0 -26
  83. package/dist/orchestrator/mandatory-gates.d.ts.map +0 -1
  84. package/dist/orchestrator/sanitiser.d.ts +0 -6
  85. package/dist/orchestrator/sanitiser.d.ts.map +0 -1
  86. package/dist/orchestrator/template-context.d.ts +0 -55
  87. package/dist/orchestrator/template-context.d.ts.map +0 -1
  88. package/dist/orchestrator/template-names.d.ts +0 -16
  89. package/dist/orchestrator/template-names.d.ts.map +0 -1
  90. package/dist/orchestrator/theme-controller.d.ts +0 -30
  91. package/dist/orchestrator/theme-controller.d.ts.map +0 -1
  92. package/dist/orchestrator/zitadel-login.d.ts +0 -185
  93. package/dist/orchestrator/zitadel-login.d.ts.map +0 -1
  94. package/dist/orchestrator/zitadel-logout.d.ts +0 -86
  95. package/dist/orchestrator/zitadel-logout.d.ts.map +0 -1
  96. package/dist/orchestrator-B8eXcPRi.mjs.map +0 -1
  97. package/dist/styles/base.d.ts +0 -7
  98. package/dist/styles/base.d.ts.map +0 -1
  99. package/dist/styles/focus-ring.d.ts +0 -7
  100. package/dist/styles/focus-ring.d.ts.map +0 -1
  101. package/dist/styles/index.d.ts +0 -5
  102. package/dist/styles/index.d.ts.map +0 -1
  103. package/dist/styles/surface.d.ts +0 -8
  104. package/dist/styles/surface.d.ts.map +0 -1
  105. package/dist/styles/tokens.d.ts +0 -11
  106. package/dist/styles/tokens.d.ts.map +0 -1
  107. package/dist/tokens/index.d.ts +0 -9
  108. package/dist/tokens/index.d.ts.map +0 -1
  109. package/dist/tokens-TXmurodq.mjs.map +0 -1
  110. package/dist/tsconfig.lib.tsbuildinfo +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/styles/base.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,cAAc,yBAa1B,CAAC"}
@@ -1,7 +0,0 @@
1
- /**
2
- * Visible focus indicator shared across interactive atoms. Mirrors the
3
- * Figma button "Focused" state — a 2px white outline offset by 2px from
4
- * the element edge. Atoms apply via `&:focus-visible { ${focusVisibleStyles} }`.
5
- */
6
- export declare const focusVisibleStyles: import("lit").CSSResult;
7
- //# sourceMappingURL=focus-ring.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"focus-ring.d.ts","sourceRoot":"","sources":["../../src/styles/focus-ring.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,yBAG9B,CAAC"}
@@ -1,5 +0,0 @@
1
- export { baseHostStyles } from "./base.js";
2
- export { focusVisibleStyles } from "./focus-ring.js";
3
- export { surfaceStyles } from "./surface.js";
4
- export { t } from "./tokens.js";
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC"}
@@ -1,8 +0,0 @@
1
- import { type CSSResult } from "lit";
2
- /**
3
- * Wrap shared surface CSS (from `@zitadel/shared-component-styles`)
4
- * for Lit `static styles`. Import `.css?inline` in atoms; `@tsdown/css` inlines
5
- * the strings when `components` is built.
6
- */
7
- export declare function surfaceStyles(...cssChunks: string[]): CSSResult[];
8
- //# sourceMappingURL=surface.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../src/styles/surface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAEhD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAEjE"}
@@ -1,11 +0,0 @@
1
- import { cssVars as raw } from "@zitadel/design-tokens";
2
- import { type CSSResult } from "lit";
3
- type CssTree = {
4
- [K in keyof typeof raw]: WrapTree<(typeof raw)[K]>;
5
- };
6
- type WrapTree<T> = T extends string ? CSSResult : T extends Record<string, unknown> ? {
7
- [K in keyof T]: WrapTree<T[K]>;
8
- } : never;
9
- export declare const t: CssTree;
10
- export {};
11
- //# sourceMappingURL=tokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAmBhD,KAAK,OAAO,GAAG;KACZ,CAAC,IAAI,MAAM,OAAO,GAAG,GAAG,QAAQ,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,CAAC;AACF,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC/B,SAAS,GACT,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC/B;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GAClC,KAAK,CAAC;AAWZ,eAAO,MAAM,CAAC,EAA2B,OAAO,CAAC"}
@@ -1,9 +0,0 @@
1
- /**
2
- * Re-export of `@zitadel/design-tokens` under the same subpath the
3
- * components package has always exposed. Atoms consume tokens through
4
- * `../styles/tokens.js` (which wraps the cssVars tree in Lit's `unsafeCSS`);
5
- * external consumers that want the raw values or the CSS variable strings
6
- * can still `import { tokens, cssVars } from "@zitadel/components/tokens"`.
7
- */
8
- export { tokens, cssVars, type Tokens, type CssVars } from "@zitadel/design-tokens";
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,OAAO,EAAE,MAAM,wBAAwB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens-TXmurodq.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: pnpm nx run @zitadel/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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"}