@raydenui/ui 0.1.0

package/dist/preset.cjs

@@ -0,0 +1,186 @@
+'use strict';
+
+// src/preset.ts
+var colors = {
+  primary: {
+    50: "#FFECE5",
+    75: "#FCD2C2",
+    100: "#FCB59A",
+    200: "#FA9874",
+    300: "#F77A4A",
+    400: "#F56630",
+    500: "#EB5017",
+    600: "#CC400C",
+    700: "#AD3307",
+    800: "#8F2802",
+    900: "#711E00"
+  },
+  secondary: {
+    50: "#E3EFFC",
+    75: "#C6DDF7",
+    100: "#B6D8FF",
+    200: "#80BBFF",
+    300: "#3D89DF",
+    400: "#1671D9",
+    500: "#0D5EBA",
+    600: "#034592",
+    700: "#04326B",
+    800: "#012657",
+    900: "#001633"
+  },
+  grey: {
+    50: "#F9FAFB",
+    75: "#F7F9FC",
+    100: "#F0F2F5",
+    200: "#E4E7EC",
+    300: "#D0D5DD",
+    400: "#98A2B3",
+    500: "#667185",
+    600: "#475367",
+    700: "#344054",
+    800: "#1D2739",
+    900: "#101928"
+  },
+  success: {
+    50: "#E7F6EC",
+    75: "#B5E3C4",
+    100: "#91D6A8",
+    200: "#5FC381",
+    300: "#40B869",
+    400: "#0F973D",
+    500: "#099137",
+    600: "#04802E",
+    700: "#036B26",
+    800: "#015B20",
+    900: "#004617"
+  },
+  error: {
+    50: "#FBEAE9",
+    75: "#F2BCBA",
+    100: "#EB9B98",
+    200: "#E26E6A",
+    300: "#DD524D",
+    400: "#D42620",
+    500: "#CB1A14",
+    600: "#BA110B",
+    700: "#9E0A05",
+    800: "#800501"
+  },
+  warning: {
+    50: "#FEF6E7",
+    75: "#FBE2B7",
+    100: "#F7D394",
+    200: "#F7C164",
+    300: "#F5B546",
+    400: "#F3A218",
+    500: "#DD900D",
+    600: "#AD6F07",
+    700: "#865503",
+    800: "#664101"
+  },
+  info: {
+    400: "#0BA5EC",
+    500: "#0086C9"
+  },
+  officeBrown: {
+    100: "#E4DBDB",
+    200: "#CDC4C4",
+    300: "#B7AFAF",
+    400: "#A29999",
+    500: "#8D8484",
+    600: "#787070",
+    700: "#645D5D",
+    800: "#514A4A",
+    900: "#3E3838"
+  }
+};
+var shadows = {
+  soft: {
+    xxs: "0px 1.5px 4px -1px rgba(16, 25, 40, 0.07)",
+    xs: "0px 2px 4px -1px rgba(16, 25, 40, 0.02), 0px 5px 13px -5px rgba(16, 25, 40, 0.05)",
+    sm: "0px 10px 18px -2px rgba(16, 25, 40, 0.07)",
+    md: "0px 0px 3px -1px rgba(16, 25, 40, 0.04), 0px 14px 22px -9px rgba(16, 25, 40, 0.14)",
+    lg: "0px 4px 6px -2px rgba(16, 25, 40, 0.03), 0px 16px 24px -4px rgba(16, 25, 40, 0.08)",
+    xl: "0px 8px 8px -4px rgba(16, 25, 40, 0.03), 0px 24px 32px -4px rgba(16, 25, 40, 0.08)",
+    "2xl": "0px 32px 54px -12px rgba(16, 25, 40, 0.18)",
+    "3xl": "0px 40px 72px -12px rgba(16, 25, 40, 0.14)"
+  },
+  hard: {
+    xxs: "0px 2px 5px -2px rgba(16, 25, 40, 0.06), 0px 2px 7px 0px rgba(16, 25, 40, 0.05), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)",
+    xs: "0px 2px 12px -1px rgba(16, 25, 40, 0.1), 0px 2px 2px -1px rgba(16, 25, 40, 0.04), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)",
+    sm: "0px 6px 16px 0px rgba(16, 25, 40, 0.08), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)",
+    md: "0px 0px 3px -1px rgba(16, 25, 40, 0.04), 0px 16px 24px -6px rgba(16, 25, 40, 0.08), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)"
+  }
+};
+var blurs = {
+  xs: "2px",
+  sm: "4px",
+  md: "12px",
+  lg: "16px",
+  xl: "20px"
+};
+var spacing = {
+  1: "4px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  7: "28px",
+  8: "32px",
+  10: "40px",
+  12: "48px",
+  16: "64px",
+  20: "80px",
+  24: "96px",
+  32: "128px",
+  40: "160px",
+  48: "192px"
+};
+var grid = {
+  breakpoints: {
+    sm: "320px",
+    md: "600px",
+    lg: "1136px"
+  },
+  columns: {
+    sm: { 4: { margin: "16px", gutter: "12px" }, 6: { margin: "16px", gutter: "12px" } },
+    md: { 6: { margin: "32px", gutter: "20px" }, 8: { margin: "32px", gutter: "20px" } },
+    lg: { 12: { margin: "112px", gutter: "32px" } }
+  },
+  fluid: { columns: 12, margin: "24px", gutter: "24px" }
+};
+var typography = {
+  display: {
+    lg: { size: "56px", lineHeight: 1, letterSpacing: "-0.04em" },
+    sm: { size: "48px", lineHeight: 1, letterSpacing: "-0.04em" }
+  },
+  heading: {
+    h1: { size: "40px", lineHeight: 1.2, letterSpacing: "-0.04em" },
+    h2: { size: "36px", lineHeight: 1.2, letterSpacing: "-0.04em" },
+    h3: { size: "32px", lineHeight: 1.2, letterSpacing: "-0.02em" },
+    h4: { size: "28px", lineHeight: 1.2, letterSpacing: "-0.02em" },
+    h5: { size: "24px", lineHeight: 1.2, letterSpacing: "-0.02em" },
+    h6: { size: "20px", lineHeight: 1.2, letterSpacing: "-0.02em" }
+  },
+  body: {
+    lg: { size: "18px", lineHeight: 1.45, letterSpacing: "0" },
+    md: { size: "16px", lineHeight: 1.45, letterSpacing: "0" },
+    sm: { size: "14px", lineHeight: 1.45, letterSpacing: "0" },
+    xs: { size: "12px", lineHeight: 1.45, letterSpacing: "0" }
+  },
+  caption: {
+    lg: { size: "14px", lineHeight: 1.2, letterSpacing: "0.12em" },
+    sm: { size: "12px", lineHeight: 1.2, letterSpacing: "0.12em" },
+    xs: { size: "10px", lineHeight: 1.2, letterSpacing: "0.16em" }
+  }
+};
+
+exports.blurs = blurs;
+exports.colors = colors;
+exports.grid = grid;
+exports.shadows = shadows;
+exports.spacing = spacing;
+exports.typography = typography;
+//# sourceMappingURL=preset.cjs.map
+//# sourceMappingURL=preset.cjs.map

package/dist/preset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preset.ts"],"names":[],"mappings":"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","file":"preset.cjs","sourcesContent":["/**\n * Rayden UI design tokens.\n * Colors extracted from the Rayna UI Figma design system.\n */\nexport const colors = {\n  primary: {\n    50: \"#FFECE5\",\n    75: \"#FCD2C2\",\n    100: \"#FCB59A\",\n    200: \"#FA9874\",\n    300: \"#F77A4A\",\n    400: \"#F56630\",\n    500: \"#EB5017\",\n    600: \"#CC400C\",\n    700: \"#AD3307\",\n    800: \"#8F2802\",\n    900: \"#711E00\",\n  },\n  secondary: {\n    50: \"#E3EFFC\",\n    75: \"#C6DDF7\",\n    100: \"#B6D8FF\",\n    200: \"#80BBFF\",\n    300: \"#3D89DF\",\n    400: \"#1671D9\",\n    500: \"#0D5EBA\",\n    600: \"#034592\",\n    700: \"#04326B\",\n    800: \"#012657\",\n    900: \"#001633\",\n  },\n  grey: {\n    50: \"#F9FAFB\",\n    75: \"#F7F9FC\",\n    100: \"#F0F2F5\",\n    200: \"#E4E7EC\",\n    300: \"#D0D5DD\",\n    400: \"#98A2B3\",\n    500: \"#667185\",\n    600: \"#475367\",\n    700: \"#344054\",\n    800: \"#1D2739\",\n    900: \"#101928\",\n  },\n  success: {\n    50: \"#E7F6EC\",\n    75: \"#B5E3C4\",\n    100: \"#91D6A8\",\n    200: \"#5FC381\",\n    300: \"#40B869\",\n    400: \"#0F973D\",\n    500: \"#099137\",\n    600: \"#04802E\",\n    700: \"#036B26\",\n    800: \"#015B20\",\n    900: \"#004617\",\n  },\n  error: {\n    50: \"#FBEAE9\",\n    75: \"#F2BCBA\",\n    100: \"#EB9B98\",\n    200: \"#E26E6A\",\n    300: \"#DD524D\",\n    400: \"#D42620\",\n    500: \"#CB1A14\",\n    600: \"#BA110B\",\n    700: \"#9E0A05\",\n    800: \"#800501\",\n  },\n  warning: {\n    50: \"#FEF6E7\",\n    75: \"#FBE2B7\",\n    100: \"#F7D394\",\n    200: \"#F7C164\",\n    300: \"#F5B546\",\n    400: \"#F3A218\",\n    500: \"#DD900D\",\n    600: \"#AD6F07\",\n    700: \"#865503\",\n    800: \"#664101\",\n  },\n  info: {\n    400: \"#0BA5EC\",\n    500: \"#0086C9\",\n  },\n  officeBrown: {\n    100: \"#E4DBDB\",\n    200: \"#CDC4C4\",\n    300: \"#B7AFAF\",\n    400: \"#A29999\",\n    500: \"#8D8484\",\n    600: \"#787070\",\n    700: \"#645D5D\",\n    800: \"#514A4A\",\n    900: \"#3E3838\",\n  },\n} as const;\n\nexport type RaydenColors = typeof colors;\n\n/**\n * Shadow tokens from Rayna UI Figma design system.\n */\nexport const shadows = {\n  soft: {\n    xxs: \"0px 1.5px 4px -1px rgba(16, 25, 40, 0.07)\",\n    xs: \"0px 2px 4px -1px rgba(16, 25, 40, 0.02), 0px 5px 13px -5px rgba(16, 25, 40, 0.05)\",\n    sm: \"0px 10px 18px -2px rgba(16, 25, 40, 0.07)\",\n    md: \"0px 0px 3px -1px rgba(16, 25, 40, 0.04), 0px 14px 22px -9px rgba(16, 25, 40, 0.14)\",\n    lg: \"0px 4px 6px -2px rgba(16, 25, 40, 0.03), 0px 16px 24px -4px rgba(16, 25, 40, 0.08)\",\n    xl: \"0px 8px 8px -4px rgba(16, 25, 40, 0.03), 0px 24px 32px -4px rgba(16, 25, 40, 0.08)\",\n    \"2xl\": \"0px 32px 54px -12px rgba(16, 25, 40, 0.18)\",\n    \"3xl\": \"0px 40px 72px -12px rgba(16, 25, 40, 0.14)\",\n  },\n  hard: {\n    xxs: \"0px 2px 5px -2px rgba(16, 25, 40, 0.06), 0px 2px 7px 0px rgba(16, 25, 40, 0.05), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)\",\n    xs: \"0px 2px 12px -1px rgba(16, 25, 40, 0.1), 0px 2px 2px -1px rgba(16, 25, 40, 0.04), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)\",\n    sm: \"0px 6px 16px 0px rgba(16, 25, 40, 0.08), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)\",\n    md: \"0px 0px 3px -1px rgba(16, 25, 40, 0.04), 0px 16px 24px -6px rgba(16, 25, 40, 0.08), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)\",\n  },\n} as const;\n\n/**\n * Blur tokens (backdrop-blur / filter blur).\n */\nexport const blurs = {\n  xs: \"2px\",\n  sm: \"4px\",\n  md: \"12px\",\n  lg: \"16px\",\n  xl: \"20px\",\n} as const;\n\n/**\n * Spacing scale (4px base).\n * Keys are the multiplier; values are px.\n */\nexport const spacing = {\n  1: \"4px\",\n  2: \"8px\",\n  3: \"12px\",\n  4: \"16px\",\n  5: \"20px\",\n  6: \"24px\",\n  7: \"28px\",\n  8: \"32px\",\n  10: \"40px\",\n  12: \"48px\",\n  16: \"64px\",\n  20: \"80px\",\n  24: \"96px\",\n  32: \"128px\",\n  40: \"160px\",\n  48: \"192px\",\n} as const;\n\n/**\n * Grid breakpoints and layout tokens.\n */\nexport const grid = {\n  breakpoints: {\n    sm: \"320px\",\n    md: \"600px\",\n    lg: \"1136px\",\n  },\n  columns: {\n    sm: { 4: { margin: \"16px\", gutter: \"12px\" }, 6: { margin: \"16px\", gutter: \"12px\" } },\n    md: { 6: { margin: \"32px\", gutter: \"20px\" }, 8: { margin: \"32px\", gutter: \"20px\" } },\n    lg: { 12: { margin: \"112px\", gutter: \"32px\" } },\n  },\n  fluid: { columns: 12, margin: \"24px\", gutter: \"24px\" },\n} as const;\n\n/**\n * Typography tokens.\n */\nexport const typography = {\n  display: {\n    lg: { size: \"56px\", lineHeight: 1, letterSpacing: \"-0.04em\" },\n    sm: { size: \"48px\", lineHeight: 1, letterSpacing: \"-0.04em\" },\n  },\n  heading: {\n    h1: { size: \"40px\", lineHeight: 1.2, letterSpacing: \"-0.04em\" },\n    h2: { size: \"36px\", lineHeight: 1.2, letterSpacing: \"-0.04em\" },\n    h3: { size: \"32px\", lineHeight: 1.2, letterSpacing: \"-0.02em\" },\n    h4: { size: \"28px\", lineHeight: 1.2, letterSpacing: \"-0.02em\" },\n    h5: { size: \"24px\", lineHeight: 1.2, letterSpacing: \"-0.02em\" },\n    h6: { size: \"20px\", lineHeight: 1.2, letterSpacing: \"-0.02em\" },\n  },\n  body: {\n    lg: { size: \"18px\", lineHeight: 1.45, letterSpacing: \"0\" },\n    md: { size: \"16px\", lineHeight: 1.45, letterSpacing: \"0\" },\n    sm: { size: \"14px\", lineHeight: 1.45, letterSpacing: \"0\" },\n    xs: { size: \"12px\", lineHeight: 1.45, letterSpacing: \"0\" },\n  },\n  caption: {\n    lg: { size: \"14px\", lineHeight: 1.2, letterSpacing: \"0.12em\" },\n    sm: { size: \"12px\", lineHeight: 1.2, letterSpacing: \"0.12em\" },\n    xs: { size: \"10px\", lineHeight: 1.2, letterSpacing: \"0.16em\" },\n  },\n} as const;\n"]}

package/dist/preset.d.cts

@@ -0,0 +1,284 @@
+/**
+ * Rayden UI design tokens.
+ * Colors extracted from the Rayna UI Figma design system.
+ */
+declare const colors: {
+    readonly primary: {
+        readonly 50: "#FFECE5";
+        readonly 75: "#FCD2C2";
+        readonly 100: "#FCB59A";
+        readonly 200: "#FA9874";
+        readonly 300: "#F77A4A";
+        readonly 400: "#F56630";
+        readonly 500: "#EB5017";
+        readonly 600: "#CC400C";
+        readonly 700: "#AD3307";
+        readonly 800: "#8F2802";
+        readonly 900: "#711E00";
+    };
+    readonly secondary: {
+        readonly 50: "#E3EFFC";
+        readonly 75: "#C6DDF7";
+        readonly 100: "#B6D8FF";
+        readonly 200: "#80BBFF";
+        readonly 300: "#3D89DF";
+        readonly 400: "#1671D9";
+        readonly 500: "#0D5EBA";
+        readonly 600: "#034592";
+        readonly 700: "#04326B";
+        readonly 800: "#012657";
+        readonly 900: "#001633";
+    };
+    readonly grey: {
+        readonly 50: "#F9FAFB";
+        readonly 75: "#F7F9FC";
+        readonly 100: "#F0F2F5";
+        readonly 200: "#E4E7EC";
+        readonly 300: "#D0D5DD";
+        readonly 400: "#98A2B3";
+        readonly 500: "#667185";
+        readonly 600: "#475367";
+        readonly 700: "#344054";
+        readonly 800: "#1D2739";
+        readonly 900: "#101928";
+    };
+    readonly success: {
+        readonly 50: "#E7F6EC";
+        readonly 75: "#B5E3C4";
+        readonly 100: "#91D6A8";
+        readonly 200: "#5FC381";
+        readonly 300: "#40B869";
+        readonly 400: "#0F973D";
+        readonly 500: "#099137";
+        readonly 600: "#04802E";
+        readonly 700: "#036B26";
+        readonly 800: "#015B20";
+        readonly 900: "#004617";
+    };
+    readonly error: {
+        readonly 50: "#FBEAE9";
+        readonly 75: "#F2BCBA";
+        readonly 100: "#EB9B98";
+        readonly 200: "#E26E6A";
+        readonly 300: "#DD524D";
+        readonly 400: "#D42620";
+        readonly 500: "#CB1A14";
+        readonly 600: "#BA110B";
+        readonly 700: "#9E0A05";
+        readonly 800: "#800501";
+    };
+    readonly warning: {
+        readonly 50: "#FEF6E7";
+        readonly 75: "#FBE2B7";
+        readonly 100: "#F7D394";
+        readonly 200: "#F7C164";
+        readonly 300: "#F5B546";
+        readonly 400: "#F3A218";
+        readonly 500: "#DD900D";
+        readonly 600: "#AD6F07";
+        readonly 700: "#865503";
+        readonly 800: "#664101";
+    };
+    readonly info: {
+        readonly 400: "#0BA5EC";
+        readonly 500: "#0086C9";
+    };
+    readonly officeBrown: {
+        readonly 100: "#E4DBDB";
+        readonly 200: "#CDC4C4";
+        readonly 300: "#B7AFAF";
+        readonly 400: "#A29999";
+        readonly 500: "#8D8484";
+        readonly 600: "#787070";
+        readonly 700: "#645D5D";
+        readonly 800: "#514A4A";
+        readonly 900: "#3E3838";
+    };
+};
+type RaydenColors = typeof colors;
+/**
+ * Shadow tokens from Rayna UI Figma design system.
+ */
+declare const shadows: {
+    readonly soft: {
+        readonly xxs: "0px 1.5px 4px -1px rgba(16, 25, 40, 0.07)";
+        readonly xs: "0px 2px 4px -1px rgba(16, 25, 40, 0.02), 0px 5px 13px -5px rgba(16, 25, 40, 0.05)";
+        readonly sm: "0px 10px 18px -2px rgba(16, 25, 40, 0.07)";
+        readonly md: "0px 0px 3px -1px rgba(16, 25, 40, 0.04), 0px 14px 22px -9px rgba(16, 25, 40, 0.14)";
+        readonly lg: "0px 4px 6px -2px rgba(16, 25, 40, 0.03), 0px 16px 24px -4px rgba(16, 25, 40, 0.08)";
+        readonly xl: "0px 8px 8px -4px rgba(16, 25, 40, 0.03), 0px 24px 32px -4px rgba(16, 25, 40, 0.08)";
+        readonly "2xl": "0px 32px 54px -12px rgba(16, 25, 40, 0.18)";
+        readonly "3xl": "0px 40px 72px -12px rgba(16, 25, 40, 0.14)";
+    };
+    readonly hard: {
+        readonly xxs: "0px 2px 5px -2px rgba(16, 25, 40, 0.06), 0px 2px 7px 0px rgba(16, 25, 40, 0.05), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)";
+        readonly xs: "0px 2px 12px -1px rgba(16, 25, 40, 0.1), 0px 2px 2px -1px rgba(16, 25, 40, 0.04), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)";
+        readonly sm: "0px 6px 16px 0px rgba(16, 25, 40, 0.08), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)";
+        readonly md: "0px 0px 3px -1px rgba(16, 25, 40, 0.04), 0px 16px 24px -6px rgba(16, 25, 40, 0.08), 0px 0px 0px 1px rgba(16, 25, 40, 0.05)";
+    };
+};
+/**
+ * Blur tokens (backdrop-blur / filter blur).
+ */
+declare const blurs: {
+    readonly xs: "2px";
+    readonly sm: "4px";
+    readonly md: "12px";
+    readonly lg: "16px";
+    readonly xl: "20px";
+};
+/**
+ * Spacing scale (4px base).
+ * Keys are the multiplier; values are px.
+ */
+declare const spacing: {
+    readonly 1: "4px";
+    readonly 2: "8px";
+    readonly 3: "12px";
+    readonly 4: "16px";
+    readonly 5: "20px";
+    readonly 6: "24px";
+    readonly 7: "28px";
+    readonly 8: "32px";
+    readonly 10: "40px";
+    readonly 12: "48px";
+    readonly 16: "64px";
+    readonly 20: "80px";
+    readonly 24: "96px";
+    readonly 32: "128px";
+    readonly 40: "160px";
+    readonly 48: "192px";
+};
+/**
+ * Grid breakpoints and layout tokens.
+ */
+declare const grid: {
+    readonly breakpoints: {
+        readonly sm: "320px";
+        readonly md: "600px";
+        readonly lg: "1136px";
+    };
+    readonly columns: {
+        readonly sm: {
+            readonly 4: {
+                readonly margin: "16px";
+                readonly gutter: "12px";
+            };
+            readonly 6: {
+                readonly margin: "16px";
+                readonly gutter: "12px";
+            };
+        };
+        readonly md: {
+            readonly 6: {
+                readonly margin: "32px";
+                readonly gutter: "20px";
+            };
+            readonly 8: {
+                readonly margin: "32px";
+                readonly gutter: "20px";
+            };
+        };
+        readonly lg: {
+            readonly 12: {
+                readonly margin: "112px";
+                readonly gutter: "32px";
+            };
+        };
+    };
+    readonly fluid: {
+        readonly columns: 12;
+        readonly margin: "24px";
+        readonly gutter: "24px";
+    };
+};
+/**
+ * Typography tokens.
+ */
+declare const typography: {
+    readonly display: {
+        readonly lg: {
+            readonly size: "56px";
+            readonly lineHeight: 1;
+            readonly letterSpacing: "-0.04em";
+        };
+        readonly sm: {
+            readonly size: "48px";
+            readonly lineHeight: 1;
+            readonly letterSpacing: "-0.04em";
+        };
+    };
+    readonly heading: {
+        readonly h1: {
+            readonly size: "40px";
+            readonly lineHeight: 1.2;
+            readonly letterSpacing: "-0.04em";
+        };
+        readonly h2: {
+            readonly size: "36px";
+            readonly lineHeight: 1.2;
+            readonly letterSpacing: "-0.04em";
+        };
+        readonly h3: {
+            readonly size: "32px";
+            readonly lineHeight: 1.2;
+            readonly letterSpacing: "-0.02em";
+        };
+        readonly h4: {
+            readonly size: "28px";
+            readonly lineHeight: 1.2;
+            readonly letterSpacing: "-0.02em";
+        };
+        readonly h5: {
+            readonly size: "24px";
+            readonly lineHeight: 1.2;
+            readonly letterSpacing: "-0.02em";
+        };
+        readonly h6: {
+            readonly size: "20px";
+            readonly lineHeight: 1.2;
+            readonly letterSpacing: "-0.02em";
+        };
+    };
+    readonly body: {
+        readonly lg: {
+            readonly size: "18px";
+            readonly lineHeight: 1.45;
+            readonly letterSpacing: "0";
+        };
+        readonly md: {
+            readonly size: "16px";
+            readonly lineHeight: 1.45;
+            readonly letterSpacing: "0";
+        };
+        readonly sm: {
+            readonly size: "14px";
+            readonly lineHeight: 1.45;
+            readonly letterSpacing: "0";
+        };
+        readonly xs: {
+            readonly size: "12px";
+            readonly lineHeight: 1.45;
+            readonly letterSpacing: "0";
+        };
+    };
+    readonly caption: {
+        readonly lg: {
+            readonly size: "14px";
+            readonly lineHeight: 1.2;
+            readonly letterSpacing: "0.12em";
+        };
+        readonly sm: {
+            readonly size: "12px";
+            readonly lineHeight: 1.2;
+            readonly letterSpacing: "0.12em";
+        };
+        readonly xs: {
+            readonly size: "10px";
+            readonly lineHeight: 1.2;
+            readonly letterSpacing: "0.16em";
+        };
+    };
+};
+
+export { type RaydenColors, blurs, colors, grid, shadows, spacing, typography };