@tachui/core 0.7.0-alpha1

package/dist/essential.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"essential.js","sources":["../src/bundles/essential.ts"],"sourcesContent":["/**\n * @fileoverview TachUI Essential Bundle (~20KB)\n * \n * Core runtime only - optimized for custom component development.\n * This bundle re-exports the complete framework but with metadata\n * to guide bundlers for runtime-only optimization.\n */\n\n// For Phase 3, we export everything but provide metadata for runtime-only tree-shaking\nexport * from '../index.js'\n\n/**\n * Essential Bundle Metadata - guides tree-shaking tools\n */\nexport const BUNDLE_INFO = {\n  name: '@tachui/core/essential',\n  version: '0.1.0',\n  description: 'Essential TachUI runtime for custom component development',\n  targetSize: '~20KB',\n  recommendedComponents: [],\n  useCase: 'Custom component development, maximum granular control',\n  treeShakingHints: {\n    include: ['reactive', 'runtime/core', 'compiler/core'],\n    exclude: ['components/*', 'modifiers/*', 'gradients/*', 'animations/*', 'plugins/*']\n  }\n} as const"],"names":["BUNDLE_INFO"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,IAAc;AAAA,EACzB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,uBAAuB,CAAA;AAAA,EACvB,SAAS;AAAA,EACT,kBAAkB;AAAA,IAChB,SAAS,CAAC,YAAY,gBAAgB,eAAe;AAAA,IACrD,SAAS,CAAC,gBAAgB,eAAe,eAAe,gBAAgB,WAAW;AAAA,EAAA;AAEvF;"}

package/dist/gradients/css-generator.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m={center:"center",top:"top",bottom:"bottom",leading:"left",trailing:"right"};function l(t){return typeof t=="string"?t:t.resolve()}function a(t,e){return t.map((r,n)=>{const o=l(r);return e&&e[n]!==void 0?`${o} ${e[n]}%`:o}).join(", ")}function i(t){return Array.isArray(t)?`${t[0]}% ${t[1]}%`:m[t]||t}function b(t,e,r){if(r!==void 0)return`${r}deg`;const n=`${t}-${e}`;return{"top-bottom":"to bottom","bottom-top":"to top","leading-trailing":"to right","trailing-leading":"to left","topLeading-bottomTrailing":"to bottom right","topTrailing-bottomLeading":"to bottom left","bottomLeading-topTrailing":"to top right","bottomTrailing-topLeading":"to top left"}[n]||"to bottom"}function s(t){const e=b(t.startPoint,t.endPoint,t.angle),r=a(t.colors,t.stops);return`linear-gradient(${e}, ${r})`}function g(t){const e=t.shape||"circle",r=i(t.center),n=a(t.colors,t.stops);let o;return e==="circle"?o=`${t.endRadius}px`:o=`${t.endRadius}px ${t.endRadius}px`,`radial-gradient(${e} ${o} at ${r}, ${n})`}function d(t){const e=i(t.center),r=`from ${t.startAngle}deg`,n=a(t.colors,t.stops);return`conic-gradient(${r} at ${e}, ${n})`}function u(t){const e=i(t.center),r=`from ${t.startAngle}deg`,n=a(t.colors,t.stops);return`conic-gradient(${r} at ${e}, ${n})`}function p(t){const e=t.colors.map((r,n)=>{const o=l(r),c=t.colorStops[n]||`${n*10}px`;return`${o} ${c}`}).join(", ");return`repeating-linear-gradient(${t.direction}, ${e})`}function S(t){const e=t.shape||"circle",r=i(t.center),n=t.colors.map((o,c)=>{const f=l(o),C=t.colorStops[c]||`${c*10}px`;return`${f} ${C}`}).join(", ");return`repeating-radial-gradient(${e} at ${r}, ${n})`}function $(t){const e=i(t.center),r=a(t.colors,t.stops);return`radial-gradient(ellipse ${t.radiusX}px ${t.radiusY}px at ${e}, ${r})`}function G(t){switch(t.type){case"linear":return s(t.options);case"radial":return g(t.options);case"angular":return d(t.options);case"conic":return u(t.options);case"repeating-linear":return p(t.options);case"repeating-radial":return S(t.options);case"elliptical":return $(t.options);default:throw new Error(`Unknown gradient type: ${t.type}`)}}exports.generateAngularGradientCSS=d;exports.generateConicGradientCSS=u;exports.generateEllipticalGradientCSS=$;exports.generateLinearGradientCSS=s;exports.generateRadialGradientCSS=g;exports.generateRepeatingLinearGradientCSS=p;exports.generateRepeatingRadialGradientCSS=S;exports.gradientToCSS=G;
+//# sourceMappingURL=css-generator.cjs.map

package/dist/gradients/css-generator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-generator.cjs","sources":["../../src/gradients/css-generator.ts"],"sourcesContent":["import type { Asset } from '../assets/types'\nimport type { \n  GradientDefinition, \n  LinearGradientOptions,\n  RadialGradientOptions,\n  AngularGradientOptions,\n  ConicGradientOptions,\n  RepeatingLinearGradientOptions,\n  RepeatingRadialGradientOptions,\n  EllipticalGradientOptions,\n  GradientStartPoint,\n  GradientCenter\n} from './types'\n\n// Removed unused DIRECTION_MAP - using calculateDirection function instead\n\nconst POSITION_MAP: Record<string, string> = {\n  'center': 'center',\n  'top': 'top',\n  'bottom': 'bottom',\n  'leading': 'left',\n  'trailing': 'right'\n}\n\nfunction resolveColor(color: string | Asset): string {\n  if (typeof color === 'string') {\n    return color\n  }\n  return color.resolve() as string\n}\n\nfunction formatColorStops(colors: (string | Asset)[], stops?: number[]): string {\n  return colors.map((color, index) => {\n    const resolvedColor = resolveColor(color)\n    if (stops && stops[index] !== undefined) {\n      return `${resolvedColor} ${stops[index]}%`\n    }\n    return resolvedColor\n  }).join(', ')\n}\n\nfunction formatPosition(center: GradientCenter): string {\n  if (Array.isArray(center)) {\n    return `${center[0]}% ${center[1]}%`\n  }\n  return POSITION_MAP[center] || center\n}\n\nfunction calculateDirection(startPoint: GradientStartPoint, endPoint: GradientStartPoint, angle?: number): string {\n  if (angle !== undefined) {\n    return `${angle}deg`\n  }\n  \n  // Simple direction mapping for common cases\n  const directionKey = `${startPoint}-${endPoint}`\n  const directionMappings: Record<string, string> = {\n    'top-bottom': 'to bottom',\n    'bottom-top': 'to top',\n    'leading-trailing': 'to right',\n    'trailing-leading': 'to left',\n    'topLeading-bottomTrailing': 'to bottom right',\n    'topTrailing-bottomLeading': 'to bottom left',\n    'bottomLeading-topTrailing': 'to top right',\n    'bottomTrailing-topLeading': 'to top left'\n  }\n  \n  return directionMappings[directionKey] || 'to bottom'\n}\n\nexport function generateLinearGradientCSS(options: LinearGradientOptions): string {\n  const direction = calculateDirection(options.startPoint, options.endPoint, options.angle)\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  return `linear-gradient(${direction}, ${colorStops})`\n}\n\nexport function generateRadialGradientCSS(options: RadialGradientOptions): string {\n  const shape = options.shape || 'circle'\n  const position = formatPosition(options.center)\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  // Handle radius specification based on shape\n  let sizeSpec: string\n  if (shape === 'circle') {\n    sizeSpec = `${options.endRadius}px`\n  } else {\n    // For ellipse, use endRadius for both axes unless specified differently\n    sizeSpec = `${options.endRadius}px ${options.endRadius}px`\n  }\n  \n  return `radial-gradient(${shape} ${sizeSpec} at ${position}, ${colorStops})`\n}\n\nexport function generateAngularGradientCSS(options: AngularGradientOptions): string {\n  const position = formatPosition(options.center)\n  const fromAngle = `from ${options.startAngle}deg`\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  return `conic-gradient(${fromAngle} at ${position}, ${colorStops})`\n}\n\nexport function generateConicGradientCSS(options: ConicGradientOptions): string {\n  const position = formatPosition(options.center)\n  const fromAngle = `from ${options.startAngle}deg`\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  return `conic-gradient(${fromAngle} at ${position}, ${colorStops})`\n}\n\nexport function generateRepeatingLinearGradientCSS(options: RepeatingLinearGradientOptions): string {\n  const colorStops = options.colors.map((color, index) => {\n    const resolvedColor = resolveColor(color)\n    const stop = options.colorStops[index] || `${index * 10}px`\n    return `${resolvedColor} ${stop}`\n  }).join(', ')\n  \n  return `repeating-linear-gradient(${options.direction}, ${colorStops})`\n}\n\nexport function generateRepeatingRadialGradientCSS(options: RepeatingRadialGradientOptions): string {\n  const shape = options.shape || 'circle'\n  const position = formatPosition(options.center)\n  const colorStops = options.colors.map((color, index) => {\n    const resolvedColor = resolveColor(color)\n    const stop = options.colorStops[index] || `${index * 10}px`\n    return `${resolvedColor} ${stop}`\n  }).join(', ')\n  \n  return `repeating-radial-gradient(${shape} at ${position}, ${colorStops})`\n}\n\nexport function generateEllipticalGradientCSS(options: EllipticalGradientOptions): string {\n  const position = formatPosition(options.center)\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  return `radial-gradient(ellipse ${options.radiusX}px ${options.radiusY}px at ${position}, ${colorStops})`\n}\n\nexport function gradientToCSS(gradient: GradientDefinition): string {\n  switch (gradient.type) {\n    case 'linear':\n      return generateLinearGradientCSS(gradient.options as LinearGradientOptions)\n    case 'radial':\n      return generateRadialGradientCSS(gradient.options as RadialGradientOptions)\n    case 'angular':\n      return generateAngularGradientCSS(gradient.options as AngularGradientOptions)\n    case 'conic':\n      return generateConicGradientCSS(gradient.options as ConicGradientOptions)\n    case 'repeating-linear':\n      return generateRepeatingLinearGradientCSS(gradient.options as RepeatingLinearGradientOptions)\n    case 'repeating-radial':\n      return generateRepeatingRadialGradientCSS(gradient.options as RepeatingRadialGradientOptions)\n    case 'elliptical':\n      return generateEllipticalGradientCSS(gradient.options as EllipticalGradientOptions)\n    default:\n      throw new Error(`Unknown gradient type: ${gradient.type}`)\n  }\n}"],"names":["POSITION_MAP","resolveColor","color","formatColorStops","colors","stops","index","resolvedColor","formatPosition","center","calculateDirection","startPoint","endPoint","angle","directionKey","generateLinearGradientCSS","options","direction","colorStops","generateRadialGradientCSS","shape","position","sizeSpec","generateAngularGradientCSS","fromAngle","generateConicGradientCSS","generateRepeatingLinearGradientCSS","stop","generateRepeatingRadialGradientCSS","generateEllipticalGradientCSS","gradientToCSS","gradient"],"mappings":"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"}

package/dist/gradients/css-generator.d.ts

@@ -0,0 +1,10 @@
+import type { GradientDefinition, LinearGradientOptions, RadialGradientOptions, AngularGradientOptions, ConicGradientOptions, RepeatingLinearGradientOptions, RepeatingRadialGradientOptions, EllipticalGradientOptions } from './types';
+export declare function generateLinearGradientCSS(options: LinearGradientOptions): string;
+export declare function generateRadialGradientCSS(options: RadialGradientOptions): string;
+export declare function generateAngularGradientCSS(options: AngularGradientOptions): string;
+export declare function generateConicGradientCSS(options: ConicGradientOptions): string;
+export declare function generateRepeatingLinearGradientCSS(options: RepeatingLinearGradientOptions): string;
+export declare function generateRepeatingRadialGradientCSS(options: RepeatingRadialGradientOptions): string;
+export declare function generateEllipticalGradientCSS(options: EllipticalGradientOptions): string;
+export declare function gradientToCSS(gradient: GradientDefinition): string;
+//# sourceMappingURL=css-generator.d.ts.map

package/dist/gradients/css-generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../src/gradients/css-generator.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,8BAA8B,EAC9B,8BAA8B,EAC9B,yBAAyB,EAG1B,MAAM,SAAS,CAAA;AAyDhB,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM,CAKhF;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM,CAehF;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,CAMlF;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CAM9E;AAED,wBAAgB,kCAAkC,CAAC,OAAO,EAAE,8BAA8B,GAAG,MAAM,CAQlG;AAED,wBAAgB,kCAAkC,CAAC,OAAO,EAAE,8BAA8B,GAAG,MAAM,CAUlG;AAED,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,yBAAyB,GAAG,MAAM,CAKxF;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,kBAAkB,GAAG,MAAM,CAmBlE"}

package/dist/gradients/css-generator.js

@@ -0,0 +1,100 @@
+const u = {
+  center: "center",
+  top: "top",
+  bottom: "bottom",
+  leading: "left",
+  trailing: "right"
+};
+function l(t) {
+  return typeof t == "string" ? t : t.resolve();
+}
+function i(t, r) {
+  return t.map((e, o) => {
+    const n = l(e);
+    return r && r[o] !== void 0 ? `${n} ${r[o]}%` : n;
+  }).join(", ");
+}
+function a(t) {
+  return Array.isArray(t) ? `${t[0]}% ${t[1]}%` : u[t] || t;
+}
+function g(t, r, e) {
+  if (e !== void 0)
+    return `${e}deg`;
+  const o = `${t}-${r}`;
+  return {
+    "top-bottom": "to bottom",
+    "bottom-top": "to top",
+    "leading-trailing": "to right",
+    "trailing-leading": "to left",
+    "topLeading-bottomTrailing": "to bottom right",
+    "topTrailing-bottomLeading": "to bottom left",
+    "bottomLeading-topTrailing": "to top right",
+    "bottomTrailing-topLeading": "to top left"
+  }[o] || "to bottom";
+}
+function d(t) {
+  const r = g(t.startPoint, t.endPoint, t.angle), e = i(t.colors, t.stops);
+  return `linear-gradient(${r}, ${e})`;
+}
+function $(t) {
+  const r = t.shape || "circle", e = a(t.center), o = i(t.colors, t.stops);
+  let n;
+  return r === "circle" ? n = `${t.endRadius}px` : n = `${t.endRadius}px ${t.endRadius}px`, `radial-gradient(${r} ${n} at ${e}, ${o})`;
+}
+function f(t) {
+  const r = a(t.center), e = `from ${t.startAngle}deg`, o = i(t.colors, t.stops);
+  return `conic-gradient(${e} at ${r}, ${o})`;
+}
+function S(t) {
+  const r = a(t.center), e = `from ${t.startAngle}deg`, o = i(t.colors, t.stops);
+  return `conic-gradient(${e} at ${r}, ${o})`;
+}
+function m(t) {
+  const r = t.colors.map((e, o) => {
+    const n = l(e), c = t.colorStops[o] || `${o * 10}px`;
+    return `${n} ${c}`;
+  }).join(", ");
+  return `repeating-linear-gradient(${t.direction}, ${r})`;
+}
+function C(t) {
+  const r = t.shape || "circle", e = a(t.center), o = t.colors.map((n, c) => {
+    const s = l(n), p = t.colorStops[c] || `${c * 10}px`;
+    return `${s} ${p}`;
+  }).join(", ");
+  return `repeating-radial-gradient(${r} at ${e}, ${o})`;
+}
+function b(t) {
+  const r = a(t.center), e = i(t.colors, t.stops);
+  return `radial-gradient(ellipse ${t.radiusX}px ${t.radiusY}px at ${r}, ${e})`;
+}
+function h(t) {
+  switch (t.type) {
+    case "linear":
+      return d(t.options);
+    case "radial":
+      return $(t.options);
+    case "angular":
+      return f(t.options);
+    case "conic":
+      return S(t.options);
+    case "repeating-linear":
+      return m(t.options);
+    case "repeating-radial":
+      return C(t.options);
+    case "elliptical":
+      return b(t.options);
+    default:
+      throw new Error(`Unknown gradient type: ${t.type}`);
+  }
+}
+export {
+  f as generateAngularGradientCSS,
+  S as generateConicGradientCSS,
+  b as generateEllipticalGradientCSS,
+  d as generateLinearGradientCSS,
+  $ as generateRadialGradientCSS,
+  m as generateRepeatingLinearGradientCSS,
+  C as generateRepeatingRadialGradientCSS,
+  h as gradientToCSS
+};
+//# sourceMappingURL=css-generator.js.map

package/dist/gradients/css-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-generator.js","sources":["../../src/gradients/css-generator.ts"],"sourcesContent":["import type { Asset } from '../assets/types'\nimport type { \n  GradientDefinition, \n  LinearGradientOptions,\n  RadialGradientOptions,\n  AngularGradientOptions,\n  ConicGradientOptions,\n  RepeatingLinearGradientOptions,\n  RepeatingRadialGradientOptions,\n  EllipticalGradientOptions,\n  GradientStartPoint,\n  GradientCenter\n} from './types'\n\n// Removed unused DIRECTION_MAP - using calculateDirection function instead\n\nconst POSITION_MAP: Record<string, string> = {\n  'center': 'center',\n  'top': 'top',\n  'bottom': 'bottom',\n  'leading': 'left',\n  'trailing': 'right'\n}\n\nfunction resolveColor(color: string | Asset): string {\n  if (typeof color === 'string') {\n    return color\n  }\n  return color.resolve() as string\n}\n\nfunction formatColorStops(colors: (string | Asset)[], stops?: number[]): string {\n  return colors.map((color, index) => {\n    const resolvedColor = resolveColor(color)\n    if (stops && stops[index] !== undefined) {\n      return `${resolvedColor} ${stops[index]}%`\n    }\n    return resolvedColor\n  }).join(', ')\n}\n\nfunction formatPosition(center: GradientCenter): string {\n  if (Array.isArray(center)) {\n    return `${center[0]}% ${center[1]}%`\n  }\n  return POSITION_MAP[center] || center\n}\n\nfunction calculateDirection(startPoint: GradientStartPoint, endPoint: GradientStartPoint, angle?: number): string {\n  if (angle !== undefined) {\n    return `${angle}deg`\n  }\n  \n  // Simple direction mapping for common cases\n  const directionKey = `${startPoint}-${endPoint}`\n  const directionMappings: Record<string, string> = {\n    'top-bottom': 'to bottom',\n    'bottom-top': 'to top',\n    'leading-trailing': 'to right',\n    'trailing-leading': 'to left',\n    'topLeading-bottomTrailing': 'to bottom right',\n    'topTrailing-bottomLeading': 'to bottom left',\n    'bottomLeading-topTrailing': 'to top right',\n    'bottomTrailing-topLeading': 'to top left'\n  }\n  \n  return directionMappings[directionKey] || 'to bottom'\n}\n\nexport function generateLinearGradientCSS(options: LinearGradientOptions): string {\n  const direction = calculateDirection(options.startPoint, options.endPoint, options.angle)\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  return `linear-gradient(${direction}, ${colorStops})`\n}\n\nexport function generateRadialGradientCSS(options: RadialGradientOptions): string {\n  const shape = options.shape || 'circle'\n  const position = formatPosition(options.center)\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  // Handle radius specification based on shape\n  let sizeSpec: string\n  if (shape === 'circle') {\n    sizeSpec = `${options.endRadius}px`\n  } else {\n    // For ellipse, use endRadius for both axes unless specified differently\n    sizeSpec = `${options.endRadius}px ${options.endRadius}px`\n  }\n  \n  return `radial-gradient(${shape} ${sizeSpec} at ${position}, ${colorStops})`\n}\n\nexport function generateAngularGradientCSS(options: AngularGradientOptions): string {\n  const position = formatPosition(options.center)\n  const fromAngle = `from ${options.startAngle}deg`\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  return `conic-gradient(${fromAngle} at ${position}, ${colorStops})`\n}\n\nexport function generateConicGradientCSS(options: ConicGradientOptions): string {\n  const position = formatPosition(options.center)\n  const fromAngle = `from ${options.startAngle}deg`\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  return `conic-gradient(${fromAngle} at ${position}, ${colorStops})`\n}\n\nexport function generateRepeatingLinearGradientCSS(options: RepeatingLinearGradientOptions): string {\n  const colorStops = options.colors.map((color, index) => {\n    const resolvedColor = resolveColor(color)\n    const stop = options.colorStops[index] || `${index * 10}px`\n    return `${resolvedColor} ${stop}`\n  }).join(', ')\n  \n  return `repeating-linear-gradient(${options.direction}, ${colorStops})`\n}\n\nexport function generateRepeatingRadialGradientCSS(options: RepeatingRadialGradientOptions): string {\n  const shape = options.shape || 'circle'\n  const position = formatPosition(options.center)\n  const colorStops = options.colors.map((color, index) => {\n    const resolvedColor = resolveColor(color)\n    const stop = options.colorStops[index] || `${index * 10}px`\n    return `${resolvedColor} ${stop}`\n  }).join(', ')\n  \n  return `repeating-radial-gradient(${shape} at ${position}, ${colorStops})`\n}\n\nexport function generateEllipticalGradientCSS(options: EllipticalGradientOptions): string {\n  const position = formatPosition(options.center)\n  const colorStops = formatColorStops(options.colors, options.stops)\n  \n  return `radial-gradient(ellipse ${options.radiusX}px ${options.radiusY}px at ${position}, ${colorStops})`\n}\n\nexport function gradientToCSS(gradient: GradientDefinition): string {\n  switch (gradient.type) {\n    case 'linear':\n      return generateLinearGradientCSS(gradient.options as LinearGradientOptions)\n    case 'radial':\n      return generateRadialGradientCSS(gradient.options as RadialGradientOptions)\n    case 'angular':\n      return generateAngularGradientCSS(gradient.options as AngularGradientOptions)\n    case 'conic':\n      return generateConicGradientCSS(gradient.options as ConicGradientOptions)\n    case 'repeating-linear':\n      return generateRepeatingLinearGradientCSS(gradient.options as RepeatingLinearGradientOptions)\n    case 'repeating-radial':\n      return generateRepeatingRadialGradientCSS(gradient.options as RepeatingRadialGradientOptions)\n    case 'elliptical':\n      return generateEllipticalGradientCSS(gradient.options as EllipticalGradientOptions)\n    default:\n      throw new Error(`Unknown gradient type: ${gradient.type}`)\n  }\n}"],"names":["POSITION_MAP","resolveColor","color","formatColorStops","colors","stops","index","resolvedColor","formatPosition","center","calculateDirection","startPoint","endPoint","angle","directionKey","generateLinearGradientCSS","options","direction","colorStops","generateRadialGradientCSS","shape","position","sizeSpec","generateAngularGradientCSS","fromAngle","generateConicGradientCSS","generateRepeatingLinearGradientCSS","stop","generateRepeatingRadialGradientCSS","generateEllipticalGradientCSS","gradientToCSS","gradient"],"mappings":"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"}

package/dist/gradients/examples.cjs

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

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