@expcat/tigercat-core 1.0.7 → 1.2.0

package/dist/tailwind/modern.cjs

@@ -0,0 +1,353 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tailwind-entry-modern.ts
+var tailwind_entry_modern_exports = {};
+__export(tailwind_entry_modern_exports, {
+  default: () => tailwind_entry_modern_default
+});
+module.exports = __toCommonJS(tailwind_entry_modern_exports);
+
+// src/tailwind-plugin.ts
+var import_plugin = __toESM(require("tailwindcss/plugin"), 1);
+
+// 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 = (0, import_plugin.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"
+    },
+    ...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 (0, import_plugin.default)(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;

package/dist/tailwind/modern.d.cts

@@ -0,0 +1,6 @@
+import { P as PluginWithConfig } from '../types-CJYAW1ql.d-DDBFn6KB.cjs';
+import './resolve-config-QUZ9b-Gn.mjs';
+
+declare const modernPlugin: PluginWithConfig;
+
+export { modernPlugin as default };

package/dist/tailwind/modern.d.ts

@@ -0,0 +1,6 @@
+import { P as PluginWithConfig } from '../types-CJYAW1ql.d-DDBFn6KB.js';
+import './resolve-config-QUZ9b-Gn.mjs';
+
+declare const modernPlugin: PluginWithConfig;
+
+export { modernPlugin as default };