@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

package/dist/gradients/examples.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs"),r=require("./state-gradient-asset.cjs"),c=require("./presets.cjs"),n=require("./utils.cjs"),o={iosPrimary:()=>({default:t.LinearGradient({colors:["#007AFF","#0051D2"],startPoint:"top",endPoint:"bottom"}),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"}}),materialRaised:()=>({default:t.LinearGradient({colors:["#2196F3","#1976D2"],startPoint:"top",endPoint:"bottom"}),hover:t.LinearGradient({colors:["#42A5F5","#1E88E5"],startPoint:"top",endPoint:"bottom"}),active:t.LinearGradient({colors:["#1565C0","#0D47A1"],startPoint:"top",endPoint:"bottom"}),animation:{duration:200,easing:"cubic-bezier(0.4, 0, 0.2, 1)"}}),glassMorphism:()=>({default:t.LinearGradient({colors:["rgba(255, 255, 255, 0.25)","rgba(255, 255, 255, 0.05)"],startPoint:"topLeading",endPoint:"bottomTrailing"}),hover:t.LinearGradient({colors:["rgba(255, 255, 255, 0.35)","rgba(255, 255, 255, 0.15)"],startPoint:"topLeading",endPoint:"bottomTrailing"}),active:t.LinearGradient({colors:["rgba(255, 255, 255, 0.15)","rgba(255, 255, 255, 0.25)"],startPoint:"topLeading",endPoint:"bottomTrailing"}),animation:{duration:250,easing:"ease"}}),neonGlow:(a="#00ff88")=>({default:t.LinearGradient({colors:[a,n.GradientUtils.darken(a,.3)],startPoint:"top",endPoint:"bottom"}),hover:t.RadialGradient({colors:[n.GradientUtils.lighten(a,.2),a,n.GradientUtils.darken(a,.4)],center:"center",startRadius:0,endRadius:60}),active:t.LinearGradient({colors:[n.GradientUtils.darken(a,.2),n.GradientUtils.darken(a,.4)],startPoint:"top",endPoint:"bottom"}),animation:{duration:300,easing:"ease-in-out"}}),ctaButton:()=>({default:t.LinearGradient({colors:["#ff416c","#ff4b2b"],startPoint:"topLeading",endPoint:"bottomTrailing"}),hover:t.LinearGradient({colors:["#ff6b9d","#ff6347"],startPoint:"topLeading",endPoint:"bottomTrailing"}),active:t.LinearGradient({colors:["#e63946","#d62828"],startPoint:"topLeading",endPoint:"bottomTrailing"}),animation:{duration:175,easing:"ease-out"}})},e={subtleHover:()=>({default:"#ffffff",hover:t.LinearGradient({colors:["#f8f9fa","#ffffff"],startPoint:"top",endPoint:"bottom"}),animation:{duration:200,easing:"ease"}}),darkCard:()=>({default:t.LinearGradient({colors:["#2d3748","#1a202c"],startPoint:"top",endPoint:"bottom"}),hover:t.LinearGradient({colors:["#4a5568","#2d3748"],startPoint:"top",endPoint:"bottom"}),animation:{duration:250,easing:"ease-in-out"}}),heroCard:()=>t.LinearGradient({colors:["#667eea","#764ba2","rgba(118, 75, 162, 0.8)"],startPoint:"topLeading",endPoint:"bottomTrailing"}),pricingCard:(a="#007AFF")=>t.LinearGradient({colors:["#ffffff","#f8f9fa",n.GradientUtils.withAlpha(a,.05)],startPoint:"top",endPoint:"bottom"}),testimonialCard:()=>t.LinearGradient({colors:["rgba(255, 255, 255, 0.9)","rgba(248, 249, 250, 0.9)","rgba(233, 236, 239, 0.9)"],startPoint:"topLeading",endPoint:"bottomTrailing"})},u={appHeader:()=>t.LinearGradient({colors:["#667eea","#764ba2"],startPoint:"leading",endPoint:"trailing"}),tabBar:()=>({default:t.LinearGradient({colors:["#f8f9fa","#e9ecef"],startPoint:"top",endPoint:"bottom"}),hover:t.LinearGradient({colors:["#e9ecef","#dee2e6"],startPoint:"top",endPoint:"bottom"}),animation:{duration:150,easing:"ease-out"}}),sidebar:()=>t.LinearGradient({colors:["#2d3748","#1a202c","#171923"],startPoint:"top",endPoint:"bottom"}),breadcrumb:()=>({default:"transparent",hover:t.LinearGradient({colors:["rgba(0, 122, 255, 0.1)","rgba(0, 122, 255, 0.05)"],startPoint:"top",endPoint:"bottom"}),animation:{duration:100,easing:"ease-out"}})},i={textInputFocus:()=>({default:"#ffffff",focus:t.LinearGradient({colors:["#f0f8ff","#e6f3ff"],startPoint:"top",endPoint:"bottom"}),disabled:"#f5f5f5",animation:{duration:100,easing:"ease-in-out"}}),formSection:()=>t.LinearGradient({colors:["rgba(248, 249, 250, 0.8)","rgba(255, 255, 255, 0.8)","rgba(248, 249, 250, 0.8)"],startPoint:"top",endPoint:"bottom"}),submitButton:()=>({default:t.LinearGradient({colors:["#30d158","#248a3d"],startPoint:"top",endPoint:"bottom"}),hover:t.LinearGradient({colors:["#40d866","#2c8f45"],startPoint:"top",endPoint:"bottom"}),active:t.LinearGradient({colors:["#28b946","#1f7a35"],startPoint:"top",endPoint:"bottom"}),animation:{duration:120,easing:"ease-out"}}),errorInput:()=>({default:t.LinearGradient({colors:["rgba(255, 59, 48, 0.1)","rgba(255, 59, 48, 0.05)"],startPoint:"top",endPoint:"bottom"}),focus:t.LinearGradient({colors:["rgba(255, 59, 48, 0.15)","rgba(255, 59, 48, 0.08)"],startPoint:"top",endPoint:"bottom"}),animation:{duration:150,easing:"ease-in-out"}})},b={positiveMetric:()=>t.LinearGradient({colors:["#d4edda","#c3e6cb","#b8dacc"],startPoint:"topLeading",endPoint:"bottomTrailing"}),negativeMetric:()=>t.LinearGradient({colors:["#f8d7da","#f5c6cb","#f1b0b7"],startPoint:"topLeading",endPoint:"bottomTrailing"}),chartBackground:()=>t.LinearGradient({colors:["rgba(255, 255, 255, 0.95)","rgba(248, 249, 250, 0.95)","rgba(255, 255, 255, 0.95)"],startPoint:"top",endPoint:"bottom"}),progressBar:(a="#007AFF")=>t.LinearGradient({colors:[n.GradientUtils.lighten(a,.1),a,n.GradientUtils.darken(a,.1)],startPoint:"top",endPoint:"bottom"}),statusSuccess:()=>t.RadialGradient({colors:["#30d158","#248a3d","rgba(36, 138, 61, 0.8)"],center:"center",startRadius:0,endRadius:25}),statusWarning:()=>t.RadialGradient({colors:["#ff9500","#cc7700","rgba(204, 119, 0, 0.8)"],center:"center",startRadius:0,endRadius:25}),statusError:()=>t.RadialGradient({colors:["#ff3b30","#cc2e26","rgba(204, 46, 38, 0.8)"],center:"center",startRadius:0,endRadius:25})},g={shimmer:()=>t.LinearGradient({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:()=>t.LinearGradient({colors:["#f6f7f8","#edeef1","#f6f7f8"],startPoint:"leading",endPoint:"trailing"}),pulse:(a="#007AFF")=>t.RadialGradient({colors:[n.GradientUtils.withAlpha(a,.8),n.GradientUtils.withAlpha(a,.4),n.GradientUtils.withAlpha(a,.1),"transparent"],center:"center",startRadius:0,endRadius:100}),spinner:()=>t.AngularGradient({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})},s={appBackground:()=>t.LinearGradient({colors:["#f8f9fa","#ffffff","#f8f9fa"],startPoint:"top",endPoint:"bottom"}),darkAppBackground:()=>t.LinearGradient({colors:["#1a1a1a","#0f0f0f","#1a1a1a"],startPoint:"top",endPoint:"bottom"}),modalBackdrop:()=>t.RadialGradient({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}),heroSection:()=>t.LinearGradient({colors:["#667eea","#764ba2","#667eea"],startPoint:"topLeading",endPoint:"bottomTrailing"}),footer:()=>t.LinearGradient({colors:["#2d3748","#1a202c"],startPoint:"top",endPoint:"bottom"})},l={ios:{primary:o.iosPrimary,secondary:()=>c.InteractiveGradientPresets.secondaryButton(),card:e.subtleHover,input:i.textInputFocus,background:s.appBackground},material:{primary:o.materialRaised,secondary:()=>c.InteractiveGradientPresets.secondaryButton(),card:e.subtleHover,input:i.textInputFocus,background:s.appBackground},modern:{primary:o.glassMorphism,secondary:o.glassMorphism,card:()=>e.subtleHover(),input:i.textInputFocus,background:()=>t.LinearGradient({colors:["rgba(255, 255, 255, 0.95)","rgba(248, 249, 250, 0.95)"],startPoint:"top",endPoint:"bottom"})}},f=(a="ios")=>{const d=l[a];return{Button:{primary:r.StateGradient("button-primary",d.primary()),secondary:r.StateGradient("button-secondary",d.secondary()),danger:r.StateGradient("button-danger",c.InteractiveGradientPresets.dangerButton()),success:r.StateGradient("button-success",c.InteractiveGradientPresets.successButton())},Card:{default:r.StateGradient("card-default",d.card()),hero:r.StateGradient("card-hero",{default:e.heroCard(),hover:n.GradientUtils.reverse(e.heroCard()),animation:{duration:300,easing:"ease-in-out"}})},Input:{default:r.StateGradient("input-default",d.input()),error:r.StateGradient("input-error",i.errorInput())},Background:{app:d.background(),modal:s.modalBackdrop()}}},G={Button:o,Card:e,Navigation:u,Form:i,Dashboard:b,Animation:g,Background:s,Themed:l,createComponentGradients:f};exports.AnimationGradients=g;exports.BackgroundGradients=s;exports.ButtonGradients=o;exports.CardGradients=e;exports.DashboardGradients=b;exports.FormGradients=i;exports.GradientExamples=G;exports.NavigationGradients=u;exports.ThemedGradients=l;exports.createComponentGradients=f;
-//# sourceMappingURL=examples.cjs.map

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