@mehdashti/tokens 0.1.0

package/dist/css/theme-dark.css

@@ -0,0 +1,74 @@
+/**
+ * Dark Theme - Industrial Petrol Palette
+ * Generated from @mehdashti/tokens
+ * Aligned with APISmith Enterprise Design System
+ */
+
+[data-theme="dark"] {
+  color-scheme: dark;
+
+  /* ----------------------------------------
+     Dark Theme - Industrial Petrol Palette
+  ---------------------------------------- */
+  --background: 221 39% 11%;        /* #111827 */
+  --foreground: 220 14% 96%;        /* #F3F4F6 */
+
+  --card: 217 33% 17%;              /* #1F2937 */
+  --card-foreground: 220 14% 96%;
+
+  --popover: 217 33% 17%;
+  --popover-foreground: 220 14% 96%;
+
+  /* Primary - آبی سربی مات (بدون خیرگی) */
+  --primary: 195 45% 38%;           /* #35778C */
+  --primary-foreground: 0 0% 100%;
+
+  --secondary: 217 33% 17%;
+  --secondary-foreground: 220 14% 96%;
+
+  --muted: 221 39% 11%;             /* Same as background */
+  --muted-foreground: 218 11% 65%;  /* #9CA3AF */
+
+  --accent: 195 30% 20%;
+  --accent-foreground: 195 45% 60%;
+
+  --destructive: 0 94% 82%;         /* #FCA5A5 - text color for dark mode */
+  --destructive-foreground: 0 0% 100%;
+
+  --border: 217 19% 27%;            /* #374151 */
+  --input: 217 19% 27%;
+  --ring: 195 45% 38%;
+
+  /* Semantic colors - Dark */
+  --success: 156 72% 67%;           /* #6EE7B7 - text */
+  --success-foreground: 156 72% 67%;
+  --success-bg: 166 91% 16%;        /* #064E3B */
+  --success-border: 163 94% 20%;    /* #065F46 */
+
+  --warning: 43 96% 65%;            /* #FCD34D - text */
+  --warning-foreground: 43 96% 65%;
+  --warning-bg: 22 92% 14%;         /* #451A03 */
+  --warning-border: 26 79% 26%;     /* #78350F */
+
+  --info: 213 93% 78%;              /* #93C5FD - text */
+  --info-foreground: 213 93% 78%;
+  --info-bg: 214 52% 24%;           /* #1E3A5F */
+  --info-border: 224 76% 40%;       /* #1E40AF */
+
+  --destructive-bg: 0 77% 15%;      /* #450A0A */
+  --destructive-border: 0 63% 31%;  /* #7F1D1D */
+
+  /* Error alias (same as destructive) */
+  --error: 0 94% 82%;               /* #FCA5A5 */
+  --error-bg: 0 77% 15%;            /* #450A0A */
+  --error-border: 0 63% 31%;        /* #7F1D1D */
+
+  /* Sidebar - Darker petrol */
+  --sidebar: 215 55% 8%;            /* #0B131E */
+  --sidebar-foreground: 0 0% 100%;
+  --sidebar-accent: 195 45% 38%;
+
+  /* Table */
+  --table-stripe: 221 39% 9%;
+  --table-header: 217 33% 15%;
+}

package/dist/css/theme-light.css

@@ -0,0 +1,81 @@
+/**
+ * Light Theme - Industrial Petrol Palette
+ * Generated from @mehdashti/tokens
+ * Aligned with APISmith Enterprise Design System
+ */
+
+:root {
+  color-scheme: light;
+
+  /* ----------------------------------------
+     Light Theme - Industrial Petrol Palette
+  ---------------------------------------- */
+  --background: 220 14% 96%;        /* #F3F4F6 */
+  --foreground: 221 39% 11%;        /* #1F2937 */
+
+  --card: 0 0% 100%;                /* #FFFFFF */
+  --card-foreground: 221 39% 11%;
+
+  --popover: 0 0% 100%;
+  --popover-foreground: 221 39% 11%;
+
+  /* Primary - آبی نفتی صنعتی */
+  --primary: 195 100% 28%;          /* #006D8F - آبی نفتی */
+  --primary-foreground: 0 0% 100%;
+
+  --secondary: 220 14% 96%;
+  --secondary-foreground: 221 39% 11%;
+
+  --muted: 220 14% 96%;             /* #F3F4F6 */
+  --muted-foreground: 220 9% 46%;   /* #6B7280 */
+
+  --accent: 195 40% 94%;
+  --accent-foreground: 195 100% 28%;
+
+  --destructive: 0 74% 35%;         /* #991B1B - text color for error */
+  --destructive-foreground: 0 0% 100%;
+
+  --border: 220 13% 91%;            /* #E5E7EB */
+  --input: 220 13% 91%;
+  --ring: 195 100% 28%;
+
+  --radius: 3px;
+
+  /* Semantic colors - Light */
+  --success: 142 64% 24%;           /* #166534 - text */
+  --success-foreground: 0 0% 100%;
+  --success-bg: 142 72% 94%;        /* #DCFCE7 */
+  --success-border: 142 77% 73%;    /* #86EFAC */
+
+  --warning: 26 83% 31%;            /* #92400E - text */
+  --warning-foreground: 26 83% 31%;
+  --warning-bg: 48 96% 89%;         /* #FEF3C7 */
+  --warning-border: 43 96% 65%;     /* #FCD34D */
+
+  --info: 224 76% 40%;              /* #1E40AF - text */
+  --info-foreground: 224 76% 40%;
+  --info-bg: 214 95% 93%;           /* #DBEAFE */
+  --info-border: 213 93% 78%;       /* #93C5FD */
+
+  --destructive-bg: 0 93% 94%;      /* #FEE2E2 */
+  --destructive-border: 0 94% 82%;  /* #FCA5A5 */
+
+  /* Error alias (same as destructive) */
+  --error: 0 74% 35%;               /* #991B1B */
+  --error-bg: 0 93% 94%;            /* #FEE2E2 */
+  --error-border: 0 94% 82%;        /* #FCA5A5 */
+
+  /* Sidebar - Deep petrol */
+  --sidebar: 197 100% 20%;          /* #004E64 */
+  --sidebar-foreground: 0 0% 100%;
+  --sidebar-accent: 195 100% 28%;
+
+  /* Table */
+  --table-stripe: 220 14% 97%;
+  --table-header: 220 14% 95%;
+
+  /* Layout */
+  --header-height: 56px;
+  --sidebar-width: 240px;
+  --sidebar-collapsed: 64px;
+}

package/dist/css/theme.css

@@ -0,0 +1,230 @@
+/**
+ * Base Design Tokens
+ * Generated from @mehdashti/tokens
+ */
+
+:root {
+  /* Spacing */
+  --spacing-0: 0;
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-7: 1.75rem;
+  --spacing-8: 2rem;
+  --spacing-9: 2.25rem;
+  --spacing-10: 2.5rem;
+  --spacing-12: 3rem;
+  --spacing-14: 3.5rem;
+  --spacing-16: 4rem;
+  --spacing-20: 5rem;
+  --spacing-24: 6rem;
+  --spacing-28: 7rem;
+  --spacing-32: 8rem;
+  --spacing-px: 1px;
+  --spacing-0-5: 0.125rem;
+  --spacing-1-5: 0.375rem;
+  --spacing-2-5: 0.625rem;
+  --spacing-3-5: 0.875rem;
+
+  /* Font Size */
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-base: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.25rem;
+  --font-size-2xl: 1.5rem;
+  --font-size-3xl: 1.875rem;
+  --font-size-4xl: 2.25rem;
+
+  /* Border Radius */
+  --radius-none: 0;
+  --radius-sm: 0.125rem;
+  --radius-base: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-full: 9999px;
+
+  /* Shadows */
+  --shadow-none: none;
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+
+  /* Font Family */
+  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;
+
+  /* Z-Index */
+  --z-dropdown: 1000;
+  --z-sticky: 1100;
+  --z-fixed: 1200;
+  --z-overlay: 1300;
+  --z-modal: 1400;
+  --z-popover: 1500;
+  --z-tooltip: 1600;
+  --z-toast: 1700;
+}
+
+/**
+ * Light Theme - Industrial Petrol Palette
+ * Generated from @mehdashti/tokens
+ * Aligned with APISmith Enterprise Design System
+ */
+
+:root {
+  color-scheme: light;
+
+  /* ----------------------------------------
+     Light Theme - Industrial Petrol Palette
+  ---------------------------------------- */
+  --background: 220 14% 96%;        /* #F3F4F6 */
+  --foreground: 221 39% 11%;        /* #1F2937 */
+
+  --card: 0 0% 100%;                /* #FFFFFF */
+  --card-foreground: 221 39% 11%;
+
+  --popover: 0 0% 100%;
+  --popover-foreground: 221 39% 11%;
+
+  /* Primary - آبی نفتی صنعتی */
+  --primary: 195 100% 28%;          /* #006D8F - آبی نفتی */
+  --primary-foreground: 0 0% 100%;
+
+  --secondary: 220 14% 96%;
+  --secondary-foreground: 221 39% 11%;
+
+  --muted: 220 14% 96%;             /* #F3F4F6 */
+  --muted-foreground: 220 9% 46%;   /* #6B7280 */
+
+  --accent: 195 40% 94%;
+  --accent-foreground: 195 100% 28%;
+
+  --destructive: 0 74% 35%;         /* #991B1B - text color for error */
+  --destructive-foreground: 0 0% 100%;
+
+  --border: 220 13% 91%;            /* #E5E7EB */
+  --input: 220 13% 91%;
+  --ring: 195 100% 28%;
+
+  --radius: 3px;
+
+  /* Semantic colors - Light */
+  --success: 142 64% 24%;           /* #166534 - text */
+  --success-foreground: 0 0% 100%;
+  --success-bg: 142 72% 94%;        /* #DCFCE7 */
+  --success-border: 142 77% 73%;    /* #86EFAC */
+
+  --warning: 26 83% 31%;            /* #92400E - text */
+  --warning-foreground: 26 83% 31%;
+  --warning-bg: 48 96% 89%;         /* #FEF3C7 */
+  --warning-border: 43 96% 65%;     /* #FCD34D */
+
+  --info: 224 76% 40%;              /* #1E40AF - text */
+  --info-foreground: 224 76% 40%;
+  --info-bg: 214 95% 93%;           /* #DBEAFE */
+  --info-border: 213 93% 78%;       /* #93C5FD */
+
+  --destructive-bg: 0 93% 94%;      /* #FEE2E2 */
+  --destructive-border: 0 94% 82%;  /* #FCA5A5 */
+
+  /* Error alias (same as destructive) */
+  --error: 0 74% 35%;               /* #991B1B */
+  --error-bg: 0 93% 94%;            /* #FEE2E2 */
+  --error-border: 0 94% 82%;        /* #FCA5A5 */
+
+  /* Sidebar - Deep petrol */
+  --sidebar: 197 100% 20%;          /* #004E64 */
+  --sidebar-foreground: 0 0% 100%;
+  --sidebar-accent: 195 100% 28%;
+
+  /* Table */
+  --table-stripe: 220 14% 97%;
+  --table-header: 220 14% 95%;
+
+  /* Layout */
+  --header-height: 56px;
+  --sidebar-width: 240px;
+  --sidebar-collapsed: 64px;
+}
+
+/**
+ * Dark Theme - Industrial Petrol Palette
+ * Generated from @mehdashti/tokens
+ * Aligned with APISmith Enterprise Design System
+ */
+
+[data-theme="dark"] {
+  color-scheme: dark;
+
+  /* ----------------------------------------
+     Dark Theme - Industrial Petrol Palette
+  ---------------------------------------- */
+  --background: 221 39% 11%;        /* #111827 */
+  --foreground: 220 14% 96%;        /* #F3F4F6 */
+
+  --card: 217 33% 17%;              /* #1F2937 */
+  --card-foreground: 220 14% 96%;
+
+  --popover: 217 33% 17%;
+  --popover-foreground: 220 14% 96%;
+
+  /* Primary - آبی سربی مات (بدون خیرگی) */
+  --primary: 195 45% 38%;           /* #35778C */
+  --primary-foreground: 0 0% 100%;
+
+  --secondary: 217 33% 17%;
+  --secondary-foreground: 220 14% 96%;
+
+  --muted: 221 39% 11%;             /* Same as background */
+  --muted-foreground: 218 11% 65%;  /* #9CA3AF */
+
+  --accent: 195 30% 20%;
+  --accent-foreground: 195 45% 60%;
+
+  --destructive: 0 94% 82%;         /* #FCA5A5 - text color for dark mode */
+  --destructive-foreground: 0 0% 100%;
+
+  --border: 217 19% 27%;            /* #374151 */
+  --input: 217 19% 27%;
+  --ring: 195 45% 38%;
+
+  /* Semantic colors - Dark */
+  --success: 156 72% 67%;           /* #6EE7B7 - text */
+  --success-foreground: 156 72% 67%;
+  --success-bg: 166 91% 16%;        /* #064E3B */
+  --success-border: 163 94% 20%;    /* #065F46 */
+
+  --warning: 43 96% 65%;            /* #FCD34D - text */
+  --warning-foreground: 43 96% 65%;
+  --warning-bg: 22 92% 14%;         /* #451A03 */
+  --warning-border: 26 79% 26%;     /* #78350F */
+
+  --info: 213 93% 78%;              /* #93C5FD - text */
+  --info-foreground: 213 93% 78%;
+  --info-bg: 214 52% 24%;           /* #1E3A5F */
+  --info-border: 224 76% 40%;       /* #1E40AF */
+
+  --destructive-bg: 0 77% 15%;      /* #450A0A */
+  --destructive-border: 0 63% 31%;  /* #7F1D1D */
+
+  /* Error alias (same as destructive) */
+  --error: 0 94% 82%;               /* #FCA5A5 */
+  --error-bg: 0 77% 15%;            /* #450A0A */
+  --error-border: 0 63% 31%;        /* #7F1D1D */
+
+  /* Sidebar - Darker petrol */
+  --sidebar: 215 55% 8%;            /* #0B131E */
+  --sidebar-foreground: 0 0% 100%;
+  --sidebar-accent: 195 45% 38%;
+
+  /* Table */
+  --table-stripe: 221 39% 9%;
+  --table-header: 217 33% 15%;
+}

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @mehdashti/tokens
+ *
+ * Design tokens for Smart Platform
+ * - Colors (light/dark themes)
+ * - Spacing scale
+ * - Typography scale
+ * - Border radius
+ * - Shadows
+ * - Z-index layers
+ */
+export * from "./colors.js";
+export * from "./spacing.js";
+export * from "./typography.js";
+export * from "./borders.js";
+export * from "./shadows.js";
+export * from "./zIndex.js";
+export * from "./breakpoints.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,19 @@
+/**
+ * @mehdashti/tokens
+ *
+ * Design tokens for Smart Platform
+ * - Colors (light/dark themes)
+ * - Spacing scale
+ * - Typography scale
+ * - Border radius
+ * - Shadows
+ * - Z-index layers
+ */
+export * from "./colors.js";
+export * from "./spacing.js";
+export * from "./typography.js";
+export * from "./borders.js";
+export * from "./shadows.js";
+export * from "./zIndex.js";
+export * from "./breakpoints.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/shadows.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Shadow Tokens
+ *
+ * Box shadows for elevation
+ */
+export declare const boxShadow: {
+    readonly none: "none";
+    readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+    readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
+};
+//# sourceMappingURL=shadows.d.ts.map

package/dist/shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../src/shadows.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,SAAS;;;;;;;;;CASZ,CAAC"}

package/dist/shadows.js

@@ -0,0 +1,16 @@
+/**
+ * Shadow Tokens
+ *
+ * Box shadows for elevation
+ */
+export const boxShadow = {
+    none: "none",
+    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+};
+//# sourceMappingURL=shadows.js.map

package/dist/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../src/shadows.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,+BAA+B;IACnC,IAAI,EAAE,+DAA+D;IACrE,EAAE,EAAE,kEAAkE;IACtE,EAAE,EAAE,oEAAoE;IACxE,EAAE,EAAE,qEAAqE;IACzE,KAAK,EAAE,qCAAqC;IAC5C,KAAK,EAAE,qCAAqC;CACpC,CAAC"}

package/dist/spacing.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Spacing Tokens
+ *
+ * 8px base scale (4px for fine-tuning)
+ */
+export declare const spacing: {
+    readonly 0: "0";
+    readonly px: "1px";
+    readonly "0-5": "0.125rem";
+    readonly 1: "0.25rem";
+    readonly "1-5": "0.375rem";
+    readonly 2: "0.5rem";
+    readonly "2-5": "0.625rem";
+    readonly 3: "0.75rem";
+    readonly "3-5": "0.875rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 9: "2.25rem";
+    readonly 10: "2.5rem";
+    readonly 11: "2.75rem";
+    readonly 12: "3rem";
+    readonly 14: "3.5rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 28: "7rem";
+    readonly 32: "8rem";
+    readonly 36: "9rem";
+    readonly 40: "10rem";
+    readonly 44: "11rem";
+    readonly 48: "12rem";
+    readonly 52: "13rem";
+    readonly 56: "14rem";
+    readonly 60: "15rem";
+    readonly 64: "16rem";
+    readonly 72: "18rem";
+    readonly 80: "20rem";
+    readonly 96: "24rem";
+};
+export type SpacingKey = keyof typeof spacing;
+//# sourceMappingURL=spacing.d.ts.map

package/dist/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../src/spacing.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCV,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,CAAC"}

package/dist/spacing.js

@@ -0,0 +1,43 @@
+/**
+ * Spacing Tokens
+ *
+ * 8px base scale (4px for fine-tuning)
+ */
+export const spacing = {
+    0: "0",
+    px: "1px",
+    "0-5": "0.125rem", // 2px
+    1: "0.25rem", // 4px
+    "1-5": "0.375rem", // 6px
+    2: "0.5rem", // 8px
+    "2-5": "0.625rem", // 10px
+    3: "0.75rem", // 12px
+    "3-5": "0.875rem", // 14px
+    4: "1rem", // 16px
+    5: "1.25rem", // 20px
+    6: "1.5rem", // 24px
+    7: "1.75rem", // 28px
+    8: "2rem", // 32px
+    9: "2.25rem", // 36px
+    10: "2.5rem", // 40px
+    11: "2.75rem", // 44px
+    12: "3rem", // 48px
+    14: "3.5rem", // 56px
+    16: "4rem", // 64px
+    20: "5rem", // 80px
+    24: "6rem", // 96px
+    28: "7rem", // 112px
+    32: "8rem", // 128px
+    36: "9rem", // 144px
+    40: "10rem", // 160px
+    44: "11rem", // 176px
+    48: "12rem", // 192px
+    52: "13rem", // 208px
+    56: "14rem", // 224px
+    60: "15rem", // 240px
+    64: "16rem", // 256px
+    72: "18rem", // 288px
+    80: "20rem", // 320px
+    96: "24rem", // 384px
+};
+//# sourceMappingURL=spacing.js.map

package/dist/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../src/spacing.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,KAAK;IACT,KAAK,EAAE,UAAU,EAAE,MAAM;IACzB,CAAC,EAAE,SAAS,EAAE,MAAM;IACpB,KAAK,EAAE,UAAU,EAAE,MAAM;IACzB,CAAC,EAAE,QAAQ,EAAE,MAAM;IACnB,KAAK,EAAE,UAAU,EAAE,OAAO;IAC1B,CAAC,EAAE,SAAS,EAAE,OAAO;IACrB,KAAK,EAAE,UAAU,EAAE,OAAO;IAC1B,CAAC,EAAE,MAAM,EAAE,OAAO;IAClB,CAAC,EAAE,SAAS,EAAE,OAAO;IACrB,CAAC,EAAE,QAAQ,EAAE,OAAO;IACpB,CAAC,EAAE,SAAS,EAAE,OAAO;IACrB,CAAC,EAAE,MAAM,EAAE,OAAO;IAClB,CAAC,EAAE,SAAS,EAAE,OAAO;IACrB,EAAE,EAAE,QAAQ,EAAE,OAAO;IACrB,EAAE,EAAE,SAAS,EAAE,OAAO;IACtB,EAAE,EAAE,MAAM,EAAE,OAAO;IACnB,EAAE,EAAE,QAAQ,EAAE,OAAO;IACrB,EAAE,EAAE,MAAM,EAAE,OAAO;IACnB,EAAE,EAAE,MAAM,EAAE,OAAO;IACnB,EAAE,EAAE,MAAM,EAAE,OAAO;IACnB,EAAE,EAAE,MAAM,EAAE,QAAQ;IACpB,EAAE,EAAE,MAAM,EAAE,QAAQ;IACpB,EAAE,EAAE,MAAM,EAAE,QAAQ;IACpB,EAAE,EAAE,OAAO,EAAE,QAAQ;IACrB,EAAE,EAAE,OAAO,EAAE,QAAQ;IACrB,EAAE,EAAE,OAAO,EAAE,QAAQ;IACrB,EAAE,EAAE,OAAO,EAAE,QAAQ;IACrB,EAAE,EAAE,OAAO,EAAE,QAAQ;IACrB,EAAE,EAAE,OAAO,EAAE,QAAQ;IACrB,EAAE,EAAE,OAAO,EAAE,QAAQ;IACrB,EAAE,EAAE,OAAO,EAAE,QAAQ;IACrB,EAAE,EAAE,OAAO,EAAE,QAAQ;IACrB,EAAE,EAAE,OAAO,EAAE,QAAQ;CACb,CAAC"}

package/dist/typography.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Typography Tokens
+ *
+ * Font families, sizes, weights, and line heights
+ */
+export declare const fontFamily: {
+    readonly sans: string;
+    readonly mono: string;
+};
+export declare const fontSize: {
+    readonly xs: readonly ["0.75rem", {
+        readonly lineHeight: "1rem";
+    }];
+    readonly sm: readonly ["0.875rem", {
+        readonly lineHeight: "1.25rem";
+    }];
+    readonly base: readonly ["1rem", {
+        readonly lineHeight: "1.5rem";
+    }];
+    readonly lg: readonly ["1.125rem", {
+        readonly lineHeight: "1.75rem";
+    }];
+    readonly xl: readonly ["1.25rem", {
+        readonly lineHeight: "1.75rem";
+    }];
+    readonly "2xl": readonly ["1.5rem", {
+        readonly lineHeight: "2rem";
+    }];
+    readonly "3xl": readonly ["1.875rem", {
+        readonly lineHeight: "2.25rem";
+    }];
+    readonly "4xl": readonly ["2.25rem", {
+        readonly lineHeight: "2.5rem";
+    }];
+    readonly "5xl": readonly ["3rem", {
+        readonly lineHeight: "1";
+    }];
+    readonly "6xl": readonly ["3.75rem", {
+        readonly lineHeight: "1";
+    }];
+    readonly "7xl": readonly ["4.5rem", {
+        readonly lineHeight: "1";
+    }];
+    readonly "8xl": readonly ["6rem", {
+        readonly lineHeight: "1";
+    }];
+    readonly "9xl": readonly ["8rem", {
+        readonly lineHeight: "1";
+    }];
+};
+export declare const fontWeight: {
+    readonly thin: "100";
+    readonly extralight: "200";
+    readonly light: "300";
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+    readonly extrabold: "800";
+    readonly black: "900";
+};
+export declare const lineHeight: {
+    readonly none: "1";
+    readonly tight: "1.25";
+    readonly snug: "1.375";
+    readonly normal: "1.5";
+    readonly relaxed: "1.625";
+    readonly loose: "2";
+};
+export declare const letterSpacing: {
+    readonly tighter: "-0.05em";
+    readonly tight: "-0.025em";
+    readonly normal: "0em";
+    readonly wide: "0.025em";
+    readonly wider: "0.05em";
+    readonly widest: "0.1em";
+};
+//# sourceMappingURL=typography.d.ts.map

package/dist/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,eAAO,MAAM,UAAU;;;CAkBb,CAAC;AAMX,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcX,CAAC;AAMX,eAAO,MAAM,UAAU;;;;;;;;;;CAUb,CAAC;AAMX,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AAMX,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC"}