@nebutra/ui 0.2.0 → 0.2.2

package/dist/typography/index.d.ts

@@ -71,7 +71,7 @@ declare const fontSmoothing: {
     readonly textRendering: "optimizeLegibility";
 };
 /**
- * Font feature settings for Inter
+ * Font feature settings for Geist
  */
 declare const fontFeatureSettings: {
     /** Enable common ligatures and contextual alternates */
@@ -105,22 +105,22 @@ declare const fontLicenseNotice: string;
  * All font-related values should come from here.
  */
 /**
- * Primary font stack - Used for body text and UI
+ * Primary font stack - Used for body text and UI.
  *
- * Poppins is the primary font for English text. vivo Sans is for Chinese.
- * Falls back through system fonts for maximum compatibility.
+ * Token-first so next/font's generated face wins when available; the literal
+ * family stack remains as a standalone fallback for docs/tests.
  */
-declare const FONT_FAMILY_PRIMARY = "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+declare const FONT_FAMILY_PRIMARY = "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
 /**
  * Heading font stack - Used for titles and emphasis
  *
  * Geist Sans is the primary display typeface.
  */
-declare const FONT_FAMILY_HEADING = "\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+declare const FONT_FAMILY_HEADING = "var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
 /**
  * Monospace font stack - Used for code and technical content
  */
-declare const FONT_FAMILY_MONO = "\"JetBrains Mono\", \"Fira Code\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+declare const FONT_FAMILY_MONO = "var(--font-mono, var(--font-geist-mono, \"Geist Mono\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace))";
 /**
  * CJK (Chinese/Japanese/Korean) fallback stack
  *
@@ -133,15 +133,15 @@ declare const FONT_FAMILY_CJK = "\"vivo Sans\", \"Source Han Sans SC\", \"Source
  */
 declare const fontFamilies: {
     /** Primary UI and body text */
-    readonly primary: "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+    readonly primary: "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
     /** Headings and titles */
-    readonly heading: "\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+    readonly heading: "var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
     /** Code and monospace */
-    readonly mono: "\"JetBrains Mono\", \"Fira Code\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+    readonly mono: "var(--font-mono, var(--font-geist-mono, \"Geist Mono\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace))";
     /** CJK-specific fallback */
     readonly cjk: "\"vivo Sans\", \"Source Han Sans SC\", \"Source Han Sans\", \"Noto Sans CJK SC\", \"Noto Sans SC\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif";
     /** Primary with CJK fallback for multilingual content */
-    readonly primaryCJK: "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"vivo Sans\", \"Source Han Sans SC\", \"Source Han Sans\", \"Noto Sans CJK SC\", \"Noto Sans SC\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif";
+    readonly primaryCJK: "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif)), \"vivo Sans\", \"Source Han Sans SC\", \"Source Han Sans\", \"Noto Sans CJK SC\", \"Noto Sans SC\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif";
     /** System font stack (fast fallback, no web fonts) */
     readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
 };
@@ -269,7 +269,7 @@ declare const letterSpacing: {
 declare const typeStyles: {
     /** Hero/Display - Large marketing headlines */
     readonly display: {
-        readonly fontFamily: "\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "3.75rem";
         readonly fontWeight: 700;
         readonly lineHeight: 1.25;
@@ -277,7 +277,7 @@ declare const typeStyles: {
     };
     /** H1 - Page titles */
     readonly h1: {
-        readonly fontFamily: "\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "3rem";
         readonly fontWeight: 700;
         readonly lineHeight: 1.25;
@@ -285,7 +285,7 @@ declare const typeStyles: {
     };
     /** H2 - Section titles */
     readonly h2: {
-        readonly fontFamily: "\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "2.25rem";
         readonly fontWeight: 700;
         readonly lineHeight: 1.25;
@@ -293,7 +293,7 @@ declare const typeStyles: {
     };
     /** H3 - Subsection titles */
     readonly h3: {
-        readonly fontFamily: "\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "1.875rem";
         readonly fontWeight: 600;
         readonly lineHeight: 1.375;
@@ -301,7 +301,7 @@ declare const typeStyles: {
     };
     /** H4 - Card titles, small sections */
     readonly h4: {
-        readonly fontFamily: "\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "1.5rem";
         readonly fontWeight: 600;
         readonly lineHeight: 1.375;
@@ -309,7 +309,7 @@ declare const typeStyles: {
     };
     /** H5 - Widget titles */
     readonly h5: {
-        readonly fontFamily: "\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "1.25rem";
         readonly fontWeight: 600;
         readonly lineHeight: 1.5;
@@ -317,7 +317,7 @@ declare const typeStyles: {
     };
     /** H6 - Smallest heading */
     readonly h6: {
-        readonly fontFamily: "\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "1.125rem";
         readonly fontWeight: 600;
         readonly lineHeight: 1.5;
@@ -325,7 +325,7 @@ declare const typeStyles: {
     };
     /** Body - Default paragraph text */
     readonly body: {
-        readonly fontFamily: "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "1rem";
         readonly fontWeight: 400;
         readonly lineHeight: 1.5;
@@ -333,7 +333,7 @@ declare const typeStyles: {
     };
     /** Body Large - Lead paragraphs */
     readonly bodyLarge: {
-        readonly fontFamily: "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "1.125rem";
         readonly fontWeight: 400;
         readonly lineHeight: 1.625;
@@ -341,7 +341,7 @@ declare const typeStyles: {
     };
     /** Body Small - Secondary text */
     readonly bodySmall: {
-        readonly fontFamily: "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "0.875rem";
         readonly fontWeight: 400;
         readonly lineHeight: 1.5;
@@ -349,7 +349,7 @@ declare const typeStyles: {
     };
     /** Caption - Image captions, timestamps */
     readonly caption: {
-        readonly fontFamily: "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "0.75rem";
         readonly fontWeight: 400;
         readonly lineHeight: 1.5;
@@ -357,7 +357,7 @@ declare const typeStyles: {
     };
     /** Label - Form labels, UI labels */
     readonly label: {
-        readonly fontFamily: "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "0.875rem";
         readonly fontWeight: 500;
         readonly lineHeight: 1.25;
@@ -365,7 +365,7 @@ declare const typeStyles: {
     };
     /** Button - Button text */
     readonly button: {
-        readonly fontFamily: "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "0.875rem";
         readonly fontWeight: 500;
         readonly lineHeight: 1.25;
@@ -373,7 +373,7 @@ declare const typeStyles: {
     };
     /** Code - Inline code */
     readonly code: {
-        readonly fontFamily: "\"JetBrains Mono\", \"Fira Code\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+        readonly fontFamily: "var(--font-mono, var(--font-geist-mono, \"Geist Mono\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace))";
         readonly fontSize: "0.875rem";
         readonly fontWeight: 400;
         readonly lineHeight: 1.5;
@@ -381,7 +381,7 @@ declare const typeStyles: {
     };
     /** Code Block - Code blocks */
     readonly codeBlock: {
-        readonly fontFamily: "\"JetBrains Mono\", \"Fira Code\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+        readonly fontFamily: "var(--font-mono, var(--font-geist-mono, \"Geist Mono\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace))";
         readonly fontSize: "0.875rem";
         readonly fontWeight: 400;
         readonly lineHeight: 1.625;
@@ -389,7 +389,7 @@ declare const typeStyles: {
     };
     /** Overline - Small caps labels */
     readonly overline: {
-        readonly fontFamily: "\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
+        readonly fontFamily: "var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))";
         readonly fontSize: "0.75rem";
         readonly fontWeight: 600;
         readonly lineHeight: 1.5;

package/dist/typography/index.js

@@ -1,5 +1,23 @@
 // src/typography/fonts.ts
 var fonts = {
+  geistSans: {
+    family: "Geist",
+    weights: [300, 400, 500, 600, 700],
+    italic: false,
+    display: "swap",
+    variable: true,
+    license: "OFL",
+    licenseUrl: "https://github.com/vercel/geist-font/blob/main/LICENSE.txt"
+  },
+  geistMono: {
+    family: "Geist Mono",
+    weights: [400, 500, 600, 700],
+    italic: false,
+    display: "swap",
+    variable: true,
+    license: "OFL",
+    licenseUrl: "https://github.com/vercel/geist-font/blob/main/LICENSE.txt"
+  },
   inter: {
     family: "Inter",
     weights: [300, 400, 500, 600, 700],
@@ -46,7 +64,7 @@ function getGoogleFontsUrl(fontKeys) {
   if (!families) return "";
   return `https://fonts.googleapis.com/css2?family=${families}&display=swap`;
 }
-var defaultFonts = ["inter", "jetbrainsMono"];
+var defaultFonts = ["geistSans", "geistMono"];
 var cjkFonts = ["sourceHanSans"];
 var allFonts = [...defaultFonts, ...cjkFonts];
 function getFontPreloadLinks(fontKeys) {
@@ -110,6 +128,8 @@ Fonts used in this project are licensed under open-source licenses:
 
 - Inter: SIL Open Font License 1.1
 - Public Sans: SIL Open Font License 1.1
+- Geist: SIL Open Font License 1.1
+- Geist Mono: SIL Open Font License 1.1
 - JetBrains Mono: SIL Open Font License 1.1
 - Noto Sans SC (Source Han Sans): SIL Open Font License 1.1
 
@@ -117,9 +137,9 @@ All fonts are free for commercial use. See individual license files for details.
 `.trim();
 
 // src/typography/tokens.ts
-var FONT_FAMILY_PRIMARY = '"Poppins", "vivo Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
-var FONT_FAMILY_HEADING = '"Geist", "Poppins", "vivo Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
-var FONT_FAMILY_MONO = '"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace';
+var FONT_FAMILY_PRIMARY = 'var(--font-sans, var(--font-geist-sans, "Geist", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif))';
+var FONT_FAMILY_HEADING = 'var(--font-heading, var(--font-geist-sans, "Geist", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif))';
+var FONT_FAMILY_MONO = 'var(--font-mono, var(--font-geist-mono, "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace))';
 var FONT_FAMILY_CJK = '"vivo Sans", "Source Han Sans SC", "Source Han Sans", "Noto Sans CJK SC", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif';
 var fontFamilies = {
   /** Primary UI and body text */

package/dist/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/typography/fonts.ts","../../src/typography/tokens.ts"],"names":["fontFamilies"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Font Configuration and Loading Utilities\n *\n * Handles web font loading, preloading, and performance optimization.\n */\n\n// ============================================\n// Font Definitions\n// ============================================\n\n/**\n * Font configuration object\n */\nexport interface FontConfig {\n  /** Font family name */\n  family: string;\n  /** Font weights to load */\n  weights: number[];\n  /** Include italic variants */\n  italic?: boolean;\n  /** Font display strategy */\n  display?: \"auto\" | \"block\" | \"swap\" | \"fallback\" | \"optional\";\n  /** Is this a variable font */\n  variable?: boolean;\n  /** Google Fonts URL parameter name */\n  googleFontsParam?: string;\n  /** Self-hosted font URL */\n  selfHostUrl?: string;\n  /** Font license */\n  license: \"OFL\" | \"Apache-2.0\" | \"Ubuntu\" | \"MIT\" | \"Other\";\n  /** Source URL for license */\n  licenseUrl?: string;\n}\n\n/**\n * Registered fonts for the design system\n */\nexport const fonts: Record<string, FontConfig> = {\n  inter: {\n    family: \"Inter\",\n    weights: [300, 400, 500, 600, 700],\n    italic: false,\n    display: \"swap\",\n    variable: true,\n    googleFontsParam: \"Inter:wght@300;400;500;600;700\",\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/rsms/inter/blob/master/LICENSE.txt\",\n  },\n\n  publicSans: {\n    family: \"Public Sans\",\n    weights: [300, 400, 500, 600, 700],\n    italic: true,\n    display: \"swap\",\n    variable: true,\n    googleFontsParam: \"Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500\",\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/uswds/public-sans/blob/develop/LICENSE.md\",\n  },\n\n  jetbrainsMono: {\n    family: \"JetBrains Mono\",\n    weights: [400, 500, 700],\n    italic: false,\n    display: \"swap\",\n    variable: true,\n    googleFontsParam: \"JetBrains+Mono:wght@400;500;700\",\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt\",\n  },\n\n  sourceHanSans: {\n    family: \"Noto Sans SC\",\n    weights: [400, 500, 700],\n    italic: false,\n    display: \"swap\",\n    variable: false,\n    googleFontsParam: \"Noto+Sans+SC:wght@400;500;700\",\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/adobe-fonts/source-han-sans/blob/master/LICENSE.txt\",\n  },\n};\n\n// ============================================\n// Google Fonts URL Builder\n// ============================================\n\n/**\n * Generate Google Fonts URL for specified fonts\n */\nexport function getGoogleFontsUrl(fontKeys: (keyof typeof fonts)[]): string {\n  const families = fontKeys\n    .map((key) => fonts[key]?.googleFontsParam)\n    .filter(Boolean)\n    .join(\"&family=\");\n\n  if (!families) return \"\";\n\n  return `https://fonts.googleapis.com/css2?family=${families}&display=swap`;\n}\n\n/**\n * Default fonts to load\n */\nexport const defaultFonts: (keyof typeof fonts)[] = [\"inter\", \"jetbrainsMono\"];\n\n/**\n * Fonts for CJK (Chinese) support\n */\nexport const cjkFonts: (keyof typeof fonts)[] = [\"sourceHanSans\"];\n\n/**\n * All fonts including CJK\n */\nexport const allFonts: (keyof typeof fonts)[] = [...defaultFonts, ...cjkFonts];\n\n// ============================================\n// Font Loading Utilities\n// ============================================\n\n/**\n * Generate preload link elements for critical fonts\n */\nexport function getFontPreloadLinks(fontKeys: (keyof typeof fonts)[]): string[] {\n  return fontKeys\n    .map((key) => {\n      const font = fonts[key];\n      if (!font) return \"\";\n\n      const url = getGoogleFontsUrl([key]);\n      return `<link rel=\"preload\" href=\"${url}\" as=\"style\" crossorigin>`;\n    })\n    .filter(Boolean);\n}\n\n/**\n * Generate link element for Google Fonts\n */\nexport function getGoogleFontsLink(fontKeys: (keyof typeof fonts)[]): string {\n  const url = getGoogleFontsUrl(fontKeys);\n  if (!url) return \"\";\n\n  return `<link rel=\"stylesheet\" href=\"${url}\">`;\n}\n\n/**\n * Check if fonts are loaded\n */\nexport async function areFontsLoaded(fontFamilies: string[]): Promise<boolean> {\n  if (typeof document === \"undefined\") return false;\n\n  try {\n    await Promise.all(fontFamilies.map((family) => document.fonts.load(`16px \"${family}\"`)));\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Wait for fonts to load with timeout\n */\nexport async function waitForFonts(fontFamilies: string[], timeout = 3000): Promise<boolean> {\n  if (typeof document === \"undefined\") return false;\n\n  return new Promise((resolve) => {\n    const timer = setTimeout(() => resolve(false), timeout);\n\n    areFontsLoaded(fontFamilies).then((loaded) => {\n      clearTimeout(timer);\n      resolve(loaded);\n    });\n  });\n}\n\n// ============================================\n// CSS-in-JS Helpers\n// ============================================\n\n/**\n * Font smoothing CSS for crisp text rendering\n */\nexport const fontSmoothing = {\n  WebkitFontSmoothing: \"antialiased\",\n  MozOsxFontSmoothing: \"grayscale\",\n  textRendering: \"optimizeLegibility\",\n} as const;\n\n/**\n * Font feature settings for Inter\n */\nexport const fontFeatureSettings = {\n  /** Enable common ligatures and contextual alternates */\n  normal: '\"calt\" 1, \"liga\" 1',\n  /** Enable tabular figures for aligned numbers */\n  tabular: '\"tnum\" 1, \"calt\" 1',\n  /** Enable case-sensitive forms */\n  case: '\"case\" 1',\n  /** Enable stylistic set 01 (alternate digits) */\n  ss01: '\"ss01\" 1',\n  /** Enable stylistic set 02 (alternate a) */\n  ss02: '\"ss02\" 1',\n} as const;\n\n// ============================================\n// License Information\n// ============================================\n\n/**\n * Get license information for all used fonts\n */\nexport function getFontLicenses(): Array<{\n  family: string;\n  license: string;\n  url?: string | undefined;\n}> {\n  return Object.values(fonts).map((font) => ({\n    family: font.family,\n    license: font.license,\n    url: font.licenseUrl,\n  }));\n}\n\n/**\n * Font license compliance notice\n */\nexport const fontLicenseNotice = `\nFonts used in this project are licensed under open-source licenses:\n\n- Inter: SIL Open Font License 1.1\n- Public Sans: SIL Open Font License 1.1\n- JetBrains Mono: SIL Open Font License 1.1\n- Noto Sans SC (Source Han Sans): SIL Open Font License 1.1\n\nAll fonts are free for commercial use. See individual license files for details.\n`.trim();\n","/**\n * Typography Tokens\n *\n * Centralized typography configuration for the entire design system.\n * All font-related values should come from here.\n */\n\n// ============================================\n// Font Families\n// ============================================\n\n/**\n * Primary font stack - Used for body text and UI\n *\n * Poppins is the primary font for English text. vivo Sans is for Chinese.\n * Falls back through system fonts for maximum compatibility.\n */\nexport const FONT_FAMILY_PRIMARY =\n  '\"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';\n\n/**\n * Heading font stack - Used for titles and emphasis\n *\n * Geist Sans is the primary display typeface.\n */\nexport const FONT_FAMILY_HEADING =\n  '\"Geist\", \"Poppins\", \"vivo Sans\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';\n\n/**\n * Monospace font stack - Used for code and technical content\n */\nexport const FONT_FAMILY_MONO =\n  '\"JetBrains Mono\", \"Fira Code\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace';\n\n/**\n * CJK (Chinese/Japanese/Korean) fallback stack\n *\n * vivo Sans is the primary Chinese font.\n * Provides consistent rendering for Chinese, Japanese, and Korean text.\n */\nexport const FONT_FAMILY_CJK =\n  '\"vivo Sans\", \"Source Han Sans SC\", \"Source Han Sans\", \"Noto Sans CJK SC\", \"Noto Sans SC\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif';\n\n/**\n * Complete font stacks with CJK fallback\n */\nexport const fontFamilies = {\n  /** Primary UI and body text */\n  primary: FONT_FAMILY_PRIMARY,\n\n  /** Headings and titles */\n  heading: FONT_FAMILY_HEADING,\n\n  /** Code and monospace */\n  mono: FONT_FAMILY_MONO,\n\n  /** CJK-specific fallback */\n  cjk: FONT_FAMILY_CJK,\n\n  /** Primary with CJK fallback for multilingual content */\n  primaryCJK: `${FONT_FAMILY_PRIMARY}, ${FONT_FAMILY_CJK}`,\n\n  /** System font stack (fast fallback, no web fonts) */\n  system: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n} as const;\n\n// ============================================\n// Type Scale\n// ============================================\n\n/**\n * Font size scale using rem units for accessibility\n *\n * Base: 16px = 1rem\n * Each step follows a modular scale (~1.25 ratio)\n */\nexport const fontSizes = {\n  /** 12px - Micro text, badges */\n  xs: \"0.75rem\",\n\n  /** 14px - Small text, captions, labels */\n  sm: \"0.875rem\",\n\n  /** 16px - Base body text */\n  base: \"1rem\",\n\n  /** 18px - Lead text, larger body */\n  lg: \"1.125rem\",\n\n  /** 20px - Small headings, subtitles */\n  xl: \"1.25rem\",\n\n  /** 24px - H4 equivalent */\n  \"2xl\": \"1.5rem\",\n\n  /** 30px - H3 equivalent */\n  \"3xl\": \"1.875rem\",\n\n  /** 36px - H2 equivalent */\n  \"4xl\": \"2.25rem\",\n\n  /** 48px - H1 equivalent */\n  \"5xl\": \"3rem\",\n\n  /** 60px - Display/Hero text */\n  \"6xl\": \"3.75rem\",\n\n  /** 72px - Large display */\n  \"7xl\": \"4.5rem\",\n\n  /** 96px - Extra large display */\n  \"8xl\": \"6rem\",\n} as const;\n\n/**\n * Font size in pixels (for cases where rem isn't suitable)\n */\nexport const fontSizesPx = {\n  xs: 12,\n  sm: 14,\n  base: 16,\n  lg: 18,\n  xl: 20,\n  \"2xl\": 24,\n  \"3xl\": 30,\n  \"4xl\": 36,\n  \"5xl\": 48,\n  \"6xl\": 60,\n  \"7xl\": 72,\n  \"8xl\": 96,\n} as const;\n\n// ============================================\n// Line Heights\n// ============================================\n\n/**\n * Line height scale\n *\n * Using unitless values for better inheritance.\n */\nexport const lineHeights = {\n  /** 1 - Single line, icons */\n  none: 1,\n\n  /** 1.25 - Tight, for large headings */\n  tight: 1.25,\n\n  /** 1.375 - Slightly snug */\n  snug: 1.375,\n\n  /** 1.5 - Normal body text */\n  normal: 1.5,\n\n  /** 1.625 - Relaxed reading */\n  relaxed: 1.625,\n\n  /** 1.75 - Loose, for small text */\n  loose: 1.75,\n\n  /** 2 - Double spaced */\n  double: 2,\n} as const;\n\n// ============================================\n// Font Weights\n// ============================================\n\n/**\n * Font weight scale\n *\n * Inter and Public Sans support all these weights.\n * Variable fonts can use any value 100-900.\n */\nexport const fontWeights = {\n  /** 100 - Thin (if available) */\n  thin: 100,\n\n  /** 200 - Extra light */\n  extralight: 200,\n\n  /** 300 - Light */\n  light: 300,\n\n  /** 400 - Regular/Normal */\n  normal: 400,\n\n  /** 500 - Medium */\n  medium: 500,\n\n  /** 600 - Semibold */\n  semibold: 600,\n\n  /** 700 - Bold */\n  bold: 700,\n\n  /** 800 - Extra bold */\n  extrabold: 800,\n\n  /** 900 - Black */\n  black: 900,\n} as const;\n\n// ============================================\n// Letter Spacing (Tracking)\n// ============================================\n\n/**\n * Letter spacing scale\n *\n * Negative values for tight headlines, positive for small caps.\n */\nexport const letterSpacing = {\n  /** -0.05em - Very tight, large display only */\n  tighter: \"-0.05em\",\n\n  /** -0.025em - Slightly tight, headings */\n  tight: \"-0.025em\",\n\n  /** 0 - Normal */\n  normal: \"0\",\n\n  /** 0.025em - Slightly wide */\n  wide: \"0.025em\",\n\n  /** 0.05em - Wide, for small caps */\n  wider: \"0.05em\",\n\n  /** 0.1em - Very wide, all caps */\n  widest: \"0.1em\",\n} as const;\n\n// ============================================\n// Combined Type Styles\n// ============================================\n\n/**\n * Pre-defined typography presets\n *\n * These combine font-family, size, weight, and line-height\n * for common use cases.\n */\nexport const typeStyles = {\n  /** Hero/Display - Large marketing headlines */\n  display: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"6xl\"],\n    fontWeight: fontWeights.bold,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.tight,\n  },\n\n  /** H1 - Page titles */\n  h1: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"5xl\"],\n    fontWeight: fontWeights.bold,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.tight,\n  },\n\n  /** H2 - Section titles */\n  h2: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"4xl\"],\n    fontWeight: fontWeights.bold,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.tight,\n  },\n\n  /** H3 - Subsection titles */\n  h3: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"3xl\"],\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.snug,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** H4 - Card titles, small sections */\n  h4: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"2xl\"],\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.snug,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** H5 - Widget titles */\n  h5: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes.xl,\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** H6 - Smallest heading */\n  h6: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes.lg,\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Body - Default paragraph text */\n  body: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.base,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Body Large - Lead paragraphs */\n  bodyLarge: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.lg,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.relaxed,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Body Small - Secondary text */\n  bodySmall: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Caption - Image captions, timestamps */\n  caption: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.xs,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.wide,\n  },\n\n  /** Label - Form labels, UI labels */\n  label: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.medium,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Button - Button text */\n  button: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.medium,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.wide,\n  },\n\n  /** Code - Inline code */\n  code: {\n    fontFamily: fontFamilies.mono,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Code Block - Code blocks */\n  codeBlock: {\n    fontFamily: fontFamilies.mono,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.relaxed,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Overline - Small caps labels */\n  overline: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.xs,\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.widest,\n    textTransform: \"uppercase\" as const,\n  },\n} as const;\n\nexport type TypeStyle = keyof typeof typeStyles;\n\n// ============================================\n// Responsive Typography\n// ============================================\n\n/**\n * Fluid typography clamp values\n *\n * Format: clamp(min, preferred, max)\n * Uses viewport width for smooth scaling.\n */\nexport const fluidFontSizes = {\n  /** Display: 36px to 72px */\n  display: \"clamp(2.25rem, 5vw + 1rem, 4.5rem)\",\n\n  /** H1: 30px to 48px */\n  h1: \"clamp(1.875rem, 4vw + 0.5rem, 3rem)\",\n\n  /** H2: 24px to 36px */\n  h2: \"clamp(1.5rem, 3vw + 0.5rem, 2.25rem)\",\n\n  /** H3: 20px to 30px */\n  h3: \"clamp(1.25rem, 2vw + 0.5rem, 1.875rem)\",\n\n  /** Body: 14px to 18px */\n  body: \"clamp(0.875rem, 1vw + 0.5rem, 1.125rem)\",\n} as const;\n\n// ============================================\n// Type Exports\n// ============================================\n\nexport type FontFamily = keyof typeof fontFamilies;\nexport type FontSize = keyof typeof fontSizes;\nexport type LineHeight = keyof typeof lineHeights;\nexport type FontWeight = keyof typeof fontWeights;\nexport type LetterSpacing = keyof typeof letterSpacing;\n"]}
+{"version":3,"sources":["../../src/typography/fonts.ts","../../src/typography/tokens.ts"],"names":["fontFamilies"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Font Configuration and Loading Utilities\n *\n * Handles web font loading, preloading, and performance optimization.\n */\n\n// ============================================\n// Font Definitions\n// ============================================\n\n/**\n * Font configuration object\n */\nexport interface FontConfig {\n  /** Font family name */\n  family: string;\n  /** Font weights to load */\n  weights: number[];\n  /** Include italic variants */\n  italic?: boolean;\n  /** Font display strategy */\n  display?: \"auto\" | \"block\" | \"swap\" | \"fallback\" | \"optional\";\n  /** Is this a variable font */\n  variable?: boolean;\n  /** Google Fonts URL parameter name */\n  googleFontsParam?: string;\n  /** Self-hosted font URL */\n  selfHostUrl?: string;\n  /** Font license */\n  license: \"OFL\" | \"Apache-2.0\" | \"Ubuntu\" | \"MIT\" | \"Other\";\n  /** Source URL for license */\n  licenseUrl?: string;\n}\n\n/**\n * Registered fonts for the design system\n */\nexport const fonts: Record<string, FontConfig> = {\n  geistSans: {\n    family: \"Geist\",\n    weights: [300, 400, 500, 600, 700],\n    italic: false,\n    display: \"swap\",\n    variable: true,\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/vercel/geist-font/blob/main/LICENSE.txt\",\n  },\n\n  geistMono: {\n    family: \"Geist Mono\",\n    weights: [400, 500, 600, 700],\n    italic: false,\n    display: \"swap\",\n    variable: true,\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/vercel/geist-font/blob/main/LICENSE.txt\",\n  },\n\n  inter: {\n    family: \"Inter\",\n    weights: [300, 400, 500, 600, 700],\n    italic: false,\n    display: \"swap\",\n    variable: true,\n    googleFontsParam: \"Inter:wght@300;400;500;600;700\",\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/rsms/inter/blob/master/LICENSE.txt\",\n  },\n\n  publicSans: {\n    family: \"Public Sans\",\n    weights: [300, 400, 500, 600, 700],\n    italic: true,\n    display: \"swap\",\n    variable: true,\n    googleFontsParam: \"Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500\",\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/uswds/public-sans/blob/develop/LICENSE.md\",\n  },\n\n  jetbrainsMono: {\n    family: \"JetBrains Mono\",\n    weights: [400, 500, 700],\n    italic: false,\n    display: \"swap\",\n    variable: true,\n    googleFontsParam: \"JetBrains+Mono:wght@400;500;700\",\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt\",\n  },\n\n  sourceHanSans: {\n    family: \"Noto Sans SC\",\n    weights: [400, 500, 700],\n    italic: false,\n    display: \"swap\",\n    variable: false,\n    googleFontsParam: \"Noto+Sans+SC:wght@400;500;700\",\n    license: \"OFL\",\n    licenseUrl: \"https://github.com/adobe-fonts/source-han-sans/blob/master/LICENSE.txt\",\n  },\n};\n\n// ============================================\n// Google Fonts URL Builder\n// ============================================\n\n/**\n * Generate Google Fonts URL for specified fonts\n */\nexport function getGoogleFontsUrl(fontKeys: (keyof typeof fonts)[]): string {\n  const families = fontKeys\n    .map((key) => fonts[key]?.googleFontsParam)\n    .filter(Boolean)\n    .join(\"&family=\");\n\n  if (!families) return \"\";\n\n  return `https://fonts.googleapis.com/css2?family=${families}&display=swap`;\n}\n\n/**\n * Default fonts to load\n */\nexport const defaultFonts: (keyof typeof fonts)[] = [\"geistSans\", \"geistMono\"];\n\n/**\n * Fonts for CJK (Chinese) support\n */\nexport const cjkFonts: (keyof typeof fonts)[] = [\"sourceHanSans\"];\n\n/**\n * All fonts including CJK\n */\nexport const allFonts: (keyof typeof fonts)[] = [...defaultFonts, ...cjkFonts];\n\n// ============================================\n// Font Loading Utilities\n// ============================================\n\n/**\n * Generate preload link elements for critical fonts\n */\nexport function getFontPreloadLinks(fontKeys: (keyof typeof fonts)[]): string[] {\n  return fontKeys\n    .map((key) => {\n      const font = fonts[key];\n      if (!font) return \"\";\n\n      const url = getGoogleFontsUrl([key]);\n      return `<link rel=\"preload\" href=\"${url}\" as=\"style\" crossorigin>`;\n    })\n    .filter(Boolean);\n}\n\n/**\n * Generate link element for Google Fonts\n */\nexport function getGoogleFontsLink(fontKeys: (keyof typeof fonts)[]): string {\n  const url = getGoogleFontsUrl(fontKeys);\n  if (!url) return \"\";\n\n  return `<link rel=\"stylesheet\" href=\"${url}\">`;\n}\n\n/**\n * Check if fonts are loaded\n */\nexport async function areFontsLoaded(fontFamilies: string[]): Promise<boolean> {\n  if (typeof document === \"undefined\") return false;\n\n  try {\n    await Promise.all(fontFamilies.map((family) => document.fonts.load(`16px \"${family}\"`)));\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Wait for fonts to load with timeout\n */\nexport async function waitForFonts(fontFamilies: string[], timeout = 3000): Promise<boolean> {\n  if (typeof document === \"undefined\") return false;\n\n  return new Promise((resolve) => {\n    const timer = setTimeout(() => resolve(false), timeout);\n\n    areFontsLoaded(fontFamilies).then((loaded) => {\n      clearTimeout(timer);\n      resolve(loaded);\n    });\n  });\n}\n\n// ============================================\n// CSS-in-JS Helpers\n// ============================================\n\n/**\n * Font smoothing CSS for crisp text rendering\n */\nexport const fontSmoothing = {\n  WebkitFontSmoothing: \"antialiased\",\n  MozOsxFontSmoothing: \"grayscale\",\n  textRendering: \"optimizeLegibility\",\n} as const;\n\n/**\n * Font feature settings for Geist\n */\nexport const fontFeatureSettings = {\n  /** Enable common ligatures and contextual alternates */\n  normal: '\"calt\" 1, \"liga\" 1',\n  /** Enable tabular figures for aligned numbers */\n  tabular: '\"tnum\" 1, \"calt\" 1',\n  /** Enable case-sensitive forms */\n  case: '\"case\" 1',\n  /** Enable stylistic set 01 (alternate digits) */\n  ss01: '\"ss01\" 1',\n  /** Enable stylistic set 02 (alternate a) */\n  ss02: '\"ss02\" 1',\n} as const;\n\n// ============================================\n// License Information\n// ============================================\n\n/**\n * Get license information for all used fonts\n */\nexport function getFontLicenses(): Array<{\n  family: string;\n  license: string;\n  url?: string | undefined;\n}> {\n  return Object.values(fonts).map((font) => ({\n    family: font.family,\n    license: font.license,\n    url: font.licenseUrl,\n  }));\n}\n\n/**\n * Font license compliance notice\n */\nexport const fontLicenseNotice = `\nFonts used in this project are licensed under open-source licenses:\n\n- Inter: SIL Open Font License 1.1\n- Public Sans: SIL Open Font License 1.1\n- Geist: SIL Open Font License 1.1\n- Geist Mono: SIL Open Font License 1.1\n- JetBrains Mono: SIL Open Font License 1.1\n- Noto Sans SC (Source Han Sans): SIL Open Font License 1.1\n\nAll fonts are free for commercial use. See individual license files for details.\n`.trim();\n","/**\n * Typography Tokens\n *\n * Centralized typography configuration for the entire design system.\n * All font-related values should come from here.\n */\n\n// ============================================\n// Font Families\n// ============================================\n\n/**\n * Primary font stack - Used for body text and UI.\n *\n * Token-first so next/font's generated face wins when available; the literal\n * family stack remains as a standalone fallback for docs/tests.\n */\nexport const FONT_FAMILY_PRIMARY =\n  'var(--font-sans, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))';\n\n/**\n * Heading font stack - Used for titles and emphasis\n *\n * Geist Sans is the primary display typeface.\n */\nexport const FONT_FAMILY_HEADING =\n  'var(--font-heading, var(--font-geist-sans, \"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif))';\n\n/**\n * Monospace font stack - Used for code and technical content\n */\nexport const FONT_FAMILY_MONO =\n  'var(--font-mono, var(--font-geist-mono, \"Geist Mono\", ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, monospace))';\n\n/**\n * CJK (Chinese/Japanese/Korean) fallback stack\n *\n * vivo Sans is the primary Chinese font.\n * Provides consistent rendering for Chinese, Japanese, and Korean text.\n */\nexport const FONT_FAMILY_CJK =\n  '\"vivo Sans\", \"Source Han Sans SC\", \"Source Han Sans\", \"Noto Sans CJK SC\", \"Noto Sans SC\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif';\n\n/**\n * Complete font stacks with CJK fallback\n */\nexport const fontFamilies = {\n  /** Primary UI and body text */\n  primary: FONT_FAMILY_PRIMARY,\n\n  /** Headings and titles */\n  heading: FONT_FAMILY_HEADING,\n\n  /** Code and monospace */\n  mono: FONT_FAMILY_MONO,\n\n  /** CJK-specific fallback */\n  cjk: FONT_FAMILY_CJK,\n\n  /** Primary with CJK fallback for multilingual content */\n  primaryCJK: `${FONT_FAMILY_PRIMARY}, ${FONT_FAMILY_CJK}`,\n\n  /** System font stack (fast fallback, no web fonts) */\n  system: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n} as const;\n\n// ============================================\n// Type Scale\n// ============================================\n\n/**\n * Font size scale using rem units for accessibility\n *\n * Base: 16px = 1rem\n * Each step follows a modular scale (~1.25 ratio)\n */\nexport const fontSizes = {\n  /** 12px - Micro text, badges */\n  xs: \"0.75rem\",\n\n  /** 14px - Small text, captions, labels */\n  sm: \"0.875rem\",\n\n  /** 16px - Base body text */\n  base: \"1rem\",\n\n  /** 18px - Lead text, larger body */\n  lg: \"1.125rem\",\n\n  /** 20px - Small headings, subtitles */\n  xl: \"1.25rem\",\n\n  /** 24px - H4 equivalent */\n  \"2xl\": \"1.5rem\",\n\n  /** 30px - H3 equivalent */\n  \"3xl\": \"1.875rem\",\n\n  /** 36px - H2 equivalent */\n  \"4xl\": \"2.25rem\",\n\n  /** 48px - H1 equivalent */\n  \"5xl\": \"3rem\",\n\n  /** 60px - Display/Hero text */\n  \"6xl\": \"3.75rem\",\n\n  /** 72px - Large display */\n  \"7xl\": \"4.5rem\",\n\n  /** 96px - Extra large display */\n  \"8xl\": \"6rem\",\n} as const;\n\n/**\n * Font size in pixels (for cases where rem isn't suitable)\n */\nexport const fontSizesPx = {\n  xs: 12,\n  sm: 14,\n  base: 16,\n  lg: 18,\n  xl: 20,\n  \"2xl\": 24,\n  \"3xl\": 30,\n  \"4xl\": 36,\n  \"5xl\": 48,\n  \"6xl\": 60,\n  \"7xl\": 72,\n  \"8xl\": 96,\n} as const;\n\n// ============================================\n// Line Heights\n// ============================================\n\n/**\n * Line height scale\n *\n * Using unitless values for better inheritance.\n */\nexport const lineHeights = {\n  /** 1 - Single line, icons */\n  none: 1,\n\n  /** 1.25 - Tight, for large headings */\n  tight: 1.25,\n\n  /** 1.375 - Slightly snug */\n  snug: 1.375,\n\n  /** 1.5 - Normal body text */\n  normal: 1.5,\n\n  /** 1.625 - Relaxed reading */\n  relaxed: 1.625,\n\n  /** 1.75 - Loose, for small text */\n  loose: 1.75,\n\n  /** 2 - Double spaced */\n  double: 2,\n} as const;\n\n// ============================================\n// Font Weights\n// ============================================\n\n/**\n * Font weight scale\n *\n * Inter and Public Sans support all these weights.\n * Variable fonts can use any value 100-900.\n */\nexport const fontWeights = {\n  /** 100 - Thin (if available) */\n  thin: 100,\n\n  /** 200 - Extra light */\n  extralight: 200,\n\n  /** 300 - Light */\n  light: 300,\n\n  /** 400 - Regular/Normal */\n  normal: 400,\n\n  /** 500 - Medium */\n  medium: 500,\n\n  /** 600 - Semibold */\n  semibold: 600,\n\n  /** 700 - Bold */\n  bold: 700,\n\n  /** 800 - Extra bold */\n  extrabold: 800,\n\n  /** 900 - Black */\n  black: 900,\n} as const;\n\n// ============================================\n// Letter Spacing (Tracking)\n// ============================================\n\n/**\n * Letter spacing scale\n *\n * Negative values for tight headlines, positive for small caps.\n */\nexport const letterSpacing = {\n  /** -0.05em - Very tight, large display only */\n  tighter: \"-0.05em\",\n\n  /** -0.025em - Slightly tight, headings */\n  tight: \"-0.025em\",\n\n  /** 0 - Normal */\n  normal: \"0\",\n\n  /** 0.025em - Slightly wide */\n  wide: \"0.025em\",\n\n  /** 0.05em - Wide, for small caps */\n  wider: \"0.05em\",\n\n  /** 0.1em - Very wide, all caps */\n  widest: \"0.1em\",\n} as const;\n\n// ============================================\n// Combined Type Styles\n// ============================================\n\n/**\n * Pre-defined typography presets\n *\n * These combine font-family, size, weight, and line-height\n * for common use cases.\n */\nexport const typeStyles = {\n  /** Hero/Display - Large marketing headlines */\n  display: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"6xl\"],\n    fontWeight: fontWeights.bold,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.tight,\n  },\n\n  /** H1 - Page titles */\n  h1: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"5xl\"],\n    fontWeight: fontWeights.bold,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.tight,\n  },\n\n  /** H2 - Section titles */\n  h2: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"4xl\"],\n    fontWeight: fontWeights.bold,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.tight,\n  },\n\n  /** H3 - Subsection titles */\n  h3: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"3xl\"],\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.snug,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** H4 - Card titles, small sections */\n  h4: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes[\"2xl\"],\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.snug,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** H5 - Widget titles */\n  h5: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes.xl,\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** H6 - Smallest heading */\n  h6: {\n    fontFamily: fontFamilies.heading,\n    fontSize: fontSizes.lg,\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Body - Default paragraph text */\n  body: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.base,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Body Large - Lead paragraphs */\n  bodyLarge: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.lg,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.relaxed,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Body Small - Secondary text */\n  bodySmall: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Caption - Image captions, timestamps */\n  caption: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.xs,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.wide,\n  },\n\n  /** Label - Form labels, UI labels */\n  label: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.medium,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Button - Button text */\n  button: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.medium,\n    lineHeight: lineHeights.tight,\n    letterSpacing: letterSpacing.wide,\n  },\n\n  /** Code - Inline code */\n  code: {\n    fontFamily: fontFamilies.mono,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Code Block - Code blocks */\n  codeBlock: {\n    fontFamily: fontFamilies.mono,\n    fontSize: fontSizes.sm,\n    fontWeight: fontWeights.normal,\n    lineHeight: lineHeights.relaxed,\n    letterSpacing: letterSpacing.normal,\n  },\n\n  /** Overline - Small caps labels */\n  overline: {\n    fontFamily: fontFamilies.primary,\n    fontSize: fontSizes.xs,\n    fontWeight: fontWeights.semibold,\n    lineHeight: lineHeights.normal,\n    letterSpacing: letterSpacing.widest,\n    textTransform: \"uppercase\" as const,\n  },\n} as const;\n\nexport type TypeStyle = keyof typeof typeStyles;\n\n// ============================================\n// Responsive Typography\n// ============================================\n\n/**\n * Fluid typography clamp values\n *\n * Format: clamp(min, preferred, max)\n * Uses viewport width for smooth scaling.\n */\nexport const fluidFontSizes = {\n  /** Display: 36px to 72px */\n  display: \"clamp(2.25rem, 5vw + 1rem, 4.5rem)\",\n\n  /** H1: 30px to 48px */\n  h1: \"clamp(1.875rem, 4vw + 0.5rem, 3rem)\",\n\n  /** H2: 24px to 36px */\n  h2: \"clamp(1.5rem, 3vw + 0.5rem, 2.25rem)\",\n\n  /** H3: 20px to 30px */\n  h3: \"clamp(1.25rem, 2vw + 0.5rem, 1.875rem)\",\n\n  /** Body: 14px to 18px */\n  body: \"clamp(0.875rem, 1vw + 0.5rem, 1.125rem)\",\n} as const;\n\n// ============================================\n// Type Exports\n// ============================================\n\nexport type FontFamily = keyof typeof fontFamilies;\nexport type FontSize = keyof typeof fontSizes;\nexport type LineHeight = keyof typeof lineHeights;\nexport type FontWeight = keyof typeof fontWeights;\nexport type LetterSpacing = keyof typeof letterSpacing;\n"]}

package/dist/utils/index.d.ts

@@ -3,35 +3,57 @@ import { ClassValue } from 'clsx';
 declare function cn(...inputs: ClassValue[]): string;
 
 /**
- * Brand Color Utilities
+ * Runtime color resolution for APIs that cannot consume CSS variables
+ * (Canvas, WebGL, some animation libs).
  *
- * Resolves Nebutra brand CSS variables at runtime for components that
- * require raw hex values (e.g. WebGL shaders, Canvas APIs, animation libraries
- * that can't consume `var(--token)` strings directly).
+ * Layers (do not mix):
+ * - Product action / CTA: getProductPrimary() → semantic `--primary` (roles.action)
+ * - Brand mark / AI badge / logo tint: getBrandMark() → `--brand-mark` (roles.brand)
+ * - VI lock (print / legal assets): getBrandPrimary() → `--brand-primary` hex
  *
- * Components that accept CSS color strings (inline styles, gradients, SVG)
- * should prefer `var(--brand-primary)` / `var(--brand-accent)` directly
- * instead of calling these helpers.
+ * Prefer CSS / Tailwind in components:
+ * - `bg-primary` for CTAs
+ * - `bg-brand-mark` / `text-brand-mark` for Logo/AI badge (see recipe.css)
+ *
+ * @see packages/design/ARCHITECTURE.md
+ * @see packages/design/tokens/recipe.css
  */
-/** SSR / no-DOM fallbacks — only used when `window` is unavailable. */
+/** SSR fallbacks when document is unavailable */
 declare const BRAND_FALLBACK: {
+    /** VI 云毓蓝 — identity only */
     readonly primary: "#0033FE";
     readonly accent: "#0BF1C3";
     readonly tertiary: "#5c7cfa";
     readonly primaryDark: "#002ad4";
     readonly backDark: "#000830";
+    /** Soft product action (matches themes/light --primary ≈ #254bfa) */
+    readonly productPrimary: "#254bfa";
+    /**
+     * Brand mark fallback (= product action when factory brand has action≡brand).
+     * Skins may diverge (e.g. Linear purple action + indigo mark).
+     */
+    readonly brandMark: "#254bfa";
+    readonly brandMarkForeground: "#ffffff";
 };
 /**
  * Read a CSS variable from :root and return its trimmed value.
- * Falls back to `fallback` in SSR/no-DOM environments or when the var
- * is unresolved (empty string).
  */
 declare function readCssVar(name: string, fallback: string): string;
-/** Resolve `--brand-primary` to a hex/color string (with SSR fallback). */
+/**
+ * Product action color — follows the active skin (`--primary`).
+ * Use for shaders/canvas that must match buttons/CTAs.
+ */
+declare function getProductPrimary(): string;
+/** VI lock color — legal / print lockups only (not product chrome). */
 declare function getBrandPrimary(): string;
-/** Resolve `--brand-accent` to a hex/color string (with SSR fallback). */
+/**
+ * Product brand-mark (roles.brand) — Logo tile, AI badge, identity chips.
+ * Never use for default CTA (that is getProductPrimary / --primary).
+ */
+declare function getBrandMark(): string;
+/** Foreground on brand-mark surfaces. */
+declare function getBrandMarkForeground(): string;
 declare function getBrandAccent(): string;
-/** Resolve `--brand-tertiary` to a hex/color string (with SSR fallback). */
 declare function getBrandTertiary(): string;
 
 /**
@@ -58,4 +80,4 @@ type Breakpoint = keyof typeof BREAKPOINTS;
  */
 declare function isBreakpointUp(breakpoint: Breakpoint): boolean;
 
-export { BRAND_FALLBACK, BREAKPOINTS, type Breakpoint, cn, getBrandAccent, getBrandPrimary, getBrandTertiary, isBreakpointUp, readCssVar };
+export { BRAND_FALLBACK, BREAKPOINTS, type Breakpoint, cn, getBrandAccent, getBrandMark, getBrandMarkForeground, getBrandPrimary, getBrandTertiary, getProductPrimary, isBreakpointUp, readCssVar };

package/dist/utils/index.js

@@ -9,16 +9,20 @@ function cn(...inputs) {
 
 // src/utils/brand-colors.ts
 var BRAND_FALLBACK = {
+  /** VI 云毓蓝 — identity only */
   primary: "#0033FE",
-  // nebutra-blue-500
   accent: "#0BF1C3",
-  // nebutra-cyan-500
   tertiary: "#5c7cfa",
-  // nebutra-blue-400
   primaryDark: "#002ad4",
-  // nebutra-blue-600
-  backDark: "#000830"
-  // nebutra-blue-950
+  backDark: "#000830",
+  /** Soft product action (matches themes/light --primary ≈ #254bfa) */
+  productPrimary: "#254bfa",
+  /**
+   * Brand mark fallback (= product action when factory brand has action≡brand).
+   * Skins may diverge (e.g. Linear purple action + indigo mark).
+   */
+  brandMark: "#254bfa",
+  brandMarkForeground: "#ffffff"
 };
 function readCssVar(name, fallback) {
   if (typeof window === "undefined" || typeof document === "undefined") {
@@ -27,14 +31,44 @@ function readCssVar(name, fallback) {
   const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
   return value || fallback;
 }
+function asCssColor(value, fallback) {
+  const v = value.trim() || fallback;
+  if (v.startsWith("#") || v.startsWith("rgb") || v.startsWith("hsl") || v.startsWith("oklch") || v.startsWith("color(")) {
+    return v;
+  }
+  return `hsl(${v})`;
+}
+function getProductPrimary() {
+  return asCssColor(readCssVar("--primary", "228 85% 56%"), BRAND_FALLBACK.productPrimary);
+}
 function getBrandPrimary() {
-  return readCssVar("--brand-primary", BRAND_FALLBACK.primary);
+  return asCssVarColor("--brand-primary", BRAND_FALLBACK.primary);
+}
+function getBrandMark() {
+  const raw = readCssVar("--brand-mark", "228 85% 56%");
+  if (/var\(\s*--primary\s*\)/u.test(raw)) {
+    return getProductPrimary();
+  }
+  return asCssColor(raw, BRAND_FALLBACK.brandMark);
+}
+function getBrandMarkForeground() {
+  const raw = readCssVar("--brand-mark-foreground", "0 0% 100%");
+  if (/var\(\s*--primary-foreground\s*\)/u.test(raw)) {
+    return asCssColor(
+      readCssVar("--primary-foreground", "0 0% 100%"),
+      BRAND_FALLBACK.brandMarkForeground
+    );
+  }
+  return asCssColor(raw, BRAND_FALLBACK.brandMarkForeground);
+}
+function asCssVarColor(name, fallback) {
+  return asCssColor(readCssVar(name, fallback), fallback);
 }
 function getBrandAccent() {
-  return readCssVar("--brand-accent", BRAND_FALLBACK.accent);
+  return asCssVarColor("--brand-accent", BRAND_FALLBACK.accent);
 }
 function getBrandTertiary() {
-  return readCssVar("--brand-tertiary", BRAND_FALLBACK.tertiary);
+  return asCssVarColor("--brand-tertiary", BRAND_FALLBACK.tertiary);
 }
 
 // src/utils/index.ts
@@ -50,6 +84,6 @@ function isBreakpointUp(breakpoint) {
   return window.innerWidth >= BREAKPOINTS[breakpoint];
 }
 
-export { BRAND_FALLBACK, BREAKPOINTS, cn, getBrandAccent, getBrandPrimary, getBrandTertiary, isBreakpointUp, readCssVar };
+export { BRAND_FALLBACK, BREAKPOINTS, cn, getBrandAccent, getBrandMark, getBrandMarkForeground, getBrandPrimary, getBrandTertiary, getProductPrimary, isBreakpointUp, readCssVar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/cn.ts","../../src/utils/brand-colors.ts","../../src/utils/index.ts"],"names":[],"mappings":";;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;;;ACQO,IAAM,cAAA,GAAiB;AAAA,EAC5B,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,MAAA,EAAQ,SAAA;AAAA;AAAA,EACR,QAAA,EAAU,SAAA;AAAA;AAAA,EACV,WAAA,EAAa,SAAA;AAAA;AAAA,EACb,QAAA,EAAU;AAAA;AACZ;AAOO,SAAS,UAAA,CAAW,MAAc,QAAA,EAA0B;AACjE,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,OAAO,aAAa,WAAA,EAAa;AACpE,IAAA,OAAO,QAAA;AAAA,EACT;AACA,EAAA,MAAM,KAAA,GAAQ,iBAAiB,QAAA,CAAS,eAAe,EAAE,gBAAA,CAAiB,IAAI,EAAE,IAAA,EAAK;AACrF,EAAA,OAAO,KAAA,IAAS,QAAA;AAClB;AAGO,SAAS,eAAA,GAA0B;AACxC,EAAA,OAAO,UAAA,CAAW,iBAAA,EAAmB,cAAA,CAAe,OAAO,CAAA;AAC7D;AAGO,SAAS,cAAA,GAAyB;AACvC,EAAA,OAAO,UAAA,CAAW,gBAAA,EAAkB,cAAA,CAAe,MAAM,CAAA;AAC3D;AAGO,SAAS,gBAAA,GAA2B;AACzC,EAAA,OAAO,UAAA,CAAW,kBAAA,EAAoB,cAAA,CAAe,QAAQ,CAAA;AAC/D;;;AClCO,IAAM,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI,CAAA;AAAA,EACJ,EAAA,EAAI,GAAA;AAAA,EACJ,EAAA,EAAI,GAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAOO,SAAS,eAAe,UAAA,EAAiC;AAC9D,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,IAAA;AAC1C,EAAA,OAAO,MAAA,CAAO,UAAA,IAAc,WAAA,CAAY,UAAU,CAAA;AACpD","file":"index.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Brand Color Utilities\n *\n * Resolves Nebutra brand CSS variables at runtime for components that\n * require raw hex values (e.g. WebGL shaders, Canvas APIs, animation libraries\n * that can't consume `var(--token)` strings directly).\n *\n * Components that accept CSS color strings (inline styles, gradients, SVG)\n * should prefer `var(--brand-primary)` / `var(--brand-accent)` directly\n * instead of calling these helpers.\n */\n\n/** SSR / no-DOM fallbacks — only used when `window` is unavailable. */\nexport const BRAND_FALLBACK = {\n  primary: \"#0033FE\", // nebutra-blue-500\n  accent: \"#0BF1C3\", // nebutra-cyan-500\n  tertiary: \"#5c7cfa\", // nebutra-blue-400\n  primaryDark: \"#002ad4\", // nebutra-blue-600\n  backDark: \"#000830\", // nebutra-blue-950\n} as const;\n\n/**\n * Read a CSS variable from :root and return its trimmed value.\n * Falls back to `fallback` in SSR/no-DOM environments or when the var\n * is unresolved (empty string).\n */\nexport function readCssVar(name: string, fallback: string): string {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n    return fallback;\n  }\n  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();\n  return value || fallback;\n}\n\n/** Resolve `--brand-primary` to a hex/color string (with SSR fallback). */\nexport function getBrandPrimary(): string {\n  return readCssVar(\"--brand-primary\", BRAND_FALLBACK.primary);\n}\n\n/** Resolve `--brand-accent` to a hex/color string (with SSR fallback). */\nexport function getBrandAccent(): string {\n  return readCssVar(\"--brand-accent\", BRAND_FALLBACK.accent);\n}\n\n/** Resolve `--brand-tertiary` to a hex/color string (with SSR fallback). */\nexport function getBrandTertiary(): string {\n  return readCssVar(\"--brand-tertiary\", BRAND_FALLBACK.tertiary);\n}\n","/**\n * Utility Functions\n */\n\n/**\n * Merge class names — canonical implementation from ./cn.ts\n * Uses twMerge(clsx(...)) to correctly resolve Tailwind class conflicts.\n */\nexport { cn } from \"./cn\";\n\n/**\n * Breakpoint values (matches Primer)\n */\nexport const BREAKPOINTS = {\n  xs: 0,\n  sm: 544,\n  md: 768,\n  lg: 1012,\n  xl: 1280,\n} as const;\n\nexport type Breakpoint = keyof typeof BREAKPOINTS;\n\n/**\n * Check if viewport is at or above breakpoint\n */\nexport function isBreakpointUp(breakpoint: Breakpoint): boolean {\n  if (typeof window === \"undefined\") return true;\n  return window.innerWidth >= BREAKPOINTS[breakpoint];\n}\n\nexport {\n  BRAND_FALLBACK,\n  getBrandAccent,\n  getBrandPrimary,\n  getBrandTertiary,\n  readCssVar,\n} from \"./brand-colors\";\n"]}
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/utils/brand-colors.ts","../../src/utils/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Runtime color resolution for APIs that cannot consume CSS variables\n * (Canvas, WebGL, some animation libs).\n *\n * Layers (do not mix):\n * - Product action / CTA: getProductPrimary() → semantic `--primary` (roles.action)\n * - Brand mark / AI badge / logo tint: getBrandMark() → `--brand-mark` (roles.brand)\n * - VI lock (print / legal assets): getBrandPrimary() → `--brand-primary` hex\n *\n * Prefer CSS / Tailwind in components:\n * - `bg-primary` for CTAs\n * - `bg-brand-mark` / `text-brand-mark` for Logo/AI badge (see recipe.css)\n *\n * @see packages/design/ARCHITECTURE.md\n * @see packages/design/tokens/recipe.css\n */\n\n/** SSR fallbacks when document is unavailable */\nexport const BRAND_FALLBACK = {\n  /** VI 云毓蓝 — identity only */\n  primary: \"#0033FE\",\n  accent: \"#0BF1C3\",\n  tertiary: \"#5c7cfa\",\n  primaryDark: \"#002ad4\",\n  backDark: \"#000830\",\n  /** Soft product action (matches themes/light --primary ≈ #254bfa) */\n  productPrimary: \"#254bfa\",\n  /**\n   * Brand mark fallback (= product action when factory brand has action≡brand).\n   * Skins may diverge (e.g. Linear purple action + indigo mark).\n   */\n  brandMark: \"#254bfa\",\n  brandMarkForeground: \"#ffffff\",\n} as const;\n\n/**\n * Read a CSS variable from :root and return its trimmed value.\n */\nexport function readCssVar(name: string, fallback: string): string {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n    return fallback;\n  }\n  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();\n  return value || fallback;\n}\n\n/** Turn HSL channel triple or full color into a CSS color string. */\nfunction asCssColor(value: string, fallback: string): string {\n  const v = value.trim() || fallback;\n  if (\n    v.startsWith(\"#\") ||\n    v.startsWith(\"rgb\") ||\n    v.startsWith(\"hsl\") ||\n    v.startsWith(\"oklch\") ||\n    v.startsWith(\"color(\")\n  ) {\n    return v;\n  }\n  // shadcn-style \"228 85% 56%\"\n  return `hsl(${v})`;\n}\n\n/**\n * Product action color — follows the active skin (`--primary`).\n * Use for shaders/canvas that must match buttons/CTAs.\n */\nexport function getProductPrimary(): string {\n  return asCssColor(readCssVar(\"--primary\", \"228 85% 56%\"), BRAND_FALLBACK.productPrimary);\n}\n\n/** VI lock color — legal / print lockups only (not product chrome). */\nexport function getBrandPrimary(): string {\n  return asCssVarColor(\"--brand-primary\", BRAND_FALLBACK.primary);\n}\n\n/**\n * Product brand-mark (roles.brand) — Logo tile, AI badge, identity chips.\n * Never use for default CTA (that is getProductPrimary / --primary).\n */\nexport function getBrandMark(): string {\n  const raw = readCssVar(\"--brand-mark\", \"228 85% 56%\");\n  // Factory recipe defaults `--brand-mark: var(--primary)` — resolve to action color.\n  if (/var\\(\\s*--primary\\s*\\)/u.test(raw)) {\n    return getProductPrimary();\n  }\n  return asCssColor(raw, BRAND_FALLBACK.brandMark);\n}\n\n/** Foreground on brand-mark surfaces. */\nexport function getBrandMarkForeground(): string {\n  const raw = readCssVar(\"--brand-mark-foreground\", \"0 0% 100%\");\n  if (/var\\(\\s*--primary-foreground\\s*\\)/u.test(raw)) {\n    return asCssColor(\n      readCssVar(\"--primary-foreground\", \"0 0% 100%\"),\n      BRAND_FALLBACK.brandMarkForeground,\n    );\n  }\n  return asCssColor(raw, BRAND_FALLBACK.brandMarkForeground);\n}\n\nfunction asCssVarColor(name: string, fallback: string): string {\n  return asCssColor(readCssVar(name, fallback), fallback);\n}\n\nexport function getBrandAccent(): string {\n  return asCssVarColor(\"--brand-accent\", BRAND_FALLBACK.accent);\n}\n\nexport function getBrandTertiary(): string {\n  return asCssVarColor(\"--brand-tertiary\", BRAND_FALLBACK.tertiary);\n}\n","/**\n * Utility Functions\n */\n\n/**\n * Merge class names — canonical implementation from ./cn.ts\n * Uses twMerge(clsx(...)) to correctly resolve Tailwind class conflicts.\n */\nexport { cn } from \"./cn\";\n\n/**\n * Breakpoint values (matches Primer)\n */\nexport const BREAKPOINTS = {\n  xs: 0,\n  sm: 544,\n  md: 768,\n  lg: 1012,\n  xl: 1280,\n} as const;\n\nexport type Breakpoint = keyof typeof BREAKPOINTS;\n\n/**\n * Check if viewport is at or above breakpoint\n */\nexport function isBreakpointUp(breakpoint: Breakpoint): boolean {\n  if (typeof window === \"undefined\") return true;\n  return window.innerWidth >= BREAKPOINTS[breakpoint];\n}\n\nexport {\n  BRAND_FALLBACK,\n  getBrandAccent,\n  getBrandMark,\n  getBrandMarkForeground,\n  getBrandPrimary,\n  getBrandTertiary,\n  getProductPrimary,\n  readCssVar,\n} from \"./brand-colors\";\n"]}