@nebutra/ui 0.1.0 → 0.2.0

package/dist/styles/brand-override.css

@@ -0,0 +1,61 @@
+/**
+ * brand-override.css — Custom Brand Configuration
+ *
+ * Drop this file into your app's globals.css with:
+ *   @import "@nebutra/ui/styles/brand-override.css";
+ *
+ * Then edit the two color scales below to match your brand.
+ *
+ * ────────────────────────────────────────────────────────────
+ * HOW THE CASCADE WORKS
+ *
+ *   1. You define: --your-primary-* (11 steps)
+ *   2. System maps: --blue-9 → --your-primary-500 (solid fill)
+ *                  --blue-3 → --your-primary-200 (component bg)
+ *                  ... etc
+ *   3. Every component automatically uses your brand color.
+ *
+ * QUICK START (2 minutes)
+ *   Replace the hex values below with your brand colors.
+ *   Use a tool like https://uicolors.app to generate 11 steps
+ *   from a single hex value.
+ * ────────────────────────────────────────────────────────────
+ */
+
+:root {
+  /* ══════════════════════════════════════════════════════════
+     PRIMARY BRAND COLOR — replace #0033FE with your primary
+     ════════════════════════════════════════════════════════ */
+  --nebutra-blue-50: #f0f4ff; /* lightest tint — backgrounds */
+  --nebutra-blue-100: #dbe4ff;
+  --nebutra-blue-200: #bac8ff;
+  --nebutra-blue-300: #91a7ff;
+  --nebutra-blue-400: #5c7cfa;
+  --nebutra-blue-500: #0033fe; /* ← YOUR PRIMARY COLOR HERE */
+  --nebutra-blue-600: #002ad4;
+  --nebutra-blue-700: #0021ab;
+  --nebutra-blue-800: #001882;
+  --nebutra-blue-900: #000f59;
+  --nebutra-blue-950: #000830; /* darkest — text */
+
+  /* ══════════════════════════════════════════════════════════
+     SECONDARY ACCENT COLOR — replace #0BF1C3 with your accent
+     ════════════════════════════════════════════════════════ */
+  --nebutra-cyan-50: #e6fff8; /* lightest tint */
+  --nebutra-cyan-100: #b3ffec;
+  --nebutra-cyan-200: #80ffe0;
+  --nebutra-cyan-300: #4dfcd4;
+  --nebutra-cyan-400: #1af7c8;
+  --nebutra-cyan-500: #0bf1c3; /* ← YOUR ACCENT COLOR HERE */
+  --nebutra-cyan-600: #09c9a3;
+  --nebutra-cyan-700: #07a183;
+  --nebutra-cyan-800: #057963;
+  --nebutra-cyan-900: #035143;
+  --nebutra-cyan-950: #012923; /* darkest */
+
+  /* ══════════════════════════════════════════════════════════
+     OPTIONAL: Brand name tokens (used in metadata / docs only)
+     ════════════════════════════════════════════════════════ */
+  /* --brand-name: "Your Brand"; */
+  /* --brand-domain: "yourbrand.com"; */
+}

package/dist/tailwind.preset.d.ts

@@ -0,0 +1,251 @@
+/**
+ * @nebutra/ui — Tailwind CSS 4 Preset
+ *
+ * Consumes primitive design tokens from tokens/primitive.ts, which itself
+ * sources values from @nebutra/brand → @nebutra/design-tokens (SSOT).
+ *
+ * Usage (Tailwind CSS 4, CSS import — the runtime token source):
+ *   @import "@nebutra/tokens/styles.css"
+ *
+ * Usage (legacy tailwind.config.js):
+ *   import { nebutraPreset } from "@nebutra/ui/tailwind.preset"
+ *   export default { presets: [nebutraPreset] }
+ */
+declare const nebutraColors: {
+    readonly blue: {
+        readonly 50: "#f0f4ff";
+        readonly 100: "#dbe4ff";
+        readonly 200: "#bac8ff";
+        readonly 300: "#91a7ff";
+        readonly 400: "#5c7cfa";
+        readonly 500: "#0033FE";
+        readonly 600: "#002ad4";
+        readonly 700: "#0021ab";
+        readonly 800: "#001882";
+        readonly 900: "#000f59";
+        readonly 950: "#000830";
+        readonly DEFAULT: "#0033FE";
+        readonly foreground: "#FFFFFF";
+    };
+    readonly cyan: {
+        readonly 50: "#e6fff8";
+        readonly 100: "#b3ffec";
+        readonly 200: "#80ffe0";
+        readonly 300: "#4dfcd4";
+        readonly 400: "#1af7c8";
+        readonly 500: "#0BF1C3";
+        readonly 600: "#09c9a3";
+        readonly 700: "#07a183";
+        readonly 800: "#057963";
+        readonly 900: "#035143";
+        readonly 950: "#012923";
+        readonly DEFAULT: "#0BF1C3";
+        readonly foreground: "#0f172a";
+    };
+    readonly neutral: {
+        readonly 50: "#f8fafc";
+        readonly 100: "#f1f5f9";
+        readonly 200: "#e2e8f0";
+        readonly 300: "#cbd5e1";
+        readonly 400: "#94a3b8";
+        readonly 500: "#64748b";
+        readonly 600: "#475569";
+        readonly 700: "#334155";
+        readonly 800: "#1e293b";
+        readonly 900: "#0f172a";
+        readonly 950: "#020617";
+    };
+    readonly success: "#22c55e";
+    readonly warning: "#f59e0b";
+    readonly error: "#ef4444";
+    readonly info: "#0033FE";
+};
+declare const nebutraGradients: {
+    readonly brand: "linear-gradient(135deg, #0033FE 0%, #0BF1C3 100%)";
+    readonly brandHover: "linear-gradient(135deg, #0BF1C3 0%, #0033FE 100%)";
+    readonly section: "linear-gradient(180deg, #0033FE 0%, #0BF1C3 100%)";
+    readonly glow: "radial-gradient(circle, #0BF1C3 0%, #0033FE 100%)";
+    readonly darkCard: "linear-gradient(135deg, #020617 0%, #0a1628 100%)";
+};
+declare const nebutraSpacing: {
+    readonly xs: "0.25rem";
+    readonly sm: "0.5rem";
+    readonly md: "1rem";
+    readonly lg: "1.5rem";
+    readonly xl: "2rem";
+    readonly "2xl": "3rem";
+    readonly "3xl": "4rem";
+};
+declare const nebutraBorderRadius: {
+    readonly none: "0";
+    readonly sm: `${number}rem`;
+    readonly md: `${number}rem`;
+    readonly lg: `${number}rem`;
+    readonly xl: `${number}rem`;
+    readonly "2xl": `${number}rem`;
+    readonly full: "9999px";
+};
+declare const nebutraShadows: {
+    readonly none: "none";
+    readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly brandGlow: "0 0 0 3px rgb(0 51 254 / 0.15)";
+};
+declare const nebutraTypography: {
+    readonly fontFamily: {
+        readonly sans: "\"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif";
+        readonly cn: "\"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", \"vivo Sans\", sans-serif";
+        readonly display: "\"Geist\", \"Noto Sans SC\", sans-serif";
+        readonly mono: "\"Geist Mono\", \"Fira Code\", ui-monospace, Consolas, \"Courier New\", monospace";
+    };
+    readonly fontSize: {
+        readonly xs: `${number}rem`;
+        readonly sm: `${number}rem`;
+        readonly base: `${number}rem`;
+        readonly lg: `${number}rem`;
+        readonly xl: `${number}rem`;
+        readonly "2xl": `${number}rem`;
+        readonly "3xl": `${number}rem`;
+        readonly "4xl": `${number}rem`;
+    };
+    readonly fontWeight: {
+        readonly light: string;
+        readonly normal: string;
+        readonly medium: string;
+        readonly semibold: string;
+        readonly bold: string;
+    };
+};
+declare const nebutraAnimations: {
+    readonly "accordion-down": "accordion-down 0.2s ease-out";
+    readonly "accordion-up": "accordion-up 0.2s ease-out";
+    readonly "fade-in": "fade-in 0.15s ease-out";
+    readonly "fade-out": "fade-out 0.15s ease-out";
+    readonly "slide-in-from-top": "slide-in-from-top 0.3s ease-out";
+    readonly "slide-in-from-bottom": "slide-in-from-bottom 0.3s ease-out";
+    readonly "slide-in-from-left": "slide-in-from-left 0.3s ease-out";
+    readonly "slide-in-from-right": "slide-in-from-right 0.3s ease-out";
+    readonly spin: "spin 1s linear infinite";
+    readonly spinner: "spinner 0.6s linear infinite";
+    readonly pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite";
+    readonly bounce: "bounce 1s infinite";
+};
+declare const nebutraPreset: {
+    readonly colors: {
+        readonly blue: {
+            readonly 50: "#f0f4ff";
+            readonly 100: "#dbe4ff";
+            readonly 200: "#bac8ff";
+            readonly 300: "#91a7ff";
+            readonly 400: "#5c7cfa";
+            readonly 500: "#0033FE";
+            readonly 600: "#002ad4";
+            readonly 700: "#0021ab";
+            readonly 800: "#001882";
+            readonly 900: "#000f59";
+            readonly 950: "#000830";
+            readonly DEFAULT: "#0033FE";
+            readonly foreground: "#FFFFFF";
+        };
+        readonly cyan: {
+            readonly 50: "#e6fff8";
+            readonly 100: "#b3ffec";
+            readonly 200: "#80ffe0";
+            readonly 300: "#4dfcd4";
+            readonly 400: "#1af7c8";
+            readonly 500: "#0BF1C3";
+            readonly 600: "#09c9a3";
+            readonly 700: "#07a183";
+            readonly 800: "#057963";
+            readonly 900: "#035143";
+            readonly 950: "#012923";
+            readonly DEFAULT: "#0BF1C3";
+            readonly foreground: "#0f172a";
+        };
+        readonly neutral: {
+            readonly 50: "#f8fafc";
+            readonly 100: "#f1f5f9";
+            readonly 200: "#e2e8f0";
+            readonly 300: "#cbd5e1";
+            readonly 400: "#94a3b8";
+            readonly 500: "#64748b";
+            readonly 600: "#475569";
+            readonly 700: "#334155";
+            readonly 800: "#1e293b";
+            readonly 900: "#0f172a";
+            readonly 950: "#020617";
+        };
+        readonly success: "#22c55e";
+        readonly warning: "#f59e0b";
+        readonly error: "#ef4444";
+        readonly info: "#0033FE";
+    };
+    readonly spacing: {
+        readonly xs: "0.25rem";
+        readonly sm: "0.5rem";
+        readonly md: "1rem";
+        readonly lg: "1.5rem";
+        readonly xl: "2rem";
+        readonly "2xl": "3rem";
+        readonly "3xl": "4rem";
+    };
+    readonly borderRadius: {
+        readonly none: "0";
+        readonly sm: `${number}rem`;
+        readonly md: `${number}rem`;
+        readonly lg: `${number}rem`;
+        readonly xl: `${number}rem`;
+        readonly "2xl": `${number}rem`;
+        readonly full: "9999px";
+    };
+    readonly boxShadow: {
+        readonly none: "none";
+        readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+        readonly brandGlow: "0 0 0 3px rgb(0 51 254 / 0.15)";
+    };
+    readonly fontFamily: {
+        readonly sans: "\"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif";
+        readonly cn: "\"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", \"vivo Sans\", sans-serif";
+        readonly display: "\"Geist\", \"Noto Sans SC\", sans-serif";
+        readonly mono: "\"Geist Mono\", \"Fira Code\", ui-monospace, Consolas, \"Courier New\", monospace";
+    };
+    readonly fontSize: {
+        readonly xs: `${number}rem`;
+        readonly sm: `${number}rem`;
+        readonly base: `${number}rem`;
+        readonly lg: `${number}rem`;
+        readonly xl: `${number}rem`;
+        readonly "2xl": `${number}rem`;
+        readonly "3xl": `${number}rem`;
+        readonly "4xl": `${number}rem`;
+    };
+    readonly fontWeight: {
+        readonly light: string;
+        readonly normal: string;
+        readonly medium: string;
+        readonly semibold: string;
+        readonly bold: string;
+    };
+    readonly animation: {
+        readonly "accordion-down": "accordion-down 0.2s ease-out";
+        readonly "accordion-up": "accordion-up 0.2s ease-out";
+        readonly "fade-in": "fade-in 0.15s ease-out";
+        readonly "fade-out": "fade-out 0.15s ease-out";
+        readonly "slide-in-from-top": "slide-in-from-top 0.3s ease-out";
+        readonly "slide-in-from-bottom": "slide-in-from-bottom 0.3s ease-out";
+        readonly "slide-in-from-left": "slide-in-from-left 0.3s ease-out";
+        readonly "slide-in-from-right": "slide-in-from-right 0.3s ease-out";
+        readonly spin: "spin 1s linear infinite";
+        readonly spinner: "spinner 0.6s linear infinite";
+        readonly pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite";
+        readonly bounce: "bounce 1s infinite";
+    };
+};
+type NebutraPreset = typeof nebutraPreset;
+
+export { type NebutraPreset, nebutraPreset as default, nebutraAnimations, nebutraBorderRadius, nebutraColors, nebutraGradients, nebutraPreset, nebutraShadows, nebutraSpacing, nebutraTypography };

package/dist/tailwind.preset.js

@@ -0,0 +1,273 @@
+import { colors } from '@nebutra/brand';
+
+// src/tokens/primitive.ts
+var primitiveColors = {
+  // Nebutra Blue (云毓蓝) — technology & trust — VI: #0033FE
+  blue50: colors.primary[50],
+  blue100: colors.primary[100],
+  blue200: colors.primary[200],
+  blue300: colors.primary[300],
+  blue400: colors.primary[400],
+  blue500: colors.primary[500],
+  // brand primary
+  blue600: colors.primary[600],
+  blue700: colors.primary[700],
+  blue800: colors.primary[800],
+  blue900: colors.primary[900],
+  blue950: colors.primary[950],
+  // Nebutra Cyan (云毓青) — data flow & intelligence — VI: #0BF1C3
+  cyan50: colors.accent[50],
+  cyan100: colors.accent[100],
+  cyan200: colors.accent[200],
+  cyan300: colors.accent[300],
+  cyan400: colors.accent[400],
+  cyan500: colors.accent[500],
+  // brand secondary
+  cyan600: colors.accent[600],
+  cyan700: colors.accent[700],
+  cyan800: colors.accent[800],
+  cyan900: colors.accent[900],
+  cyan950: colors.accent[950],
+  // Neutral (blue-undertone gray scale)
+  neutral50: colors.neutral[50],
+  neutral100: colors.neutral[100],
+  neutral200: colors.neutral[200],
+  neutral300: colors.neutral[300],
+  neutral400: colors.neutral[400],
+  neutral500: colors.neutral[500],
+  neutral600: colors.neutral[600],
+  neutral700: colors.neutral[700],
+  neutral800: colors.neutral[800],
+  neutral900: colors.neutral[900],
+  neutral950: colors.neutral[950],
+  // deepest — used as dark background
+  // Semantic raw colors — VI §Color Specifications
+  // NOTE: info = brand blue (#0033FE), not sky/teal
+  red500: "#ef4444",
+  green500: "#22c55e",
+  amber500: "#f59e0b",
+  white: colors.white,
+  black: colors.black
+};
+var primitiveGradients = {
+  /** Hero sections, primary CTA buttons, logo fills — VI signature gradient */
+  primary: colors.gradient.primary,
+  /** Hover states, secondary gradient elements */
+  reverse: colors.gradient.primaryReverse,
+  /** Vertical layout dividers, page section separators */
+  vertical: colors.gradient.primaryVertical,
+  /** Background halos, focus glow effects, radial emphasis */
+  radial: colors.gradient.primaryRadial,
+  /** Dark mode card surfaces — deep brand-blue tinted */
+  darkCard: "linear-gradient(135deg, #020617 0%, #0a1628 100%)"
+};
+var primitiveRadius = {
+  sm: 4,
+  md: 6,
+  // Geist default — slightly more rounded than 4px
+  lg: 8,
+  xl: 12,
+  "2xl": 16};
+var primitiveFontSize = {
+  xs: 12,
+  sm: 14,
+  base: 16,
+  lg: 18,
+  xl: 20,
+  "2xl": 24,
+  "3xl": 30,
+  "4xl": 36
+};
+var primitiveFontWeight = {
+  light: 300,
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+};
+var primitiveFontFamily = {
+  /** Default body/UI stack — Geist with CJK auto-fallbacks */
+  sans: '"Geist", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif',
+  /** Chinese body/UI stack */
+  cnSans: '"Noto Sans SC", "PingFang SC", "Microsoft YaHei", "vivo Sans", sans-serif',
+  /** Display / hero headlines */
+  display: '"Geist", "Noto Sans SC", sans-serif',
+  /** Code / monospace — Geist Mono pairs with Geist for full family coverage */
+  mono: '"Geist Mono", "Fira Code", ui-monospace, Consolas, "Courier New", monospace'
+};
+var primitiveShadow = {
+  none: "none",
+  sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+  /** Brand glow — blue tone for focus/highlight states */
+  brandGlow: "0 0 0 3px rgb(0 51 254 / 0.15)"
+};
+
+// src/tailwind.preset.ts
+var nebutraColors = {
+  // 云毓蓝 (Nebutra Blue) — primary brand color — VI: #0033FE
+  blue: {
+    50: primitiveColors.blue50,
+    100: primitiveColors.blue100,
+    200: primitiveColors.blue200,
+    300: primitiveColors.blue300,
+    400: primitiveColors.blue400,
+    500: primitiveColors.blue500,
+    600: primitiveColors.blue600,
+    700: primitiveColors.blue700,
+    800: primitiveColors.blue800,
+    900: primitiveColors.blue900,
+    950: primitiveColors.blue950,
+    DEFAULT: primitiveColors.blue500,
+    foreground: primitiveColors.white
+  },
+  // 云毓青 (Nebutra Cyan) — secondary brand color — VI: #0BF1C3
+  cyan: {
+    50: primitiveColors.cyan50,
+    100: primitiveColors.cyan100,
+    200: primitiveColors.cyan200,
+    300: primitiveColors.cyan300,
+    400: primitiveColors.cyan400,
+    500: primitiveColors.cyan500,
+    600: primitiveColors.cyan600,
+    700: primitiveColors.cyan700,
+    800: primitiveColors.cyan800,
+    900: primitiveColors.cyan900,
+    950: primitiveColors.cyan950,
+    DEFAULT: primitiveColors.cyan500,
+    foreground: primitiveColors.neutral900
+  },
+  // Neutral (blue-undertone gray scale)
+  neutral: {
+    50: primitiveColors.neutral50,
+    100: primitiveColors.neutral100,
+    200: primitiveColors.neutral200,
+    300: primitiveColors.neutral300,
+    400: primitiveColors.neutral400,
+    500: primitiveColors.neutral500,
+    600: primitiveColors.neutral600,
+    700: primitiveColors.neutral700,
+    800: primitiveColors.neutral800,
+    900: primitiveColors.neutral900,
+    950: primitiveColors.neutral950
+  },
+  // Semantic colors — VI §Color Specifications
+  success: primitiveColors.green500,
+  // #22c55e — VI specifies this exact value
+  warning: primitiveColors.amber500,
+  // #f59e0b
+  error: primitiveColors.red500,
+  // #ef4444
+  info: primitiveColors.blue500
+  // #0033FE — VI: Info = Brand Blue
+};
+var nebutraGradients = {
+  brand: primitiveGradients.primary,
+  brandHover: primitiveGradients.reverse,
+  section: primitiveGradients.vertical,
+  glow: primitiveGradients.radial,
+  darkCard: primitiveGradients.darkCard
+};
+var nebutraSpacing = {
+  xs: "0.25rem",
+  // 4px
+  sm: "0.5rem",
+  // 8px
+  md: "1rem",
+  // 16px
+  lg: "1.5rem",
+  // 24px
+  xl: "2rem",
+  // 32px
+  "2xl": "3rem",
+  // 48px
+  "3xl": "4rem"
+  // 64px
+};
+var nebutraBorderRadius = {
+  none: "0",
+  sm: `${primitiveRadius.sm / 16}rem`,
+  // 4px → 0.25rem
+  md: `${primitiveRadius.md / 16}rem`,
+  // 6px → 0.375rem
+  lg: `${primitiveRadius.lg / 16}rem`,
+  // 8px → 0.5rem
+  xl: `${primitiveRadius.xl / 16}rem`,
+  // 12px → 0.75rem
+  "2xl": `${primitiveRadius["2xl"] / 16}rem`,
+  // 16px → 1rem
+  full: "9999px"
+};
+var nebutraShadows = {
+  none: primitiveShadow.none,
+  sm: primitiveShadow.sm,
+  md: primitiveShadow.md,
+  lg: primitiveShadow.lg,
+  xl: primitiveShadow.xl,
+  brandGlow: primitiveShadow.brandGlow
+};
+var nebutraTypography = {
+  fontFamily: {
+    sans: primitiveFontFamily.sans,
+    cn: primitiveFontFamily.cnSans,
+    display: primitiveFontFamily.display,
+    mono: primitiveFontFamily.mono
+  },
+  fontSize: {
+    xs: `${primitiveFontSize.xs / 16}rem`,
+    // 12px
+    sm: `${primitiveFontSize.sm / 16}rem`,
+    // 14px
+    base: `${primitiveFontSize.base / 16}rem`,
+    // 16px
+    lg: `${primitiveFontSize.lg / 16}rem`,
+    // 18px
+    xl: `${primitiveFontSize.xl / 16}rem`,
+    // 20px
+    "2xl": `${primitiveFontSize["2xl"] / 16}rem`,
+    // 24px
+    "3xl": `${primitiveFontSize["3xl"] / 16}rem`,
+    // 30px
+    "4xl": `${primitiveFontSize["4xl"] / 16}rem`
+    // 36px
+  },
+  fontWeight: {
+    light: String(primitiveFontWeight.light),
+    normal: String(primitiveFontWeight.normal),
+    medium: String(primitiveFontWeight.medium),
+    semibold: String(primitiveFontWeight.semibold),
+    bold: String(primitiveFontWeight.bold)
+  }
+};
+var nebutraAnimations = {
+  "accordion-down": "accordion-down 0.2s ease-out",
+  "accordion-up": "accordion-up 0.2s ease-out",
+  "fade-in": "fade-in 0.15s ease-out",
+  "fade-out": "fade-out 0.15s ease-out",
+  "slide-in-from-top": "slide-in-from-top 0.3s ease-out",
+  "slide-in-from-bottom": "slide-in-from-bottom 0.3s ease-out",
+  "slide-in-from-left": "slide-in-from-left 0.3s ease-out",
+  "slide-in-from-right": "slide-in-from-right 0.3s ease-out",
+  spin: "spin 1s linear infinite",
+  spinner: "spinner 0.6s linear infinite",
+  // Button loading state
+  pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+  bounce: "bounce 1s infinite"
+};
+var nebutraPreset = {
+  colors: nebutraColors,
+  spacing: nebutraSpacing,
+  borderRadius: nebutraBorderRadius,
+  boxShadow: nebutraShadows,
+  fontFamily: nebutraTypography.fontFamily,
+  fontSize: nebutraTypography.fontSize,
+  fontWeight: nebutraTypography.fontWeight,
+  animation: nebutraAnimations
+};
+var tailwind_preset_default = nebutraPreset;
+
+export { tailwind_preset_default as default, nebutraAnimations, nebutraBorderRadius, nebutraColors, nebutraGradients, nebutraPreset, nebutraShadows, nebutraSpacing, nebutraTypography };
+//# sourceMappingURL=tailwind.preset.js.map
+//# sourceMappingURL=tailwind.preset.js.map

package/dist/tailwind.preset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/primitive.ts","../src/tailwind.preset.ts"],"names":[],"mappings":"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","file":"tailwind.preset.js","sourcesContent":["/**\n * Primitive Design Tokens — Layer 1\n *\n * Raw values only. No CSS variable references, no semantic meaning.\n * These are the \"atoms\" of the design system.\n *\n * Color source: @nebutra/brand `colors` → @nebutra/design-tokens `tokens/core.json` (SSOT).\n * Typography:   Geist + Geist Mono (Vercel) with Noto Sans SC + PingFang SC + Microsoft YaHei CJK fallbacks.\n *               Aligned with @nebutra/design-tokens SSOT.\n */\n\nimport { colors } from \"@nebutra/brand\";\n\n// ─── Color Palette ────────────────────────────────────────────────────────────\n\nexport const primitiveColors = {\n  // Nebutra Blue (云毓蓝) — technology & trust — VI: #0033FE\n  blue50: colors.primary[50],\n  blue100: colors.primary[100],\n  blue200: colors.primary[200],\n  blue300: colors.primary[300],\n  blue400: colors.primary[400],\n  blue500: colors.primary[500], // brand primary\n  blue600: colors.primary[600],\n  blue700: colors.primary[700],\n  blue800: colors.primary[800],\n  blue900: colors.primary[900],\n  blue950: colors.primary[950],\n\n  // Nebutra Cyan (云毓青) — data flow & intelligence — VI: #0BF1C3\n  cyan50: colors.accent[50],\n  cyan100: colors.accent[100],\n  cyan200: colors.accent[200],\n  cyan300: colors.accent[300],\n  cyan400: colors.accent[400],\n  cyan500: colors.accent[500], // brand secondary\n  cyan600: colors.accent[600],\n  cyan700: colors.accent[700],\n  cyan800: colors.accent[800],\n  cyan900: colors.accent[900],\n  cyan950: colors.accent[950],\n\n  // Neutral (blue-undertone gray scale)\n  neutral50: colors.neutral[50],\n  neutral100: colors.neutral[100],\n  neutral200: colors.neutral[200],\n  neutral300: colors.neutral[300],\n  neutral400: colors.neutral[400],\n  neutral500: colors.neutral[500],\n  neutral600: colors.neutral[600],\n  neutral700: colors.neutral[700],\n  neutral800: colors.neutral[800],\n  neutral900: colors.neutral[900],\n  neutral950: colors.neutral[950], // deepest — used as dark background\n\n  // Semantic raw colors — VI §Color Specifications\n  // NOTE: info = brand blue (#0033FE), not sky/teal\n  red500: \"#ef4444\",\n  red600: \"#dc2626\",\n  green500: \"#22c55e\", // VI manual specifies this exact value for success\n  green600: \"#16a34a\",\n  amber500: \"#f59e0b\",\n  amber600: \"#d97706\",\n\n  white: colors.white,\n  black: colors.black,\n} as const;\n\nexport type PrimitiveColor = keyof typeof primitiveColors;\n\n// ─── Brand Gradients — VI §Brand Gradients (first-class design assets) ────────\n\nexport const primitiveGradients = {\n  /** Hero sections, primary CTA buttons, logo fills — VI signature gradient */\n  primary: colors.gradient.primary,\n  /** Hover states, secondary gradient elements */\n  reverse: colors.gradient.primaryReverse,\n  /** Vertical layout dividers, page section separators */\n  vertical: colors.gradient.primaryVertical,\n  /** Background halos, focus glow effects, radial emphasis */\n  radial: colors.gradient.primaryRadial,\n  /** Dark mode card surfaces — deep brand-blue tinted */\n  darkCard: \"linear-gradient(135deg, #020617 0%, #0a1628 100%)\",\n} as const;\n\nexport type PrimitiveGradient = keyof typeof primitiveGradients;\n\n// ─── Spacing Scale (px values) ────────────────────────────────────────────────\n\nexport const primitiveSpacing = {\n  0: 0,\n  1: 4,\n  2: 8,\n  3: 12,\n  4: 16,\n  5: 20,\n  6: 24,\n  8: 32,\n  10: 40,\n  12: 48,\n  14: 56,\n  16: 64,\n  20: 80,\n  24: 96,\n} as const;\n\nexport type PrimitiveSpacing = keyof typeof primitiveSpacing;\n\n// ─── Layout Containers (px) — max-width standards ────────────────────────────\n// Use `text` for text-heavy sections (hero copy, CTA), `content` for general\n// sections, and `wide` for full-bleed feature bento grids.\n\nexport const primitiveContainer = {\n  /** Text-focused: hero headlines, CTA copy, FAQ — optimized for reading */\n  text: 896, // ~56rem / max-w-4xl\n  /** Standard content sections: pricing, architecture, blog */\n  content: 1152, // ~72rem / max-w-6xl\n  /** Wide sections: feature bento, testimonials, product demos */\n  wide: 1400, // ~87.5rem — Vercel/Supabase standard\n} as const;\n\nexport type PrimitiveContainer = keyof typeof primitiveContainer;\n\n// ─── Sizing Scale — component heights (px) ────────────────────────────────────\n\nexport const primitiveSizing = {\n  xs: 20,\n  /** Geist button-specific size (24px). Larger than xs by design. */\n  tiny: 24,\n  sm: 32,\n  md: 40,\n  lg: 48,\n  xl: 56,\n  \"2xl\": 80,\n} as const;\n\nexport type PrimitiveSizing = keyof typeof primitiveSizing;\n\n// ─── Border Radius (px) ───────────────────────────────────────────────────────\n\nexport const primitiveRadius = {\n  none: 0,\n  sm: 4,\n  md: 6, // Geist default — slightly more rounded than 4px\n  lg: 8,\n  xl: 12,\n  \"2xl\": 16,\n  full: 9999,\n} as const;\n\nexport type PrimitiveRadius = keyof typeof primitiveRadius;\n\n// ─── Font Sizes (px) ──────────────────────────────────────────────────────────\n\nexport const primitiveFontSize = {\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} as const;\n\nexport type PrimitiveFontSize = keyof typeof primitiveFontSize;\n\n// ─── Font Weights ─────────────────────────────────────────────────────────────\n\nexport const primitiveFontWeight = {\n  light: 300,\n  normal: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n} as const;\n\nexport type PrimitiveFontWeight = keyof typeof primitiveFontWeight;\n\n// ─── Font Families — VI §Typography ──────────────────────────────────────────\n// Aligned with @nebutra/design-tokens SSOT (tokens/core.json fontFamily.*).\n// EN primary: Geist (Vercel variable, 100–900)\n// EN mono:    Geist Mono\n// CN primary: Noto Sans SC → PingFang SC → Microsoft YaHei → vivo Sans (print)\n\nexport const primitiveFontFamily = {\n  /** Default body/UI stack — Geist with CJK auto-fallbacks */\n  sans: '\"Geist\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif',\n  /** Chinese body/UI stack */\n  cnSans: '\"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", \"vivo Sans\", sans-serif',\n  /** Display / hero headlines */\n  display: '\"Geist\", \"Noto Sans SC\", sans-serif',\n  /** Heading (alias of display) */\n  heading: '\"Geist\", \"Noto Sans SC\", sans-serif',\n  /** Code / monospace — Geist Mono pairs with Geist for full family coverage */\n  mono: '\"Geist Mono\", \"Fira Code\", ui-monospace, Consolas, \"Courier New\", monospace',\n} as const;\n\nexport type PrimitiveFontFamily = keyof typeof primitiveFontFamily;\n\n// ─── Shadows ──────────────────────────────────────────────────────────────────\n\nexport const primitiveShadow = {\n  none: \"none\",\n  sm: \"0 1px 2px 0 rgb(0 0 0 / 0.05)\",\n  md: \"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)\",\n  lg: \"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)\",\n  xl: \"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)\",\n  /** Brand glow — blue tone for focus/highlight states */\n  brandGlow: \"0 0 0 3px rgb(0 51 254 / 0.15)\",\n} as const;\n\nexport type PrimitiveShadow = keyof typeof primitiveShadow;\n\n// ─── Transition ───────────────────────────────────────────────────────────────\n\n/**\n * Primitive transition tokens — aligned with the four-rail motion scale\n * (SSOT: @nebutra/design-tokens core.json → duration.*).\n * Keys mirror semantic.json motion.duration.*; values are in ms.\n */\nexport const primitiveTransition = {\n  duration: {\n    micro: 100, // hover, focus, small state changes\n    flow: 200, // standard state transitions (default)\n    reveal: 300, // larger motion (accordion, modal, drawer)\n    cinematic: 500, // hero entrance, big delight moments\n  },\n  easing: {\n    default: \"ease-out\",\n    spring: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n    inOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n  },\n} as const;\n\n// ─── Focus Ring ───────────────────────────────────────────────────────────────\n\nexport const primitiveFocusRing = {\n  width: 2, // px\n  offset: 2, // px — gap between element and ring\n} as const;\n","/**\n * @nebutra/ui — Tailwind CSS 4 Preset\n *\n * Consumes primitive design tokens from tokens/primitive.ts, which itself\n * sources values from @nebutra/brand → @nebutra/design-tokens (SSOT).\n *\n * Usage (Tailwind CSS 4, CSS import — the runtime token source):\n *   @import \"@nebutra/tokens/styles.css\"\n *\n * Usage (legacy tailwind.config.js):\n *   import { nebutraPreset } from \"@nebutra/ui/tailwind.preset\"\n *   export default { presets: [nebutraPreset] }\n */\n\nimport {\n  primitiveColors,\n  primitiveFontFamily,\n  primitiveFontSize,\n  primitiveFontWeight,\n  primitiveGradients,\n  primitiveRadius,\n  primitiveShadow,\n} from \"./tokens/primitive\";\n\n// ─── Brand Color Palette ──────────────────────────────────────────────────────\n// Source: 云毓智能 VI 手册 — these are the correct Nebutra values, NOT generic\n// blue (#3B82F6) or purple (#A855F7) which were incorrectly present before.\n\nexport const nebutraColors = {\n  // 云毓蓝 (Nebutra Blue) — primary brand color — VI: #0033FE\n  blue: {\n    50: primitiveColors.blue50,\n    100: primitiveColors.blue100,\n    200: primitiveColors.blue200,\n    300: primitiveColors.blue300,\n    400: primitiveColors.blue400,\n    500: primitiveColors.blue500,\n    600: primitiveColors.blue600,\n    700: primitiveColors.blue700,\n    800: primitiveColors.blue800,\n    900: primitiveColors.blue900,\n    950: primitiveColors.blue950,\n    DEFAULT: primitiveColors.blue500,\n    foreground: primitiveColors.white,\n  },\n\n  // 云毓青 (Nebutra Cyan) — secondary brand color — VI: #0BF1C3\n  cyan: {\n    50: primitiveColors.cyan50,\n    100: primitiveColors.cyan100,\n    200: primitiveColors.cyan200,\n    300: primitiveColors.cyan300,\n    400: primitiveColors.cyan400,\n    500: primitiveColors.cyan500,\n    600: primitiveColors.cyan600,\n    700: primitiveColors.cyan700,\n    800: primitiveColors.cyan800,\n    900: primitiveColors.cyan900,\n    950: primitiveColors.cyan950,\n    DEFAULT: primitiveColors.cyan500,\n    foreground: primitiveColors.neutral900,\n  },\n\n  // Neutral (blue-undertone gray scale)\n  neutral: {\n    50: primitiveColors.neutral50,\n    100: primitiveColors.neutral100,\n    200: primitiveColors.neutral200,\n    300: primitiveColors.neutral300,\n    400: primitiveColors.neutral400,\n    500: primitiveColors.neutral500,\n    600: primitiveColors.neutral600,\n    700: primitiveColors.neutral700,\n    800: primitiveColors.neutral800,\n    900: primitiveColors.neutral900,\n    950: primitiveColors.neutral950,\n  },\n\n  // Semantic colors — VI §Color Specifications\n  success: primitiveColors.green500, // #22c55e — VI specifies this exact value\n  warning: primitiveColors.amber500, // #f59e0b\n  error: primitiveColors.red500, // #ef4444\n  info: primitiveColors.blue500, // #0033FE — VI: Info = Brand Blue\n} as const;\n\n// ─── Brand Gradients ──────────────────────────────────────────────────────────\n// VI §Brand Gradients — these are first-class brand assets\n\nexport const nebutraGradients = {\n  brand: primitiveGradients.primary,\n  brandHover: primitiveGradients.reverse,\n  section: primitiveGradients.vertical,\n  glow: primitiveGradients.radial,\n  darkCard: primitiveGradients.darkCard,\n} as const;\n\n// ─── Spacing ──────────────────────────────────────────────────────────────────\n\nexport const nebutraSpacing = {\n  xs: \"0.25rem\", // 4px\n  sm: \"0.5rem\", // 8px\n  md: \"1rem\", // 16px\n  lg: \"1.5rem\", // 24px\n  xl: \"2rem\", // 32px\n  \"2xl\": \"3rem\", // 48px\n  \"3xl\": \"4rem\", // 64px\n} as const;\n\n// ─── Border Radius ────────────────────────────────────────────────────────────\n// Consumed directly from primitive tokens (px → rem conversion)\n\nexport const nebutraBorderRadius = {\n  none: \"0\",\n  sm: `${primitiveRadius.sm / 16}rem`, // 4px → 0.25rem\n  md: `${primitiveRadius.md / 16}rem`, // 6px → 0.375rem\n  lg: `${primitiveRadius.lg / 16}rem`, // 8px → 0.5rem\n  xl: `${primitiveRadius.xl / 16}rem`, // 12px → 0.75rem\n  \"2xl\": `${primitiveRadius[\"2xl\"] / 16}rem`, // 16px → 1rem\n  full: \"9999px\",\n} as const;\n\n// ─── Shadows ──────────────────────────────────────────────────────────────────\n\nexport const nebutraShadows = {\n  none: primitiveShadow.none,\n  sm: primitiveShadow.sm,\n  md: primitiveShadow.md,\n  lg: primitiveShadow.lg,\n  xl: primitiveShadow.xl,\n  brandGlow: primitiveShadow.brandGlow,\n} as const;\n\n// ─── Typography — VI §Typography ─────────────────────────────────────────────\n\nexport const nebutraTypography = {\n  fontFamily: {\n    sans: primitiveFontFamily.sans,\n    cn: primitiveFontFamily.cnSans,\n    display: primitiveFontFamily.display,\n    mono: primitiveFontFamily.mono,\n  },\n  fontSize: {\n    xs: `${primitiveFontSize.xs / 16}rem`, // 12px\n    sm: `${primitiveFontSize.sm / 16}rem`, // 14px\n    base: `${primitiveFontSize.base / 16}rem`, // 16px\n    lg: `${primitiveFontSize.lg / 16}rem`, // 18px\n    xl: `${primitiveFontSize.xl / 16}rem`, // 20px\n    \"2xl\": `${primitiveFontSize[\"2xl\"] / 16}rem`, // 24px\n    \"3xl\": `${primitiveFontSize[\"3xl\"] / 16}rem`, // 30px\n    \"4xl\": `${primitiveFontSize[\"4xl\"] / 16}rem`, // 36px\n  },\n  fontWeight: {\n    light: String(primitiveFontWeight.light),\n    normal: String(primitiveFontWeight.normal),\n    medium: String(primitiveFontWeight.medium),\n    semibold: String(primitiveFontWeight.semibold),\n    bold: String(primitiveFontWeight.bold),\n  },\n} as const;\n\n// ─── Animations ───────────────────────────────────────────────────────────────\n\nexport const nebutraAnimations = {\n  \"accordion-down\": \"accordion-down 0.2s ease-out\",\n  \"accordion-up\": \"accordion-up 0.2s ease-out\",\n  \"fade-in\": \"fade-in 0.15s ease-out\",\n  \"fade-out\": \"fade-out 0.15s ease-out\",\n  \"slide-in-from-top\": \"slide-in-from-top 0.3s ease-out\",\n  \"slide-in-from-bottom\": \"slide-in-from-bottom 0.3s ease-out\",\n  \"slide-in-from-left\": \"slide-in-from-left 0.3s ease-out\",\n  \"slide-in-from-right\": \"slide-in-from-right 0.3s ease-out\",\n  spin: \"spin 1s linear infinite\",\n  spinner: \"spinner 0.6s linear infinite\", // Button loading state\n  pulse: \"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite\",\n  bounce: \"bounce 1s infinite\",\n} as const;\n\n// ─── Full Preset ──────────────────────────────────────────────────────────────\n\nexport const nebutraPreset = {\n  colors: nebutraColors,\n  spacing: nebutraSpacing,\n  borderRadius: nebutraBorderRadius,\n  boxShadow: nebutraShadows,\n  fontFamily: nebutraTypography.fontFamily,\n  fontSize: nebutraTypography.fontSize,\n  fontWeight: nebutraTypography.fontWeight,\n  animation: nebutraAnimations,\n} as const;\n\nexport type NebutraPreset = typeof nebutraPreset;\n\nexport default nebutraPreset;\n"]}