@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/gradients/examples.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.cjs","sources":["../../src/gradients/examples.ts"],"sourcesContent":["/**\n * Comprehensive Gradient Examples and Patterns\n * \n * Real-world gradient patterns, UI component examples, and design system implementations.\n * These examples showcase practical usage of TachUI's gradient system.\n */\n\nimport { LinearGradient, RadialGradient, AngularGradient } from './index'\nimport { StateGradient } from './state-gradient-asset'\nimport { InteractiveGradientPresets } from './presets'\nimport { GradientUtils } from './utils'\nimport type { \n  GradientDefinition, \n  StateGradientOptions\n} from './types'\n\n/**\n * Button gradient patterns\n */\nexport const ButtonGradients = {\n  /**\n   * iOS-style primary button\n   */\n  iosPrimary: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#007AFF', '#0051D2'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\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: { duration: 150, easing: 'ease-out' }\n  }),\n\n  /**\n   * Material Design raised button\n   */\n  materialRaised: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#2196F3', '#1976D2'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#42A5F5', '#1E88E5'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#1565C0', '#0D47A1'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 200, easing: 'cubic-bezier(0.4, 0, 0.2, 1)' }\n  }),\n\n  /**\n   * Glass morphism button\n   */\n  glassMorphism: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['rgba(255, 255, 255, 0.25)', 'rgba(255, 255, 255, 0.05)'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    hover: LinearGradient({\n      colors: ['rgba(255, 255, 255, 0.35)', 'rgba(255, 255, 255, 0.15)'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    active: LinearGradient({\n      colors: ['rgba(255, 255, 255, 0.15)', 'rgba(255, 255, 255, 0.25)'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    animation: { duration: 250, easing: 'ease' }\n  }),\n\n  /**\n   * Neon glow button\n   */\n  neonGlow: (color: string = '#00ff88'): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: [color, GradientUtils.darken(color, 0.3)],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: RadialGradient({\n      colors: [GradientUtils.lighten(color, 0.2), color, GradientUtils.darken(color, 0.4)],\n      center: 'center',\n      startRadius: 0,\n      endRadius: 60\n    }),\n    active: LinearGradient({\n      colors: [GradientUtils.darken(color, 0.2), GradientUtils.darken(color, 0.4)],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 300, easing: 'ease-in-out' }\n  }),\n\n  /**\n   * Gradient call-to-action button\n   */\n  ctaButton: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#ff416c', '#ff4b2b'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    hover: LinearGradient({\n      colors: ['#ff6b9d', '#ff6347'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    active: LinearGradient({\n      colors: ['#e63946', '#d62828'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    animation: { duration: 175, easing: 'ease-out' }\n  })\n} as const\n\n/**\n * Card and surface gradients\n */\nexport const CardGradients = {\n  /**\n   * Subtle card hover effect\n   */\n  subtleHover: (): StateGradientOptions => ({\n    default: '#ffffff',\n    hover: LinearGradient({\n      colors: ['#f8f9fa', '#ffffff'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 200, easing: 'ease' }\n  }),\n\n  /**\n   * Dark mode card\n   */\n  darkCard: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#2d3748', '#1a202c'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#4a5568', '#2d3748'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 250, easing: 'ease-in-out' }\n  }),\n\n  /**\n   * Hero card with rich gradient\n   */\n  heroCard: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#667eea',\n      '#764ba2',\n      'rgba(118, 75, 162, 0.8)'\n    ],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  /**\n   * Pricing card with accent\n   */\n  pricingCard: (accentColor: string = '#007AFF'): GradientDefinition => LinearGradient({\n    colors: [\n      '#ffffff',\n      '#f8f9fa',\n      GradientUtils.withAlpha(accentColor, 0.05)\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Testimonial card\n   */\n  testimonialCard: (): GradientDefinition => LinearGradient({\n    colors: [\n      'rgba(255, 255, 255, 0.9)',\n      'rgba(248, 249, 250, 0.9)',\n      'rgba(233, 236, 239, 0.9)'\n    ],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  })\n} as const\n\n/**\n * Navigation and header gradients\n */\nexport const NavigationGradients = {\n  /**\n   * App header gradient\n   */\n  appHeader: (): GradientDefinition => LinearGradient({\n    colors: ['#667eea', '#764ba2'],\n    startPoint: 'leading',\n    endPoint: 'trailing'\n  }),\n\n  /**\n   * Tab bar gradient\n   */\n  tabBar: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#f8f9fa', '#e9ecef'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#e9ecef', '#dee2e6'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 150, easing: 'ease-out' }\n  }),\n\n  /**\n   * Sidebar gradient\n   */\n  sidebar: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#2d3748',\n      '#1a202c',\n      '#171923'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Navigation breadcrumb\n   */\n  breadcrumb: (): StateGradientOptions => ({\n    default: 'transparent',\n    hover: LinearGradient({\n      colors: ['rgba(0, 122, 255, 0.1)', 'rgba(0, 122, 255, 0.05)'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 100, easing: 'ease-out' }\n  })\n} as const\n\n/**\n * Form and input gradients\n */\nexport const FormGradients = {\n  /**\n   * Text input focus effect\n   */\n  textInputFocus: (): StateGradientOptions => ({\n    default: '#ffffff',\n    focus: LinearGradient({\n      colors: ['#f0f8ff', '#e6f3ff'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#f5f5f5',\n    animation: { duration: 100, easing: 'ease-in-out' }\n  }),\n\n  /**\n   * Form section background\n   */\n  formSection: (): GradientDefinition => LinearGradient({\n    colors: [\n      'rgba(248, 249, 250, 0.8)',\n      'rgba(255, 255, 255, 0.8)',\n      'rgba(248, 249, 250, 0.8)'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Submit button gradient\n   */\n  submitButton: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#30d158', '#248a3d'],\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    animation: { duration: 120, easing: 'ease-out' }\n  }),\n\n  /**\n   * Error state input\n   */\n  errorInput: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['rgba(255, 59, 48, 0.1)', 'rgba(255, 59, 48, 0.05)'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    focus: LinearGradient({\n      colors: ['rgba(255, 59, 48, 0.15)', 'rgba(255, 59, 48, 0.08)'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 150, easing: 'ease-in-out' }\n  })\n} as const\n\n/**\n * Dashboard and data visualization gradients\n */\nexport const DashboardGradients = {\n  /**\n   * Metric card with positive trend\n   */\n  positiveMetric: (): GradientDefinition => LinearGradient({\n    colors: ['#d4edda', '#c3e6cb', '#b8dacc'],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  /**\n   * Metric card with negative trend\n   */\n  negativeMetric: (): GradientDefinition => LinearGradient({\n    colors: ['#f8d7da', '#f5c6cb', '#f1b0b7'],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  /**\n   * Chart background\n   */\n  chartBackground: (): GradientDefinition => LinearGradient({\n    colors: [\n      'rgba(255, 255, 255, 0.95)',\n      'rgba(248, 249, 250, 0.95)',\n      'rgba(255, 255, 255, 0.95)'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Progress bar gradient\n   */\n  progressBar: (color: string = '#007AFF'): GradientDefinition => LinearGradient({\n    colors: [\n      GradientUtils.lighten(color, 0.1),\n      color,\n      GradientUtils.darken(color, 0.1)\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Status indicator gradients\n   */\n  statusSuccess: (): GradientDefinition => RadialGradient({\n    colors: ['#30d158', '#248a3d', 'rgba(36, 138, 61, 0.8)'],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 25\n  }),\n\n  statusWarning: (): GradientDefinition => RadialGradient({\n    colors: ['#ff9500', '#cc7700', 'rgba(204, 119, 0, 0.8)'],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 25\n  }),\n\n  statusError: (): GradientDefinition => RadialGradient({\n    colors: ['#ff3b30', '#cc2e26', 'rgba(204, 46, 38, 0.8)'],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 25\n  })\n} as const\n\n/**\n * Loading and animation gradients\n */\nexport const AnimationGradients = {\n  /**\n   * Shimmer loading effect\n   */\n  shimmer: (): GradientDefinition => LinearGradient({\n    colors: [\n      'rgba(255, 255, 255, 0)',\n      'rgba(255, 255, 255, 0.4)',\n      'rgba(255, 255, 255, 0.8)',\n      'rgba(255, 255, 255, 0.4)',\n      'rgba(255, 255, 255, 0)'\n    ],\n    startPoint: 'leading',\n    endPoint: 'trailing',\n    stops: [0, 25, 50, 75, 100]\n  }),\n\n  /**\n   * Skeleton loading gradient\n   */\n  skeleton: (): GradientDefinition => LinearGradient({\n    colors: ['#f6f7f8', '#edeef1', '#f6f7f8'],\n    startPoint: 'leading',\n    endPoint: 'trailing'\n  }),\n\n  /**\n   * Pulse animation gradient\n   */\n  pulse: (baseColor: string = '#007AFF'): GradientDefinition => RadialGradient({\n    colors: [\n      GradientUtils.withAlpha(baseColor, 0.8),\n      GradientUtils.withAlpha(baseColor, 0.4),\n      GradientUtils.withAlpha(baseColor, 0.1),\n      'transparent'\n    ],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 100\n  }),\n\n  /**\n   * Spinner gradient\n   */\n  spinner: (): GradientDefinition => AngularGradient({\n    colors: [\n      '#007AFF',\n      'rgba(0, 122, 255, 0.8)',\n      'rgba(0, 122, 255, 0.4)',\n      'rgba(0, 122, 255, 0.1)',\n      'transparent',\n      'transparent',\n      '#007AFF'\n    ],\n    center: 'center',\n    startAngle: 0,\n    endAngle: 360\n  })\n} as const\n\n/**\n * Background and surface gradients\n */\nexport const BackgroundGradients = {\n  /**\n   * App background gradient\n   */\n  appBackground: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#f8f9fa',\n      '#ffffff',\n      '#f8f9fa'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Dark mode app background\n   */\n  darkAppBackground: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#1a1a1a',\n      '#0f0f0f',\n      '#1a1a1a'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Modal backdrop\n   */\n  modalBackdrop: (): GradientDefinition => RadialGradient({\n    colors: [\n      'rgba(0, 0, 0, 0.4)',\n      'rgba(0, 0, 0, 0.6)',\n      'rgba(0, 0, 0, 0.8)'\n    ],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 300\n  }),\n\n  /**\n   * Hero section background\n   */\n  heroSection: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#667eea',\n      '#764ba2',\n      '#667eea'\n    ],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  /**\n   * Footer gradient\n   */\n  footer: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#2d3748',\n      '#1a202c'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  })\n} as const\n\n/**\n * Themed gradient collections\n */\nexport const ThemedGradients = {\n  /**\n   * iOS theme gradients\n   */\n  ios: {\n    primary: ButtonGradients.iosPrimary,\n    secondary: () => InteractiveGradientPresets.secondaryButton(),\n    card: CardGradients.subtleHover,\n    input: FormGradients.textInputFocus,\n    background: BackgroundGradients.appBackground\n  },\n\n  /**\n   * Material Design theme gradients\n   */\n  material: {\n    primary: ButtonGradients.materialRaised,\n    secondary: () => InteractiveGradientPresets.secondaryButton(),\n    card: CardGradients.subtleHover,\n    input: FormGradients.textInputFocus,\n    background: BackgroundGradients.appBackground\n  },\n\n  /**\n   * Modern/Glass theme gradients\n   */\n  modern: {\n    primary: ButtonGradients.glassMorphism,\n    secondary: ButtonGradients.glassMorphism,\n    card: () => CardGradients.subtleHover(),\n    input: FormGradients.textInputFocus,\n    background: () => LinearGradient({\n      colors: [\n        'rgba(255, 255, 255, 0.95)',\n        'rgba(248, 249, 250, 0.95)'\n      ],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    })\n  }\n} as const\n\n/**\n * Utility to create component-specific gradient collections\n */\nexport const createComponentGradients = (theme: keyof typeof ThemedGradients = 'ios') => {\n  const themeGradients = ThemedGradients[theme]\n  \n  return {\n    Button: {\n      primary: StateGradient('button-primary', themeGradients.primary()),\n      secondary: StateGradient('button-secondary', themeGradients.secondary()),\n      danger: StateGradient('button-danger', InteractiveGradientPresets.dangerButton()),\n      success: StateGradient('button-success', InteractiveGradientPresets.successButton())\n    },\n    Card: {\n      default: StateGradient('card-default', themeGradients.card()),\n      hero: StateGradient('card-hero', {\n        default: CardGradients.heroCard(),\n        hover: GradientUtils.reverse(CardGradients.heroCard()),\n        animation: { duration: 300, easing: 'ease-in-out' }\n      })\n    },\n    Input: {\n      default: StateGradient('input-default', themeGradients.input()),\n      error: StateGradient('input-error', FormGradients.errorInput())\n    },\n    Background: {\n      app: themeGradients.background(),\n      modal: BackgroundGradients.modalBackdrop()\n    }\n  }\n}\n\n/**\n * Export all gradient examples\n */\nexport const GradientExamples = {\n  Button: ButtonGradients,\n  Card: CardGradients,\n  Navigation: NavigationGradients,\n  Form: FormGradients,\n  Dashboard: DashboardGradients,\n  Animation: AnimationGradients,\n  Background: BackgroundGradients,\n  Themed: ThemedGradients,\n  createComponentGradients\n} as const"],"names":["ButtonGradients","LinearGradient","color","GradientUtils","RadialGradient","CardGradients","accentColor","NavigationGradients","FormGradients","DashboardGradients","AnimationGradients","baseColor","AngularGradient","BackgroundGradients","ThemedGradients","InteractiveGradientPresets","createComponentGradients","theme","themeGradients","StateGradient","GradientExamples"],"mappings":"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"}

package/dist/gradients/examples.js

@@ -1,555 +0,0 @@
-import { LinearGradient as t, RadialGradient as r, AngularGradient as f } from "./index.js";
-import { StateGradient as n } from "./state-gradient-asset.js";
-import { InteractiveGradientPresets as c } from "./presets.js";
-import { GradientUtils as a } from "./utils.js";
-const s = {
-  /**
-   * iOS-style primary button
-   */
-  iosPrimary: () => ({
-    default: t({
-      colors: ["#007AFF", "#0051D2"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    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" }
-  }),
-  /**
-   * Material Design raised button
-   */
-  materialRaised: () => ({
-    default: t({
-      colors: ["#2196F3", "#1976D2"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    hover: t({
-      colors: ["#42A5F5", "#1E88E5"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    active: t({
-      colors: ["#1565C0", "#0D47A1"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    animation: { duration: 200, easing: "cubic-bezier(0.4, 0, 0.2, 1)" }
-  }),
-  /**
-   * Glass morphism button
-   */
-  glassMorphism: () => ({
-    default: t({
-      colors: ["rgba(255, 255, 255, 0.25)", "rgba(255, 255, 255, 0.05)"],
-      startPoint: "topLeading",
-      endPoint: "bottomTrailing"
-    }),
-    hover: t({
-      colors: ["rgba(255, 255, 255, 0.35)", "rgba(255, 255, 255, 0.15)"],
-      startPoint: "topLeading",
-      endPoint: "bottomTrailing"
-    }),
-    active: t({
-      colors: ["rgba(255, 255, 255, 0.15)", "rgba(255, 255, 255, 0.25)"],
-      startPoint: "topLeading",
-      endPoint: "bottomTrailing"
-    }),
-    animation: { duration: 250, easing: "ease" }
-  }),
-  /**
-   * Neon glow button
-   */
-  neonGlow: (o = "#00ff88") => ({
-    default: t({
-      colors: [o, a.darken(o, 0.3)],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    hover: r({
-      colors: [a.lighten(o, 0.2), o, a.darken(o, 0.4)],
-      center: "center",
-      startRadius: 0,
-      endRadius: 60
-    }),
-    active: t({
-      colors: [a.darken(o, 0.2), a.darken(o, 0.4)],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    animation: { duration: 300, easing: "ease-in-out" }
-  }),
-  /**
-   * Gradient call-to-action button
-   */
-  ctaButton: () => ({
-    default: t({
-      colors: ["#ff416c", "#ff4b2b"],
-      startPoint: "topLeading",
-      endPoint: "bottomTrailing"
-    }),
-    hover: t({
-      colors: ["#ff6b9d", "#ff6347"],
-      startPoint: "topLeading",
-      endPoint: "bottomTrailing"
-    }),
-    active: t({
-      colors: ["#e63946", "#d62828"],
-      startPoint: "topLeading",
-      endPoint: "bottomTrailing"
-    }),
-    animation: { duration: 175, easing: "ease-out" }
-  })
-}, e = {
-  /**
-   * Subtle card hover effect
-   */
-  subtleHover: () => ({
-    default: "#ffffff",
-    hover: t({
-      colors: ["#f8f9fa", "#ffffff"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    animation: { duration: 200, easing: "ease" }
-  }),
-  /**
-   * Dark mode card
-   */
-  darkCard: () => ({
-    default: t({
-      colors: ["#2d3748", "#1a202c"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    hover: t({
-      colors: ["#4a5568", "#2d3748"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    animation: { duration: 250, easing: "ease-in-out" }
-  }),
-  /**
-   * Hero card with rich gradient
-   */
-  heroCard: () => t({
-    colors: [
-      "#667eea",
-      "#764ba2",
-      "rgba(118, 75, 162, 0.8)"
-    ],
-    startPoint: "topLeading",
-    endPoint: "bottomTrailing"
-  }),
-  /**
-   * Pricing card with accent
-   */
-  pricingCard: (o = "#007AFF") => t({
-    colors: [
-      "#ffffff",
-      "#f8f9fa",
-      a.withAlpha(o, 0.05)
-    ],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  /**
-   * Testimonial card
-   */
-  testimonialCard: () => t({
-    colors: [
-      "rgba(255, 255, 255, 0.9)",
-      "rgba(248, 249, 250, 0.9)",
-      "rgba(233, 236, 239, 0.9)"
-    ],
-    startPoint: "topLeading",
-    endPoint: "bottomTrailing"
-  })
-}, g = {
-  /**
-   * App header gradient
-   */
-  appHeader: () => t({
-    colors: ["#667eea", "#764ba2"],
-    startPoint: "leading",
-    endPoint: "trailing"
-  }),
-  /**
-   * Tab bar gradient
-   */
-  tabBar: () => ({
-    default: t({
-      colors: ["#f8f9fa", "#e9ecef"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    hover: t({
-      colors: ["#e9ecef", "#dee2e6"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    animation: { duration: 150, easing: "ease-out" }
-  }),
-  /**
-   * Sidebar gradient
-   */
-  sidebar: () => t({
-    colors: [
-      "#2d3748",
-      "#1a202c",
-      "#171923"
-    ],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  /**
-   * Navigation breadcrumb
-   */
-  breadcrumb: () => ({
-    default: "transparent",
-    hover: t({
-      colors: ["rgba(0, 122, 255, 0.1)", "rgba(0, 122, 255, 0.05)"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    animation: { duration: 100, easing: "ease-out" }
-  })
-}, d = {
-  /**
-   * Text input focus effect
-   */
-  textInputFocus: () => ({
-    default: "#ffffff",
-    focus: t({
-      colors: ["#f0f8ff", "#e6f3ff"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    disabled: "#f5f5f5",
-    animation: { duration: 100, easing: "ease-in-out" }
-  }),
-  /**
-   * Form section background
-   */
-  formSection: () => t({
-    colors: [
-      "rgba(248, 249, 250, 0.8)",
-      "rgba(255, 255, 255, 0.8)",
-      "rgba(248, 249, 250, 0.8)"
-    ],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  /**
-   * Submit button gradient
-   */
-  submitButton: () => ({
-    default: t({
-      colors: ["#30d158", "#248a3d"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    hover: t({
-      colors: ["#40d866", "#2c8f45"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    active: t({
-      colors: ["#28b946", "#1f7a35"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    animation: { duration: 120, easing: "ease-out" }
-  }),
-  /**
-   * Error state input
-   */
-  errorInput: () => ({
-    default: t({
-      colors: ["rgba(255, 59, 48, 0.1)", "rgba(255, 59, 48, 0.05)"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    focus: t({
-      colors: ["rgba(255, 59, 48, 0.15)", "rgba(255, 59, 48, 0.08)"],
-      startPoint: "top",
-      endPoint: "bottom"
-    }),
-    animation: { duration: 150, easing: "ease-in-out" }
-  })
-}, l = {
-  /**
-   * Metric card with positive trend
-   */
-  positiveMetric: () => t({
-    colors: ["#d4edda", "#c3e6cb", "#b8dacc"],
-    startPoint: "topLeading",
-    endPoint: "bottomTrailing"
-  }),
-  /**
-   * Metric card with negative trend
-   */
-  negativeMetric: () => t({
-    colors: ["#f8d7da", "#f5c6cb", "#f1b0b7"],
-    startPoint: "topLeading",
-    endPoint: "bottomTrailing"
-  }),
-  /**
-   * Chart background
-   */
-  chartBackground: () => t({
-    colors: [
-      "rgba(255, 255, 255, 0.95)",
-      "rgba(248, 249, 250, 0.95)",
-      "rgba(255, 255, 255, 0.95)"
-    ],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  /**
-   * Progress bar gradient
-   */
-  progressBar: (o = "#007AFF") => t({
-    colors: [
-      a.lighten(o, 0.1),
-      o,
-      a.darken(o, 0.1)
-    ],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  /**
-   * Status indicator gradients
-   */
-  statusSuccess: () => r({
-    colors: ["#30d158", "#248a3d", "rgba(36, 138, 61, 0.8)"],
-    center: "center",
-    startRadius: 0,
-    endRadius: 25
-  }),
-  statusWarning: () => r({
-    colors: ["#ff9500", "#cc7700", "rgba(204, 119, 0, 0.8)"],
-    center: "center",
-    startRadius: 0,
-    endRadius: 25
-  }),
-  statusError: () => r({
-    colors: ["#ff3b30", "#cc2e26", "rgba(204, 46, 38, 0.8)"],
-    center: "center",
-    startRadius: 0,
-    endRadius: 25
-  })
-}, p = {
-  /**
-   * Shimmer loading effect
-   */
-  shimmer: () => t({
-    colors: [
-      "rgba(255, 255, 255, 0)",
-      "rgba(255, 255, 255, 0.4)",
-      "rgba(255, 255, 255, 0.8)",
-      "rgba(255, 255, 255, 0.4)",
-      "rgba(255, 255, 255, 0)"
-    ],
-    startPoint: "leading",
-    endPoint: "trailing",
-    stops: [0, 25, 50, 75, 100]
-  }),
-  /**
-   * Skeleton loading gradient
-   */
-  skeleton: () => t({
-    colors: ["#f6f7f8", "#edeef1", "#f6f7f8"],
-    startPoint: "leading",
-    endPoint: "trailing"
-  }),
-  /**
-   * Pulse animation gradient
-   */
-  pulse: (o = "#007AFF") => r({
-    colors: [
-      a.withAlpha(o, 0.8),
-      a.withAlpha(o, 0.4),
-      a.withAlpha(o, 0.1),
-      "transparent"
-    ],
-    center: "center",
-    startRadius: 0,
-    endRadius: 100
-  }),
-  /**
-   * Spinner gradient
-   */
-  spinner: () => f({
-    colors: [
-      "#007AFF",
-      "rgba(0, 122, 255, 0.8)",
-      "rgba(0, 122, 255, 0.4)",
-      "rgba(0, 122, 255, 0.1)",
-      "transparent",
-      "transparent",
-      "#007AFF"
-    ],
-    center: "center",
-    startAngle: 0,
-    endAngle: 360
-  })
-}, u = {
-  /**
-   * App background gradient
-   */
-  appBackground: () => t({
-    colors: [
-      "#f8f9fa",
-      "#ffffff",
-      "#f8f9fa"
-    ],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  /**
-   * Dark mode app background
-   */
-  darkAppBackground: () => t({
-    colors: [
-      "#1a1a1a",
-      "#0f0f0f",
-      "#1a1a1a"
-    ],
-    startPoint: "top",
-    endPoint: "bottom"
-  }),
-  /**
-   * Modal backdrop
-   */
-  modalBackdrop: () => r({
-    colors: [
-      "rgba(0, 0, 0, 0.4)",
-      "rgba(0, 0, 0, 0.6)",
-      "rgba(0, 0, 0, 0.8)"
-    ],
-    center: "center",
-    startRadius: 0,
-    endRadius: 300
-  }),
-  /**
-   * Hero section background
-   */
-  heroSection: () => t({
-    colors: [
-      "#667eea",
-      "#764ba2",
-      "#667eea"
-    ],
-    startPoint: "topLeading",
-    endPoint: "bottomTrailing"
-  }),
-  /**
-   * Footer gradient
-   */
-  footer: () => t({
-    colors: [
-      "#2d3748",
-      "#1a202c"
-    ],
-    startPoint: "top",
-    endPoint: "bottom"
-  })
-}, b = {
-  /**
-   * iOS theme gradients
-   */
-  ios: {
-    primary: s.iosPrimary,
-    secondary: () => c.secondaryButton(),
-    card: e.subtleHover,
-    input: d.textInputFocus,
-    background: u.appBackground
-  },
-  /**
-   * Material Design theme gradients
-   */
-  material: {
-    primary: s.materialRaised,
-    secondary: () => c.secondaryButton(),
-    card: e.subtleHover,
-    input: d.textInputFocus,
-    background: u.appBackground
-  },
-  /**
-   * Modern/Glass theme gradients
-   */
-  modern: {
-    primary: s.glassMorphism,
-    secondary: s.glassMorphism,
-    card: () => e.subtleHover(),
-    input: d.textInputFocus,
-    background: () => t({
-      colors: [
-        "rgba(255, 255, 255, 0.95)",
-        "rgba(248, 249, 250, 0.95)"
-      ],
-      startPoint: "top",
-      endPoint: "bottom"
-    })
-  }
-}, m = (o = "ios") => {
-  const i = b[o];
-  return {
-    Button: {
-      primary: n("button-primary", i.primary()),
-      secondary: n("button-secondary", i.secondary()),
-      danger: n("button-danger", c.dangerButton()),
-      success: n("button-success", c.successButton())
-    },
-    Card: {
-      default: n("card-default", i.card()),
-      hero: n("card-hero", {
-        default: e.heroCard(),
-        hover: a.reverse(e.heroCard()),
-        animation: { duration: 300, easing: "ease-in-out" }
-      })
-    },
-    Input: {
-      default: n("input-default", i.input()),
-      error: n("input-error", d.errorInput())
-    },
-    Background: {
-      app: i.background(),
-      modal: u.modalBackdrop()
-    }
-  };
-}, k = {
-  Button: s,
-  Card: e,
-  Navigation: g,
-  Form: d,
-  Dashboard: l,
-  Animation: p,
-  Background: u,
-  Themed: b,
-  createComponentGradients: m
-};
-export {
-  p as AnimationGradients,
-  u as BackgroundGradients,
-  s as ButtonGradients,
-  e as CardGradients,
-  l as DashboardGradients,
-  d as FormGradients,
-  k as GradientExamples,
-  g as NavigationGradients,
-  b as ThemedGradients,
-  m as createComponentGradients
-};
-//# sourceMappingURL=examples.js.map

package/dist/gradients/examples.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.js","sources":["../../src/gradients/examples.ts"],"sourcesContent":["/**\n * Comprehensive Gradient Examples and Patterns\n * \n * Real-world gradient patterns, UI component examples, and design system implementations.\n * These examples showcase practical usage of TachUI's gradient system.\n */\n\nimport { LinearGradient, RadialGradient, AngularGradient } from './index'\nimport { StateGradient } from './state-gradient-asset'\nimport { InteractiveGradientPresets } from './presets'\nimport { GradientUtils } from './utils'\nimport type { \n  GradientDefinition, \n  StateGradientOptions\n} from './types'\n\n/**\n * Button gradient patterns\n */\nexport const ButtonGradients = {\n  /**\n   * iOS-style primary button\n   */\n  iosPrimary: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#007AFF', '#0051D2'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\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: { duration: 150, easing: 'ease-out' }\n  }),\n\n  /**\n   * Material Design raised button\n   */\n  materialRaised: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#2196F3', '#1976D2'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#42A5F5', '#1E88E5'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    active: LinearGradient({\n      colors: ['#1565C0', '#0D47A1'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 200, easing: 'cubic-bezier(0.4, 0, 0.2, 1)' }\n  }),\n\n  /**\n   * Glass morphism button\n   */\n  glassMorphism: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['rgba(255, 255, 255, 0.25)', 'rgba(255, 255, 255, 0.05)'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    hover: LinearGradient({\n      colors: ['rgba(255, 255, 255, 0.35)', 'rgba(255, 255, 255, 0.15)'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    active: LinearGradient({\n      colors: ['rgba(255, 255, 255, 0.15)', 'rgba(255, 255, 255, 0.25)'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    animation: { duration: 250, easing: 'ease' }\n  }),\n\n  /**\n   * Neon glow button\n   */\n  neonGlow: (color: string = '#00ff88'): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: [color, GradientUtils.darken(color, 0.3)],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: RadialGradient({\n      colors: [GradientUtils.lighten(color, 0.2), color, GradientUtils.darken(color, 0.4)],\n      center: 'center',\n      startRadius: 0,\n      endRadius: 60\n    }),\n    active: LinearGradient({\n      colors: [GradientUtils.darken(color, 0.2), GradientUtils.darken(color, 0.4)],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 300, easing: 'ease-in-out' }\n  }),\n\n  /**\n   * Gradient call-to-action button\n   */\n  ctaButton: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#ff416c', '#ff4b2b'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    hover: LinearGradient({\n      colors: ['#ff6b9d', '#ff6347'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    active: LinearGradient({\n      colors: ['#e63946', '#d62828'],\n      startPoint: 'topLeading',\n      endPoint: 'bottomTrailing'\n    }),\n    animation: { duration: 175, easing: 'ease-out' }\n  })\n} as const\n\n/**\n * Card and surface gradients\n */\nexport const CardGradients = {\n  /**\n   * Subtle card hover effect\n   */\n  subtleHover: (): StateGradientOptions => ({\n    default: '#ffffff',\n    hover: LinearGradient({\n      colors: ['#f8f9fa', '#ffffff'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 200, easing: 'ease' }\n  }),\n\n  /**\n   * Dark mode card\n   */\n  darkCard: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#2d3748', '#1a202c'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#4a5568', '#2d3748'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 250, easing: 'ease-in-out' }\n  }),\n\n  /**\n   * Hero card with rich gradient\n   */\n  heroCard: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#667eea',\n      '#764ba2',\n      'rgba(118, 75, 162, 0.8)'\n    ],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  /**\n   * Pricing card with accent\n   */\n  pricingCard: (accentColor: string = '#007AFF'): GradientDefinition => LinearGradient({\n    colors: [\n      '#ffffff',\n      '#f8f9fa',\n      GradientUtils.withAlpha(accentColor, 0.05)\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Testimonial card\n   */\n  testimonialCard: (): GradientDefinition => LinearGradient({\n    colors: [\n      'rgba(255, 255, 255, 0.9)',\n      'rgba(248, 249, 250, 0.9)',\n      'rgba(233, 236, 239, 0.9)'\n    ],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  })\n} as const\n\n/**\n * Navigation and header gradients\n */\nexport const NavigationGradients = {\n  /**\n   * App header gradient\n   */\n  appHeader: (): GradientDefinition => LinearGradient({\n    colors: ['#667eea', '#764ba2'],\n    startPoint: 'leading',\n    endPoint: 'trailing'\n  }),\n\n  /**\n   * Tab bar gradient\n   */\n  tabBar: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#f8f9fa', '#e9ecef'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    hover: LinearGradient({\n      colors: ['#e9ecef', '#dee2e6'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 150, easing: 'ease-out' }\n  }),\n\n  /**\n   * Sidebar gradient\n   */\n  sidebar: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#2d3748',\n      '#1a202c',\n      '#171923'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Navigation breadcrumb\n   */\n  breadcrumb: (): StateGradientOptions => ({\n    default: 'transparent',\n    hover: LinearGradient({\n      colors: ['rgba(0, 122, 255, 0.1)', 'rgba(0, 122, 255, 0.05)'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 100, easing: 'ease-out' }\n  })\n} as const\n\n/**\n * Form and input gradients\n */\nexport const FormGradients = {\n  /**\n   * Text input focus effect\n   */\n  textInputFocus: (): StateGradientOptions => ({\n    default: '#ffffff',\n    focus: LinearGradient({\n      colors: ['#f0f8ff', '#e6f3ff'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    disabled: '#f5f5f5',\n    animation: { duration: 100, easing: 'ease-in-out' }\n  }),\n\n  /**\n   * Form section background\n   */\n  formSection: (): GradientDefinition => LinearGradient({\n    colors: [\n      'rgba(248, 249, 250, 0.8)',\n      'rgba(255, 255, 255, 0.8)',\n      'rgba(248, 249, 250, 0.8)'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Submit button gradient\n   */\n  submitButton: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['#30d158', '#248a3d'],\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    animation: { duration: 120, easing: 'ease-out' }\n  }),\n\n  /**\n   * Error state input\n   */\n  errorInput: (): StateGradientOptions => ({\n    default: LinearGradient({\n      colors: ['rgba(255, 59, 48, 0.1)', 'rgba(255, 59, 48, 0.05)'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    focus: LinearGradient({\n      colors: ['rgba(255, 59, 48, 0.15)', 'rgba(255, 59, 48, 0.08)'],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    }),\n    animation: { duration: 150, easing: 'ease-in-out' }\n  })\n} as const\n\n/**\n * Dashboard and data visualization gradients\n */\nexport const DashboardGradients = {\n  /**\n   * Metric card with positive trend\n   */\n  positiveMetric: (): GradientDefinition => LinearGradient({\n    colors: ['#d4edda', '#c3e6cb', '#b8dacc'],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  /**\n   * Metric card with negative trend\n   */\n  negativeMetric: (): GradientDefinition => LinearGradient({\n    colors: ['#f8d7da', '#f5c6cb', '#f1b0b7'],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  /**\n   * Chart background\n   */\n  chartBackground: (): GradientDefinition => LinearGradient({\n    colors: [\n      'rgba(255, 255, 255, 0.95)',\n      'rgba(248, 249, 250, 0.95)',\n      'rgba(255, 255, 255, 0.95)'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Progress bar gradient\n   */\n  progressBar: (color: string = '#007AFF'): GradientDefinition => LinearGradient({\n    colors: [\n      GradientUtils.lighten(color, 0.1),\n      color,\n      GradientUtils.darken(color, 0.1)\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Status indicator gradients\n   */\n  statusSuccess: (): GradientDefinition => RadialGradient({\n    colors: ['#30d158', '#248a3d', 'rgba(36, 138, 61, 0.8)'],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 25\n  }),\n\n  statusWarning: (): GradientDefinition => RadialGradient({\n    colors: ['#ff9500', '#cc7700', 'rgba(204, 119, 0, 0.8)'],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 25\n  }),\n\n  statusError: (): GradientDefinition => RadialGradient({\n    colors: ['#ff3b30', '#cc2e26', 'rgba(204, 46, 38, 0.8)'],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 25\n  })\n} as const\n\n/**\n * Loading and animation gradients\n */\nexport const AnimationGradients = {\n  /**\n   * Shimmer loading effect\n   */\n  shimmer: (): GradientDefinition => LinearGradient({\n    colors: [\n      'rgba(255, 255, 255, 0)',\n      'rgba(255, 255, 255, 0.4)',\n      'rgba(255, 255, 255, 0.8)',\n      'rgba(255, 255, 255, 0.4)',\n      'rgba(255, 255, 255, 0)'\n    ],\n    startPoint: 'leading',\n    endPoint: 'trailing',\n    stops: [0, 25, 50, 75, 100]\n  }),\n\n  /**\n   * Skeleton loading gradient\n   */\n  skeleton: (): GradientDefinition => LinearGradient({\n    colors: ['#f6f7f8', '#edeef1', '#f6f7f8'],\n    startPoint: 'leading',\n    endPoint: 'trailing'\n  }),\n\n  /**\n   * Pulse animation gradient\n   */\n  pulse: (baseColor: string = '#007AFF'): GradientDefinition => RadialGradient({\n    colors: [\n      GradientUtils.withAlpha(baseColor, 0.8),\n      GradientUtils.withAlpha(baseColor, 0.4),\n      GradientUtils.withAlpha(baseColor, 0.1),\n      'transparent'\n    ],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 100\n  }),\n\n  /**\n   * Spinner gradient\n   */\n  spinner: (): GradientDefinition => AngularGradient({\n    colors: [\n      '#007AFF',\n      'rgba(0, 122, 255, 0.8)',\n      'rgba(0, 122, 255, 0.4)',\n      'rgba(0, 122, 255, 0.1)',\n      'transparent',\n      'transparent',\n      '#007AFF'\n    ],\n    center: 'center',\n    startAngle: 0,\n    endAngle: 360\n  })\n} as const\n\n/**\n * Background and surface gradients\n */\nexport const BackgroundGradients = {\n  /**\n   * App background gradient\n   */\n  appBackground: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#f8f9fa',\n      '#ffffff',\n      '#f8f9fa'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Dark mode app background\n   */\n  darkAppBackground: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#1a1a1a',\n      '#0f0f0f',\n      '#1a1a1a'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  }),\n\n  /**\n   * Modal backdrop\n   */\n  modalBackdrop: (): GradientDefinition => RadialGradient({\n    colors: [\n      'rgba(0, 0, 0, 0.4)',\n      'rgba(0, 0, 0, 0.6)',\n      'rgba(0, 0, 0, 0.8)'\n    ],\n    center: 'center',\n    startRadius: 0,\n    endRadius: 300\n  }),\n\n  /**\n   * Hero section background\n   */\n  heroSection: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#667eea',\n      '#764ba2',\n      '#667eea'\n    ],\n    startPoint: 'topLeading',\n    endPoint: 'bottomTrailing'\n  }),\n\n  /**\n   * Footer gradient\n   */\n  footer: (): GradientDefinition => LinearGradient({\n    colors: [\n      '#2d3748',\n      '#1a202c'\n    ],\n    startPoint: 'top',\n    endPoint: 'bottom'\n  })\n} as const\n\n/**\n * Themed gradient collections\n */\nexport const ThemedGradients = {\n  /**\n   * iOS theme gradients\n   */\n  ios: {\n    primary: ButtonGradients.iosPrimary,\n    secondary: () => InteractiveGradientPresets.secondaryButton(),\n    card: CardGradients.subtleHover,\n    input: FormGradients.textInputFocus,\n    background: BackgroundGradients.appBackground\n  },\n\n  /**\n   * Material Design theme gradients\n   */\n  material: {\n    primary: ButtonGradients.materialRaised,\n    secondary: () => InteractiveGradientPresets.secondaryButton(),\n    card: CardGradients.subtleHover,\n    input: FormGradients.textInputFocus,\n    background: BackgroundGradients.appBackground\n  },\n\n  /**\n   * Modern/Glass theme gradients\n   */\n  modern: {\n    primary: ButtonGradients.glassMorphism,\n    secondary: ButtonGradients.glassMorphism,\n    card: () => CardGradients.subtleHover(),\n    input: FormGradients.textInputFocus,\n    background: () => LinearGradient({\n      colors: [\n        'rgba(255, 255, 255, 0.95)',\n        'rgba(248, 249, 250, 0.95)'\n      ],\n      startPoint: 'top',\n      endPoint: 'bottom'\n    })\n  }\n} as const\n\n/**\n * Utility to create component-specific gradient collections\n */\nexport const createComponentGradients = (theme: keyof typeof ThemedGradients = 'ios') => {\n  const themeGradients = ThemedGradients[theme]\n  \n  return {\n    Button: {\n      primary: StateGradient('button-primary', themeGradients.primary()),\n      secondary: StateGradient('button-secondary', themeGradients.secondary()),\n      danger: StateGradient('button-danger', InteractiveGradientPresets.dangerButton()),\n      success: StateGradient('button-success', InteractiveGradientPresets.successButton())\n    },\n    Card: {\n      default: StateGradient('card-default', themeGradients.card()),\n      hero: StateGradient('card-hero', {\n        default: CardGradients.heroCard(),\n        hover: GradientUtils.reverse(CardGradients.heroCard()),\n        animation: { duration: 300, easing: 'ease-in-out' }\n      })\n    },\n    Input: {\n      default: StateGradient('input-default', themeGradients.input()),\n      error: StateGradient('input-error', FormGradients.errorInput())\n    },\n    Background: {\n      app: themeGradients.background(),\n      modal: BackgroundGradients.modalBackdrop()\n    }\n  }\n}\n\n/**\n * Export all gradient examples\n */\nexport const GradientExamples = {\n  Button: ButtonGradients,\n  Card: CardGradients,\n  Navigation: NavigationGradients,\n  Form: FormGradients,\n  Dashboard: DashboardGradients,\n  Animation: AnimationGradients,\n  Background: BackgroundGradients,\n  Themed: ThemedGradients,\n  createComponentGradients\n} as const"],"names":["ButtonGradients","LinearGradient","color","GradientUtils","RadialGradient","CardGradients","accentColor","NavigationGradients","FormGradients","DashboardGradients","AnimationGradients","baseColor","AngularGradient","BackgroundGradients","ThemedGradients","InteractiveGradientPresets","createComponentGradients","theme","themeGradients","StateGradient","GradientExamples"],"mappings":"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"}

package/dist/gradients/gradient-asset.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../assets/Asset.cjs"),i=require("./css-generator.cjs");class s extends n.Asset{constructor(e,t){super(e),this.definitions=t}resolve(){const e=this.getCurrentTheme(),t=this.definitions[e]||this.definitions.light;return i.gradientToCSS(t)}getCurrentTheme(){return typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}}function o(r){return new s("gradient-asset",r)}exports.GradientAsset=s;exports.createGradientAsset=o;
-//# sourceMappingURL=gradient-asset.cjs.map

package/dist/gradients/gradient-asset.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient-asset.cjs","sources":["../../src/gradients/gradient-asset.ts"],"sourcesContent":["import { Asset } from '../assets/Asset'\nimport type { GradientAssetDefinitions } from './types'\nimport { gradientToCSS } from './css-generator'\n\nexport class GradientAsset extends Asset<string> {\n  constructor(\n    name: string,\n    private definitions: GradientAssetDefinitions\n  ) {\n    super(name)\n  }\n\n  resolve(): string {\n    const currentTheme = this.getCurrentTheme()\n    const gradientDef = this.definitions[currentTheme] || this.definitions.light\n    return gradientToCSS(gradientDef)\n  }\n\n  private getCurrentTheme(): string {\n    if (typeof window !== 'undefined' && window.matchMedia) {\n      const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n      return prefersDark ? 'dark' : 'light'\n    }\n    return 'light'\n  }\n}\n\nexport function createGradientAsset(definitions: GradientAssetDefinitions): GradientAsset {\n  return new GradientAsset('gradient-asset', definitions)\n}"],"names":["GradientAsset","Asset","name","definitions","currentTheme","gradientDef","gradientToCSS","createGradientAsset"],"mappings":"wJAIO,MAAMA,UAAsBC,EAAAA,KAAc,CAC/C,YACEC,EACQC,EACR,CACA,MAAMD,CAAI,EAFF,KAAA,YAAAC,CAGV,CAEA,SAAkB,CAChB,MAAMC,EAAe,KAAK,gBAAA,EACpBC,EAAc,KAAK,YAAYD,CAAY,GAAK,KAAK,YAAY,MACvE,OAAOE,EAAAA,cAAcD,CAAW,CAClC,CAEQ,iBAA0B,CAChC,OAAI,OAAO,OAAW,KAAe,OAAO,YACtB,OAAO,WAAW,8BAA8B,EAAE,QACjD,OAEhB,OACT,CACF,CAEO,SAASE,EAAoBJ,EAAsD,CACxF,OAAO,IAAIH,EAAc,iBAAkBG,CAAW,CACxD"}