@expcat/tigercat-core 1.0.4 → 1.1.0

package/dist/tailwind-entry-2KPvkOin.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';
+/**
+ * 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 };

package/dist/tailwind-entry-CUaMC8Ma.d.cts

@@ -0,0 +1,218 @@
+import { P as PluginWithConfig } from './types-CJYAW1ql.d-DDBFn6KB.cjs';
+
+/**
+ * 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';
+/**
+ * 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 };

package/dist/tailwind.cjs

@@ -0,0 +1,141 @@
+'use strict';
+
+var plugin = require('tailwindcss/plugin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var plugin__default = /*#__PURE__*/_interopDefault(plugin);
+
+// src/tailwind-plugin.ts
+
+// 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)"
+};
+
+// 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 tigercatPlugin = plugin__default.default(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"
+    }
+  });
+});
+
+module.exports = tigercatPlugin;

package/dist/tailwind.d.cts

@@ -0,0 +1,3 @@
+export { k as default } from './tailwind-entry-CUaMC8Ma.cjs';
+import './types-CJYAW1ql.d-DDBFn6KB.cjs';
+import './resolve-config-QUZ9b-Gn.mjs';

package/dist/tailwind.d.ts

@@ -0,0 +1,3 @@
+export { k as default } from './tailwind-entry-2KPvkOin.js';
+import './types-CJYAW1ql.d-DDBFn6KB.js';
+import './resolve-config-QUZ9b-Gn.mjs';