@expcat/tigercat-core 1.0.7 → 1.2.0

package/dist/tailwind/modern.js

@@ -0,0 +1,320 @@
+// src/tailwind-plugin.ts
+import plugin from "tailwindcss/plugin";
+
+// src/theme/index.ts
+var THEME_CSS_VARS = {
+  // Primary colors
+  primary: "--tiger-primary",
+  primaryHover: "--tiger-primary-hover",
+  primaryActive: "--tiger-primary-active",
+  primaryDisabled: "--tiger-primary-disabled",
+  // Secondary colors
+  secondary: "--tiger-secondary",
+  secondaryHover: "--tiger-secondary-hover",
+  secondaryActive: "--tiger-secondary-active",
+  secondaryDisabled: "--tiger-secondary-disabled",
+  // Background hover states
+  outlineBgHover: "--tiger-outline-bg-hover",
+  ghostBgHover: "--tiger-ghost-bg-hover",
+  // Interaction states
+  focusRing: "--tiger-focus-ring",
+  // Surface & background
+  surface: "--tiger-surface",
+  surfaceMuted: "--tiger-surface-muted",
+  surfaceRaised: "--tiger-surface-raised",
+  // Text
+  text: "--tiger-text",
+  textSecondary: "--tiger-text-secondary",
+  textDisabled: "--tiger-text-disabled",
+  // Border
+  border: "--tiger-border",
+  borderStrong: "--tiger-border-strong",
+  // Status colors
+  success: "--tiger-success",
+  warning: "--tiger-warning",
+  error: "--tiger-error",
+  info: "--tiger-info",
+  // Chart palette
+  chart1: "--tiger-chart-1",
+  chart2: "--tiger-chart-2",
+  chart3: "--tiger-chart-3",
+  chart4: "--tiger-chart-4",
+  chart5: "--tiger-chart-5",
+  chart6: "--tiger-chart-6",
+  // Breakpoints
+  breakpointXs: "--tiger-breakpoint-xs",
+  breakpointSm: "--tiger-breakpoint-sm",
+  breakpointMd: "--tiger-breakpoint-md",
+  breakpointLg: "--tiger-breakpoint-lg",
+  breakpointXl: "--tiger-breakpoint-xl"
+};
+
+// src/themes/modern/tokens.ts
+var MODERN_BASE_TOKENS_LIGHT = {
+  // Radius (matches existing rounded-md/lg/xl)
+  "--tiger-radius-sm": "0.375rem",
+  "--tiger-radius-md": "0.5rem",
+  "--tiger-radius-lg": "0.75rem",
+  "--tiger-radius-xl": "1rem",
+  "--tiger-radius-pill": "9999px",
+  // Shadows (Tailwind defaults)
+  "--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  "--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  "--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+  // Glass — disabled by default (no backdrop blur, no inset highlights)
+  "--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
+  "--tiger-blur-glass": "0px",
+  "--tiger-blur-glass-strong": "0px",
+  // Gradients — fall back to solid color via a no-op linear-gradient
+  "--tiger-gradient-primary": "linear-gradient(180deg, var(--tiger-primary), var(--tiger-primary))",
+  "--tiger-gradient-surface": "linear-gradient(180deg, var(--tiger-surface), var(--tiger-surface))",
+  "--tiger-gradient-danger": "linear-gradient(180deg, var(--tiger-error), var(--tiger-error))",
+  // Motion — current durations / easings
+  "--tiger-motion-duration-instant": "80ms",
+  "--tiger-motion-duration-quick": "150ms",
+  "--tiger-motion-duration-base": "200ms",
+  "--tiger-motion-duration-relaxed": "300ms",
+  "--tiger-motion-duration-slow": "450ms",
+  "--tiger-motion-ease-standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+  "--tiger-motion-ease-decelerate": "cubic-bezier(0, 0, 0.2, 1)",
+  "--tiger-motion-ease-accelerate": "cubic-bezier(0.4, 0, 1, 1)",
+  "--tiger-motion-ease-emphasized": "cubic-bezier(0.4, 0, 0.2, 1)",
+  "--tiger-motion-ease-spring": "cubic-bezier(0.4, 0, 0.2, 1)",
+  "--tiger-transition-base": "all 200ms cubic-bezier(0.4, 0, 0.2, 1)",
+  "--tiger-transition-quick": "all 150ms cubic-bezier(0.4, 0, 0.2, 1)",
+  "--tiger-transition-emphasized": "transform 300ms cubic-bezier(0.4, 0, 0.2, 1)"
+};
+var MODERN_BASE_TOKENS_DARK = {
+  // Shadows tinted slightly to handle dark backgrounds
+  "--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
+  "--tiger-shadow-md": "0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.25)",
+  "--tiger-shadow-lg": "0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.25)",
+  "--tiger-shadow-xl": "0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.25)",
+  "--tiger-shadow-glass": "0 1px 2px 0 rgb(0 0 0 / 0.2)",
+  "--tiger-shadow-glass-strong": "0 4px 6px -1px rgb(0 0 0 / 0.3)"
+};
+var MODERN_OVERRIDE_TOKENS_LIGHT = {
+  // Rounder corners
+  "--tiger-radius-sm": "8px",
+  "--tiger-radius-md": "12px",
+  "--tiger-radius-lg": "16px",
+  "--tiger-radius-xl": "20px",
+  "--tiger-radius-pill": "9999px",
+  // Multi-layer shadows
+  "--tiger-shadow-sm": "0 1px 2px 0 rgb(0 0 0 / 0.04), 0 1px 3px 0 rgb(0 0 0 / 0.06)",
+  "--tiger-shadow-md": "0 4px 8px -2px rgb(0 0 0 / 0.06), 0 2px 4px -1px rgb(0 0 0 / 0.04)",
+  "--tiger-shadow-lg": "0 12px 24px -4px rgb(0 0 0 / 0.08), 0 4px 8px -2px rgb(0 0 0 / 0.04)",
+  "--tiger-shadow-xl": "0 24px 48px -8px rgb(0 0 0 / 0.1), 0 8px 16px -4px rgb(0 0 0 / 0.05)",
+  // Glass: backdrop blur + inset highlights
+  "--tiger-shadow-glass": "inset 0 1px 0 rgb(255 255 255 / 0.6), inset 0 -1px 0 rgb(0 0 0 / 0.04), 0 8px 24px -4px rgb(15 23 42 / 0.1)",
+  "--tiger-shadow-glass-strong": "inset 0 1px 0 rgb(255 255 255 / 0.5), inset 0 0 0 1px rgb(255 255 255 / 0.18), 0 16px 32px -8px rgb(15 23 42 / 0.16)",
+  "--tiger-blur-glass": "16px",
+  "--tiger-blur-glass-strong": "24px",
+  // Chart axis softening (modern look uses fainter axis/grid strokes)
+  "--tiger-chart-axis-line-opacity": "0.6",
+  "--tiger-chart-axis-tick-opacity": "0.55",
+  "--tiger-chart-grid-line-opacity": "0.4",
+  // Chart legend marker + row hover (opt-in glassy look)
+  "--tiger-chart-legend-marker-image": "linear-gradient(135deg, color-mix(in oklab, var(--tiger-chart-legend-marker-color) 100%, white 18%) 0%, var(--tiger-chart-legend-marker-color) 100%)",
+  "--tiger-chart-legend-row-hover-bg": "rgb(15 23 42 / 0.04)",
+  "--tiger-chart-legend-row-radius": "var(--tiger-radius-sm, 6px)",
+  // Chart block (TreeMap / Sunburst / Heatmap rect & path) — softer corners + active highlight
+  "--tiger-chart-block-radius": "var(--tiger-radius-sm, 2px)",
+  "--tiger-chart-block-active-filter": "brightness(1.08) saturate(1.1)",
+  // Chart bar (BarChart rect) — softer top corners (modern bumps to --tiger-radius-sm)
+  "--tiger-chart-bar-radius": "var(--tiger-radius-sm, 4px)",
+  // Chart scatter point — slightly stronger halo on hover under modern preset
+  "--tiger-chart-scatter-halo-radius": "6px",
+  // Chart donut center hole — opt-in glass panel behind centerValue / centerLabel
+  "--tiger-chart-donut-center-padding": "10px 14px",
+  "--tiger-chart-donut-center-bg": "color-mix(in oklab, var(--tiger-surface, #ffffff) 78%, transparent)",
+  "--tiger-chart-donut-center-shadow": "var(--tiger-shadow-glass)",
+  "--tiger-chart-donut-center-backdrop": "blur(var(--tiger-blur-glass, 16px)) saturate(1.05)",
+  // Subtle gradients via OKLab color-mix
+  "--tiger-gradient-primary": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-primary) 100%, white 8%) 0%, var(--tiger-primary) 100%)",
+  "--tiger-gradient-surface": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-surface) 100%, white 4%) 0%, var(--tiger-surface) 100%)",
+  "--tiger-gradient-danger": "linear-gradient(180deg, color-mix(in oklab, var(--tiger-error) 100%, white 6%) 0%, var(--tiger-error) 100%)",
+  // Refined motion
+  "--tiger-motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
+  "--tiger-motion-ease-decelerate": "cubic-bezier(0, 0, 0, 1)",
+  "--tiger-motion-ease-accelerate": "cubic-bezier(0.3, 0, 1, 1)",
+  "--tiger-motion-ease-emphasized": "cubic-bezier(0.2, 0, 0, 1.2)",
+  "--tiger-motion-ease-spring": "linear(0, 0.36 8%, 0.85 22%, 1.05 33%, 1.02 50%, 0.99 70%, 1)",
+  "--tiger-transition-base": "all var(--tiger-motion-duration-base) var(--tiger-motion-ease-standard)",
+  "--tiger-transition-quick": "all var(--tiger-motion-duration-quick) var(--tiger-motion-ease-standard)",
+  "--tiger-transition-emphasized": "transform var(--tiger-motion-duration-relaxed) var(--tiger-motion-ease-emphasized)"
+};
+var MODERN_OVERRIDE_TOKENS_DARK = {
+  "--tiger-shadow-sm": "0 1px 2px 0 rgb(2 6 23 / 0.5)",
+  "--tiger-shadow-md": "0 4px 8px -2px rgb(2 6 23 / 0.55), 0 2px 4px -1px rgb(2 6 23 / 0.4)",
+  "--tiger-shadow-lg": "0 12px 24px -4px rgb(2 6 23 / 0.55), 0 4px 8px -2px rgb(2 6 23 / 0.4)",
+  "--tiger-shadow-xl": "0 24px 48px -8px rgb(2 6 23 / 0.6), 0 8px 16px -4px rgb(2 6 23 / 0.45)",
+  "--tiger-shadow-glass": "inset 0 1px 0 rgb(255 255 255 / 0.06), inset 0 -1px 0 rgb(0 0 0 / 0.4), 0 8px 24px -4px rgb(0 0 0 / 0.4)",
+  "--tiger-shadow-glass-strong": "inset 0 1px 0 rgb(255 255 255 / 0.08), inset 0 0 0 1px rgb(255 255 255 / 0.06), 0 16px 32px -8px rgb(0 0 0 / 0.55)",
+  // Chart legend row hover for dark surfaces (slightly brighter)
+  "--tiger-chart-legend-row-hover-bg": "rgb(255 255 255 / 0.06)",
+  // Donut center glass panel for dark surfaces (slightly more opaque to read on dark)
+  "--tiger-chart-donut-center-bg": "color-mix(in oklab, var(--tiger-surface, #0f172a) 70%, transparent)"
+};
+var MODERN_REDUCED_MOTION_TOKENS = {
+  "--tiger-motion-duration-instant": "0ms",
+  "--tiger-motion-duration-quick": "0ms",
+  "--tiger-motion-duration-base": "0ms",
+  "--tiger-motion-duration-relaxed": "0ms",
+  "--tiger-motion-duration-slow": "0ms",
+  "--tiger-transition-base": "all 0ms linear",
+  "--tiger-transition-quick": "all 0ms linear",
+  "--tiger-transition-emphasized": "transform 0ms linear"
+};
+
+// src/tailwind-plugin.ts
+var tigercatTheme = {
+  // Primary
+  "--tiger-primary": "#2563eb",
+  "--tiger-primary-hover": "#1d4ed8",
+  "--tiger-primary-active": "#1e40af",
+  "--tiger-primary-disabled": "#93c5fd",
+  // Secondary
+  "--tiger-secondary": "#4b5563",
+  "--tiger-secondary-hover": "#374151",
+  "--tiger-secondary-active": "#1f2937",
+  "--tiger-secondary-disabled": "#9ca3af",
+  // Background hover states
+  "--tiger-outline-bg-hover": "#eff6ff",
+  "--tiger-ghost-bg-hover": "#eff6ff",
+  // Interaction
+  "--tiger-focus-ring": "#2563eb",
+  // Surface & background
+  "--tiger-surface": "#ffffff",
+  "--tiger-surface-muted": "#f9fafb",
+  "--tiger-surface-raised": "#ffffff",
+  // Text
+  "--tiger-text": "#111827",
+  "--tiger-text-secondary": "#6b7280",
+  "--tiger-text-disabled": "#d1d5db",
+  // Border
+  "--tiger-border": "#e5e7eb",
+  "--tiger-border-strong": "#9ca3af",
+  // Status
+  "--tiger-success": "#16a34a",
+  "--tiger-warning": "#d97706",
+  "--tiger-error": "#dc2626",
+  "--tiger-info": "#3b82f6",
+  // Chart palette
+  "--tiger-chart-1": "#2563eb",
+  "--tiger-chart-2": "#16a34a",
+  "--tiger-chart-3": "#d97706",
+  "--tiger-chart-4": "#a855f7",
+  "--tiger-chart-5": "#0ea5e9",
+  "--tiger-chart-6": "#ef4444"
+};
+var tigercatDarkTheme = {
+  "--tiger-primary": "#60a5fa",
+  "--tiger-primary-hover": "#93c5fd",
+  "--tiger-primary-active": "#bfdbfe",
+  "--tiger-primary-disabled": "#1e40af",
+  "--tiger-secondary": "#9ca3af",
+  "--tiger-secondary-hover": "#d1d5db",
+  "--tiger-secondary-active": "#e5e7eb",
+  "--tiger-secondary-disabled": "#4b5563",
+  "--tiger-outline-bg-hover": "#1e3a5f",
+  "--tiger-ghost-bg-hover": "#1e3a5f",
+  "--tiger-focus-ring": "#60a5fa",
+  "--tiger-surface": "#111827",
+  "--tiger-surface-muted": "#1f2937",
+  "--tiger-surface-raised": "#1f2937",
+  "--tiger-text": "#f9fafb",
+  "--tiger-text-secondary": "#d1d5db",
+  "--tiger-text-disabled": "#4b5563",
+  "--tiger-border": "#374151",
+  "--tiger-border-strong": "#6b7280",
+  "--tiger-success": "#4ade80",
+  "--tiger-warning": "#fbbf24",
+  "--tiger-error": "#f87171",
+  "--tiger-info": "#60a5fa",
+  "--tiger-chart-1": "#60a5fa",
+  "--tiger-chart-2": "#4ade80",
+  "--tiger-chart-3": "#fbbf24",
+  "--tiger-chart-4": "#c084fc",
+  "--tiger-chart-5": "#38bdf8",
+  "--tiger-chart-6": "#f87171"
+};
+var tigercatDirectionBase = {
+  '[dir="rtl"] .tiger-rtl-mirror, [data-tiger-dir="rtl"] .tiger-rtl-mirror': {
+    transform: "scaleX(-1)"
+  },
+  '[dir="rtl"] .tiger-text-start, [data-tiger-dir="rtl"] .tiger-text-start': {
+    textAlign: "right"
+  },
+  '[dir="rtl"] .tiger-text-end, [data-tiger-dir="rtl"] .tiger-text-end': {
+    textAlign: "left"
+  },
+  '[dir="rtl"] .tiger-flex-row, [data-tiger-dir="rtl"] .tiger-flex-row': {
+    flexDirection: "row-reverse"
+  }
+};
+var tigercatReducedMotionBase = {
+  "@media (prefers-reduced-motion: reduce)": {
+    ':root, [data-tiger-style="modern"]': MODERN_REDUCED_MOTION_TOKENS,
+    ".tiger-motion-aware, .tiger-motion-aware::before, .tiger-motion-aware::after, [data-tiger-motion]": {
+      animationDuration: "0ms",
+      animationDelay: "0ms",
+      transitionDuration: "0ms",
+      transitionDelay: "0ms",
+      scrollBehavior: "auto"
+    }
+  }
+};
+var tigercatPlugin = plugin(function({ addBase }) {
+  addBase({
+    ":root": { ...tigercatTheme, ...MODERN_BASE_TOKENS_LIGHT },
+    ".dark": { ...tigercatDarkTheme, ...MODERN_BASE_TOKENS_DARK },
+    // Remove browser default focus outline on interactive SVG elements
+    'svg [tabindex], svg [role="button"]': {
+      outline: "none"
+    },
+    ...tigercatDirectionBase,
+    ...tigercatReducedMotionBase
+  });
+});
+function presetToVars(colors) {
+  const vars = {};
+  for (const [key, value] of Object.entries(colors)) {
+    const varName = THEME_CSS_VARS[key];
+    if (varName && value) {
+      vars[varName] = value;
+    }
+  }
+  return vars;
+}
+function createTigercatPlugin(options = {}) {
+  return plugin(function({ addBase }) {
+    const preset = options.preset;
+    const lightVars = preset?.light?.colors ? presetToVars(preset.light.colors) : tigercatTheme;
+    const darkVars = preset?.dark?.colors ? presetToVars(preset.dark.colors) : tigercatDarkTheme;
+    addBase({
+      ":root": { ...lightVars, ...MODERN_BASE_TOKENS_LIGHT },
+      ".dark": { ...darkVars, ...MODERN_BASE_TOKENS_DARK },
+      'svg [tabindex], svg [role="button"]': {
+        outline: "none"
+      },
+      ...tigercatDirectionBase,
+      ...tigercatReducedMotionBase
+    });
+    if (options.modern) {
+      addBase({
+        '[data-tiger-style="modern"]': MODERN_OVERRIDE_TOKENS_LIGHT,
+        '.dark[data-tiger-style="modern"], [data-tiger-style="modern"].dark': MODERN_OVERRIDE_TOKENS_DARK
+      });
+    }
+  });
+}
+
+// src/tailwind-entry-modern.ts
+var modernPlugin = createTigercatPlugin({ modern: true });
+var tailwind_entry_modern_default = modernPlugin;
+export {
+  tailwind_entry_modern_default as default
+};

package/dist/tailwind-entry-D4_sseNi.d.ts

@@ -0,0 +1,218 @@
+import { P as PluginWithConfig } from './types-CJYAW1ql.d-DDBFn6KB.js';
+
+/**
+ * Theme configuration types for Tigercat Design System
+ *
+ * Three-level structure:
+ *  - ThemeColorScale: primitive color palette (50–950 shades)
+ *  - ThemeSemanticColors: semantic mappings (primary, surface, text, border, status)
+ *  - ThemeConfig: full configuration (colors + typography + radius + shadows + spacing)
+ *
+ * @module types/theme
+ * @since 0.7.0
+ */
+/**
+ * A 10-step color shade scale (Tailwind-compatible).
+ * Shade 900 is optional since tokens.json uses 950 only.
+ */
+interface ThemeColorScale {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900?: string;
+    950: string;
+}
+/** Colors for a single interactive/status hue (light **and** dark) */
+interface ThemeSemanticColors {
+    /** Core interactive colors */
+    primary: string;
+    primaryHover: string;
+    primaryActive: string;
+    primaryDisabled: string;
+    secondary: string;
+    secondaryHover: string;
+    secondaryActive: string;
+    secondaryDisabled: string;
+    /** Button-specific hover backgrounds */
+    outlineBgHover: string;
+    ghostBgHover: string;
+    /** Focus ring color */
+    focusRing: string;
+    /** Surface / background */
+    surface: string;
+    surfaceMuted: string;
+    surfaceRaised: string;
+    /** Text */
+    text: string;
+    textSecondary: string;
+    textDisabled: string;
+    /** Border */
+    border: string;
+    borderStrong: string;
+    /** Status (semantic) */
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    /** Chart palette (6 colors) */
+    chart1: string;
+    chart2: string;
+    chart3: string;
+    chart4: string;
+    chart5: string;
+    chart6: string;
+}
+interface ThemeTypography {
+    fontFamily: string;
+    fontFamilyMono: string;
+    fontSizeBase: string;
+    fontSizeSm: string;
+    fontSizeLg: string;
+    fontWeightNormal: string;
+    fontWeightMedium: string;
+    fontWeightSemibold: string;
+    fontWeightBold: string;
+    lineHeightNormal: string;
+    lineHeightTight: string;
+}
+interface ThemeRadius {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+}
+interface ThemeShadows {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+}
+interface ThemeSpacing {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+}
+interface ThemeMotion {
+    durationFast: string;
+    durationBase: string;
+    durationSlow: string;
+    easing: string;
+}
+/**
+ * Complete theme configuration.
+ * All sections are optional — missing values fall back to the default theme.
+ */
+interface ThemeConfig {
+    colors?: Partial<ThemeSemanticColors>;
+    typography?: Partial<ThemeTypography>;
+    radius?: Partial<ThemeRadius>;
+    shadows?: Partial<ThemeShadows>;
+    spacing?: Partial<ThemeSpacing>;
+    motion?: Partial<ThemeMotion>;
+}
+/** Name of a built-in preset theme */
+type ThemePresetName = 'default' | 'vibrant' | 'professional' | 'minimal' | 'natural' | 'modern' | 'high-contrast';
+/**
+ * A fully defined preset theme.
+ * Both `light` and `dark` are required; they will be merged with defaults at runtime.
+ */
+interface ThemePreset {
+    name: ThemePresetName | string;
+    label: string;
+    light: ThemeConfig;
+    dark: ThemeConfig;
+}
+/** Controls which colour scheme the ThemeManager applies */
+type ColorScheme = 'light' | 'dark' | 'auto';
+
+/**
+ * Default theme colors for Tigercat
+ */
+declare const tigercatTheme: {
+    '--tiger-primary': string;
+    '--tiger-primary-hover': string;
+    '--tiger-primary-active': string;
+    '--tiger-primary-disabled': string;
+    '--tiger-secondary': string;
+    '--tiger-secondary-hover': string;
+    '--tiger-secondary-active': string;
+    '--tiger-secondary-disabled': string;
+    '--tiger-outline-bg-hover': string;
+    '--tiger-ghost-bg-hover': string;
+    '--tiger-focus-ring': string;
+    '--tiger-surface': string;
+    '--tiger-surface-muted': string;
+    '--tiger-surface-raised': string;
+    '--tiger-text': string;
+    '--tiger-text-secondary': string;
+    '--tiger-text-disabled': string;
+    '--tiger-border': string;
+    '--tiger-border-strong': string;
+    '--tiger-success': string;
+    '--tiger-warning': string;
+    '--tiger-error': string;
+    '--tiger-info': string;
+    '--tiger-chart-1': string;
+    '--tiger-chart-2': string;
+    '--tiger-chart-3': string;
+    '--tiger-chart-4': string;
+    '--tiger-chart-5': string;
+    '--tiger-chart-6': string;
+};
+/**
+ * Dark mode theme overrides
+ */
+declare const tigercatDarkTheme: Record<string, string>;
+/**
+ * Tailwind CSS plugin for Tigercat
+ * Injects the default CSS variables into the root scope
+ */
+declare const tigercatPlugin: PluginWithConfig;
+interface TigercatPluginOptions {
+    /** A ThemePreset object to use instead of the built-in default */
+    preset?: ThemePreset;
+    /**
+     * Enable the opt-in "modern" token layer.
+     *
+     * When `true`, the plugin emits `[data-tiger-style="modern"]` (and the
+     * dark counterpart) blocks that override radius / shadow / glass /
+     * gradient / motion tokens with the modern values, plus a
+     * `prefers-reduced-motion` rule that collapses motion durations.
+     *
+     * Activate it on a page by setting `data-tiger-style="modern"` on `<html>`
+     * or any ancestor element of your Tigercat tree.
+     *
+     * @default false
+     */
+    modern?: boolean;
+}
+/**
+ * Configurable Tailwind CSS plugin for Tigercat.
+ *
+ * @example
+ * ```ts
+ * import { createTigercatPlugin, vibrantTheme, modernTheme } from '@expcat/tigercat-core'
+ *
+ * export default {
+ *   plugins: [
+ *     createTigercatPlugin({ preset: vibrantTheme }),
+ *     // or enable the modern visual style:
+ *     createTigercatPlugin({ preset: modernTheme, modern: true })
+ *   ]
+ * }
+ * ```
+ */
+declare function createTigercatPlugin(options?: TigercatPluginOptions): PluginWithConfig;
+
+export { type ColorScheme as C, type ThemePreset as T, type ThemeColorScale as a, type ThemeSemanticColors as b, type ThemeTypography as c, type ThemeRadius as d, type ThemeShadows as e, type ThemeSpacing as f, type ThemeMotion as g, type ThemeConfig as h, type ThemePresetName as i, tigercatDarkTheme as j, tigercatPlugin as k, type TigercatPluginOptions as l, createTigercatPlugin as m, tigercatTheme as t };