@tachui/core 0.7.0-alpha1

package/dist/gradients/examples.js

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

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

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

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

package/dist/gradients/gradient-asset.d.ts

@@ -0,0 +1,10 @@
+import { Asset } from '../assets/Asset';
+import type { GradientAssetDefinitions } from './types';
+export declare class GradientAsset extends Asset<string> {
+    private definitions;
+    constructor(name: string, definitions: GradientAssetDefinitions);
+    resolve(): string;
+    private getCurrentTheme;
+}
+export declare function createGradientAsset(definitions: GradientAssetDefinitions): GradientAsset;
+//# sourceMappingURL=gradient-asset.d.ts.map

package/dist/gradients/gradient-asset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-asset.d.ts","sourceRoot":"","sources":["../../src/gradients/gradient-asset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAGvD,qBAAa,aAAc,SAAQ,KAAK,CAAC,MAAM,CAAC;IAG5C,OAAO,CAAC,WAAW;gBADnB,IAAI,EAAE,MAAM,EACJ,WAAW,EAAE,wBAAwB;IAK/C,OAAO,IAAI,MAAM;IAMjB,OAAO,CAAC,eAAe;CAOxB;AAED,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,wBAAwB,GAAG,aAAa,CAExF"}

package/dist/gradients/gradient-asset.js

@@ -0,0 +1,22 @@
+import { Asset as i } from "../assets/Asset.js";
+import { gradientToCSS as n } from "./css-generator.js";
+class s extends i {
+  constructor(e, t) {
+    super(e), this.definitions = t;
+  }
+  resolve() {
+    const e = this.getCurrentTheme(), t = this.definitions[e] || this.definitions.light;
+    return n(t);
+  }
+  getCurrentTheme() {
+    return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+}
+function a(r) {
+  return new s("gradient-asset", r);
+}
+export {
+  s as GradientAsset,
+  a as createGradientAsset
+};
+//# sourceMappingURL=gradient-asset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-asset.js","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":";;AAIO,MAAMA,UAAsBC,EAAc;AAAA,EAC/C,YACEC,GACQC,GACR;AACA,UAAMD,CAAI,GAFF,KAAA,cAAAC;AAAA,EAGV;AAAA,EAEA,UAAkB;AAChB,UAAMC,IAAe,KAAK,gBAAA,GACpBC,IAAc,KAAK,YAAYD,CAAY,KAAK,KAAK,YAAY;AACvE,WAAOE,EAAcD,CAAW;AAAA,EAClC;AAAA,EAEQ,kBAA0B;AAChC,WAAI,OAAO,SAAW,OAAe,OAAO,cACtB,OAAO,WAAW,8BAA8B,EAAE,UACjD,SAEhB;AAAA,EACT;AACF;AAEO,SAASE,EAAoBJ,GAAsD;AACxF,SAAO,IAAIH,EAAc,kBAAkBG,CAAW;AACxD;"}

package/dist/gradients/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./presets.cjs"),n=require("./utils.cjs"),t=require("./examples.cjs"),i=require("./performance.cjs");function a(e){return{type:"linear",options:e}}function d(e){return{type:"radial",options:e}}function s(e){return{type:"angular",options:e}}function G(e){return{type:"conic",options:e}}function o(e){return{type:"repeating-linear",options:e}}function l(e){return{type:"repeating-radial",options:e}}function c(e){return{type:"elliptical",options:e}}exports.GradientPresetUtils=r.GradientUtils;exports.InteractiveGradientPresets=r.InteractiveGradientPresets;exports.LinearGradientPresets=r.LinearGradientPresets;exports.ThemeGradients=r.ThemeGradients;exports.ColorUtilities=n.ColorUtils;exports.GradientAnalysis=n.GradientAnalysis;exports.GradientUtilities=n.GradientUtils;exports.StateGradientUtils=n.StateGradientUtils;exports.AnimationGradients=t.AnimationGradients;exports.BackgroundGradients=t.BackgroundGradients;exports.ButtonGradients=t.ButtonGradients;exports.CardGradients=t.CardGradients;exports.DashboardGradients=t.DashboardGradients;exports.FormGradients=t.FormGradients;exports.GradientExamples=t.GradientExamples;exports.NavigationGradients=t.NavigationGradients;exports.ThemedGradients=t.ThemedGradients;exports.createComponentGradients=t.createComponentGradients;exports.GradientDebugger=i.GradientDebugger;exports.GradientInspector=i.GradientInspector;exports.GradientPerformanceMonitor=i.GradientPerformanceMonitor;exports.gradientPerformanceMonitor=i.gradientPerformanceMonitor;exports.AngularGradient=s;exports.ConicGradient=G;exports.EllipticalGradient=c;exports.LinearGradient=a;exports.RadialGradient=d;exports.RepeatingLinearGradient=o;exports.RepeatingRadialGradient=l;
+//# sourceMappingURL=index.cjs.map

package/dist/gradients/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/gradients/index.ts"],"sourcesContent":["import type {\n  GradientDefinition,\n  LinearGradientOptions,\n  RadialGradientOptions,\n  AngularGradientOptions,\n  RepeatingLinearGradientOptions,\n  RepeatingRadialGradientOptions,\n  ConicGradientOptions,\n  EllipticalGradientOptions\n} from './types'\n\nexport function LinearGradient(options: LinearGradientOptions): GradientDefinition {\n  return {\n    type: 'linear',\n    options\n  }\n}\n\nexport function RadialGradient(options: RadialGradientOptions): GradientDefinition {\n  return {\n    type: 'radial',\n    options\n  }\n}\n\nexport function AngularGradient(options: AngularGradientOptions): GradientDefinition {\n  return {\n    type: 'angular',\n    options\n  }\n}\n\nexport function ConicGradient(options: ConicGradientOptions): GradientDefinition {\n  return {\n    type: 'conic',\n    options\n  }\n}\n\nexport function RepeatingLinearGradient(options: RepeatingLinearGradientOptions): GradientDefinition {\n  return {\n    type: 'repeating-linear',\n    options\n  }\n}\n\nexport function RepeatingRadialGradient(options: RepeatingRadialGradientOptions): GradientDefinition {\n  return {\n    type: 'repeating-radial',\n    options\n  }\n}\n\nexport function EllipticalGradient(options: EllipticalGradientOptions): GradientDefinition {\n  return {\n    type: 'elliptical',\n    options\n  }\n}\n\n// Phase 2 export additions\nexport * from './types'\nexport * from './gradient-asset'\nexport * from './css-generator'\n\n// Phase 3 export additions - State-based gradients\nexport * from './state-gradient-asset'\n\n// Phase 4 export additions - Developer Experience\nexport { \n  LinearGradientPresets,\n  InteractiveGradientPresets,\n  ThemeGradients,\n  GradientUtils as GradientPresetUtils\n} from './presets'\nexport * from './validation'\nexport * from './reactive'\nexport { \n  GradientUtils as GradientUtilities,\n  ColorUtils as ColorUtilities,\n  GradientAnalysis,\n  StateGradientUtils\n} from './utils'\nexport * from './examples'\nexport * from './performance'"],"names":["LinearGradient","options","RadialGradient","AngularGradient","ConicGradient","RepeatingLinearGradient","RepeatingRadialGradient","EllipticalGradient"],"mappings":"qMAWO,SAASA,EAAeC,EAAoD,CACjF,MAAO,CACL,KAAM,SACN,QAAAA,CAAA,CAEJ,CAEO,SAASC,EAAeD,EAAoD,CACjF,MAAO,CACL,KAAM,SACN,QAAAA,CAAA,CAEJ,CAEO,SAASE,EAAgBF,EAAqD,CACnF,MAAO,CACL,KAAM,UACN,QAAAA,CAAA,CAEJ,CAEO,SAASG,EAAcH,EAAmD,CAC/E,MAAO,CACL,KAAM,QACN,QAAAA,CAAA,CAEJ,CAEO,SAASI,EAAwBJ,EAA6D,CACnG,MAAO,CACL,KAAM,mBACN,QAAAA,CAAA,CAEJ,CAEO,SAASK,EAAwBL,EAA6D,CACnG,MAAO,CACL,KAAM,mBACN,QAAAA,CAAA,CAEJ,CAEO,SAASM,EAAmBN,EAAwD,CACzF,MAAO,CACL,KAAM,aACN,QAAAA,CAAA,CAEJ"}