@akanaka/tokens 0.2.0 → 0.4.0

package/dist/index.d.ts

@@ -12,6 +12,7 @@ declare const colors: {
         readonly 100: "#F5F5F4";
         readonly 200: "#E7E5E4";
         readonly 300: "#D6D3D1";
+        readonly 400: "#A8A29E";
         readonly 500: "#78716C";
         readonly 700: "#44403C";
         readonly 900: "#1C1917";
@@ -22,6 +23,38 @@ declare const colors: {
         readonly error: "#EF4444";
         readonly info: "#3B82F6";
     };
+    readonly green: {
+        readonly 50: "#F0FDF4";
+        readonly 100: "#DCFCE7";
+        readonly 200: "#BBF7D0";
+        readonly 500: "#22C55E";
+        readonly 600: "#16A34A";
+        readonly 700: "#15803D";
+    };
+    readonly amber: {
+        readonly 50: "#FFFBEB";
+        readonly 100: "#FEF3C7";
+        readonly 200: "#FDE68A";
+        readonly 500: "#F59E0B";
+        readonly 600: "#D97706";
+        readonly 700: "#B45309";
+    };
+    readonly red: {
+        readonly 50: "#FEF2F2";
+        readonly 100: "#FEE2E2";
+        readonly 200: "#FECACA";
+        readonly 500: "#EF4444";
+        readonly 600: "#DC2626";
+        readonly 700: "#B91C1C";
+    };
+    readonly blue: {
+        readonly 50: "#EFF6FF";
+        readonly 100: "#DBEAFE";
+        readonly 200: "#BFDBFE";
+        readonly 500: "#3B82F6";
+        readonly 600: "#2563EB";
+        readonly 700: "#1D4ED8";
+    };
 };
 declare const typography: {
     readonly fontFamily: {
@@ -72,6 +105,45 @@ declare const transitions: {
     readonly base: "200ms ease";
     readonly slow: "300ms ease";
 };
+declare const semantic: {
+    readonly background: {
+        readonly default: "#FFFFFF";
+        readonly page: "#FAFAF9";
+        readonly muted: "#F5F5F4";
+        readonly subtle: "#E7E5E4";
+        readonly elevated: "#FFFFFF";
+        readonly overlay: "rgba(28, 25, 23, 0.5)";
+        readonly primary: "#E07A5F";
+        readonly success: "#F0FDF4";
+        readonly warning: "#FFFBEB";
+        readonly error: "#FEF2F2";
+        readonly info: "#EFF6FF";
+        readonly nav: "#FADDD5";
+        readonly navHover: "#F4B8A6";
+        readonly navActive: "#E07A5F";
+    };
+    readonly foreground: {
+        readonly default: "#1C1917";
+        readonly muted: "#78716C";
+        readonly subtle: "#A8A29E";
+        readonly primary: "#A8503A";
+        readonly success: "#15803D";
+        readonly warning: "#B45309";
+        readonly error: "#B91C1C";
+        readonly info: "#1D4ED8";
+        readonly onPrimary: "#FFFFFF";
+        readonly nav: "#44403C";
+        readonly navHover: "#1C1917";
+        readonly navActive: "#FFFFFF";
+    };
+    readonly border: {
+        readonly default: "#E7E5E4";
+        readonly muted: "#F5F5F4";
+        readonly strong: "#D6D3D1";
+        readonly primary: "#E07A5F";
+        readonly error: "#EF4444";
+    };
+};
 declare const cssVars: {
     readonly colors: {
         readonly primary: {
@@ -87,6 +159,7 @@ declare const cssVars: {
             readonly 100: "var(--color-neutral-100)";
             readonly 200: "var(--color-neutral-200)";
             readonly 300: "var(--color-neutral-300)";
+            readonly 400: "var(--color-neutral-400)";
             readonly 500: "var(--color-neutral-500)";
             readonly 700: "var(--color-neutral-700)";
             readonly 900: "var(--color-neutral-900)";
@@ -96,6 +169,45 @@ declare const cssVars: {
         readonly error: "var(--color-error)";
         readonly info: "var(--color-info)";
     };
+    readonly semantic: {
+        readonly background: {
+            readonly default: "var(--background-default)";
+            readonly page: "var(--background-page)";
+            readonly muted: "var(--background-muted)";
+            readonly subtle: "var(--background-subtle)";
+            readonly elevated: "var(--background-elevated)";
+            readonly overlay: "var(--background-overlay)";
+            readonly primary: "var(--background-primary)";
+            readonly success: "var(--background-success)";
+            readonly warning: "var(--background-warning)";
+            readonly error: "var(--background-error)";
+            readonly info: "var(--background-info)";
+            readonly nav: "var(--background-nav)";
+            readonly navHover: "var(--background-nav-hover)";
+            readonly navActive: "var(--background-nav-active)";
+        };
+        readonly foreground: {
+            readonly default: "var(--foreground-default)";
+            readonly muted: "var(--foreground-muted)";
+            readonly subtle: "var(--foreground-subtle)";
+            readonly primary: "var(--foreground-primary)";
+            readonly success: "var(--foreground-success)";
+            readonly warning: "var(--foreground-warning)";
+            readonly error: "var(--foreground-error)";
+            readonly info: "var(--foreground-info)";
+            readonly onPrimary: "var(--foreground-on-primary)";
+            readonly nav: "var(--foreground-nav)";
+            readonly navHover: "var(--foreground-nav-hover)";
+            readonly navActive: "var(--foreground-nav-active)";
+        };
+        readonly border: {
+            readonly default: "var(--border-default)";
+            readonly muted: "var(--border-muted)";
+            readonly strong: "var(--border-strong)";
+            readonly primary: "var(--border-primary)";
+            readonly error: "var(--border-error)";
+        };
+    };
 };
 
-export { colors, cssVars, radius, shadows, spacing, transitions, typography };
+export { colors, cssVars, radius, semantic, shadows, spacing, transitions, typography };

package/dist/index.js

@@ -13,6 +13,7 @@ var colors = {
     100: "#F5F5F4",
     200: "#E7E5E4",
     300: "#D6D3D1",
+    400: "#A8A29E",
     500: "#78716C",
     700: "#44403C",
     900: "#1C1917"
@@ -22,6 +23,38 @@ var colors = {
     warning: "#F59E0B",
     error: "#EF4444",
     info: "#3B82F6"
+  },
+  green: {
+    50: "#F0FDF4",
+    100: "#DCFCE7",
+    200: "#BBF7D0",
+    500: "#22C55E",
+    600: "#16A34A",
+    700: "#15803D"
+  },
+  amber: {
+    50: "#FFFBEB",
+    100: "#FEF3C7",
+    200: "#FDE68A",
+    500: "#F59E0B",
+    600: "#D97706",
+    700: "#B45309"
+  },
+  red: {
+    50: "#FEF2F2",
+    100: "#FEE2E2",
+    200: "#FECACA",
+    500: "#EF4444",
+    600: "#DC2626",
+    700: "#B91C1C"
+  },
+  blue: {
+    50: "#EFF6FF",
+    100: "#DBEAFE",
+    200: "#BFDBFE",
+    500: "#3B82F6",
+    600: "#2563EB",
+    700: "#1D4ED8"
   }
 };
 var typography = {
@@ -73,6 +106,45 @@ var transitions = {
   base: "200ms ease",
   slow: "300ms ease"
 };
+var semantic = {
+  background: {
+    default: "#FFFFFF",
+    page: "#FAFAF9",
+    muted: "#F5F5F4",
+    subtle: "#E7E5E4",
+    elevated: "#FFFFFF",
+    overlay: "rgba(28, 25, 23, 0.5)",
+    primary: "#E07A5F",
+    success: "#F0FDF4",
+    warning: "#FFFBEB",
+    error: "#FEF2F2",
+    info: "#EFF6FF",
+    nav: "#FADDD5",
+    navHover: "#F4B8A6",
+    navActive: "#E07A5F"
+  },
+  foreground: {
+    default: "#1C1917",
+    muted: "#78716C",
+    subtle: "#A8A29E",
+    primary: "#A8503A",
+    success: "#15803D",
+    warning: "#B45309",
+    error: "#B91C1C",
+    info: "#1D4ED8",
+    onPrimary: "#FFFFFF",
+    nav: "#44403C",
+    navHover: "#1C1917",
+    navActive: "#FFFFFF"
+  },
+  border: {
+    default: "#E7E5E4",
+    muted: "#F5F5F4",
+    strong: "#D6D3D1",
+    primary: "#E07A5F",
+    error: "#EF4444"
+  }
+};
 var cssVars = {
   colors: {
     primary: {
@@ -88,6 +160,7 @@ var cssVars = {
       100: "var(--color-neutral-100)",
       200: "var(--color-neutral-200)",
       300: "var(--color-neutral-300)",
+      400: "var(--color-neutral-400)",
       500: "var(--color-neutral-500)",
       700: "var(--color-neutral-700)",
       900: "var(--color-neutral-900)"
@@ -96,12 +169,52 @@ var cssVars = {
     warning: "var(--color-warning)",
     error: "var(--color-error)",
     info: "var(--color-info)"
+  },
+  semantic: {
+    background: {
+      default: "var(--background-default)",
+      page: "var(--background-page)",
+      muted: "var(--background-muted)",
+      subtle: "var(--background-subtle)",
+      elevated: "var(--background-elevated)",
+      overlay: "var(--background-overlay)",
+      primary: "var(--background-primary)",
+      success: "var(--background-success)",
+      warning: "var(--background-warning)",
+      error: "var(--background-error)",
+      info: "var(--background-info)",
+      nav: "var(--background-nav)",
+      navHover: "var(--background-nav-hover)",
+      navActive: "var(--background-nav-active)"
+    },
+    foreground: {
+      default: "var(--foreground-default)",
+      muted: "var(--foreground-muted)",
+      subtle: "var(--foreground-subtle)",
+      primary: "var(--foreground-primary)",
+      success: "var(--foreground-success)",
+      warning: "var(--foreground-warning)",
+      error: "var(--foreground-error)",
+      info: "var(--foreground-info)",
+      onPrimary: "var(--foreground-on-primary)",
+      nav: "var(--foreground-nav)",
+      navHover: "var(--foreground-nav-hover)",
+      navActive: "var(--foreground-nav-active)"
+    },
+    border: {
+      default: "var(--border-default)",
+      muted: "var(--border-muted)",
+      strong: "var(--border-strong)",
+      primary: "var(--border-primary)",
+      error: "var(--border-error)"
+    }
   }
 };
 export {
   colors,
   cssVars,
   radius,
+  semantic,
   shadows,
   spacing,
   transitions,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens.ts"],"sourcesContent":["/* ==========================================================================\n   Design Tokens — TypeScript Constants\n   Mirrors tokens.css for programmatic access.\n   ========================================================================== */\n\nexport const colors = {\n  primary: {\n    50: \"#FDF4F1\",\n    100: \"#FADDD5\",\n    200: \"#F4B8A6\",\n    500: \"#E07A5F\",\n    600: \"#C9664A\",\n    700: \"#A8503A\",\n  },\n  neutral: {\n    50: \"#FAFAF9\",\n    100: \"#F5F5F4\",\n    200: \"#E7E5E4\",\n    300: \"#D6D3D1\",\n    500: \"#78716C\",\n    700: \"#44403C\",\n    900: \"#1C1917\",\n  },\n  semantic: {\n    success: \"#22C55E\",\n    warning: \"#F59E0B\",\n    error: \"#EF4444\",\n    info: \"#3B82F6\",\n  },\n} as const;\n\nexport const typography = {\n  fontFamily: {\n    sans: \"'Manrope', system-ui, -apple-system, sans-serif\",\n    mono: \"'JetBrains Mono', ui-monospace, monospace\",\n  },\n  fontWeight: {\n    regular: 400,\n    medium: 500,\n    semibold: 600,\n    bold: 700,\n    extrabold: 800,\n  },\n  fontSize: {\n    caption: \"0.75rem\",\n    overline: \"0.6875rem\",\n    bodySm: \"0.8125rem\",\n    body: \"0.875rem\",\n    h3: \"1rem\",\n    h2: \"1.125rem\",\n    h1: \"1.5rem\",\n    display: \"2.25rem\",\n  },\n} as const;\n\nexport const spacing = {\n  1: \"0.25rem\",\n  2: \"0.5rem\",\n  3: \"0.75rem\",\n  4: \"1rem\",\n  6: \"1.5rem\",\n  8: \"2rem\",\n  12: \"3rem\",\n} as const;\n\nexport const radius = {\n  sm: \"0.25rem\",\n  md: \"0.375rem\",\n  lg: \"0.5rem\",\n  full: \"9999px\",\n} as const;\n\nexport const shadows = {\n  sm: \"0 1px 2px rgba(28, 25, 23, 0.05)\",\n  md: \"0 4px 6px rgba(28, 25, 23, 0.07)\",\n  lg: \"0 10px 15px rgba(28, 25, 23, 0.1)\",\n  focus: \"0 0 0 3px rgba(224, 122, 95, 0.3)\",\n} as const;\n\nexport const transitions = {\n  fast: \"150ms ease\",\n  base: \"200ms ease\",\n  slow: \"300ms ease\",\n} as const;\n\n// CSS variable references for use in Tailwind config or JS\nexport const cssVars = {\n  colors: {\n    primary: {\n      50: \"var(--color-primary-50)\",\n      100: \"var(--color-primary-100)\",\n      200: \"var(--color-primary-200)\",\n      500: \"var(--color-primary-500)\",\n      600: \"var(--color-primary-600)\",\n      700: \"var(--color-primary-700)\",\n    },\n    neutral: {\n      50: \"var(--color-neutral-50)\",\n      100: \"var(--color-neutral-100)\",\n      200: \"var(--color-neutral-200)\",\n      300: \"var(--color-neutral-300)\",\n      500: \"var(--color-neutral-500)\",\n      700: \"var(--color-neutral-700)\",\n      900: \"var(--color-neutral-900)\",\n    },\n    success: \"var(--color-success)\",\n    warning: \"var(--color-warning)\",\n    error: \"var(--color-error)\",\n    info: \"var(--color-info)\",\n  },\n} as const;\n"],"mappings":";AAKO,IAAM,SAAS;AAAA,EACpB,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,IAAM,aAAa;AAAA,EACxB,YAAY;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,IAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACN;AAEO,IAAM,SAAS;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,IAAM,UAAU;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;AAEO,IAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;AAGO,IAAM,UAAU;AAAA,EACrB,QAAQ;AAAA,IACN,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;","names":[]}
+{"version":3,"sources":["../src/tokens.ts"],"sourcesContent":["/* ==========================================================================\n   Design Tokens — TypeScript Constants\n   Mirrors tokens.css for programmatic access.\n   ========================================================================== */\n\nexport const colors = {\n  primary: {\n    50: \"#FDF4F1\",\n    100: \"#FADDD5\",\n    200: \"#F4B8A6\",\n    500: \"#E07A5F\",\n    600: \"#C9664A\",\n    700: \"#A8503A\",\n  },\n  neutral: {\n    50: \"#FAFAF9\",\n    100: \"#F5F5F4\",\n    200: \"#E7E5E4\",\n    300: \"#D6D3D1\",\n    400: \"#A8A29E\",\n    500: \"#78716C\",\n    700: \"#44403C\",\n    900: \"#1C1917\",\n  },\n  semantic: {\n    success: \"#22C55E\",\n    warning: \"#F59E0B\",\n    error: \"#EF4444\",\n    info: \"#3B82F6\",\n  },\n  green: {\n    50: \"#F0FDF4\",\n    100: \"#DCFCE7\",\n    200: \"#BBF7D0\",\n    500: \"#22C55E\",\n    600: \"#16A34A\",\n    700: \"#15803D\",\n  },\n  amber: {\n    50: \"#FFFBEB\",\n    100: \"#FEF3C7\",\n    200: \"#FDE68A\",\n    500: \"#F59E0B\",\n    600: \"#D97706\",\n    700: \"#B45309\",\n  },\n  red: {\n    50: \"#FEF2F2\",\n    100: \"#FEE2E2\",\n    200: \"#FECACA\",\n    500: \"#EF4444\",\n    600: \"#DC2626\",\n    700: \"#B91C1C\",\n  },\n  blue: {\n    50: \"#EFF6FF\",\n    100: \"#DBEAFE\",\n    200: \"#BFDBFE\",\n    500: \"#3B82F6\",\n    600: \"#2563EB\",\n    700: \"#1D4ED8\",\n  },\n} as const;\n\nexport const typography = {\n  fontFamily: {\n    sans: \"'Manrope', system-ui, -apple-system, sans-serif\",\n    mono: \"'JetBrains Mono', ui-monospace, monospace\",\n  },\n  fontWeight: {\n    regular: 400,\n    medium: 500,\n    semibold: 600,\n    bold: 700,\n    extrabold: 800,\n  },\n  fontSize: {\n    caption: \"0.75rem\",\n    overline: \"0.6875rem\",\n    bodySm: \"0.8125rem\",\n    body: \"0.875rem\",\n    h3: \"1rem\",\n    h2: \"1.125rem\",\n    h1: \"1.5rem\",\n    display: \"2.25rem\",\n  },\n} as const;\n\nexport const spacing = {\n  1: \"0.25rem\",\n  2: \"0.5rem\",\n  3: \"0.75rem\",\n  4: \"1rem\",\n  6: \"1.5rem\",\n  8: \"2rem\",\n  12: \"3rem\",\n} as const;\n\nexport const radius = {\n  sm: \"0.25rem\",\n  md: \"0.375rem\",\n  lg: \"0.5rem\",\n  full: \"9999px\",\n} as const;\n\nexport const shadows = {\n  sm: \"0 1px 2px rgba(28, 25, 23, 0.05)\",\n  md: \"0 4px 6px rgba(28, 25, 23, 0.07)\",\n  lg: \"0 10px 15px rgba(28, 25, 23, 0.1)\",\n  focus: \"0 0 0 3px rgba(224, 122, 95, 0.3)\",\n} as const;\n\nexport const transitions = {\n  fast: \"150ms ease\",\n  base: \"200ms ease\",\n  slow: \"300ms ease\",\n} as const;\n\nexport const semantic = {\n  background: {\n    default: \"#FFFFFF\",\n    page: \"#FAFAF9\",\n    muted: \"#F5F5F4\",\n    subtle: \"#E7E5E4\",\n    elevated: \"#FFFFFF\",\n    overlay: \"rgba(28, 25, 23, 0.5)\",\n    primary: \"#E07A5F\",\n    success: \"#F0FDF4\",\n    warning: \"#FFFBEB\",\n    error: \"#FEF2F2\",\n    info: \"#EFF6FF\",\n    nav: \"#FADDD5\",\n    navHover: \"#F4B8A6\",\n    navActive: \"#E07A5F\",\n  },\n  foreground: {\n    default: \"#1C1917\",\n    muted: \"#78716C\",\n    subtle: \"#A8A29E\",\n    primary: \"#A8503A\",\n    success: \"#15803D\",\n    warning: \"#B45309\",\n    error: \"#B91C1C\",\n    info: \"#1D4ED8\",\n    onPrimary: \"#FFFFFF\",\n    nav: \"#44403C\",\n    navHover: \"#1C1917\",\n    navActive: \"#FFFFFF\",\n  },\n  border: {\n    default: \"#E7E5E4\",\n    muted: \"#F5F5F4\",\n    strong: \"#D6D3D1\",\n    primary: \"#E07A5F\",\n    error: \"#EF4444\",\n  },\n} as const;\n\n// CSS variable references for use in Tailwind config or JS\nexport const cssVars = {\n  colors: {\n    primary: {\n      50: \"var(--color-primary-50)\",\n      100: \"var(--color-primary-100)\",\n      200: \"var(--color-primary-200)\",\n      500: \"var(--color-primary-500)\",\n      600: \"var(--color-primary-600)\",\n      700: \"var(--color-primary-700)\",\n    },\n    neutral: {\n      50: \"var(--color-neutral-50)\",\n      100: \"var(--color-neutral-100)\",\n      200: \"var(--color-neutral-200)\",\n      300: \"var(--color-neutral-300)\",\n      400: \"var(--color-neutral-400)\",\n      500: \"var(--color-neutral-500)\",\n      700: \"var(--color-neutral-700)\",\n      900: \"var(--color-neutral-900)\",\n    },\n    success: \"var(--color-success)\",\n    warning: \"var(--color-warning)\",\n    error: \"var(--color-error)\",\n    info: \"var(--color-info)\",\n  },\n  semantic: {\n    background: {\n      default: \"var(--background-default)\",\n      page: \"var(--background-page)\",\n      muted: \"var(--background-muted)\",\n      subtle: \"var(--background-subtle)\",\n      elevated: \"var(--background-elevated)\",\n      overlay: \"var(--background-overlay)\",\n      primary: \"var(--background-primary)\",\n      success: \"var(--background-success)\",\n      warning: \"var(--background-warning)\",\n      error: \"var(--background-error)\",\n      info: \"var(--background-info)\",\n      nav: \"var(--background-nav)\",\n      navHover: \"var(--background-nav-hover)\",\n      navActive: \"var(--background-nav-active)\",\n    },\n    foreground: {\n      default: \"var(--foreground-default)\",\n      muted: \"var(--foreground-muted)\",\n      subtle: \"var(--foreground-subtle)\",\n      primary: \"var(--foreground-primary)\",\n      success: \"var(--foreground-success)\",\n      warning: \"var(--foreground-warning)\",\n      error: \"var(--foreground-error)\",\n      info: \"var(--foreground-info)\",\n      onPrimary: \"var(--foreground-on-primary)\",\n      nav: \"var(--foreground-nav)\",\n      navHover: \"var(--foreground-nav-hover)\",\n      navActive: \"var(--foreground-nav-active)\",\n    },\n    border: {\n      default: \"var(--border-default)\",\n      muted: \"var(--border-muted)\",\n      strong: \"var(--border-strong)\",\n      primary: \"var(--border-primary)\",\n      error: \"var(--border-error)\",\n    },\n  },\n} as const;\n"],"mappings":"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","names":[]}

package/dist/tailwind-v4.css

@@ -0,0 +1,3 @@
+/* src/tailwind-v4.css */
+@theme inline { --color-primary-50: #FDF4F1; --color-primary-100: #FADDD5; --color-primary-200: #F4B8A6; --color-primary-500: #E07A5F; --color-primary-600: #C9664A; --color-primary-700: #A8503A; --color-neutral-50: #FAFAF9; --color-neutral-100: #F5F5F4; --color-neutral-200: #E7E5E4; --color-neutral-300: #D6D3D1; --color-neutral-500: #78716C; --color-neutral-700: #44403C; --color-neutral-900: #1C1917; --color-success: #22C55E; --color-warning: #F59E0B; --color-error: #EF4444; --color-info: #3B82F6; --font-sans: "Manrope", system-ui, -apple-system, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05); --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07); --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1); --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3); }
+/*# sourceMappingURL=tailwind-v4.css.map */

package/dist/tailwind-v4.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind-v4.css"],"sourcesContent":["/* Akanaka Design System — Tailwind v4 Theme Preset */\n\n@theme inline {\n  /* Primary (Terracotta) */\n  --color-primary-50: #FDF4F1;\n  --color-primary-100: #FADDD5;\n  --color-primary-200: #F4B8A6;\n  --color-primary-500: #E07A5F;\n  --color-primary-600: #C9664A;\n  --color-primary-700: #A8503A;\n\n  /* Neutrals (Warm Stone) */\n  --color-neutral-50: #FAFAF9;\n  --color-neutral-100: #F5F5F4;\n  --color-neutral-200: #E7E5E4;\n  --color-neutral-300: #D6D3D1;\n  --color-neutral-500: #78716C;\n  --color-neutral-700: #44403C;\n  --color-neutral-900: #1C1917;\n\n  /* Semantic */\n  --color-success: #22C55E;\n  --color-warning: #F59E0B;\n  --color-error: #EF4444;\n  --color-info: #3B82F6;\n\n  /* Typography */\n  --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;\n  --font-mono: 'JetBrains Mono', ui-monospace, monospace;\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);\n  --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07);\n  --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1);\n  --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3);\n}\n"],"mappings":";AAEA,OAAO,OAAO,EAEZ,kBAAkB,EAAE,OAAO,EAC3B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAG5B,kBAAkB,EAAE,OAAO,EAC3B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAC5B,mBAAmB,EAAE,OAAO,EAG5B,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,OAAO,EACxB,aAAa,EAAE,OAAO,EACtB,YAAY,EAAE,OAAO,EAGrB,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAC5D,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAGtD,WAAW,EAAE,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAC7C,WAAW,EAAE,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAC7C,WAAW,EAAE,EAAE,KAAK,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAC9C,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI;","names":[]}

package/dist/tailwind-v4.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/tailwind.preset.cjs

@@ -0,0 +1,45 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          50: '#FDF4F1',
+          100: '#FADDD5',
+          200: '#F4B8A6',
+          500: '#E07A5F',
+          600: '#C9664A',
+          700: '#A8503A',
+        },
+        neutral: {
+          50: '#FAFAF9',
+          100: '#F5F5F4',
+          200: '#E7E5E4',
+          300: '#D6D3D1',
+          500: '#78716C',
+          700: '#44403C',
+          900: '#1C1917',
+        },
+        success: '#22C55E',
+        warning: '#F59E0B',
+        error: '#EF4444',
+        info: '#3B82F6',
+      },
+      fontFamily: {
+        sans: ['Manrope', 'system-ui', '-apple-system', 'sans-serif'],
+        mono: ['JetBrains Mono', 'ui-monospace', 'monospace'],
+      },
+      borderRadius: {
+        sm: '0.25rem',
+        md: '0.375rem',
+        lg: '0.5rem',
+      },
+      boxShadow: {
+        sm: '0 1px 2px rgba(28, 25, 23, 0.05)',
+        md: '0 4px 6px rgba(28, 25, 23, 0.07)',
+        lg: '0 10px 15px rgba(28, 25, 23, 0.1)',
+        focus: '0 0 0 3px rgba(224, 122, 95, 0.3)',
+      },
+    },
+  },
+}

package/dist/tokens.css

@@ -7,6 +7,7 @@
 
 /* src/tokens.css */
 :root {
+  --color-white: #FFFFFF;
   --color-primary-50: #FDF4F1;
   --color-primary-100: #FADDD5;
   --color-primary-200: #F4B8A6;
@@ -17,9 +18,34 @@
   --color-neutral-100: #F5F5F4;
   --color-neutral-200: #E7E5E4;
   --color-neutral-300: #D6D3D1;
+  --color-neutral-400: #A8A29E;
   --color-neutral-500: #78716C;
   --color-neutral-700: #44403C;
   --color-neutral-900: #1C1917;
+  --color-green-50: #F0FDF4;
+  --color-green-100: #DCFCE7;
+  --color-green-200: #BBF7D0;
+  --color-green-500: #22C55E;
+  --color-green-600: #16A34A;
+  --color-green-700: #15803D;
+  --color-amber-50: #FFFBEB;
+  --color-amber-100: #FEF3C7;
+  --color-amber-200: #FDE68A;
+  --color-amber-500: #F59E0B;
+  --color-amber-600: #D97706;
+  --color-amber-700: #B45309;
+  --color-red-50: #FEF2F2;
+  --color-red-100: #FEE2E2;
+  --color-red-200: #FECACA;
+  --color-red-500: #EF4444;
+  --color-red-600: #DC2626;
+  --color-red-700: #B91C1C;
+  --color-blue-50: #EFF6FF;
+  --color-blue-100: #DBEAFE;
+  --color-blue-200: #BFDBFE;
+  --color-blue-500: #3B82F6;
+  --color-blue-600: #2563EB;
+  --color-blue-700: #1D4ED8;
   --color-success: #22C55E;
   --color-warning: #F59E0B;
   --color-error: #EF4444;
@@ -61,6 +87,37 @@
   --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07);
   --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1);
   --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3);
+  --background-default: var(--color-white);
+  --background-page: var(--color-neutral-50);
+  --background-muted: var(--color-neutral-100);
+  --background-subtle: var(--color-neutral-200);
+  --background-elevated: var(--color-white);
+  --background-overlay: rgba(28, 25, 23, 0.5);
+  --background-primary: var(--color-primary-500);
+  --background-success: var(--color-green-50);
+  --background-warning: var(--color-amber-50);
+  --background-error: var(--color-red-50);
+  --background-info: var(--color-blue-50);
+  --background-nav: var(--color-primary-100);
+  --background-nav-hover: var(--color-primary-200);
+  --background-nav-active: var(--color-primary-500);
+  --foreground-default: var(--color-neutral-900);
+  --foreground-muted: var(--color-neutral-500);
+  --foreground-subtle: var(--color-neutral-400);
+  --foreground-primary: var(--color-primary-700);
+  --foreground-success: var(--color-green-700);
+  --foreground-warning: var(--color-amber-700);
+  --foreground-error: var(--color-red-700);
+  --foreground-info: var(--color-blue-700);
+  --foreground-on-primary: #FFFFFF;
+  --foreground-nav: var(--color-neutral-700);
+  --foreground-nav-hover: var(--color-neutral-900);
+  --foreground-nav-active: var(--color-white);
+  --border-default: var(--color-neutral-200);
+  --border-muted: var(--color-neutral-100);
+  --border-strong: var(--color-neutral-300);
+  --border-primary: var(--color-primary-500);
+  --border-error: var(--color-error);
   --transition-fast: 150ms ease;
   --transition-base: 200ms ease;
   --transition-slow: 300ms ease;

package/dist/tokens.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens.css"],"sourcesContent":["/* Fonts */\n@import \"@fontsource/manrope/400.css\";\n@import \"@fontsource/manrope/500.css\";\n@import \"@fontsource/manrope/600.css\";\n@import \"@fontsource/manrope/700.css\";\n@import \"@fontsource/manrope/800.css\";\n@import \"@fontsource/jetbrains-mono/400.css\";\n\n/* ==========================================================================\n   Design Tokens — CSS Variables\n   Source of truth for the design system.\n   ========================================================================== */\n\n:root {\n  /* -------------------------------------------------------------------------\n     Colors — Primary (Terracotta)\n     ------------------------------------------------------------------------- */\n  --color-primary-50: #FDF4F1;\n  --color-primary-100: #FADDD5;\n  --color-primary-200: #F4B8A6;\n  --color-primary-500: #E07A5F;\n  --color-primary-600: #C9664A;\n  --color-primary-700: #A8503A;\n\n  /* -------------------------------------------------------------------------\n     Colors — Neutrals (Warm Stone)\n     ------------------------------------------------------------------------- */\n  --color-neutral-50: #FAFAF9;\n  --color-neutral-100: #F5F5F4;\n  --color-neutral-200: #E7E5E4;\n  --color-neutral-300: #D6D3D1;\n  --color-neutral-500: #78716C;\n  --color-neutral-700: #44403C;\n  --color-neutral-900: #1C1917;\n\n  /* -------------------------------------------------------------------------\n     Colors — Semantic\n     ------------------------------------------------------------------------- */\n  --color-success: #22C55E;\n  --color-warning: #F59E0B;\n  --color-error: #EF4444;\n  --color-info: #3B82F6;\n\n  /* -------------------------------------------------------------------------\n     Typography — Font Families\n     ------------------------------------------------------------------------- */\n  --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;\n  --font-mono: 'JetBrains Mono', ui-monospace, monospace;\n\n  /* -------------------------------------------------------------------------\n     Typography — Font Weights\n     ------------------------------------------------------------------------- */\n  --font-weight-regular: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-extrabold: 800;\n\n  /* -------------------------------------------------------------------------\n     Typography — Font Sizes\n     ------------------------------------------------------------------------- */\n  --font-size-caption: 0.75rem;    /* 12px */\n  --font-size-overline: 0.6875rem; /* 11px */\n  --font-size-body-sm: 0.8125rem;  /* 13px */\n  --font-size-body: 0.875rem;      /* 14px */\n  --font-size-h3: 1rem;            /* 16px */\n  --font-size-h2: 1.125rem;        /* 18px */\n  --font-size-h1: 1.5rem;          /* 24px */\n  --font-size-display: 2.25rem;    /* 36px */\n\n  /* -------------------------------------------------------------------------\n     Spacing\n     ------------------------------------------------------------------------- */\n  --spacing-1: 0.25rem;  /* 4px */\n  --spacing-2: 0.5rem;   /* 8px */\n  --spacing-3: 0.75rem;  /* 12px */\n  --spacing-4: 1rem;     /* 16px */\n  --spacing-6: 1.5rem;   /* 24px */\n  --spacing-8: 2rem;     /* 32px */\n  --spacing-12: 3rem;    /* 48px */\n\n  /* -------------------------------------------------------------------------\n     Border Radius\n     ------------------------------------------------------------------------- */\n  --radius-sm: 0.25rem;  /* 4px */\n  --radius-md: 0.375rem; /* 6px */\n  --radius-lg: 0.5rem;   /* 8px */\n  --radius-full: 9999px;\n\n  /* -------------------------------------------------------------------------\n     Shadows\n     ------------------------------------------------------------------------- */\n  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);\n  --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07);\n  --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1);\n  --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3);\n\n  /* -------------------------------------------------------------------------\n     Transitions\n     ------------------------------------------------------------------------- */\n  --transition-fast: 150ms ease;\n  --transition-base: 200ms ease;\n  --transition-slow: 300ms ease;\n}"],"mappings":";;;;;;;;AAaA;AAIE,sBAAoB;AACpB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AAKrB,sBAAoB;AACpB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AAKrB,mBAAiB;AACjB,mBAAiB;AACjB,iBAAe;AACf,gBAAc;AAKd;AAAA,IAAa,SAAS;AAAA,IAAE,SAAS;AAAA,IAAE,aAAa;AAAA,IAAE;AAClD;AAAA,IAAa,gBAAgB;AAAA,IAAE,YAAY;AAAA,IAAE;AAK7C,yBAAuB;AACvB,wBAAsB;AACtB,0BAAwB;AACxB,sBAAoB;AACpB,2BAAyB;AAKzB,uBAAqB;AACrB,wBAAsB;AACtB,uBAAqB;AACrB,oBAAkB;AAClB,kBAAgB;AAChB,kBAAgB;AAChB,kBAAgB;AAChB,uBAAqB;AAKrB,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AAKd,eAAa;AACb,eAAa;AACb,eAAa;AACb,iBAAe;AAKf,eAAa,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACxC,eAAa,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACxC,eAAa,EAAE,KAAK,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1C,kBAAgB,EAAE,EAAE,EAAE,IAAI,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;AAK7C,qBAAmB,MAAM;AACzB,qBAAmB,MAAM;AACzB,qBAAmB,MAAM;AAC3B;","names":[]}
+{"version":3,"sources":["../src/tokens.css"],"sourcesContent":["/* Fonts */\n@import \"@fontsource/manrope/400.css\";\n@import \"@fontsource/manrope/500.css\";\n@import \"@fontsource/manrope/600.css\";\n@import \"@fontsource/manrope/700.css\";\n@import \"@fontsource/manrope/800.css\";\n@import \"@fontsource/jetbrains-mono/400.css\";\n\n/* ==========================================================================\n   Design Tokens — CSS Variables\n   Source of truth for the design system.\n   ========================================================================== */\n\n:root {\n  /* -------------------------------------------------------------------------\n     Colors — Primary (Terracotta)\n     ------------------------------------------------------------------------- */\n  --color-white: #FFFFFF;\n  --color-primary-50: #FDF4F1;\n  --color-primary-100: #FADDD5;\n  --color-primary-200: #F4B8A6;\n  --color-primary-500: #E07A5F;\n  --color-primary-600: #C9664A;\n  --color-primary-700: #A8503A;\n\n  /* -------------------------------------------------------------------------\n     Colors — Neutrals (Warm Stone)\n     ------------------------------------------------------------------------- */\n  --color-neutral-50: #FAFAF9;\n  --color-neutral-100: #F5F5F4;\n  --color-neutral-200: #E7E5E4;\n  --color-neutral-300: #D6D3D1;\n  /* Neutral addition */\n  --color-neutral-400: #A8A29E;\n  --color-neutral-500: #78716C;\n  --color-neutral-700: #44403C;\n  --color-neutral-900: #1C1917;\n\n  /* Green */\n  --color-green-50: #F0FDF4;\n  --color-green-100: #DCFCE7;\n  --color-green-200: #BBF7D0;\n  --color-green-500: #22C55E;\n  --color-green-600: #16A34A;\n  --color-green-700: #15803D;\n\n  /* Amber */\n  --color-amber-50: #FFFBEB;\n  --color-amber-100: #FEF3C7;\n  --color-amber-200: #FDE68A;\n  --color-amber-500: #F59E0B;\n  --color-amber-600: #D97706;\n  --color-amber-700: #B45309;\n\n  /* Red */\n  --color-red-50: #FEF2F2;\n  --color-red-100: #FEE2E2;\n  --color-red-200: #FECACA;\n  --color-red-500: #EF4444;\n  --color-red-600: #DC2626;\n  --color-red-700: #B91C1C;\n\n  /* Blue */\n  --color-blue-50: #EFF6FF;\n  --color-blue-100: #DBEAFE;\n  --color-blue-200: #BFDBFE;\n  --color-blue-500: #3B82F6;\n  --color-blue-600: #2563EB;\n  --color-blue-700: #1D4ED8;\n\n  /* -------------------------------------------------------------------------\n     Colors — Semantic\n     ------------------------------------------------------------------------- */\n  --color-success: #22C55E;\n  --color-warning: #F59E0B;\n  --color-error: #EF4444;\n  --color-info: #3B82F6;\n\n  /* -------------------------------------------------------------------------\n     Typography — Font Families\n     ------------------------------------------------------------------------- */\n  --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;\n  --font-mono: 'JetBrains Mono', ui-monospace, monospace;\n\n  /* -------------------------------------------------------------------------\n     Typography — Font Weights\n     ------------------------------------------------------------------------- */\n  --font-weight-regular: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-extrabold: 800;\n\n  /* -------------------------------------------------------------------------\n     Typography — Font Sizes\n     ------------------------------------------------------------------------- */\n  --font-size-caption: 0.75rem;    /* 12px */\n  --font-size-overline: 0.6875rem; /* 11px */\n  --font-size-body-sm: 0.8125rem;  /* 13px */\n  --font-size-body: 0.875rem;      /* 14px */\n  --font-size-h3: 1rem;            /* 16px */\n  --font-size-h2: 1.125rem;        /* 18px */\n  --font-size-h1: 1.5rem;          /* 24px */\n  --font-size-display: 2.25rem;    /* 36px */\n\n  /* -------------------------------------------------------------------------\n     Spacing\n     ------------------------------------------------------------------------- */\n  --spacing-1: 0.25rem;  /* 4px */\n  --spacing-2: 0.5rem;   /* 8px */\n  --spacing-3: 0.75rem;  /* 12px */\n  --spacing-4: 1rem;     /* 16px */\n  --spacing-6: 1.5rem;   /* 24px */\n  --spacing-8: 2rem;     /* 32px */\n  --spacing-12: 3rem;    /* 48px */\n\n  /* -------------------------------------------------------------------------\n     Border Radius\n     ------------------------------------------------------------------------- */\n  --radius-sm: 0.25rem;  /* 4px */\n  --radius-md: 0.375rem; /* 6px */\n  --radius-lg: 0.5rem;   /* 8px */\n  --radius-full: 9999px;\n\n  /* -------------------------------------------------------------------------\n     Shadows\n     ------------------------------------------------------------------------- */\n  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);\n  --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07);\n  --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1);\n  --shadow-focus: 0 0 0 3px rgba(224, 122, 95, 0.3);\n\n  /* -------------------------------------------------------------------------\n     Semantic — Backgrounds\n     ------------------------------------------------------------------------- */\n  --background-default: var(--color-white);\n  --background-page: var(--color-neutral-50);\n  --background-muted: var(--color-neutral-100);\n  --background-subtle: var(--color-neutral-200);\n  --background-elevated: var(--color-white);\n  --background-overlay: rgba(28, 25, 23, 0.5);\n  --background-primary: var(--color-primary-500);\n  --background-success: var(--color-green-50);\n  --background-warning: var(--color-amber-50);\n  --background-error: var(--color-red-50);\n  --background-info: var(--color-blue-50);\n  --background-nav: var(--color-primary-100);\n  --background-nav-hover: var(--color-primary-200);\n  --background-nav-active: var(--color-primary-500);\n\n  /* -------------------------------------------------------------------------\n     Semantic — Foregrounds (text/icons)\n     ------------------------------------------------------------------------- */\n  --foreground-default: var(--color-neutral-900);\n  --foreground-muted: var(--color-neutral-500);\n  --foreground-subtle: var(--color-neutral-400);\n  --foreground-primary: var(--color-primary-700);\n  --foreground-success: var(--color-green-700);\n  --foreground-warning: var(--color-amber-700);\n  --foreground-error: var(--color-red-700);\n  --foreground-info: var(--color-blue-700);\n  --foreground-on-primary: #FFFFFF;\n  --foreground-nav: var(--color-neutral-700);\n  --foreground-nav-hover: var(--color-neutral-900);\n  --foreground-nav-active: var(--color-white);\n\n  /* -------------------------------------------------------------------------\n     Semantic — Borders\n     ------------------------------------------------------------------------- */\n  --border-default: var(--color-neutral-200);\n  --border-muted: var(--color-neutral-100);\n  --border-strong: var(--color-neutral-300);\n  --border-primary: var(--color-primary-500);\n  --border-error: var(--color-error);\n\n  /* -------------------------------------------------------------------------\n     Transitions\n     ------------------------------------------------------------------------- */\n  --transition-fast: 150ms ease;\n  --transition-base: 200ms ease;\n  --transition-slow: 300ms ease;\n}"],"mappings":";;;;;;;;AAaA;AAIE,iBAAe;AACf,sBAAoB;AACpB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AAKrB,sBAAoB;AACpB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AAErB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AACrB,uBAAqB;AAGrB,oBAAkB;AAClB,qBAAmB;AACnB,qBAAmB;AACnB,qBAAmB;AACnB,qBAAmB;AACnB,qBAAmB;AAGnB,oBAAkB;AAClB,qBAAmB;AACnB,qBAAmB;AACnB,qBAAmB;AACnB,qBAAmB;AACnB,qBAAmB;AAGnB,kBAAgB;AAChB,mBAAiB;AACjB,mBAAiB;AACjB,mBAAiB;AACjB,mBAAiB;AACjB,mBAAiB;AAGjB,mBAAiB;AACjB,oBAAkB;AAClB,oBAAkB;AAClB,oBAAkB;AAClB,oBAAkB;AAClB,oBAAkB;AAKlB,mBAAiB;AACjB,mBAAiB;AACjB,iBAAe;AACf,gBAAc;AAKd;AAAA,IAAa,SAAS;AAAA,IAAE,SAAS;AAAA,IAAE,aAAa;AAAA,IAAE;AAClD;AAAA,IAAa,gBAAgB;AAAA,IAAE,YAAY;AAAA,IAAE;AAK7C,yBAAuB;AACvB,wBAAsB;AACtB,0BAAwB;AACxB,sBAAoB;AACpB,2BAAyB;AAKzB,uBAAqB;AACrB,wBAAsB;AACtB,uBAAqB;AACrB,oBAAkB;AAClB,kBAAgB;AAChB,kBAAgB;AAChB,kBAAgB;AAChB,uBAAqB;AAKrB,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,gBAAc;AAKd,eAAa;AACb,eAAa;AACb,eAAa;AACb,iBAAe;AAKf,eAAa,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACxC,eAAa,EAAE,IAAI,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACxC,eAAa,EAAE,KAAK,KAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC1C,kBAAgB,EAAE,EAAE,EAAE,IAAI,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;AAK7C,wBAAsB,IAAI;AAC1B,qBAAmB,IAAI;AACvB,sBAAoB,IAAI;AACxB,uBAAqB,IAAI;AACzB,yBAAuB,IAAI;AAC3B,wBAAsB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACvC,wBAAsB,IAAI;AAC1B,wBAAsB,IAAI;AAC1B,wBAAsB,IAAI;AAC1B,sBAAoB,IAAI;AACxB,qBAAmB,IAAI;AACvB,oBAAkB,IAAI;AACtB,0BAAwB,IAAI;AAC5B,2BAAyB,IAAI;AAK7B,wBAAsB,IAAI;AAC1B,sBAAoB,IAAI;AACxB,uBAAqB,IAAI;AACzB,wBAAsB,IAAI;AAC1B,wBAAsB,IAAI;AAC1B,wBAAsB,IAAI;AAC1B,sBAAoB,IAAI;AACxB,qBAAmB,IAAI;AACvB,2BAAyB;AACzB,oBAAkB,IAAI;AACtB,0BAAwB,IAAI;AAC5B,2BAAyB,IAAI;AAK7B,oBAAkB,IAAI;AACtB,kBAAgB,IAAI;AACpB,mBAAiB,IAAI;AACrB,oBAAkB,IAAI;AACtB,kBAAgB,IAAI;AAKpB,qBAAmB,MAAM;AACzB,qBAAmB,MAAM;AACzB,qBAAmB,MAAM;AAC3B;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akanaka/tokens",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Design tokens for the design system",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,7 +11,9 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./css": "./dist/tokens.css"
+    "./css": "./dist/tokens.css",
+    "./tailwind": "./dist/tailwind.preset.cjs",
+    "./tailwind-v4": "./dist/tailwind-v4.css"
   },
   "files": [
     "dist"