@tachui/core 0.7.0-alpha1

package/dist/gradients/presets.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs"),e={ios:{blue:["#007AFF","#0051D2"],green:["#30D158","#248A3D"],red:["#FF3B30","#CC2E26"]},material:{blue:["#2196F3","#1976D2"]},modern:{ocean:["#667eea","#764ba2"],sunset:["#ff7e5f","#feb47b"],aurora:["#4facfe","#00f2fe"]},neutral:{lightGray:["#f8f9fa","#e9ecef"],darkGray:["#495057","#212529"]}},r={vertical:o=>t.LinearGradient({colors:o,startPoint:"top",endPoint:"bottom"}),horizontal:o=>t.LinearGradient({colors:o,startPoint:"leading",endPoint:"trailing"}),diagonal:o=>t.LinearGradient({colors:o,startPoint:"topLeading",endPoint:"bottomTrailing"}),diagonalReverse:o=>t.LinearGradient({colors:o,startPoint:"topTrailing",endPoint:"bottomLeading"}),iosBlue:()=>t.LinearGradient({colors:[...e.ios.blue],startPoint:"top",endPoint:"bottom"}),materialBlue:()=>t.LinearGradient({colors:[...e.material.blue],startPoint:"top",endPoint:"bottom"}),ocean:()=>t.LinearGradient({colors:[...e.modern.ocean],startPoint:"topLeading",endPoint:"bottomTrailing"}),sunset:()=>t.LinearGradient({colors:[...e.modern.sunset],startPoint:"leading",endPoint:"trailing"}),aurora:()=>t.LinearGradient({colors:[...e.modern.aurora],startPoint:"top",endPoint:"bottom"}),rainbow:()=>t.LinearGradient({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.LinearGradient({colors:["#ff6b6b","#4ecdc4","#45b7d1","#96ceb4","#feca57"],startPoint:"topLeading",endPoint:"bottomTrailing"}),cardLight:()=>t.LinearGradient({colors:[...e.neutral.lightGray],startPoint:"top",endPoint:"bottom"}),cardDark:()=>t.LinearGradient({colors:[...e.neutral.darkGray],startPoint:"top",endPoint:"bottom"}),glass:()=>t.LinearGradient({colors:["rgba(255, 255, 255, 0.25)","rgba(255, 255, 255, 0.05)"],startPoint:"top",endPoint:"bottom"}),frosted:()=>t.LinearGradient({colors:["rgba(255, 255, 255, 0.1)","rgba(255, 255, 255, 0.3)"],startPoint:"topLeading",endPoint:"bottomTrailing"})},a={primaryButton:()=>({default:r.iosBlue(),hover:t.LinearGradient({colors:["#1A8FFF","#0062E3"],startPoint:"top",endPoint:"bottom"}),active:t.LinearGradient({colors:["#0066CC","#004499"],startPoint:"top",endPoint:"bottom"}),disabled:"#CCCCCC",animation:{duration:150,easing:"ease-out"}}),secondaryButton:()=>({default:r.cardLight(),hover:t.LinearGradient({colors:["#e9ecef","#dee2e6"],startPoint:"top",endPoint:"bottom"}),active:t.LinearGradient({colors:["#dee2e6","#ced4da"],startPoint:"top",endPoint:"bottom"}),animation:{duration:100,easing:"ease-out"}}),dangerButton:()=>({default:t.LinearGradient({colors:[...e.ios.red],startPoint:"top",endPoint:"bottom"}),hover:t.LinearGradient({colors:["#FF5A52","#D13029"],startPoint:"top",endPoint:"bottom"}),active:t.LinearGradient({colors:["#E6342C","#B32821"],startPoint:"top",endPoint:"bottom"}),disabled:"#CCCCCC",animation:{duration:120,easing:"ease-out"}}),successButton:()=>({default:t.LinearGradient({colors:[...e.ios.green],startPoint:"top",endPoint:"bottom"}),hover:t.LinearGradient({colors:["#40D866","#2C8F45"],startPoint:"top",endPoint:"bottom"}),active:t.LinearGradient({colors:["#28B946","#1F7A35"],startPoint:"top",endPoint:"bottom"}),disabled:"#CCCCCC",animation:{duration:120,easing:"ease-out"}}),hoverCard:()=>({default:"#FFFFFF",hover:r.glass(),animation:{duration:200,easing:"ease"}}),focusInput:()=>({default:"#FFFFFF",focus:t.LinearGradient({colors:["#F0F8FF","#E6F3FF"],startPoint:"top",endPoint:"bottom"}),disabled:"#F5F5F5",animation:{duration:100,easing:"ease-in-out"}})},i={createThemeGradient:(o,n)=>o,createDarkVariant:o=>o},s={reverse:o=>{const n={...o};return"colors"in n.options&&(n.options={...n.options,colors:[...n.options.colors].reverse()}),n},rotate:o=>({...o,startPoint:o.endPoint,endPoint:o.startPoint}),withOpacity:(o,n)=>o,blend:(o,n,d=.5)=>o};({...r,...a});exports.GradientColors=e;exports.GradientUtils=s;exports.InteractiveGradientPresets=a;exports.LinearGradientPresets=r;exports.ThemeGradients=i;
+//# sourceMappingURL=presets.cjs.map

package/dist/gradients/presets.cjs.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,165 @@
+/**
+ * Gradient Presets for TachUI
+ *
+ * Common gradient patterns and presets for quick development.
+ * Includes popular design system gradients and utility patterns.
+ */
+import type { GradientDefinition, StateGradientOptions, LinearGradientOptions } from './types';
+/**
+ * Common color schemes for gradients
+ */
+export declare const GradientColors: {
+    readonly ios: {
+        readonly blue: readonly ["#007AFF", "#0051D2"];
+        readonly green: readonly ["#30D158", "#248A3D"];
+        readonly orange: readonly ["#FF9500", "#CC7700"];
+        readonly red: readonly ["#FF3B30", "#CC2E26"];
+        readonly purple: readonly ["#AF52DE", "#8C42B8"];
+        readonly pink: readonly ["#FF2D92", "#CC2475"];
+        readonly teal: readonly ["#5AC8FA", "#48A3C8"];
+        readonly indigo: readonly ["#5856D6", "#4644AB"];
+    };
+    readonly material: {
+        readonly blue: readonly ["#2196F3", "#1976D2"];
+        readonly green: readonly ["#4CAF50", "#388E3C"];
+        readonly orange: readonly ["#FF9800", "#F57C00"];
+        readonly red: readonly ["#F44336", "#D32F2F"];
+        readonly purple: readonly ["#9C27B0", "#7B1FA2"];
+        readonly pink: readonly ["#E91E63", "#C2185B"];
+        readonly teal: readonly ["#009688", "#00695C"];
+        readonly indigo: readonly ["#3F51B5", "#303F9F"];
+    };
+    readonly modern: {
+        readonly ocean: readonly ["#667eea", "#764ba2"];
+        readonly sunset: readonly ["#ff7e5f", "#feb47b"];
+        readonly forest: readonly ["#134e5e", "#71b280"];
+        readonly lavender: readonly ["#a8edea", "#fed6e3"];
+        readonly fire: readonly ["#ff416c", "#ff4b2b"];
+        readonly aurora: readonly ["#4facfe", "#00f2fe"];
+        readonly cosmic: readonly ["#c471ed", "#f64f59"];
+        readonly emerald: readonly ["#11998e", "#38ef7d"];
+    };
+    readonly neutral: {
+        readonly lightGray: readonly ["#f8f9fa", "#e9ecef"];
+        readonly darkGray: readonly ["#495057", "#212529"];
+        readonly warmGray: readonly ["#f5f5f4", "#e7e5e4"];
+        readonly coolGray: readonly ["#f1f5f9", "#e2e8f0"];
+        readonly slate: readonly ["#f8fafc", "#f1f5f9"];
+        readonly stone: readonly ["#fafaf9", "#f5f5f4"];
+    };
+};
+/**
+ * Predefined linear gradient presets
+ */
+export declare const LinearGradientPresets: {
+    readonly vertical: (colors: [string, string]) => GradientDefinition;
+    readonly horizontal: (colors: [string, string]) => GradientDefinition;
+    readonly diagonal: (colors: [string, string]) => GradientDefinition;
+    readonly diagonalReverse: (colors: [string, string]) => GradientDefinition;
+    readonly iosBlue: () => GradientDefinition;
+    readonly materialBlue: () => GradientDefinition;
+    readonly ocean: () => GradientDefinition;
+    readonly sunset: () => GradientDefinition;
+    readonly aurora: () => GradientDefinition;
+    readonly rainbow: () => GradientDefinition;
+    readonly prism: () => GradientDefinition;
+    readonly cardLight: () => GradientDefinition;
+    readonly cardDark: () => GradientDefinition;
+    readonly glass: () => GradientDefinition;
+    readonly frosted: () => GradientDefinition;
+};
+/**
+ * Predefined radial gradient presets
+ */
+export declare const RadialGradientPresets: {
+    readonly spotlight: (colors: [string, string]) => GradientDefinition;
+    readonly vignette: (colors: [string, string]) => GradientDefinition;
+    readonly buttonGlow: () => GradientDefinition;
+    readonly halo: () => GradientDefinition;
+};
+/**
+ * Predefined angular/conic gradient presets
+ */
+export declare const AngularGradientPresets: {
+    readonly rainbow: () => GradientDefinition;
+    readonly loading: () => GradientDefinition;
+    readonly progress: () => GradientDefinition;
+};
+/**
+ * Interactive gradient presets with state support
+ */
+export declare const InteractiveGradientPresets: {
+    readonly primaryButton: () => StateGradientOptions;
+    readonly secondaryButton: () => StateGradientOptions;
+    readonly dangerButton: () => StateGradientOptions;
+    readonly successButton: () => StateGradientOptions;
+    readonly hoverCard: () => StateGradientOptions;
+    readonly focusInput: () => StateGradientOptions;
+};
+/**
+ * Theme-aware gradient utilities
+ */
+export declare const ThemeGradients: {
+    /**
+     * Create a theme-responsive gradient that switches between light and dark variants
+     */
+    readonly createThemeGradient: (lightGradient: GradientDefinition, _darkGradient: GradientDefinition) => GradientDefinition;
+    /**
+     * Auto-generate dark mode variant of a gradient
+     */
+    readonly createDarkVariant: (gradient: GradientDefinition) => GradientDefinition;
+};
+/**
+ * Gradient composition utilities
+ */
+export declare const GradientUtils: {
+    /**
+     * Reverse the colors in a gradient
+     */
+    readonly reverse: (gradient: GradientDefinition) => GradientDefinition;
+    /**
+     * Rotate a linear gradient by swapping start and end points
+     */
+    readonly rotate: (gradient: LinearGradientOptions) => LinearGradientOptions;
+    /**
+     * Add transparency to gradient colors
+     */
+    readonly withOpacity: (gradient: GradientDefinition, _opacity: number) => GradientDefinition;
+    /**
+     * Blend two gradients together
+     */
+    readonly blend: (gradient1: GradientDefinition, _gradient2: GradientDefinition, _ratio?: number) => GradientDefinition;
+};
+/**
+ * Export commonly used presets as default exports
+ */
+export declare const CommonGradients: {
+    readonly primaryButton: () => StateGradientOptions;
+    readonly secondaryButton: () => StateGradientOptions;
+    readonly dangerButton: () => StateGradientOptions;
+    readonly successButton: () => StateGradientOptions;
+    readonly hoverCard: () => StateGradientOptions;
+    readonly focusInput: () => StateGradientOptions;
+    readonly rainbow: () => GradientDefinition;
+    readonly loading: () => GradientDefinition;
+    readonly progress: () => GradientDefinition;
+    readonly spotlight: (colors: [string, string]) => GradientDefinition;
+    readonly vignette: (colors: [string, string]) => GradientDefinition;
+    readonly buttonGlow: () => GradientDefinition;
+    readonly halo: () => GradientDefinition;
+    readonly vertical: (colors: [string, string]) => GradientDefinition;
+    readonly horizontal: (colors: [string, string]) => GradientDefinition;
+    readonly diagonal: (colors: [string, string]) => GradientDefinition;
+    readonly diagonalReverse: (colors: [string, string]) => GradientDefinition;
+    readonly iosBlue: () => GradientDefinition;
+    readonly materialBlue: () => GradientDefinition;
+    readonly ocean: () => GradientDefinition;
+    readonly sunset: () => GradientDefinition;
+    readonly aurora: () => GradientDefinition;
+    readonly prism: () => GradientDefinition;
+    readonly cardLight: () => GradientDefinition;
+    readonly cardDark: () => GradientDefinition;
+    readonly glass: () => GradientDefinition;
+    readonly frosted: () => GradientDefinition;
+};
+//# sourceMappingURL=presets.d.ts.map

package/dist/gradients/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/gradients/presets.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAEhB;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CjB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,qBAAqB;gCAEb,CAAC,MAAM,EAAE,MAAM,CAAC;kCAMd,CAAC,MAAM,EAAE,MAAM,CAAC;gCAMlB,CAAC,MAAM,EAAE,MAAM,CAAC;uCAMT,CAAC,MAAM,EAAE,MAAM,CAAC;;;;;;;;;;;;CA2ElC,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,qBAAqB;iCACZ,CAAC,MAAM,EAAE,MAAM,CAAC;gCAOjB,CAAC,MAAM,EAAE,MAAM,CAAC;;;CAoB3B,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;;CAqBzB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,0BAA0B;kCAClB,oBAAoB;oCAmBlB,oBAAoB;iCAkBvB,oBAAoB;kCAuBnB,oBAAoB;8BAuBxB,oBAAoB;+BASnB,oBAAoB;CAa5B,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;kDAEc,kBAAkB,iBAClB,kBAAkB;IAOnC;;OAEG;2CAC2B,kBAAkB,KAAG,kBAAkB;CAK7D,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,aAAa;IACxB;;OAEG;iCACiB,kBAAkB,KAAG,kBAAkB;IAW3D;;OAEG;gCACgB,qBAAqB,KAAG,qBAAqB;IAQhE;;OAEG;qCACqB,kBAAkB,YAAY,MAAM,KAAG,kBAAkB;IAMjF;;OAEG;gCAEU,kBAAkB,cACjB,kBAAkB,WACtB,MAAM,KACb,kBAAkB;CAKb,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,eAAe;kCA5LP,oBAAoB;oCAmBlB,oBAAoB;iCAkBvB,oBAAoB;kCAuBnB,oBAAoB;8BAuBxB,oBAAoB;+BASnB,oBAAoB;;;;iCAvJhB,CAAC,MAAM,EAAE,MAAM,CAAC;gCAOjB,CAAC,MAAM,EAAE,MAAM,CAAC;;;gCA1GhB,CAAC,MAAM,EAAE,MAAM,CAAC;kCAMd,CAAC,MAAM,EAAE,MAAM,CAAC;gCAMlB,CAAC,MAAM,EAAE,MAAM,CAAC;uCAMT,CAAC,MAAM,EAAE,MAAM,CAAC;;;;;;;;;;;CA6UlC,CAAA"}

package/dist/gradients/presets.js

@@ -0,0 +1,254 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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":"oVAiEO,MAAMA,UAA8BC,EAAAA,KAAmB,CAK5D,YACEC,EACQC,EACRC,EACA,CACA,MAAMF,CAAI,EAHF,KAAA,mBAAAC,EANVE,EAAA,KAAQ,iBAAA,EACRA,EAAA,KAAQ,gBAAgC,EAAC,EACzCA,EAAA,KAAQ,gBAAA,EAQN,KAAK,eAAiBD,EACtB,KAAK,gBAAkB,KAAK,sBAAA,EAC5B,KAAK,yBAAA,CACP,CAKA,SAAkB,CAChB,OAAO,KAAK,cAAc,KAAK,eAAe,CAChD,CAKA,oBAAyC,CACvC,OAAO,KAAK,eACd,CAKA,iBAAiBE,EAAiD,CAChE,KAAK,QAAA,EACL,KAAK,mBAAqBA,EAC1B,KAAK,gBAAkB,KAAK,sBAAA,EAC5B,KAAK,yBAAA,EACL,KAAK,aAAA,CACP,CAKA,SAAgB,CACd,KAAK,cAAc,QAAQC,GAAeA,EAAA,CAAa,EACvD,KAAK,cAAgB,CAAA,CACvB,CAEQ,uBAA4C,CAClD,KAAM,CAAE,KAAAC,EAAM,QAAAC,CAAA,EAAY,KAAK,mBAE/B,OAAQD,EAAA,CACN,IAAK,SACH,OAAOE,iBAAe,KAAK,qBAAqBD,CAAwC,CAAC,EAC3F,IAAK,SACH,OAAOE,iBAAe,KAAK,qBAAqBF,CAAwC,CAAC,EAC3F,IAAK,UACL,IAAK,QACH,OAAOG,kBAAgB,KAAK,sBAAsBH,CAAyC,CAAC,EAC9F,QACE,MAAM,IAAI,MAAM,uCAAuCD,CAAI,EAAE,CAAA,CAEnE,CAEQ,qBAAqBC,EAA+D,CAC1F,MAAO,CACL,OAAQA,EAAQ,OAAO,OAAa,KAAK,aAAaI,CAAK,CAAC,EAC5D,MAAOJ,EAAQ,OAAO,OAAY,KAAK,aAAaK,CAAI,CAAC,EACzD,WAAY,KAAK,aAAaL,EAAQ,UAAU,EAChD,SAAU,KAAK,aAAaA,EAAQ,QAAQ,EAC5C,MAAOA,EAAQ,MAAQ,KAAK,aAAaA,EAAQ,KAAK,EAAI,MAAA,CAE9D,CAEQ,qBAAqBA,EAA+D,CAC1F,MAAO,CACL,OAAQA,EAAQ,OAAO,OAAa,KAAK,aAAaI,CAAK,CAAC,EAC5D,MAAOJ,EAAQ,OAAO,OAAY,KAAK,aAAaK,CAAI,CAAC,EACzD,OAAQ,KAAK,aAAaL,EAAQ,MAAM,EACxC,YAAa,KAAK,aAAaA,EAAQ,WAAW,EAClD,UAAW,KAAK,aAAaA,EAAQ,SAAS,EAC9C,MAAOA,EAAQ,MAAQ,KAAK,aAAaA,EAAQ,KAAK,EAAI,MAAA,CAE9D,CAEQ,sBAAsBA,EAAiE,CAC7F,MAAO,CACL,OAAQA,EAAQ,OAAO,OAAa,KAAK,aAAaI,CAAK,CAAC,EAC5D,MAAOJ,EAAQ,OAAO,OAAY,KAAK,aAAaK,CAAI,CAAC,EACzD,OAAQ,KAAK,aAAaL,EAAQ,MAAM,EACxC,WAAY,KAAK,aAAaA,EAAQ,UAAU,EAChD,SAAU,KAAK,aAAaA,EAAQ,QAAQ,CAAA,CAEhD,CAEQ,aAAgBM,EAAyB,CAC/C,OAAI,KAAK,SAASA,CAAK,EACbA,EAAoB,MAEvBA,CACT,CAEQ,SAAYA,EAA0C,CAC5D,OAAOA,IAAU,MACV,OAAOA,GAAU,UACjB,UAAWA,GACX,cAAeA,CACxB,CAEQ,0BAAiC,CACvC,KAAK,4BAA4B,KAAK,mBAAmB,OAAO,CAClE,CAEQ,4BAA4BN,EAAoB,CACtD,SAAW,CAACO,EAAMD,CAAK,IAAK,OAAO,QAAQN,CAAO,EAChD,GAAI,MAAM,QAAQM,CAAK,EAErBA,EAAM,QAAQE,GAAQ,CACpB,GAAI,KAAK,SAASA,CAAI,EAAG,CACvB,MAAMV,EAAeU,EAAqB,UAAU,IAAM,KAAK,oBAAoB,EACnF,KAAK,cAAc,KAAKV,CAAW,CACrC,CACF,CAAC,UACQ,KAAK,SAASQ,CAAK,EAAG,CAE/B,MAAMR,EAAeQ,EAAsB,UAAU,IAAM,KAAK,oBAAoB,EACpF,KAAK,cAAc,KAAKR,CAAW,CACrC,CAEJ,CAEQ,oBAA2B,CACjC,KAAK,gBAAkB,KAAK,sBAAA,EAC5B,KAAK,aAAA,CACP,CAEQ,cAAqB,CACvB,KAAK,gBACP,KAAK,eAAA,CAET,CAEQ,cAAcW,EAAsC,CAE1D,KAAM,CAAE,cAAAC,CAAA,EAAkB,QAAQ,iBAAiB,EACnD,OAAOA,EAAcD,CAAQ,CAC/B,CACF,CAKO,MAAME,UAAmCC,EAAAA,kBAAmB,CAGjE,YACEnB,EACQoB,EAQAlB,EACR,CAEA,MAAMmB,EAAeH,EAA2B,oBAAoBE,CAAsB,EAC1F,MAAMpB,EAAMqB,CAAY,EAZhB,KAAA,uBAAAD,EAQA,KAAA,eAAAlB,EAZVC,EAAA,KAAQ,wBAAwC,EAAC,EAkB/C,KAAK,8BAAA,CACP,CAKA,oBACEmB,EACM,CACN,KAAK,0BAAA,EACL,KAAK,uBAAyBA,EAG9B,MAAMC,EAAgBL,EAA2B,oBAAoBI,CAAQ,EAC7E,KAAK,qBAAqBC,CAAa,EAEvC,KAAK,8BAAA,EACL,KAAK,kBAAA,CACP,CAKA,2BAAkC,CAChC,KAAK,sBAAsB,QAAQlB,GAAeA,EAAA,CAAa,EAC/D,KAAK,sBAAwB,CAAA,CAC/B,CAEA,OAAe,oBACbmB,EACsB,CACtB,MAAMC,EAAiC,CACrC,QAASP,EAA2B,aAAaM,EAAc,OAAO,EACtE,UAAWA,EAAc,SAAA,EAG3B,OAAIA,EAAc,QAChBC,EAAS,MAAQP,EAA2B,aAAaM,EAAc,KAAK,GAE1EA,EAAc,SAChBC,EAAS,OAASP,EAA2B,aAAaM,EAAc,MAAM,GAE5EA,EAAc,QAChBC,EAAS,MAAQP,EAA2B,aAAaM,EAAc,KAAK,GAE1EA,EAAc,WAChBC,EAAS,SAAWP,EAA2B,aAAaM,EAAc,QAAQ,GAG7EC,CACT,CAEA,OAAe,aAAgBZ,EAAyB,CACtD,OAAIA,IAAU,MACV,OAAOA,GAAU,UACjB,UAAWA,GACX,cAAeA,EACTA,EAAoB,MAEvBA,CACT,CAEA,OAAe,SAAYA,EAA0C,CACnE,OAAOA,IAAU,MACV,OAAOA,GAAU,UACjB,UAAWA,GACX,cAAeA,CACxB,CAEQ,+BAAsC,CAC5C,OAAO,QAAQ,KAAK,sBAAsB,EAAE,QAAQ,CAAC,CAACa,EAAKb,CAAK,IAAM,CACpE,GAAIa,IAAQ,aAERR,EAA2B,SAASL,CAAK,EAAG,CAC9C,MAAMR,EAAeQ,EAAsB,UAAU,IAAM,KAAK,yBAAyB,EACzF,KAAK,sBAAsB,KAAKR,CAAW,CAC7C,CACF,CAAC,CACH,CAEQ,yBAAgC,CACtC,MAAMkB,EAAgBL,EAA2B,oBAAoB,KAAK,sBAAsB,EAChG,KAAK,qBAAqBK,CAAa,EACvC,KAAK,kBAAA,CACP,CAEQ,mBAA0B,CAC5B,KAAK,gBACP,KAAK,eAAA,CAET,CACF,CAKO,MAAMI,EAAoB,CAI/B,OAAQ,CACNpB,EACAL,IAEO,IAAIJ,EACT,kBACA,CAAE,KAAM,SAAU,QAAAS,EAAS,WAAY,EAAA,EACvCL,CAAA,EAOJ,OAAQ,CACNK,EACAL,IAEO,IAAIJ,EACT,kBACA,CAAE,KAAM,SAAU,QAAAS,EAAS,WAAY,EAAA,EACvCL,CAAA,EAOJ,QAAS,CACPK,EACAL,IAEO,IAAIJ,EACT,mBACA,CAAE,KAAM,UAAW,QAAAS,EAAS,WAAY,EAAA,EACxCL,CAAA,EAOJ,MAAO,CACLF,EACAO,EACAL,IAEO,IAAIgB,EAA2BlB,EAAMO,EAASL,CAAc,CAEvE,EAKa0B,EAAwB,CAInC,uBAAwB,CACtBC,EACAC,EAAoB,MACM,CAG1B,MAAMC,EAAc,CAClB,MAAOF,EAAO,CAAC,EACf,UAAYG,GAEH,IAAM,CAAC,CAChB,EAGF,OAAOL,EAAkB,OAAO,CAC9B,OAAQ,CAACI,EAAaF,EAAO,CAAC,CAAC,EAC/B,WAAY,MACZ,SAAU,QAAA,CACX,CACH,EAKA,uBAAwB,CACtBI,EACAtB,EAAgB,YAETgB,EAAkB,OAAO,CAC9B,OAAQ,CAAChB,EAAO,aAAa,EAC7B,MAAO,CAACsB,EAAgBA,CAAc,EACtC,WAAY,UACZ,SAAU,UAAA,CACX,EAMH,mBAAoB,CAClBC,EACAC,EACAC,EACAC,EAAuB,CAAC,UAAW,UAAW,SAAS,IAIhDV,EAAkB,OAAO,CAC9B,OAAQU,EACR,WAAY,MACZ,SAAU,QAAA,CACX,CAEL,EAKaC,EAA0B,CAIrC,qBAAuBzB,GACdA,aAAiBf,GAAyBe,aAAiBK,EAMpE,WAAaqB,GACJZ,EAAkB,MAAM,oBAAqB,CAClD,QAASY,CAAA,CACV,CAEL"}