@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

package/dist/gradients/presets.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"presets.cjs","sources":["../../src/gradients/presets.ts"],"sourcesContent":["/**\n * Gradient Presets for TachUI\n * \n * Common gradient patterns and presets for quick development.\n * Includes popular design system gradients and utility patterns.\n */\n\nimport { LinearGradient, RadialGradient, AngularGradient } from './index'\nimport type { \n  GradientDefinition, \n  StateGradientOptions,\n  LinearGradientOptions\n} from './types'\n\n/**\n * Common color schemes for gradients\n */\nexport const GradientColors = {\n  // iOS-style colors\n  ios: {\n    blue: ['#007AFF', '#0051D2'] as const,\n    green: ['#30D158', '#248A3D'] as const,\n    orange: ['#FF9500', '#CC7700'] as const,\n    red: ['#FF3B30', '#CC2E26'] as const,\n    purple: ['#AF52DE', '#8C42B8'] as const,\n    pink: ['#FF2D92', '#CC2475'] as const,\n    teal: ['#5AC8FA', '#48A3C8'] as const,\n    indigo: ['#5856D6', '#4644AB'] as const\n  },\n\n  // Material Design colors\n  material: {\n    blue: ['#2196F3', '#1976D2'] as const,\n    green: ['#4CAF50', '#388E3C'] as const,\n    orange: ['#FF9800', '#F57C00'] as const,\n    red: ['#F44336', '#D32F2F'] as const,\n    purple: ['#9C27B0', '#7B1FA2'] as const,\n    pink: ['#E91E63', '#C2185B'] as const,\n    teal: ['#009688', '#00695C'] as const,\n    indigo: ['#3F51B5', '#303F9F'] as const\n  },\n\n  // Modern web gradients\n  modern: {\n    ocean: ['#667eea', '#764ba2'] as const,\n    sunset: ['#ff7e5f', '#feb47b'] as const,\n    forest: ['#134e5e', '#71b280'],\n    lavender: ['#a8edea', '#fed6e3'],\n    fire: ['#ff416c', '#ff4b2b'],\n    aurora: ['#4facfe', '#00f2fe'],\n    cosmic: ['#c471ed', '#f64f59'],\n    emerald: ['#11998e', '#38ef7d']\n  },\n\n  // Neutral gradients\n  neutral: {\n    lightGray: ['#f8f9fa', '#e9ecef'],\n    darkGray: ['#495057', '#212529'],\n    warmGray: ['#f5f5f4', '#e7e5e4'],\n    coolGray: ['#f1f5f9', '#e2e8f0'],\n    slate: ['#f8fafc', '#f1f5f9'],\n    stone: ['#fafaf9', '#f5f5f4']\n  }\n} as const\n\n/**\n * Predefined linear gradient presets\n */\nexport const LinearGradientPresets = {\n  // Direction-based presets\n  vertical: (colors: [string, string]) => LinearGradient({\n    colors,\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  horizontal: (colors: [string, string]) => LinearGradient({\n    colors,\n    startPoint: 'leading',\n    endPoint: 'trailing'\n  }),\n\n  diagonal: (colors: [string, string]) => LinearGradient({\n    colors,\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  diagonalReverse: (colors: [string, string]) => LinearGradient({\n    colors,\n    startPoint: 'topTrailing',\n    endPoint: 'bottomLeading'\n  }),\n\n  // Popular gradient patterns\n  iosBlue: () => LinearGradient({\n    colors: [...GradientColors.ios.blue],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  materialBlue: () => LinearGradient({\n    colors: [...GradientColors.material.blue],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  ocean: () => LinearGradient({\n    colors: [...GradientColors.modern.ocean],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  sunset: () => LinearGradient({\n    colors: [...GradientColors.modern.sunset],\n    startPoint: 'leading',\n    endPoint: 'trailing'\n  }),\n\n  aurora: () => LinearGradient({\n    colors: [...GradientColors.modern.aurora],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  // Multi-color gradients\n  rainbow: () => LinearGradient({\n    colors: ['#ff0000', '#ff7f00', '#ffff00', '#00ff00', '#0000ff', '#8f00ff'],\n    startPoint: 'leading',\n    endPoint: 'trailing',\n    stops: [0, 16.66, 33.33, 50, 66.66, 83.33, 100]\n  }),\n\n  prism: () => LinearGradient({\n    colors: ['#ff6b6b', '#4ecdc4', '#45b7d1', '#96ceb4', '#feca57'],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  // Card and surface gradients\n  cardLight: () => LinearGradient({\n    colors: [...GradientColors.neutral.lightGray],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  cardDark: () => LinearGradient({\n    colors: [...GradientColors.neutral.darkGray],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  glass: () => LinearGradient({\n    colors: ['rgba(255, 255, 255, 0.25)', 'rgba(255, 255, 255, 0.05)'],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  frosted: () => LinearGradient({\n    colors: ['rgba(255, 255, 255, 0.1)', 'rgba(255, 255, 255, 0.3)'],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  })\n} as const\n\n/**\n * Predefined radial gradient presets\n */\nexport const RadialGradientPresets = {\n  spotlight: (colors: [string, string]) => RadialGradient({\n    colors,\n    center: 'center',\n    startRadius: 0,\n    endRadius: 100\n  }),\n\n  vignette: (colors: [string, string]) => RadialGradient({\n    colors,\n    center: 'center',\n    startRadius: 50,\n    endRadius: 200\n  }),\n\n  buttonGlow: () => RadialGradient({\n    colors: ['rgba(255, 255, 255, 0.3)', 'rgba(255, 255, 255, 0)'],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 50\n  }),\n\n  halo: () => RadialGradient({\n    colors: ['rgba(74, 172, 254, 0.4)', 'rgba(74, 172, 254, 0)'],\n    center: 'center',\n    startRadius: 20,\n    endRadius: 80\n  })\n} as const\n\n/**\n * Predefined angular/conic gradient presets\n */\nexport const AngularGradientPresets = {\n  rainbow: () => AngularGradient({\n    colors: ['#ff0000', '#ff7f00', '#ffff00', '#00ff00', '#0000ff', '#8f00ff', '#ff0000'],\n    center: 'center',\n    startAngle: 0,\n    endAngle: 360\n  }),\n\n  loading: () => AngularGradient({\n    colors: ['#007AFF', 'rgba(0, 122, 255, 0.3)', '#007AFF'],\n    center: 'center',\n    startAngle: 0,\n    endAngle: 360\n  }),\n\n  progress: () => AngularGradient({\n    colors: ['#30D158', 'rgba(48, 209, 88, 0.3)', 'rgba(48, 209, 88, 0)'],\n    center: 'center',\n    startAngle: -90,\n    endAngle: 270\n  })\n} as const\n\n/**\n * Interactive gradient presets with state support\n */\nexport const InteractiveGradientPresets = {\n  primaryButton: (): StateGradientOptions => ({\n    default: LinearGradientPresets.iosBlue(),\n    hover: LinearGradient({\n      colors: ['#1A8FFF', '#0062E3'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#0066CC', '#004499'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#CCCCCC',\n    animation: {\n      duration: 150,\n      easing: 'ease-out'\n    }\n  }),\n\n  secondaryButton: (): StateGradientOptions => ({\n    default: LinearGradientPresets.cardLight(),\n    hover: LinearGradient({\n      colors: ['#e9ecef', '#dee2e6'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#dee2e6', '#ced4da'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: {\n      duration: 100,\n      easing: 'ease-out'\n    }\n  }),\n\n  dangerButton: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: [...GradientColors.ios.red],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#FF5A52', '#D13029'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#E6342C', '#B32821'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#CCCCCC',\n    animation: {\n      duration: 120,\n      easing: 'ease-out'\n    }\n  }),\n\n  successButton: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: [...GradientColors.ios.green],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#40D866', '#2C8F45'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#28B946', '#1F7A35'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#CCCCCC',\n    animation: {\n      duration: 120,\n      easing: 'ease-out'\n    }\n  }),\n\n  hoverCard: (): StateGradientOptions => ({\n    default: '#FFFFFF',\n    hover: LinearGradientPresets.glass(),\n    animation: {\n      duration: 200,\n      easing: 'ease'\n    }\n  }),\n\n  focusInput: (): StateGradientOptions => ({\n    default: '#FFFFFF',\n    focus: LinearGradient({\n      colors: ['#F0F8FF', '#E6F3FF'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#F5F5F5',\n    animation: {\n      duration: 100,\n      easing: 'ease-in-out'\n    }\n  })\n} as const\n\n/**\n * Theme-aware gradient utilities\n */\nexport const ThemeGradients = {\n  /**\n   * Create a theme-responsive gradient that switches between light and dark variants\n   */\n  createThemeGradient: (\n    lightGradient: GradientDefinition,\n    _darkGradient: GradientDefinition\n  ) => {\n    // This would integrate with the Asset system for theme reactivity\n    // Implementation depends on the current theme detection system\n    return lightGradient // Placeholder - would be enhanced with actual theme system\n  },\n\n  /**\n   * Auto-generate dark mode variant of a gradient\n   */\n  createDarkVariant: (gradient: GradientDefinition): GradientDefinition => {\n    // Placeholder for auto-generating dark variants\n    // Would analyze colors and create appropriate dark theme equivalents\n    return gradient\n  }\n} as const\n\n/**\n * Gradient composition utilities\n */\nexport const GradientUtils = {\n  /**\n   * Reverse the colors in a gradient\n   */\n  reverse: (gradient: GradientDefinition): GradientDefinition => {\n    const newGradient = { ...gradient }\n    if ('colors' in newGradient.options) {\n      newGradient.options = {\n        ...newGradient.options,\n        colors: [...newGradient.options.colors].reverse()\n      }\n    }\n    return newGradient\n  },\n\n  /**\n   * Rotate a linear gradient by swapping start and end points\n   */\n  rotate: (gradient: LinearGradientOptions): LinearGradientOptions => {\n    return {\n      ...gradient,\n      startPoint: gradient.endPoint,\n      endPoint: gradient.startPoint\n    }\n  },\n\n  /**\n   * Add transparency to gradient colors\n   */\n  withOpacity: (gradient: GradientDefinition, _opacity: number): GradientDefinition => {\n    // Implementation would modify colors to add alpha values\n    // This is a placeholder for the concept\n    return gradient\n  },\n\n  /**\n   * Blend two gradients together\n   */\n  blend: (\n    gradient1: GradientDefinition, \n    _gradient2: GradientDefinition, \n    _ratio: number = 0.5\n  ): GradientDefinition => {\n    // Implementation would blend the colors mathematically\n    // This is a placeholder for the concept\n    return gradient1\n  }\n} as const\n\n/**\n * Export commonly used presets as default exports\n */\nexport const CommonGradients = {\n  ...LinearGradientPresets,\n  ...RadialGradientPresets,\n  ...AngularGradientPresets,\n  ...InteractiveGradientPresets\n} as const"],"names":["GradientColors","LinearGradientPresets","colors","LinearGradient","InteractiveGradientPresets","ThemeGradients","lightGradient","_darkGradient","gradient","GradientUtils","newGradient","_opacity","gradient1","_gradient2","_ratio"],"mappings":"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"}

package/dist/gradients/presets.js

@@ -1,254 +0,0 @@
-import { LinearGradient as t } from "./index.js";
-const n = {
-  // iOS-style colors
-  ios: {
-    blue: ["#007AFF", "#0051D2"],
-    green: ["#30D158", "#248A3D"],
-    red: ["#FF3B30", "#CC2E26"]
-  },
-  // Material Design colors
-  material: {
-    blue: ["#2196F3", "#1976D2"]
-  },
-  // Modern web gradients
-  modern: {
-    ocean: ["#667eea", "#764ba2"],
-    sunset: ["#ff7e5f", "#feb47b"],
-    aurora: ["#4facfe", "#00f2fe"]
-  },
-  // Neutral gradients
-  neutral: {
-    lightGray: ["#f8f9fa", "#e9ecef"],
-    darkGray: ["#495057", "#212529"]
-  }
-}, a = {
-  // Direction-based presets
-  vertical: (o) => t({
-    colors: o,
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  horizontal: (o) => t({
-    colors: o,
-    startPoint: "leading",
-    endPoint: "trailing"
-  }),
-  diagonal: (o) => t({
-    colors: o,
-    startPoint: "topLeading",
-    endPoint: "bottomTrailing"
-  }),
-  diagonalReverse: (o) => t({
-    colors: o,
-    startPoint: "topTrailing",
-    endPoint: "bottomLeading"
-  }),
-  // Popular gradient patterns
-  iosBlue: () => t({
-    colors: [...n.ios.blue],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  materialBlue: () => t({
-    colors: [...n.material.blue],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  ocean: () => t({
-    colors: [...n.modern.ocean],
-    startPoint: "topLeading",
-    endPoint: "bottomTrailing"
-  }),
-  sunset: () => t({
-    colors: [...n.modern.sunset],
-    startPoint: "leading",
-    endPoint: "trailing"
-  }),
-  aurora: () => t({
-    colors: [...n.modern.aurora],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  // Multi-color gradients
-  rainbow: () => t({
-    colors: ["#ff0000", "#ff7f00", "#ffff00", "#00ff00", "#0000ff", "#8f00ff"],
-    startPoint: "leading",
-    endPoint: "trailing",
-    stops: [0, 16.66, 33.33, 50, 66.66, 83.33, 100]
-  }),
-  prism: () => t({
-    colors: ["#ff6b6b", "#4ecdc4", "#45b7d1", "#96ceb4", "#feca57"],
-    startPoint: "topLeading",
-    endPoint: "bottomTrailing"
-  }),
-  // Card and surface gradients
-  cardLight: () => t({
-    colors: [...n.neutral.lightGray],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  cardDark: () => t({
-    colors: [...n.neutral.darkGray],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  glass: () => t({
-    colors: ["rgba(255, 255, 255, 0.25)", "rgba(255, 255, 255, 0.05)"],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  frosted: () => t({
-    colors: ["rgba(255, 255, 255, 0.1)", "rgba(255, 255, 255, 0.3)"],
-    startPoint: "topLeading",
-    endPoint: "bottomTrailing"
-  })
-}, r = {
-  primaryButton: () => ({
-    default: a.iosBlue(),
-    hover: t({
-      colors: ["#1A8FFF", "#0062E3"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    active: t({
-      colors: ["#0066CC", "#004499"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    disabled: "#CCCCCC",
-    animation: {
-      duration: 150,
-      easing: "ease-out"
-    }
-  }),
-  secondaryButton: () => ({
-    default: a.cardLight(),
-    hover: t({
-      colors: ["#e9ecef", "#dee2e6"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    active: t({
-      colors: ["#dee2e6", "#ced4da"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    animation: {
-      duration: 100,
-      easing: "ease-out"
-    }
-  }),
-  dangerButton: () => ({
-    default: t({
-      colors: [...n.ios.red],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    hover: t({
-      colors: ["#FF5A52", "#D13029"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    active: t({
-      colors: ["#E6342C", "#B32821"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    disabled: "#CCCCCC",
-    animation: {
-      duration: 120,
-      easing: "ease-out"
-    }
-  }),
-  successButton: () => ({
-    default: t({
-      colors: [...n.ios.green],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    hover: t({
-      colors: ["#40D866", "#2C8F45"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    active: t({
-      colors: ["#28B946", "#1F7A35"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    disabled: "#CCCCCC",
-    animation: {
-      duration: 120,
-      easing: "ease-out"
-    }
-  }),
-  hoverCard: () => ({
-    default: "#FFFFFF",
-    hover: a.glass(),
-    animation: {
-      duration: 200,
-      easing: "ease"
-    }
-  }),
-  focusInput: () => ({
-    default: "#FFFFFF",
-    focus: t({
-      colors: ["#F0F8FF", "#E6F3FF"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    disabled: "#F5F5F5",
-    animation: {
-      duration: 100,
-      easing: "ease-in-out"
-    }
-  })
-}, d = {
-  /**
-   * Create a theme-responsive gradient that switches between light and dark variants
-   */
-  createThemeGradient: (o, e) => o,
-  /**
-   * Auto-generate dark mode variant of a gradient
-   */
-  createDarkVariant: (o) => o
-}, l = {
-  /**
-   * Reverse the colors in a gradient
-   */
-  reverse: (o) => {
-    const e = { ...o };
-    return "colors" in e.options && (e.options = {
-      ...e.options,
-      colors: [...e.options.colors].reverse()
-    }), e;
-  },
-  /**
-   * Rotate a linear gradient by swapping start and end points
-   */
-  rotate: (o) => ({
-    ...o,
-    startPoint: o.endPoint,
-    endPoint: o.startPoint
-  }),
-  /**
-   * Add transparency to gradient colors
-   */
-  withOpacity: (o, e) => o,
-  /**
-   * Blend two gradients together
-   */
-  blend: (o, e, i = 0.5) => o
-};
-({
-  ...a,
-  ...r
-});
-export {
-  n as GradientColors,
-  l as GradientUtils,
-  r as InteractiveGradientPresets,
-  a as LinearGradientPresets,
-  d as ThemeGradients
-};
-//# sourceMappingURL=presets.js.map

package/dist/gradients/presets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"presets.js","sources":["../../src/gradients/presets.ts"],"sourcesContent":["/**\n * Gradient Presets for TachUI\n * \n * Common gradient patterns and presets for quick development.\n * Includes popular design system gradients and utility patterns.\n */\n\nimport { LinearGradient, RadialGradient, AngularGradient } from './index'\nimport type { \n  GradientDefinition, \n  StateGradientOptions,\n  LinearGradientOptions\n} from './types'\n\n/**\n * Common color schemes for gradients\n */\nexport const GradientColors = {\n  // iOS-style colors\n  ios: {\n    blue: ['#007AFF', '#0051D2'] as const,\n    green: ['#30D158', '#248A3D'] as const,\n    orange: ['#FF9500', '#CC7700'] as const,\n    red: ['#FF3B30', '#CC2E26'] as const,\n    purple: ['#AF52DE', '#8C42B8'] as const,\n    pink: ['#FF2D92', '#CC2475'] as const,\n    teal: ['#5AC8FA', '#48A3C8'] as const,\n    indigo: ['#5856D6', '#4644AB'] as const\n  },\n\n  // Material Design colors\n  material: {\n    blue: ['#2196F3', '#1976D2'] as const,\n    green: ['#4CAF50', '#388E3C'] as const,\n    orange: ['#FF9800', '#F57C00'] as const,\n    red: ['#F44336', '#D32F2F'] as const,\n    purple: ['#9C27B0', '#7B1FA2'] as const,\n    pink: ['#E91E63', '#C2185B'] as const,\n    teal: ['#009688', '#00695C'] as const,\n    indigo: ['#3F51B5', '#303F9F'] as const\n  },\n\n  // Modern web gradients\n  modern: {\n    ocean: ['#667eea', '#764ba2'] as const,\n    sunset: ['#ff7e5f', '#feb47b'] as const,\n    forest: ['#134e5e', '#71b280'],\n    lavender: ['#a8edea', '#fed6e3'],\n    fire: ['#ff416c', '#ff4b2b'],\n    aurora: ['#4facfe', '#00f2fe'],\n    cosmic: ['#c471ed', '#f64f59'],\n    emerald: ['#11998e', '#38ef7d']\n  },\n\n  // Neutral gradients\n  neutral: {\n    lightGray: ['#f8f9fa', '#e9ecef'],\n    darkGray: ['#495057', '#212529'],\n    warmGray: ['#f5f5f4', '#e7e5e4'],\n    coolGray: ['#f1f5f9', '#e2e8f0'],\n    slate: ['#f8fafc', '#f1f5f9'],\n    stone: ['#fafaf9', '#f5f5f4']\n  }\n} as const\n\n/**\n * Predefined linear gradient presets\n */\nexport const LinearGradientPresets = {\n  // Direction-based presets\n  vertical: (colors: [string, string]) => LinearGradient({\n    colors,\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  horizontal: (colors: [string, string]) => LinearGradient({\n    colors,\n    startPoint: 'leading',\n    endPoint: 'trailing'\n  }),\n\n  diagonal: (colors: [string, string]) => LinearGradient({\n    colors,\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  diagonalReverse: (colors: [string, string]) => LinearGradient({\n    colors,\n    startPoint: 'topTrailing',\n    endPoint: 'bottomLeading'\n  }),\n\n  // Popular gradient patterns\n  iosBlue: () => LinearGradient({\n    colors: [...GradientColors.ios.blue],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  materialBlue: () => LinearGradient({\n    colors: [...GradientColors.material.blue],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  ocean: () => LinearGradient({\n    colors: [...GradientColors.modern.ocean],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  sunset: () => LinearGradient({\n    colors: [...GradientColors.modern.sunset],\n    startPoint: 'leading',\n    endPoint: 'trailing'\n  }),\n\n  aurora: () => LinearGradient({\n    colors: [...GradientColors.modern.aurora],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  // Multi-color gradients\n  rainbow: () => LinearGradient({\n    colors: ['#ff0000', '#ff7f00', '#ffff00', '#00ff00', '#0000ff', '#8f00ff'],\n    startPoint: 'leading',\n    endPoint: 'trailing',\n    stops: [0, 16.66, 33.33, 50, 66.66, 83.33, 100]\n  }),\n\n  prism: () => LinearGradient({\n    colors: ['#ff6b6b', '#4ecdc4', '#45b7d1', '#96ceb4', '#feca57'],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  // Card and surface gradients\n  cardLight: () => LinearGradient({\n    colors: [...GradientColors.neutral.lightGray],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  cardDark: () => LinearGradient({\n    colors: [...GradientColors.neutral.darkGray],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  glass: () => LinearGradient({\n    colors: ['rgba(255, 255, 255, 0.25)', 'rgba(255, 255, 255, 0.05)'],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  frosted: () => LinearGradient({\n    colors: ['rgba(255, 255, 255, 0.1)', 'rgba(255, 255, 255, 0.3)'],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  })\n} as const\n\n/**\n * Predefined radial gradient presets\n */\nexport const RadialGradientPresets = {\n  spotlight: (colors: [string, string]) => RadialGradient({\n    colors,\n    center: 'center',\n    startRadius: 0,\n    endRadius: 100\n  }),\n\n  vignette: (colors: [string, string]) => RadialGradient({\n    colors,\n    center: 'center',\n    startRadius: 50,\n    endRadius: 200\n  }),\n\n  buttonGlow: () => RadialGradient({\n    colors: ['rgba(255, 255, 255, 0.3)', 'rgba(255, 255, 255, 0)'],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 50\n  }),\n\n  halo: () => RadialGradient({\n    colors: ['rgba(74, 172, 254, 0.4)', 'rgba(74, 172, 254, 0)'],\n    center: 'center',\n    startRadius: 20,\n    endRadius: 80\n  })\n} as const\n\n/**\n * Predefined angular/conic gradient presets\n */\nexport const AngularGradientPresets = {\n  rainbow: () => AngularGradient({\n    colors: ['#ff0000', '#ff7f00', '#ffff00', '#00ff00', '#0000ff', '#8f00ff', '#ff0000'],\n    center: 'center',\n    startAngle: 0,\n    endAngle: 360\n  }),\n\n  loading: () => AngularGradient({\n    colors: ['#007AFF', 'rgba(0, 122, 255, 0.3)', '#007AFF'],\n    center: 'center',\n    startAngle: 0,\n    endAngle: 360\n  }),\n\n  progress: () => AngularGradient({\n    colors: ['#30D158', 'rgba(48, 209, 88, 0.3)', 'rgba(48, 209, 88, 0)'],\n    center: 'center',\n    startAngle: -90,\n    endAngle: 270\n  })\n} as const\n\n/**\n * Interactive gradient presets with state support\n */\nexport const InteractiveGradientPresets = {\n  primaryButton: (): StateGradientOptions => ({\n    default: LinearGradientPresets.iosBlue(),\n    hover: LinearGradient({\n      colors: ['#1A8FFF', '#0062E3'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#0066CC', '#004499'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#CCCCCC',\n    animation: {\n      duration: 150,\n      easing: 'ease-out'\n    }\n  }),\n\n  secondaryButton: (): StateGradientOptions => ({\n    default: LinearGradientPresets.cardLight(),\n    hover: LinearGradient({\n      colors: ['#e9ecef', '#dee2e6'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#dee2e6', '#ced4da'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: {\n      duration: 100,\n      easing: 'ease-out'\n    }\n  }),\n\n  dangerButton: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: [...GradientColors.ios.red],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#FF5A52', '#D13029'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#E6342C', '#B32821'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#CCCCCC',\n    animation: {\n      duration: 120,\n      easing: 'ease-out'\n    }\n  }),\n\n  successButton: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: [...GradientColors.ios.green],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#40D866', '#2C8F45'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#28B946', '#1F7A35'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#CCCCCC',\n    animation: {\n      duration: 120,\n      easing: 'ease-out'\n    }\n  }),\n\n  hoverCard: (): StateGradientOptions => ({\n    default: '#FFFFFF',\n    hover: LinearGradientPresets.glass(),\n    animation: {\n      duration: 200,\n      easing: 'ease'\n    }\n  }),\n\n  focusInput: (): StateGradientOptions => ({\n    default: '#FFFFFF',\n    focus: LinearGradient({\n      colors: ['#F0F8FF', '#E6F3FF'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#F5F5F5',\n    animation: {\n      duration: 100,\n      easing: 'ease-in-out'\n    }\n  })\n} as const\n\n/**\n * Theme-aware gradient utilities\n */\nexport const ThemeGradients = {\n  /**\n   * Create a theme-responsive gradient that switches between light and dark variants\n   */\n  createThemeGradient: (\n    lightGradient: GradientDefinition,\n    _darkGradient: GradientDefinition\n  ) => {\n    // This would integrate with the Asset system for theme reactivity\n    // Implementation depends on the current theme detection system\n    return lightGradient // Placeholder - would be enhanced with actual theme system\n  },\n\n  /**\n   * Auto-generate dark mode variant of a gradient\n   */\n  createDarkVariant: (gradient: GradientDefinition): GradientDefinition => {\n    // Placeholder for auto-generating dark variants\n    // Would analyze colors and create appropriate dark theme equivalents\n    return gradient\n  }\n} as const\n\n/**\n * Gradient composition utilities\n */\nexport const GradientUtils = {\n  /**\n   * Reverse the colors in a gradient\n   */\n  reverse: (gradient: GradientDefinition): GradientDefinition => {\n    const newGradient = { ...gradient }\n    if ('colors' in newGradient.options) {\n      newGradient.options = {\n        ...newGradient.options,\n        colors: [...newGradient.options.colors].reverse()\n      }\n    }\n    return newGradient\n  },\n\n  /**\n   * Rotate a linear gradient by swapping start and end points\n   */\n  rotate: (gradient: LinearGradientOptions): LinearGradientOptions => {\n    return {\n      ...gradient,\n      startPoint: gradient.endPoint,\n      endPoint: gradient.startPoint\n    }\n  },\n\n  /**\n   * Add transparency to gradient colors\n   */\n  withOpacity: (gradient: GradientDefinition, _opacity: number): GradientDefinition => {\n    // Implementation would modify colors to add alpha values\n    // This is a placeholder for the concept\n    return gradient\n  },\n\n  /**\n   * Blend two gradients together\n   */\n  blend: (\n    gradient1: GradientDefinition, \n    _gradient2: GradientDefinition, \n    _ratio: number = 0.5\n  ): GradientDefinition => {\n    // Implementation would blend the colors mathematically\n    // This is a placeholder for the concept\n    return gradient1\n  }\n} as const\n\n/**\n * Export commonly used presets as default exports\n */\nexport const CommonGradients = {\n  ...LinearGradientPresets,\n  ...RadialGradientPresets,\n  ...AngularGradientPresets,\n  ...InteractiveGradientPresets\n} as const"],"names":["GradientColors","LinearGradientPresets","colors","LinearGradient","InteractiveGradientPresets","ThemeGradients","lightGradient","_darkGradient","gradient","GradientUtils","newGradient","_opacity","gradient1","_gradient2","_ratio"],"mappings":"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"}

package/dist/gradients/reactive.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../assets/Asset.cjs"),u=require("./index.cjs"),h=require("./state-gradient-asset.cjs");var p=Object.defineProperty,b=(i,e,t)=>e in i?p(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,o=(i,e,t)=>b(i,typeof e!="symbol"?e+"":e,t);class n extends d.Asset{constructor(e,t,s){super(e),this.reactiveDefinition=t,o(this,"currentGradient"),o(this,"subscriptions",[]),o(this,"updateCallback"),this.updateCallback=s,this.currentGradient=this.resolveStaticGradient(),this.setupSignalSubscriptions()}resolve(){return this.gradientToCSS(this.currentGradient)}getCurrentGradient(){return this.currentGradient}updateDefinition(e){this.cleanup(),this.reactiveDefinition=e,this.currentGradient=this.resolveStaticGradient(),this.setupSignalSubscriptions(),this.notifyUpdate()}cleanup(){this.subscriptions.forEach(e=>e()),this.subscriptions=[]}resolveStaticGradient(){const{type:e,options:t}=this.reactiveDefinition;switch(e){case"linear":return u.LinearGradient(this.resolveLinearOptions(t));case"radial":return u.RadialGradient(this.resolveRadialOptions(t));case"angular":case"conic":return u.AngularGradient(this.resolveAngularOptions(t));default:throw new Error(`Unsupported reactive gradient type: ${e}`)}}resolveLinearOptions(e){return{colors:e.colors.map(t=>this.resolveValue(t)),stops:e.stops?.map(t=>this.resolveValue(t)),startPoint:this.resolveValue(e.startPoint),endPoint:this.resolveValue(e.endPoint),angle:e.angle?this.resolveValue(e.angle):void 0}}resolveRadialOptions(e){return{colors:e.colors.map(t=>this.resolveValue(t)),stops:e.stops?.map(t=>this.resolveValue(t)),center:this.resolveValue(e.center),startRadius:this.resolveValue(e.startRadius),endRadius:this.resolveValue(e.endRadius),shape:e.shape?this.resolveValue(e.shape):void 0}}resolveAngularOptions(e){return{colors:e.colors.map(t=>this.resolveValue(t)),stops:e.stops?.map(t=>this.resolveValue(t)),center:this.resolveValue(e.center),startAngle:this.resolveValue(e.startAngle),endAngle:this.resolveValue(e.endAngle)}}resolveValue(e){return this.isSignal(e)?e.value:e}isSignal(e){return e!==null&&typeof e=="object"&&"value"in e&&"subscribe"in e}setupSignalSubscriptions(){this.subscribeToSignalsInOptions(this.reactiveDefinition.options)}subscribeToSignalsInOptions(e){for(const[t,s]of Object.entries(e))if(Array.isArray(s))s.forEach(a=>{if(this.isSignal(a)){const c=a.subscribe(()=>this.handleSignalChange());this.subscriptions.push(c)}});else if(this.isSignal(s)){const a=s.subscribe(()=>this.handleSignalChange());this.subscriptions.push(a)}}handleSignalChange(){this.currentGradient=this.resolveStaticGradient(),this.notifyUpdate()}notifyUpdate(){this.updateCallback&&this.updateCallback()}gradientToCSS(e){const{gradientToCSS:t}=require("./css-generator");return t(e)}}class r extends h.StateGradientAsset{constructor(e,t,s){const a=r.resolveStateOptions(t);super(e,a),this.reactiveStateGradients=t,this.updateCallback=s,o(this,"reactiveSubscriptions",[]),this.setupStateSignalSubscriptions()}updateReactiveState(e){this.cleanupStateSubscriptions(),this.reactiveStateGradients=e;const t=r.resolveStateOptions(e);this.updateStateGradients(t),this.setupStateSignalSubscriptions(),this.notifyStateUpdate()}cleanupStateSubscriptions(){this.reactiveSubscriptions.forEach(e=>e()),this.reactiveSubscriptions=[]}static resolveStateOptions(e){const t={default:r.resolveValue(e.default),animation:e.animation};return e.hover&&(t.hover=r.resolveValue(e.hover)),e.active&&(t.active=r.resolveValue(e.active)),e.focus&&(t.focus=r.resolveValue(e.focus)),e.disabled&&(t.disabled=r.resolveValue(e.disabled)),t}static resolveValue(e){return e!==null&&typeof e=="object"&&"value"in e&&"subscribe"in e?e.value:e}static isSignal(e){return e!==null&&typeof e=="object"&&"value"in e&&"subscribe"in e}setupStateSignalSubscriptions(){Object.entries(this.reactiveStateGradients).forEach(([e,t])=>{if(e!=="animation"&&r.isSignal(t)){const s=t.subscribe(()=>this.handleStateSignalChange());this.reactiveSubscriptions.push(s)}})}handleStateSignalChange(){const e=r.resolveStateOptions(this.reactiveStateGradients);this.updateStateGradients(e),this.notifyStateUpdate()}notifyStateUpdate(){this.updateCallback&&this.updateCallback()}}const l={linear:(i,e)=>new n("reactive-linear",{type:"linear",options:i,__reactive:!0},e),radial:(i,e)=>new n("reactive-radial",{type:"radial",options:i,__reactive:!0},e),angular:(i,e)=>new n("reactive-angular",{type:"angular",options:i,__reactive:!0},e),state:(i,e,t)=>new r(i,e,t)},f={createAnimatedGradient:(i,e=3e3)=>{const t={value:i[0],subscribe:s=>()=>{}};return l.linear({colors:[t,i[1]],startPoint:"top",endPoint:"bottom"})},createProgressGradient:(i,e="#007AFF")=>l.linear({colors:[e,"transparent"],stops:[i,i],startPoint:"leading",endPoint:"trailing"}),createDataGradient:(i,e,t,s=["#ff0000","#ffff00","#00ff00"])=>l.linear({colors:s,startPoint:"top",endPoint:"bottom"})},v={isReactiveBackground:i=>i instanceof n||i instanceof r,fromSignal:i=>l.state("signal-background",{default:i})};exports.ReactiveBackgroundUtils=v;exports.ReactiveGradientAsset=n;exports.ReactiveGradientUtils=f;exports.ReactiveGradients=l;exports.ReactiveStateGradientAsset=r;
-//# sourceMappingURL=reactive.cjs.map

package/dist/gradients/reactive.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactive.cjs","sources":["../../src/gradients/reactive.ts"],"sourcesContent":["/**\n * Reactive Signal Integration for TachUI Gradients\n * \n * Enables dynamic gradients that update based on reactive signals,\n * allowing for animated and data-driven gradient effects.\n */\n\n// Define Signal interface for gradients\ninterface Signal<T> {\n  readonly value: T\n  subscribe(callback: () => void): () => void\n}\nimport type { Asset } from '../assets/types'\nimport { Asset as AssetClass } from '../assets/Asset'\nimport type {\n  GradientDefinition,\n  LinearGradientOptions,\n  RadialGradientOptions,\n  AngularGradientOptions,\n  StateGradientOptions,\n  StatefulBackgroundValue\n} from './types'\nimport { LinearGradient, RadialGradient, AngularGradient } from './index'\nimport { StateGradientAsset } from './state-gradient-asset'\n\n/**\n * Reactive gradient options supporting signal-based values\n */\nexport interface ReactiveLinearGradientOptions {\n  colors: (string | Asset | Signal<string>)[]\n  stops?: (number | Signal<number>)[]\n  startPoint: LinearGradientOptions['startPoint'] | Signal<LinearGradientOptions['startPoint']>\n  endPoint: LinearGradientOptions['endPoint'] | Signal<LinearGradientOptions['endPoint']>\n  angle?: number | Signal<number>\n}\n\nexport interface ReactiveRadialGradientOptions {\n  colors: (string | Asset | Signal<string>)[]\n  stops?: (number | Signal<number>)[]\n  center: RadialGradientOptions['center'] | Signal<RadialGradientOptions['center']>\n  startRadius: number | Signal<number>\n  endRadius: number | Signal<number>\n  shape?: RadialGradientOptions['shape'] | Signal<RadialGradientOptions['shape']>\n}\n\nexport interface ReactiveAngularGradientOptions {\n  colors: (string | Asset | Signal<string>)[]\n  stops?: (number | Signal<number>)[]\n  center: AngularGradientOptions['center'] | Signal<AngularGradientOptions['center']>\n  startAngle: number | Signal<number>\n  endAngle: number | Signal<number>\n}\n\n/**\n * Reactive gradient definition\n */\nexport interface ReactiveGradientDefinition {\n  type: GradientDefinition['type']\n  options: ReactiveLinearGradientOptions | ReactiveRadialGradientOptions | ReactiveAngularGradientOptions\n  __reactive: true\n}\n\n/**\n * Reactive gradient asset that updates when signals change\n */\nexport class ReactiveGradientAsset extends AssetClass<string> {\n  private currentGradient: GradientDefinition\n  private subscriptions: (() => void)[] = []\n  private updateCallback?: () => void\n\n  constructor(\n    name: string,\n    private reactiveDefinition: ReactiveGradientDefinition,\n    updateCallback?: () => void\n  ) {\n    super(name)\n    this.updateCallback = updateCallback\n    this.currentGradient = this.resolveStaticGradient()\n    this.setupSignalSubscriptions()\n  }\n\n  /**\n   * Resolve current gradient to CSS\n   */\n  resolve(): string {\n    return this.gradientToCSS(this.currentGradient)\n  }\n\n  /**\n   * Get current static gradient (resolved from signals)\n   */\n  getCurrentGradient(): GradientDefinition {\n    return this.currentGradient\n  }\n\n  /**\n   * Update the reactive definition and re-subscribe to signals\n   */\n  updateDefinition(newDefinition: ReactiveGradientDefinition): void {\n    this.cleanup()\n    this.reactiveDefinition = newDefinition\n    this.currentGradient = this.resolveStaticGradient()\n    this.setupSignalSubscriptions()\n    this.notifyUpdate()\n  }\n\n  /**\n   * Clean up signal subscriptions\n   */\n  cleanup(): void {\n    this.subscriptions.forEach(unsubscribe => unsubscribe())\n    this.subscriptions = []\n  }\n\n  private resolveStaticGradient(): GradientDefinition {\n    const { type, options } = this.reactiveDefinition\n\n    switch (type) {\n      case 'linear':\n        return LinearGradient(this.resolveLinearOptions(options as ReactiveLinearGradientOptions))\n      case 'radial':\n        return RadialGradient(this.resolveRadialOptions(options as ReactiveRadialGradientOptions))\n      case 'angular':\n      case 'conic':\n        return AngularGradient(this.resolveAngularOptions(options as ReactiveAngularGradientOptions))\n      default:\n        throw new Error(`Unsupported reactive gradient type: ${type}`)\n    }\n  }\n\n  private resolveLinearOptions(options: ReactiveLinearGradientOptions): LinearGradientOptions {\n    return {\n      colors: options.colors.map(color => this.resolveValue(color)),\n      stops: options.stops?.map(stop => this.resolveValue(stop)),\n      startPoint: this.resolveValue(options.startPoint),\n      endPoint: this.resolveValue(options.endPoint),\n      angle: options.angle ? this.resolveValue(options.angle) : undefined\n    }\n  }\n\n  private resolveRadialOptions(options: ReactiveRadialGradientOptions): RadialGradientOptions {\n    return {\n      colors: options.colors.map(color => this.resolveValue(color)),\n      stops: options.stops?.map(stop => this.resolveValue(stop)),\n      center: this.resolveValue(options.center),\n      startRadius: this.resolveValue(options.startRadius),\n      endRadius: this.resolveValue(options.endRadius),\n      shape: options.shape ? this.resolveValue(options.shape) : undefined\n    }\n  }\n\n  private resolveAngularOptions(options: ReactiveAngularGradientOptions): AngularGradientOptions {\n    return {\n      colors: options.colors.map(color => this.resolveValue(color)),\n      stops: options.stops?.map(stop => this.resolveValue(stop)),\n      center: this.resolveValue(options.center),\n      startAngle: this.resolveValue(options.startAngle),\n      endAngle: this.resolveValue(options.endAngle)\n    }\n  }\n\n  private resolveValue<T>(value: T | Signal<T>): T {\n    if (this.isSignal(value)) {\n      return (value as Signal<T>).value\n    }\n    return value as T\n  }\n\n  private isSignal<T>(value: T | Signal<T>): value is Signal<T> {\n    return value !== null && \n           typeof value === 'object' && \n           'value' in value && \n           'subscribe' in value\n  }\n\n  private setupSignalSubscriptions(): void {\n    this.subscribeToSignalsInOptions(this.reactiveDefinition.options)\n  }\n\n  private subscribeToSignalsInOptions(options: any): void {\n    for (const [_key, value] of Object.entries(options)) {\n      if (Array.isArray(value)) {\n        // Handle arrays (colors, stops)\n        value.forEach(item => {\n          if (this.isSignal(item)) {\n            const unsubscribe = (item as Signal<any>).subscribe(() => this.handleSignalChange())\n            this.subscriptions.push(unsubscribe)\n          }\n        })\n      } else if (this.isSignal(value)) {\n        // Handle individual signals\n        const unsubscribe = (value as Signal<any>).subscribe(() => this.handleSignalChange())\n        this.subscriptions.push(unsubscribe)\n      }\n    }\n  }\n\n  private handleSignalChange(): void {\n    this.currentGradient = this.resolveStaticGradient()\n    this.notifyUpdate()\n  }\n\n  private notifyUpdate(): void {\n    if (this.updateCallback) {\n      this.updateCallback()\n    }\n  }\n\n  private gradientToCSS(gradient: GradientDefinition): string {\n    // Import and use the existing CSS generator\n    const { gradientToCSS } = require('./css-generator')\n    return gradientToCSS(gradient)\n  }\n}\n\n/**\n * Reactive state gradient asset with signal support\n */\nexport class ReactiveStateGradientAsset extends StateGradientAsset {\n  private reactiveSubscriptions: (() => void)[] = []\n\n  constructor(\n    name: string,\n    private reactiveStateGradients: {\n      default: StatefulBackgroundValue | Signal<StatefulBackgroundValue>\n      hover?: StatefulBackgroundValue | Signal<StatefulBackgroundValue>\n      active?: StatefulBackgroundValue | Signal<StatefulBackgroundValue>\n      focus?: StatefulBackgroundValue | Signal<StatefulBackgroundValue>\n      disabled?: StatefulBackgroundValue | Signal<StatefulBackgroundValue>\n      animation?: StateGradientOptions['animation']\n    },\n    private updateCallback?: () => void\n  ) {\n    // Resolve initial state\n    const initialState = ReactiveStateGradientAsset.resolveStateOptions(reactiveStateGradients)\n    super(name, initialState)\n    \n    this.setupStateSignalSubscriptions()\n  }\n\n  /**\n   * Update reactive state configuration\n   */\n  updateReactiveState(\n    newState: ReactiveStateGradientAsset['reactiveStateGradients']\n  ): void {\n    this.cleanupStateSubscriptions()\n    this.reactiveStateGradients = newState\n    \n    // Update the underlying state gradients\n    const resolvedState = ReactiveStateGradientAsset.resolveStateOptions(newState)\n    this.updateStateGradients(resolvedState)\n    \n    this.setupStateSignalSubscriptions()\n    this.notifyStateUpdate()\n  }\n\n  /**\n   * Clean up signal subscriptions\n   */\n  cleanupStateSubscriptions(): void {\n    this.reactiveSubscriptions.forEach(unsubscribe => unsubscribe())\n    this.reactiveSubscriptions = []\n  }\n\n  private static resolveStateOptions(\n    reactiveState: ReactiveStateGradientAsset['reactiveStateGradients']\n  ): StateGradientOptions {\n    const resolved: StateGradientOptions = {\n      default: ReactiveStateGradientAsset.resolveValue(reactiveState.default) as any,\n      animation: reactiveState.animation\n    }\n\n    if (reactiveState.hover) {\n      resolved.hover = ReactiveStateGradientAsset.resolveValue(reactiveState.hover) as any\n    }\n    if (reactiveState.active) {\n      resolved.active = ReactiveStateGradientAsset.resolveValue(reactiveState.active) as any\n    }\n    if (reactiveState.focus) {\n      resolved.focus = ReactiveStateGradientAsset.resolveValue(reactiveState.focus) as any\n    }\n    if (reactiveState.disabled) {\n      resolved.disabled = ReactiveStateGradientAsset.resolveValue(reactiveState.disabled) as any\n    }\n\n    return resolved\n  }\n\n  private static resolveValue<T>(value: T | Signal<T>): T {\n    if (value !== null && \n        typeof value === 'object' && \n        'value' in value && \n        'subscribe' in value) {\n      return (value as Signal<T>).value\n    }\n    return value as T\n  }\n\n  private static isSignal<T>(value: T | Signal<T>): value is Signal<T> {\n    return value !== null && \n           typeof value === 'object' && \n           'value' in value && \n           'subscribe' in value\n  }\n\n  private setupStateSignalSubscriptions(): void {\n    Object.entries(this.reactiveStateGradients).forEach(([key, value]) => {\n      if (key === 'animation') return // Skip animation\n      \n      if (ReactiveStateGradientAsset.isSignal(value)) {\n        const unsubscribe = (value as Signal<any>).subscribe(() => this.handleStateSignalChange())\n        this.reactiveSubscriptions.push(unsubscribe)\n      }\n    })\n  }\n\n  private handleStateSignalChange(): void {\n    const resolvedState = ReactiveStateGradientAsset.resolveStateOptions(this.reactiveStateGradients)\n    this.updateStateGradients(resolvedState)\n    this.notifyStateUpdate()\n  }\n\n  private notifyStateUpdate(): void {\n    if (this.updateCallback) {\n      this.updateCallback()\n    }\n  }\n}\n\n/**\n * Factory functions for creating reactive gradients\n */\nexport const ReactiveGradients = {\n  /**\n   * Create a reactive linear gradient\n   */\n  linear: (\n    options: ReactiveLinearGradientOptions,\n    updateCallback?: () => void\n  ): ReactiveGradientAsset => {\n    return new ReactiveGradientAsset(\n      'reactive-linear',\n      { type: 'linear', options, __reactive: true },\n      updateCallback\n    )\n  },\n\n  /**\n   * Create a reactive radial gradient\n   */\n  radial: (\n    options: ReactiveRadialGradientOptions,\n    updateCallback?: () => void\n  ): ReactiveGradientAsset => {\n    return new ReactiveGradientAsset(\n      'reactive-radial',\n      { type: 'radial', options, __reactive: true },\n      updateCallback\n    )\n  },\n\n  /**\n   * Create a reactive angular gradient\n   */\n  angular: (\n    options: ReactiveAngularGradientOptions,\n    updateCallback?: () => void\n  ): ReactiveGradientAsset => {\n    return new ReactiveGradientAsset(\n      'reactive-angular',\n      { type: 'angular', options, __reactive: true },\n      updateCallback\n    )\n  },\n\n  /**\n   * Create a reactive state gradient\n   */\n  state: (\n    name: string,\n    options: ReactiveStateGradientAsset['reactiveStateGradients'],\n    updateCallback?: () => void\n  ): ReactiveStateGradientAsset => {\n    return new ReactiveStateGradientAsset(name, options, updateCallback)\n  }\n} as const\n\n/**\n * Utility functions for working with reactive gradients\n */\nexport const ReactiveGradientUtils = {\n  /**\n   * Create an animated gradient that cycles through colors\n   */\n  createAnimatedGradient: (\n    colors: string[],\n    _duration: number = 3000\n  ): ReactiveGradientAsset => {\n    // This would need actual signal implementation\n    // Placeholder for the concept\n    const colorSignal = {\n      value: colors[0],\n      subscribe: (_callback: () => void) => {\n        // Implementation would cycle through colors\n        return () => {} // unsubscribe\n      }\n    } satisfies Signal<string>\n\n    return ReactiveGradients.linear({\n      colors: [colorSignal, colors[1]],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    })\n  },\n\n  /**\n   * Create a progress gradient that fills based on a signal\n   */\n  createProgressGradient: (\n    progressSignal: Signal<number>,\n    color: string = '#007AFF'\n  ): ReactiveGradientAsset => {\n    return ReactiveGradients.linear({\n      colors: [color, 'transparent'],\n      stops: [progressSignal, progressSignal], // Both stops use the same signal\n      startPoint: 'leading',\n      endPoint: 'trailing'\n    })\n  },\n\n  /**\n   * Create a data-driven gradient that reflects numeric values\n   */\n  createDataGradient: (\n    _valueSignal: Signal<number>,\n    _minValue: number,\n    _maxValue: number,\n    colorScale: string[] = ['#ff0000', '#ffff00', '#00ff00']\n  ): ReactiveGradientAsset => {\n    // Implementation would map value to color index\n    // This is a conceptual placeholder\n    return ReactiveGradients.linear({\n      colors: colorScale,\n      startPoint: 'top',\n      endPoint: 'bottom'\n    })\n  }\n} as const\n\n/**\n * Enhanced background modifier support for reactive gradients\n */\nexport const ReactiveBackgroundUtils = {\n  /**\n   * Check if a background value is reactive\n   */\n  isReactiveBackground: (value: unknown): value is ReactiveGradientAsset | ReactiveStateGradientAsset => {\n    return value instanceof ReactiveGradientAsset || value instanceof ReactiveStateGradientAsset\n  },\n\n  /**\n   * Create a reactive background from a signal\n   */\n  fromSignal: (backgroundSignal: Signal<StatefulBackgroundValue>): ReactiveStateGradientAsset => {\n    return ReactiveGradients.state('signal-background', {\n      default: backgroundSignal\n    })\n  }\n} as const"],"names":["ReactiveGradientAsset","AssetClass","name","reactiveDefinition","updateCallback","__publicField","newDefinition","unsubscribe","type","options","LinearGradient","RadialGradient","AngularGradient","color","stop","value","_key","item","gradient","gradientToCSS","ReactiveStateGradientAsset","StateGradientAsset","reactiveStateGradients","initialState","newState","resolvedState","reactiveState","resolved","key","ReactiveGradients","ReactiveGradientUtils","colors","_duration","colorSignal","_callback","progressSignal","_valueSignal","_minValue","_maxValue","colorScale","ReactiveBackgroundUtils","backgroundSignal"],"mappings":"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"}

package/dist/gradients/reactive.js

@@ -1,239 +0,0 @@
-import { Asset as c } from "../assets/Asset.js";
-import { AngularGradient as h, RadialGradient as d, LinearGradient as p } from "./index.js";
-import { StateGradientAsset as b } from "./state-gradient-asset.js";
-var f = Object.defineProperty, g = (i, e, t) => e in i ? f(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, n = (i, e, t) => g(i, typeof e != "symbol" ? e + "" : e, t);
-class l extends c {
-  constructor(e, t, s) {
-    super(e), this.reactiveDefinition = t, n(this, "currentGradient"), n(this, "subscriptions", []), n(this, "updateCallback"), this.updateCallback = s, this.currentGradient = this.resolveStaticGradient(), this.setupSignalSubscriptions();
-  }
-  /**
-   * Resolve current gradient to CSS
-   */
-  resolve() {
-    return this.gradientToCSS(this.currentGradient);
-  }
-  /**
-   * Get current static gradient (resolved from signals)
-   */
-  getCurrentGradient() {
-    return this.currentGradient;
-  }
-  /**
-   * Update the reactive definition and re-subscribe to signals
-   */
-  updateDefinition(e) {
-    this.cleanup(), this.reactiveDefinition = e, this.currentGradient = this.resolveStaticGradient(), this.setupSignalSubscriptions(), this.notifyUpdate();
-  }
-  /**
-   * Clean up signal subscriptions
-   */
-  cleanup() {
-    this.subscriptions.forEach((e) => e()), this.subscriptions = [];
-  }
-  resolveStaticGradient() {
-    const { type: e, options: t } = this.reactiveDefinition;
-    switch (e) {
-      case "linear":
-        return p(this.resolveLinearOptions(t));
-      case "radial":
-        return d(this.resolveRadialOptions(t));
-      case "angular":
-      case "conic":
-        return h(this.resolveAngularOptions(t));
-      default:
-        throw new Error(`Unsupported reactive gradient type: ${e}`);
-    }
-  }
-  resolveLinearOptions(e) {
-    return {
-      colors: e.colors.map((t) => this.resolveValue(t)),
-      stops: e.stops?.map((t) => this.resolveValue(t)),
-      startPoint: this.resolveValue(e.startPoint),
-      endPoint: this.resolveValue(e.endPoint),
-      angle: e.angle ? this.resolveValue(e.angle) : void 0
-    };
-  }
-  resolveRadialOptions(e) {
-    return {
-      colors: e.colors.map((t) => this.resolveValue(t)),
-      stops: e.stops?.map((t) => this.resolveValue(t)),
-      center: this.resolveValue(e.center),
-      startRadius: this.resolveValue(e.startRadius),
-      endRadius: this.resolveValue(e.endRadius),
-      shape: e.shape ? this.resolveValue(e.shape) : void 0
-    };
-  }
-  resolveAngularOptions(e) {
-    return {
-      colors: e.colors.map((t) => this.resolveValue(t)),
-      stops: e.stops?.map((t) => this.resolveValue(t)),
-      center: this.resolveValue(e.center),
-      startAngle: this.resolveValue(e.startAngle),
-      endAngle: this.resolveValue(e.endAngle)
-    };
-  }
-  resolveValue(e) {
-    return this.isSignal(e) ? e.value : e;
-  }
-  isSignal(e) {
-    return e !== null && typeof e == "object" && "value" in e && "subscribe" in e;
-  }
-  setupSignalSubscriptions() {
-    this.subscribeToSignalsInOptions(this.reactiveDefinition.options);
-  }
-  subscribeToSignalsInOptions(e) {
-    for (const [t, s] of Object.entries(e))
-      if (Array.isArray(s))
-        s.forEach((a) => {
-          if (this.isSignal(a)) {
-            const u = a.subscribe(() => this.handleSignalChange());
-            this.subscriptions.push(u);
-          }
-        });
-      else if (this.isSignal(s)) {
-        const a = s.subscribe(() => this.handleSignalChange());
-        this.subscriptions.push(a);
-      }
-  }
-  handleSignalChange() {
-    this.currentGradient = this.resolveStaticGradient(), this.notifyUpdate();
-  }
-  notifyUpdate() {
-    this.updateCallback && this.updateCallback();
-  }
-  gradientToCSS(e) {
-    const { gradientToCSS: t } = require("./css-generator");
-    return t(e);
-  }
-}
-class r extends b {
-  constructor(e, t, s) {
-    const a = r.resolveStateOptions(t);
-    super(e, a), this.reactiveStateGradients = t, this.updateCallback = s, n(this, "reactiveSubscriptions", []), this.setupStateSignalSubscriptions();
-  }
-  /**
-   * Update reactive state configuration
-   */
-  updateReactiveState(e) {
-    this.cleanupStateSubscriptions(), this.reactiveStateGradients = e;
-    const t = r.resolveStateOptions(e);
-    this.updateStateGradients(t), this.setupStateSignalSubscriptions(), this.notifyStateUpdate();
-  }
-  /**
-   * Clean up signal subscriptions
-   */
-  cleanupStateSubscriptions() {
-    this.reactiveSubscriptions.forEach((e) => e()), this.reactiveSubscriptions = [];
-  }
-  static resolveStateOptions(e) {
-    const t = {
-      default: r.resolveValue(e.default),
-      animation: e.animation
-    };
-    return e.hover && (t.hover = r.resolveValue(e.hover)), e.active && (t.active = r.resolveValue(e.active)), e.focus && (t.focus = r.resolveValue(e.focus)), e.disabled && (t.disabled = r.resolveValue(e.disabled)), t;
-  }
-  static resolveValue(e) {
-    return e !== null && typeof e == "object" && "value" in e && "subscribe" in e ? e.value : e;
-  }
-  static isSignal(e) {
-    return e !== null && typeof e == "object" && "value" in e && "subscribe" in e;
-  }
-  setupStateSignalSubscriptions() {
-    Object.entries(this.reactiveStateGradients).forEach(([e, t]) => {
-      if (e !== "animation" && r.isSignal(t)) {
-        const s = t.subscribe(() => this.handleStateSignalChange());
-        this.reactiveSubscriptions.push(s);
-      }
-    });
-  }
-  handleStateSignalChange() {
-    const e = r.resolveStateOptions(this.reactiveStateGradients);
-    this.updateStateGradients(e), this.notifyStateUpdate();
-  }
-  notifyStateUpdate() {
-    this.updateCallback && this.updateCallback();
-  }
-}
-const o = {
-  /**
-   * Create a reactive linear gradient
-   */
-  linear: (i, e) => new l(
-    "reactive-linear",
-    { type: "linear", options: i, __reactive: !0 },
-    e
-  ),
-  /**
-   * Create a reactive radial gradient
-   */
-  radial: (i, e) => new l(
-    "reactive-radial",
-    { type: "radial", options: i, __reactive: !0 },
-    e
-  ),
-  /**
-   * Create a reactive angular gradient
-   */
-  angular: (i, e) => new l(
-    "reactive-angular",
-    { type: "angular", options: i, __reactive: !0 },
-    e
-  ),
-  /**
-   * Create a reactive state gradient
-   */
-  state: (i, e, t) => new r(i, e, t)
-}, m = {
-  /**
-   * Create an animated gradient that cycles through colors
-   */
-  createAnimatedGradient: (i, e = 3e3) => {
-    const t = {
-      value: i[0],
-      subscribe: (s) => () => {
-      }
-    };
-    return o.linear({
-      colors: [t, i[1]],
-      startPoint: "top",
-      endPoint: "bottom"
-    });
-  },
-  /**
-   * Create a progress gradient that fills based on a signal
-   */
-  createProgressGradient: (i, e = "#007AFF") => o.linear({
-    colors: [e, "transparent"],
-    stops: [i, i],
-    // Both stops use the same signal
-    startPoint: "leading",
-    endPoint: "trailing"
-  }),
-  /**
-   * Create a data-driven gradient that reflects numeric values
-   */
-  createDataGradient: (i, e, t, s = ["#ff0000", "#ffff00", "#00ff00"]) => o.linear({
-    colors: s,
-    startPoint: "top",
-    endPoint: "bottom"
-  })
-}, G = {
-  /**
-   * Check if a background value is reactive
-   */
-  isReactiveBackground: (i) => i instanceof l || i instanceof r,
-  /**
-   * Create a reactive background from a signal
-   */
-  fromSignal: (i) => o.state("signal-background", {
-    default: i
-  })
-};
-export {
-  G as ReactiveBackgroundUtils,
-  l as ReactiveGradientAsset,
-  m as ReactiveGradientUtils,
-  o as ReactiveGradients,
-  r as ReactiveStateGradientAsset
-};
-//# sourceMappingURL=reactive.js.map