css-mesh/dist/index.js

Beautiful CSS-based animated mesh gradients for React - 34 themes, 3D lighting, drop shadows, mouse tracking, no WebGL required

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");var t,a={exports:{}},r={};var i,n,d={};
/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */function o(){return i||(i=1,"production"!==process.env.NODE_ENV&&function(){function t(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===$?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case p:return"Fragment";case b:return"Profiler";case u:return"StrictMode";case w:return"Suspense";case I:return"SuspenseList";case k:return"Activity"}if("object"==typeof e)switch("number"==typeof e.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case f:return"Portal";case x:return(e.displayName||"Context")+".Provider";case y:return(e._context.displayName||"Context")+".Consumer";case m:var a=e.render;return(e=e.displayName)||(e=""!==(e=a.displayName||a.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case z:return null!==(a=e.displayName||null)?a:t(e.type)||"Memo";case v:a=e._payload,e=e._init;try{return t(e(a))}catch(r){}}return null}function a(e){return""+e}function r(e){try{a(e);var t=!1}catch(n){t=!0}if(t){var r=(t=console).error,i="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",i),a(e)}}function i(e){if(e===p)return"<>";if("object"==typeof e&&null!==e&&e.$$typeof===v)return"<...>";try{var a=t(e);return a?"<"+a+">":"<...>"}catch(r){return"<...>"}}function n(){return Error("react-stack-top-frame")}function o(){var e=t(this.type);return j[e]||(j[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(e=this.props.ref)?e:null}function l(e,a,i,n,d,l,g,f){var p,u=a.children;if(void 0!==u)if(n)if(E(u)){for(n=0;n<u.length;n++)s(u[n]);Object.freeze&&Object.freeze(u)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else s(u);if(C.call(a,"key")){u=t(e);var b=Object.keys(a).filter(function(e){return"key"!==e});n=0<b.length?"{key: someKey, "+b.join(": ..., ")+": ...}":"{key: someKey}",N[u+n]||(b=0<b.length?"{"+b.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',n,u,b,u),N[u+n]=!0)}if(u=null,void 0!==i&&(r(i),u=""+i),function(e){if(C.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}(a)&&(r(a.key),u=""+a.key),"key"in a)for(var y in i={},a)"key"!==y&&(i[y]=a[y]);else i=a;return u&&function(e,t){function a(){c||(c=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}(i,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,t,a,r,i,n,d,l){return a=n.ref,e={$$typeof:h,type:e,key:t,props:n,_owner:i},null!==(void 0!==a?a:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:o}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:d}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:l}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,u,l,0,null===(p=S.A)?null:p.getOwner(),i,g,f)}function s(e){"object"==typeof e&&null!==e&&e.$$typeof===h&&e._store&&(e._store.validated=1)}var c,g=e,h=Symbol.for("react.transitional.element"),f=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),b=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),x=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),z=Symbol.for("react.memo"),v=Symbol.for("react.lazy"),k=Symbol.for("react.activity"),$=Symbol.for("react.client.reference"),S=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,C=Object.prototype.hasOwnProperty,E=Array.isArray,O=console.createTask?console.createTask:function(){return null},j={},A=(g={"react-stack-bottom-frame":function(e){return e()}})["react-stack-bottom-frame"].bind(g,n)(),T=O(i(n)),N={};d.Fragment=p,d.jsx=function(e,t,a,r,n){var d=1e4>S.recentlyCreatedOwnerStacks++;return l(e,t,a,!1,0,n,d?Error("react-stack-top-frame"):A,d?O(i(e)):T)},d.jsxs=function(e,t,a,r,n){var d=1e4>S.recentlyCreatedOwnerStacks++;return l(e,t,a,!0,0,n,d?Error("react-stack-top-frame"):A,d?O(i(e)):T)}}()),d}var l=(n||(n=1,"production"===process.env.NODE_ENV?a.exports=function(){if(t)return r;t=1;var e=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function i(t,a,r){var i=null;if(void 0!==r&&(i=""+r),void 0!==a.key&&(i=""+a.key),"key"in a)for(var n in r={},a)"key"!==n&&(r[n]=a[n]);else r=a;return a=r.ref,{$$typeof:e,type:t,key:i,ref:void 0!==a?a:null,props:r}}return r.Fragment=a,r.jsx=i,r.jsxs=i,r}():a.exports=o()),a.exports);const s={sunset:{backgroundColor:"#1a1a2e",shapes:[{id:"sunset-1",width:70,height:35,x:-15,y:-5,gradient:"radial-gradient(ellipse, #ff6b6b 0%, #ee5a24 50%, #ff9ff3 100%)",blur:15,opacity:.7,zIndex:1},{id:"sunset-2",width:80,height:30,x:40,y:25,gradient:"radial-gradient(ellipse, #feca57 0%, #ff9ff3 50%, #ff6b6b 100%)",blur:20,opacity:.6,zIndex:2},{id:"sunset-3",width:60,height:25,x:10,y:60,gradient:"radial-gradient(ellipse, #ff9ff3 0%, #a55eea 50%, #26de81 100%)",blur:18,opacity:.5,zIndex:3}]},ocean:{backgroundColor:"#0c1821",shapes:[{id:"ocean-1",width:75,height:30,x:-10,y:15,gradient:"radial-gradient(ellipse, #00d2d3 0%, #54a0ff 50%, #5f27cd 100%)",blur:19,opacity:.8,zIndex:1},{id:"ocean-2",width:65,height:25,x:50,y:-5,gradient:"radial-gradient(ellipse, #0abde3 0%, #006ba6 50%, #00d2d3 100%)",blur:16,opacity:.6,zIndex:2},{id:"ocean-3",width:70,height:28,x:20,y:65,gradient:"radial-gradient(ellipse, #74b9ff 0%, #0984e3 50%, #00cec9 100%)",blur:21,opacity:.7,zIndex:3}]},aurora:{backgroundColor:"#1a1a2e",shapes:[{id:"aurora-1",width:85,height:25,x:5,y:-5,gradient:"radial-gradient(ellipse, #a55eea 0%, #26de81 50%, #fd79a8 100%)",blur:23,opacity:.6,zIndex:1},{id:"aurora-2",width:65,height:30,x:-20,y:45,gradient:"radial-gradient(ellipse, #00cec9 0%, #74b9ff 50%, #a29bfe 100%)",blur:18,opacity:.8,zIndex:2},{id:"aurora-3",width:70,height:25,x:60,y:35,gradient:"radial-gradient(ellipse, #fd79a8 0%, #e84393 50%, #00b894 100%)",blur:20,opacity:.5,zIndex:3},{id:"aurora-4",width:55,height:20,x:40,y:75,gradient:"radial-gradient(ellipse, #6c5ce7 0%, #a29bfe 50%, #fd79a8 100%)",blur:15,opacity:.7,zIndex:4}]},cosmic:{backgroundColor:"#0f0f23",shapes:[{id:"cosmic-1",width:90,height:30,x:-20,y:20,gradient:"radial-gradient(ellipse, #6c5ce7 0%, #a55eea 50%, #fd79a8 100%)",blur:25,opacity:.7,zIndex:1},{id:"cosmic-2",width:75,height:25,x:45,y:-5,gradient:"radial-gradient(ellipse, #e17055 0%, #d63031 50%, #74b9ff 100%)",blur:21,opacity:.6,zIndex:2},{id:"cosmic-3",width:80,height:28,x:15,y:60,gradient:"radial-gradient(ellipse, #fd79a8 0%, #fdcb6e 50%, #6c5ce7 100%)",blur:19,opacity:.8,zIndex:3}]},forest:{backgroundColor:"#1e3c1e",shapes:[{id:"forest-1",width:85,height:25,x:-15,y:25,gradient:"radial-gradient(ellipse, #00b894 0%, #00cec9 50%, #fdcb6e 100%)",blur:18,opacity:.7,zIndex:1},{id:"forest-2",width:70,height:30,x:50,y:-5,gradient:"radial-gradient(ellipse, #26de81 0%, #6c5ce7 50%, #00b894 100%)",blur:20,opacity:.6,zIndex:2},{id:"forest-3",width:65,height:25,x:20,y:60,gradient:"radial-gradient(ellipse, #fdcb6e 0%, #e17055 50%, #00cec9 100%)",blur:16,opacity:.8,zIndex:3}]},monochrome:{backgroundColor:"#1a1a1a",shapes:[{id:"mono-1",width:80,height:25,x:5,y:15,gradient:"radial-gradient(ellipse, #636e72 0%, #2d3436 50%, #ddd 100%)",blur:15,opacity:.4,zIndex:1},{id:"mono-2",width:70,height:20,x:45,y:35,gradient:"radial-gradient(ellipse, #b2bec3 0%, #636e72 50%, #2d3436 100%)",blur:19,opacity:.6,zIndex:2},{id:"mono-3",width:75,height:28,x:15,y:65,gradient:"radial-gradient(ellipse, #ddd 0%, #74b9ff 50%, #636e72 100%)",blur:18,opacity:.3,zIndex:3}]},minimal:{backgroundColor:"#f8f9fa",shapes:[{id:"minimal-1",width:90,height:25,x:-20,y:25,gradient:"radial-gradient(ellipse, rgba(116, 185, 255, 0.6) 0%, rgba(166, 206, 255, 0.4) 50%, rgba(200, 220, 255, 0.2) 100%)",blur:20,opacity:.9,zIndex:1},{id:"minimal-2",width:75,height:30,x:50,y:-5,gradient:"radial-gradient(ellipse, rgba(99, 110, 114, 0.4) 0%, rgba(178, 190, 195, 0.3) 50%, rgba(220, 221, 225, 0.2) 100%)",blur:18,opacity:.8,zIndex:2},{id:"minimal-3",width:65,height:20,x:20,y:70,gradient:"radial-gradient(ellipse, rgba(74, 144, 226, 0.5) 0%, rgba(144, 224, 239, 0.3) 50%, rgba(237, 242, 247, 0.2) 100%)",blur:15,opacity:.7,zIndex:3}]},spring:{backgroundColor:"#f0f8f0",shapes:[{id:"spring-1",width:85,height:30,x:-15,y:20,gradient:"radial-gradient(ellipse, rgba(144, 238, 144, 0.7) 0%, rgba(152, 251, 152, 0.5) 50%, rgba(173, 255, 173, 0.3) 100%)",blur:18,opacity:.8,zIndex:1},{id:"spring-2",width:70,height:25,x:50,y:-5,gradient:"radial-gradient(ellipse, rgba(255, 182, 193, 0.6) 0%, rgba(255, 228, 196, 0.4) 50%, rgba(240, 255, 240, 0.2) 100%)",blur:16,opacity:.7,zIndex:2},{id:"spring-3",width:75,height:28,x:20,y:65,gradient:"radial-gradient(ellipse, rgba(255, 255, 224, 0.8) 0%, rgba(144, 238, 144, 0.6) 30%, rgba(173, 216, 230, 0.4) 100%)",blur:20,opacity:.6,zIndex:3}]},sky:{backgroundColor:"#f0f8ff",shapes:[{id:"sky-1",width:95,height:35,x:-25,y:15,gradient:"radial-gradient(ellipse, rgba(135, 206, 235, 0.6) 0%, rgba(173, 216, 230, 0.4) 50%, rgba(230, 248, 255, 0.2) 100%)",blur:22,opacity:.8,zIndex:1},{id:"sky-2",width:80,height:30,x:45,y:35,gradient:"radial-gradient(ellipse, rgba(255, 255, 255, 0.8) 0%, rgba(240, 248, 255, 0.5) 50%, rgba(135, 206, 235, 0.3) 100%)",blur:19,opacity:.9,zIndex:2},{id:"sky-3",width:70,height:25,x:15,y:70,gradient:"radial-gradient(ellipse, rgba(176, 224, 230, 0.7) 0%, rgba(173, 216, 230, 0.5) 40%, rgba(240, 248, 255, 0.3) 100%)",blur:17,opacity:.7,zIndex:3}]},cream:{backgroundColor:"#fefefe",shapes:[{id:"cream-1",width:85,height:30,x:-10,y:25,gradient:"radial-gradient(ellipse, rgba(255, 228, 196, 0.7) 0%, rgba(255, 239, 213, 0.5) 50%, rgba(255, 248, 220, 0.3) 100%)",blur:18,opacity:.8,zIndex:1},{id:"cream-2",width:75,height:25,x:50,y:10,gradient:"radial-gradient(ellipse, rgba(245, 222, 179, 0.6) 0%, rgba(255, 239, 213, 0.4) 50%, rgba(255, 250, 240, 0.2) 100%)",blur:16,opacity:.7,zIndex:2},{id:"cream-3",width:80,height:28,x:20,y:60,gradient:"radial-gradient(ellipse, rgba(255, 218, 185, 0.8) 0%, rgba(255, 228, 196, 0.6) 30%, rgba(255, 245, 238, 0.4) 100%)",blur:19,opacity:.6,zIndex:3}]},dawn:{backgroundColor:"#fef9f3",shapes:[{id:"dawn-1",width:90,height:32,x:-20,y:20,gradient:"radial-gradient(ellipse, rgba(255, 182, 193, 0.6) 0%, rgba(255, 218, 185, 0.4) 50%, rgba(255, 239, 213, 0.2) 100%)",blur:20,opacity:.8,zIndex:1},{id:"dawn-2",width:75,height:28,x:50,y:5,gradient:"radial-gradient(ellipse, rgba(255, 160, 122, 0.7) 0%, rgba(255, 192, 203, 0.5) 40%, rgba(255, 228, 225, 0.3) 100%)",blur:17,opacity:.7,zIndex:2},{id:"dawn-3",width:80,height:25,x:15,y:65,gradient:"radial-gradient(ellipse, rgba(255, 239, 213, 0.8) 0%, rgba(255, 228, 196, 0.6) 50%, rgba(255, 245, 238, 0.4) 100%)",blur:18,opacity:.6,zIndex:3}]},pearl:{backgroundColor:"#f8f8ff",shapes:[{id:"pearl-1",width:85,height:30,x:-15,y:25,gradient:"radial-gradient(ellipse, rgba(230, 230, 250, 0.8) 0%, rgba(240, 248, 255, 0.6) 50%, rgba(255, 250, 250, 0.4) 100%)",blur:19,opacity:.9,zIndex:1},{id:"pearl-2",width:70,height:25,x:45,y:15,gradient:"radial-gradient(ellipse, rgba(248, 248, 255, 0.7) 0%, rgba(230, 230, 250, 0.5) 40%, rgba(255, 255, 255, 0.3) 100%)",blur:16,opacity:.8,zIndex:2},{id:"pearl-3",width:75,height:28,x:20,y:65,gradient:"radial-gradient(ellipse, rgba(221, 160, 221, 0.4) 0%, rgba(230, 230, 250, 0.6) 50%, rgba(240, 248, 255, 0.3) 100%)",blur:18,opacity:.7,zIndex:3}]},blush:{backgroundColor:"#fff5f8",shapes:[{id:"blush-1",width:85,height:30,x:-10,y:20,gradient:"radial-gradient(ellipse, rgba(255, 182, 193, 0.6) 0%, rgba(255, 192, 203, 0.4) 50%, rgba(255, 228, 225, 0.2) 100%)",blur:18,opacity:.8,zIndex:1},{id:"blush-2",width:75,height:25,x:50,y:10,gradient:"radial-gradient(ellipse, rgba(255, 160, 200, 0.7) 0%, rgba(255, 182, 193, 0.5) 40%, rgba(255, 240, 245, 0.3) 100%)",blur:16,opacity:.7,zIndex:2},{id:"blush-3",width:80,height:28,x:25,y:65,gradient:"radial-gradient(ellipse, rgba(255, 228, 225, 0.8) 0%, rgba(255, 192, 203, 0.6) 30%, rgba(255, 250, 250, 0.4) 100%)",blur:19,opacity:.6,zIndex:3}]}},c={volcanic:{backgroundColor:"#1a0f0a",shapes:[{id:"volcanic-1",width:120,height:45,x:-30,y:10,gradient:"radial-gradient(ellipse, #ff4757 0%, #ff3838 30%, #ff6348 70%, #ffa502 100%)",blur:23,opacity:.8,zIndex:1},{id:"volcanic-2",width:110,height:40,x:30,y:35,gradient:"radial-gradient(ellipse, #ff6348 0%, #ff4757 40%, #c44569 80%, #f8b500 100%)",blur:21,opacity:.7,zIndex:2},{id:"volcanic-3",width:100,height:35,x:-10,y:60,gradient:"radial-gradient(ellipse, #ffa502 0%, #ff6348 50%, #ff4757 100%)",blur:20,opacity:.9,zIndex:3},{id:"volcanic-4",width:95,height:30,x:50,y:-5,gradient:"radial-gradient(ellipse, #c44569 0%, #ff3838 60%, #ffa502 100%)",blur:19,opacity:.6,zIndex:4}]},electric:{backgroundColor:"#0a0a23",shapes:[{id:"electric-1",width:130,height:50,x:-25,y:15,gradient:"radial-gradient(ellipse, #00f5ff 0%, #0078ff 40%, #7d5fff 80%, #ff006e 100%)",blur:24,opacity:.8,zIndex:1},{id:"electric-2",width:115,height:45,x:25,y:40,gradient:"radial-gradient(ellipse, #7d5fff 0%, #00f5ff 30%, #ff006e 70%, #0078ff 100%)",blur:23,opacity:.7,zIndex:2},{id:"electric-3",width:105,height:40,x:-15,y:65,gradient:"radial-gradient(ellipse, #ff006e 0%, #7d5fff 50%, #00f5ff 100%)",blur:21,opacity:.9,zIndex:3},{id:"electric-4",width:120,height:35,x:60,y:-10,gradient:"radial-gradient(ellipse, #0078ff 0%, #ff006e 40%, #00f5ff 80%, #7d5fff 100%)",blur:20,opacity:.6,zIndex:4},{id:"electric-5",width:85,height:25,x:40,y:80,gradient:"radial-gradient(ellipse, #00f5ff 0%, #7d5fff 60%, #ff006e 100%)",blur:18,opacity:.8,zIndex:5}]},dreamy:{backgroundColor:"#f7f1ff",shapes:[{id:"dreamy-1",width:140,height:55,x:-35,y:20,gradient:"radial-gradient(ellipse, rgba(255, 182, 193, 0.7) 0%, rgba(255, 160, 200, 0.5) 40%, rgba(221, 160, 221, 0.3) 100%)",blur:25,opacity:.9,zIndex:1},{id:"dreamy-2",width:125,height:50,x:30,y:45,gradient:"radial-gradient(ellipse, rgba(221, 160, 221, 0.6) 0%, rgba(173, 216, 230, 0.4) 50%, rgba(255, 182, 193, 0.3) 100%)",blur:24,opacity:.8,zIndex:2},{id:"dreamy-3",width:110,height:45,x:-20,y:70,gradient:"radial-gradient(ellipse, rgba(173, 216, 230, 0.8) 0%, rgba(255, 182, 193, 0.6) 30%, rgba(221, 160, 221, 0.4) 100%)",blur:23,opacity:.7,zIndex:3},{id:"dreamy-4",width:115,height:40,x:55,y:-5,gradient:"radial-gradient(ellipse, rgba(255, 160, 200, 0.5) 0%, rgba(221, 160, 221, 0.4) 60%, rgba(173, 216, 230, 0.3) 100%)",blur:21,opacity:.6,zIndex:4}]},neon:{backgroundColor:"#0d0d0d",shapes:[{id:"neon-1",width:135,height:55,x:-30,y:25,gradient:"radial-gradient(ellipse, #39ff14 0%, #00ff41 30%, #1dd1a1 70%, #00d4aa 100%)",blur:25,opacity:.8,zIndex:1},{id:"neon-2",width:120,height:50,x:35,y:50,gradient:"radial-gradient(ellipse, #ff073a 0%, #f54291 40%, #bd5eff 80%, #7c3aed 100%)",blur:24,opacity:.7,zIndex:2},{id:"neon-3",width:105,height:45,x:-15,y:75,gradient:"radial-gradient(ellipse, #00bcd4 0%, #2196f3 50%, #3f51b5 100%)",blur:23,opacity:.9,zIndex:3},{id:"neon-4",width:125,height:40,x:50,y:5,gradient:"radial-gradient(ellipse, #ffeb3b 0%, #ff9800 40%, #ff5722 80%, #e91e63 100%)",blur:21,opacity:.6,zIndex:4},{id:"neon-5",width:90,height:30,x:25,y:30,gradient:"radial-gradient(ellipse, #9c27b0 0%, #673ab7 50%, #3f51b5 100%)",blur:19,opacity:.8,zIndex:5}]}},g={cyberpunk:{backgroundColor:"#0a0a0a",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"cyberpunk-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #00ff88 0%, #00cc44 100%)",blur:12,opacity:.85,zIndex:1},{id:"cyberpunk-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #ff0080 0%, #cc0060 100%)",blur:12,opacity:.85,zIndex:2},{id:"cyberpunk-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #0080ff 0%, #0060cc 100%)",blur:12,opacity:.85,zIndex:3},{id:"cyberpunk-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #ffff00 0%, #cccc00 100%)",blur:12,opacity:.85,zIndex:4}]},voidPulse:{backgroundColor:"#000000",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"void-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #6a0dad 0%, #4b0082 100%)",blur:12,opacity:.85,zIndex:1},{id:"void-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #8a2be2 0%, #6a0dad 100%)",blur:12,opacity:.85,zIndex:2},{id:"void-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #000080 0%, #000040 100%)",blur:12,opacity:.85,zIndex:3},{id:"void-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #4b0082 0%, #2d1b69 100%)",blur:12,opacity:.85,zIndex:4}]},fireCore:{backgroundColor:"#1a0f0a",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"fire-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #ff6b35 0%, #f7931e 100%)",blur:12,opacity:.85,zIndex:1},{id:"fire-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #ffa502 0%, #ff6348 100%)",blur:12,opacity:.85,zIndex:2},{id:"fire-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #ffdd59 0%, #ffa502 100%)",blur:12,opacity:.85,zIndex:3},{id:"fire-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #ff4757 0%, #c44569 100%)",blur:12,opacity:.85,zIndex:4}]},deepSpace:{backgroundColor:"#0c0c1e",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"space-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #00d4ff 0%, #0078d4 100%)",blur:12,opacity:.85,zIndex:1},{id:"space-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #805ad5 0%, #553c9a 100%)",blur:12,opacity:.85,zIndex:2},{id:"space-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #38b2ac 0%, #319795 100%)",blur:12,opacity:.85,zIndex:3},{id:"space-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #5a67d8 0%, #2d3748 100%)",blur:12,opacity:.85,zIndex:4}]},shadowGlow:{backgroundColor:"#1a1a1a",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"shadow-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #a78bfa 0%, #8b5cf6 100%)",blur:12,opacity:.85,zIndex:1},{id:"shadow-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #f472b6 0%, #ec4899 100%)",blur:12,opacity:.85,zIndex:2},{id:"shadow-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #7c3aed 0%, #5b21b6 100%)",blur:12,opacity:.85,zIndex:3},{id:"shadow-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #be185d 0%, #831843 100%)",blur:12,opacity:.85,zIndex:4}]},crystalBlue:{backgroundColor:"#f0f8ff",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"crystal-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #3b82f6 0%, #2563eb 100%)",blur:12,opacity:.85,zIndex:1},{id:"crystal-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #0ea5e9 0%, #0284c7 100%)",blur:12,opacity:.85,zIndex:2},{id:"crystal-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #22c55e 0%, #16a34a 100%)",blur:12,opacity:.85,zIndex:3},{id:"crystal-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #1d4ed8 0%, #1e40af 100%)",blur:12,opacity:.85,zIndex:4}]},sunbeam:{backgroundColor:"#fffbf0",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"sun-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #fbbf24 0%, #f59e0b 100%)",blur:12,opacity:.85,zIndex:1},{id:"sun-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #fcd34d 0%, #fbbf24 100%)",blur:12,opacity:.85,zIndex:2},{id:"sun-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #f87171 0%, #ef4444 100%)",blur:12,opacity:.85,zIndex:3},{id:"sun-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #d97706 0%, #dc2626 100%)",blur:12,opacity:.85,zIndex:4}]},roseDawn:{backgroundColor:"#fdf2f8",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"rose-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #f472b6 0%, #ec4899 100%)",blur:12,opacity:.85,zIndex:1},{id:"rose-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #c4b5fd 0%, #a78bfa 100%)",blur:12,opacity:.85,zIndex:2},{id:"rose-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #fbcfe8 0%, #f472b6 100%)",blur:12,opacity:.85,zIndex:3},{id:"rose-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #db2777 0%, #8b5cf6 100%)",blur:12,opacity:.85,zIndex:4}]},mintFresh:{backgroundColor:"#f0fdf4",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"mint-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #34d399 0%, #10b981 100%)",blur:12,opacity:.85,zIndex:1},{id:"mint-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #22c55e 0%, #16a34a 100%)",blur:12,opacity:.85,zIndex:2},{id:"mint-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #86efac 0%, #4ade80 100%)",blur:12,opacity:.85,zIndex:3},{id:"mint-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #059669 0%, #15803d 100%)",blur:12,opacity:.85,zIndex:4}]},lavenderMist:{backgroundColor:"#faf5ff",visualEffects:{saturation:1.5,contrast:1.5,brightness:1,hue:0},lighting3d:{enabled:!0,position:{x:30,y:30},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"lavender-1",width:80,height:80,x:-20,y:-20,gradient:"radial-gradient(circle, #c4b5fd 0%, #a78bfa 100%)",blur:12,opacity:.85,zIndex:1},{id:"lavender-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #ddd6fe 0%, #c4b5fd 100%)",blur:12,opacity:.85,zIndex:2},{id:"lavender-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #a5b4fc 0%, #818cf8 100%)",blur:12,opacity:.85,zIndex:3},{id:"lavender-4",width:80,height:80,x:40,y:40,gradient:"radial-gradient(circle, #8b5cf6 0%, #6366f1 100%)",blur:12,opacity:.85,zIndex:4}]},sunsetGlow:{backgroundColor:"#1a0f0a",visualEffects:{saturation:3,contrast:2,brightness:2,hue:0},lighting3d:{enabled:!0,position:{x:75,y:15},intensity:.85},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"sunset-glow-1",width:85,height:85,x:-22,y:-22,gradient:"radial-gradient(circle, #ff6b35 0%, #f7931e 30%, #ff4757 70%, #c44569 100%)",blur:15,opacity:.9,zIndex:1},{id:"sunset-glow-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #ffa502 0%, #ff6348 50%, #ff4757 100%)",blur:12,opacity:.85,zIndex:2},{id:"sunset-glow-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #ffdd59 0%, #ffa502 60%, #ff6b35 100%)",blur:12,opacity:.85,zIndex:3},{id:"sunset-glow-4",width:85,height:85,x:37,y:37,gradient:"radial-gradient(circle, #ff4757 0%, #c44569 40%, #8b5cf6 80%, #6a0dad 100%)",blur:15,opacity:.9,zIndex:4}]},dawnLight:{backgroundColor:"#fef3f2",visualEffects:{saturation:2.5,contrast:1.8,brightness:1.8,hue:10},lighting3d:{enabled:!0,position:{x:70,y:20},intensity:.75},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"dawn-1",width:85,height:85,x:-22,y:-22,gradient:"radial-gradient(circle, #fbbf24 0%, #f59e0b 30%, #f97316 70%, #ea580c 100%)",blur:15,opacity:.8,zIndex:1},{id:"dawn-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #fed7aa 0%, #fdba74 50%, #fb923c 100%)",blur:12,opacity:.75,zIndex:2},{id:"dawn-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #fef3c7 0%, #fde68a 60%, #fbbf24 100%)",blur:12,opacity:.75,zIndex:3},{id:"dawn-4",width:85,height:85,x:37,y:37,gradient:"radial-gradient(circle, #f97316 0%, #ea580c 40%, #dc2626 80%, #b91c1c 100%)",blur:15,opacity:.8,zIndex:4}]},twilightDark:{backgroundColor:"#0c0513",visualEffects:{saturation:3.2,contrast:2.2,brightness:1.9,hue:-5},lighting3d:{enabled:!0,position:{x:80,y:10},intensity:.9},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"twilight-1",width:85,height:85,x:-22,y:-22,gradient:"radial-gradient(circle, #4c1d95 0%, #6b21a8 30%, #7c3aed 70%, #8b5cf6 100%)",blur:15,opacity:.9,zIndex:1},{id:"twilight-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #1e1b4b 0%, #312e81 50%, #4338ca 100%)",blur:12,opacity:.85,zIndex:2},{id:"twilight-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #7c2d12 0%, #9a3412 60%, #dc2626 100%)",blur:12,opacity:.85,zIndex:3},{id:"twilight-4",width:85,height:85,x:37,y:37,gradient:"radial-gradient(circle, #831843 0%, #be185d 40%, #e11d48 80%, #f43f5e 100%)",blur:15,opacity:.9,zIndex:4}]},midnightGlow:{backgroundColor:"#000000",visualEffects:{saturation:3.5,contrast:2.5,brightness:2.2,hue:0},lighting3d:{enabled:!0,position:{x:85,y:5},intensity:1},dropShadow:{enabled:!0,size:20,opacity:.15,direction:{x:0,y:-3}},shapes:[{id:"midnight-1",width:85,height:85,x:-22,y:-22,gradient:"radial-gradient(circle, #0ea5e9 0%, #0284c7 30%, #0369a1 70%, #075985 100%)",blur:15,opacity:.95,zIndex:1},{id:"midnight-2",width:80,height:80,x:40,y:-20,gradient:"radial-gradient(circle, #06b6d4 0%, #0891b2 50%, #0e7490 100%)",blur:12,opacity:.9,zIndex:2},{id:"midnight-3",width:80,height:80,x:-20,y:40,gradient:"radial-gradient(circle, #10b981 0%, #059669 60%, #047857 100%)",blur:12,opacity:.9,zIndex:3},{id:"midnight-4",width:85,height:85,x:37,y:37,gradient:"radial-gradient(circle, #6366f1 0%, #4f46e5 40%, #4338ca 80%, #3730a3 100%)",blur:15,opacity:.95,zIndex:4}]}},h={sunset:s.sunset,ocean:s.ocean,aurora:s.aurora,cosmic:s.cosmic,forest:s.forest,monochrome:s.monochrome,volcanic:c.volcanic,electric:c.electric,neon:c.neon,cyberpunk:g.cyberpunk,voidPulse:g.voidPulse,fireCore:g.fireCore,deepSpace:g.deepSpace,shadowGlow:g.shadowGlow,sunsetGlow:g.sunsetGlow,twilightDark:g.twilightDark,midnightGlow:g.midnightGlow,shapes:{backgroundColor:"#1a1a2e",shapes:[{id:"shape-ellipse",width:70,height:45,x:10,y:15,gradient:"radial-gradient(ellipse, #ff6b6b 0%, #ee5a24 50%, #ff9ff3 100%)",blur:20,opacity:.7,zIndex:1,shape:"ellipse"},{id:"shape-circle",width:60,height:60,x:70,y:10,gradient:"radial-gradient(circle, #74b9ff 0%, #0984e3 50%, #00cec9 100%)",blur:18,opacity:.6,zIndex:2,shape:"ellipse"},{id:"shape-rectangle",width:80,height:30,x:-10,y:65,gradient:"linear-gradient(45deg, #a55eea 0%, #26de81 50%, #fd79a8 100%)",blur:16,opacity:.8,zIndex:3,shape:"rectangle"},{id:"shape-rounded",width:85,height:35,x:40,y:45,gradient:"linear-gradient(135deg, #feca57 0%, #ff9ff3 50%, #ff6b6b 100%)",blur:17,opacity:.6,zIndex:4,shape:"rectangle",shapeProps:{borderRadius:"20px"}}]},minimal:s.minimal,dreamy:c.dreamy,spring:s.spring,sky:s.sky,cream:s.cream,dawn:s.dawn,pearl:s.pearl,blush:s.blush,crystalBlue:g.crystalBlue,sunbeam:g.sunbeam,roseDawn:g.roseDawn,mintFresh:g.mintFresh,lavenderMist:g.lavenderMist,dawnLight:g.dawnLight,lavender:{backgroundColor:"#f8f4ff",shapes:[{id:"lavender-1",width:85,height:30,x:-10,y:25,gradient:"radial-gradient(ellipse, rgba(221, 160, 221, 0.6) 0%, rgba(230, 230, 250, 0.4) 50%, rgba(248, 248, 255, 0.2) 100%)",blur:18,opacity:.8,zIndex:1},{id:"lavender-2",width:75,height:25,x:50,y:15,gradient:"radial-gradient(ellipse, rgba(186, 85, 211, 0.5) 0%, rgba(221, 160, 221, 0.3) 50%, rgba(230, 230, 250, 0.2) 100%)",blur:16,opacity:.7,zIndex:2},{id:"lavender-3",width:80,height:28,x:20,y:60,gradient:"radial-gradient(ellipse, rgba(230, 230, 250, 0.7) 0%, rgba(221, 160, 221, 0.5) 30%, rgba(248, 248, 255, 0.3) 100%)",blur:19,opacity:.6,zIndex:3}]},mint:{backgroundColor:"#f0fff4",shapes:[{id:"mint-1",width:85,height:30,x:-15,y:20,gradient:"radial-gradient(ellipse, rgba(144, 238, 144, 0.6) 0%, rgba(152, 251, 152, 0.4) 50%, rgba(240, 255, 240, 0.2) 100%)",blur:18,opacity:.8,zIndex:1},{id:"mint-2",width:75,height:25,x:50,y:10,gradient:"radial-gradient(ellipse, rgba(102, 205, 170, 0.7) 0%, rgba(144, 238, 144, 0.5) 40%, rgba(240, 255, 244, 0.3) 100%)",blur:16,opacity:.7,zIndex:2},{id:"mint-3",width:80,height:28,x:25,y:65,gradient:"radial-gradient(ellipse, rgba(175, 238, 238, 0.8) 0%, rgba(152, 251, 152, 0.6) 30%, rgba(240, 255, 240, 0.4) 100%)",blur:19,opacity:.6,zIndex:3}]}},f=Object.keys(h),p=["minimal","dreamy","spring","sky","cream","dawn","pearl","blush","crystalBlue","sunbeam","roseDawn","mintFresh","lavenderMist","dawnLight","lavender","mint"],u=e=>h[e]||h.sunset,b={name:"float",duration:20,easing:"ease-in-out",iterationCount:"infinite",keyframes:[{percent:0,transform:"translateY(0px) translateX(0px) scale(1)"},{percent:25,transform:"translateY(-10px) translateX(5px) scale(1.02)"},{percent:50,transform:"translateY(5px) translateX(-5px) scale(0.98)"},{percent:75,transform:"translateY(-5px) translateX(10px) scale(1.01)"},{percent:100,transform:"translateY(0px) translateX(0px) scale(1)"}]},y={name:"pulse",duration:8,easing:"ease-in-out",iterationCount:"infinite",keyframes:[{percent:0,transform:"scale(1) translateY(0px)"},{percent:50,transform:"scale(1.08) translateY(-3px)"},{percent:100,transform:"scale(1) translateY(0px)"}]},x={name:"css-mesh-wave",keyframes:[{percent:0,transform:"translate(0px, 0px)"},{percent:25,transform:"translate(15px, -10px)"},{percent:50,transform:"translate(0px, -20px)"},{percent:75,transform:"translate(-15px, -10px)"},{percent:100,transform:"translate(0px, 0px)"}],duration:8,easing:"ease-in-out",iterationCount:"infinite"},m={name:"css-mesh-rotation",keyframes:[{percent:0,transform:"rotate(0deg) scale(1)"},{percent:5,transform:"rotate(10deg) scale(1)"},{percent:15,transform:"rotate(60deg) scale(1)"},{percent:25,transform:"rotate(90deg) scale(1)"},{percent:35,transform:"rotate(110deg) scale(1)"},{percent:50,transform:"rotate(180deg) scale(1)"},{percent:60,transform:"rotate(200deg) scale(1)"},{percent:70,transform:"rotate(250deg) scale(1)"},{percent:80,transform:"rotate(290deg) scale(1)"},{percent:90,transform:"rotate(330deg) scale(1)"},{percent:100,transform:"rotate(360deg) scale(1)"}],duration:20,easing:"linear",iterationCount:"infinite"},w={name:"css-mesh-orbit",keyframes:[{percent:0,transform:"translate(0px, 0px) rotate(0deg)"},{percent:25,transform:"translate(25px, -25px) rotate(90deg)"},{percent:50,transform:"translate(0px, -50px) rotate(180deg)"},{percent:75,transform:"translate(-25px, -25px) rotate(270deg)"},{percent:100,transform:"translate(0px, 0px) rotate(360deg)"}],duration:15,easing:"ease-in-out",iterationCount:"infinite"},I={none:null,float:b,pulse:y,wave:x,rotation:m,orbit:w,morph:{name:"css-mesh-morph",duration:8,easing:"ease-in-out",iterationCount:"infinite",keyframes:[{percent:0,transform:"translate3d(0, 0, 0) scale(1) rotate(0deg)"},{percent:20,transform:"translate3d(2%, 1%, 0) scale(1.05) rotate(20deg)"},{percent:40,transform:"translate3d(1%, -2%, 0) scale(0.97) rotate(10deg)"},{percent:60,transform:"translate3d(-1.5%, 0.5%, 0) scale(1.02) rotate(-10deg)"},{percent:80,transform:"translate3d(-0.5%, 1.5%, 0) scale(1.01) rotate(-20deg)"},{percent:100,transform:"translate3d(0, 0, 0) scale(1) rotate(0deg)"}]}},z={none:null,hue:"\n    @keyframes css-mesh-container-hue {\n      0% { filter: hue-rotate(0deg); }\n      100% { filter: hue-rotate(360deg); }\n    }\n  ",rotation:"\n    @keyframes css-mesh-container-rotation {\n      0% { \n        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);\n      }\n      5% { \n        transform: translate3d(0.2%, -0.2%, 0) rotate(10deg) scale(1);\n      }\n      15% { \n        transform: translate3d(0.4%, -0.4%, 0) rotate(60deg) scale(1);\n      }\n      25% { \n        transform: translate3d(0.5%, -0.5%, 0) rotate(90deg) scale(1);\n      }\n      35% { \n        transform: translate3d(0.3%, -0.7%, 0) rotate(110deg) scale(1);\n      }\n      50% { \n        transform: translate3d(0, 0, 0) rotate(180deg) scale(1);\n      }\n      60% { \n        transform: translate3d(-0.2%, 0.2%, 0) rotate(200deg) scale(1);\n      }\n      70% { \n        transform: translate3d(-0.4%, 0.4%, 0) rotate(250deg) scale(1);\n      }\n      80% { \n        transform: translate3d(-0.5%, 0.5%, 0) rotate(290deg) scale(1);\n      }\n      90% { \n        transform: translate3d(-0.2%, 0.4%, 0) rotate(330deg) scale(1);\n      }\n      100% { \n        transform: translate3d(0, 0, 0) rotate(360deg) scale(1);\n      }\n    }\n  ","hue-rotation":"\n    @keyframes css-mesh-container-hue-rotation {\n      0% { \n        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);\n        filter: hue-rotate(0deg);\n      }\n      5% { \n        transform: translate3d(0.2%, -0.2%, 0) rotate(10deg) scale(1);\n        filter: hue-rotate(10deg);\n      }\n      15% { \n        transform: translate3d(0.4%, -0.4%, 0) rotate(60deg) scale(1);\n        filter: hue-rotate(60deg);\n      }\n      25% { \n        transform: translate3d(0.5%, -0.5%, 0) rotate(90deg) scale(1);\n        filter: hue-rotate(90deg);\n      }\n      35% { \n        transform: translate3d(0.3%, -0.7%, 0) rotate(110deg) scale(1);\n        filter: hue-rotate(110deg);\n      }\n      50% { \n        transform: translate3d(0, 0, 0) rotate(180deg) scale(1);\n        filter: hue-rotate(180deg);\n      }\n      60% { \n        transform: translate3d(-0.2%, 0.2%, 0) rotate(200deg) scale(1);\n        filter: hue-rotate(200deg);\n      }\n      70% { \n        transform: translate3d(-0.4%, 0.4%, 0) rotate(250deg) scale(1);\n        filter: hue-rotate(250deg);\n      }\n      80% { \n        transform: translate3d(-0.5%, 0.5%, 0) rotate(290deg) scale(1);\n        filter: hue-rotate(290deg);\n      }\n      90% { \n        transform: translate3d(-0.2%, 0.4%, 0) rotate(330deg) scale(1);\n        filter: hue-rotate(330deg);\n      }\n      100% { \n        transform: translate3d(0, 0, 0) rotate(360deg) scale(1);\n        filter: hue-rotate(360deg);\n      }\n    }\n  ","drop-shadow":"\n    @keyframes css-mesh-container-drop-shadow {\n      0% { \n        filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));\n      }\n      25% { \n        filter: drop-shadow(6px 6px 12px rgba(0, 0, 0, 0.4));\n      }\n      50% { \n        filter: drop-shadow(4px 8px 16px rgba(0, 0, 0, 0.5));\n      }\n      75% { \n        filter: drop-shadow(8px 4px 12px rgba(0, 0, 0, 0.4));\n      }\n      100% { \n        filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));\n      }\n    }\n  "},v={float:()=>{const e=b.keyframes.map(e=>`${e.percent}% { transform: ${e.transform}; }`).join("\n    ");return`\n    @keyframes ${b.name} {\n      ${e}\n    }\n  `},pulse:()=>{const e=y.keyframes.map(e=>`${e.percent}% { transform: ${e.transform}; }`).join("\n    ");return`\n    @keyframes ${y.name} {\n      ${e}\n    }\n  `},wave:()=>`\n    @keyframes ${x.name} {\n      0% { transform: translate(0px, 0px); }\n      25% { transform: translate(15px, -10px); }\n      50% { transform: translate(0px, -20px); }\n      75% { transform: translate(-15px, -10px); }\n      100% { transform: translate(0px, 0px); }\n    }\n  `,rotation:(e=1)=>{const t=Math.max(.1,Math.min(2,e));return`\n    @keyframes css-mesh-rotation {\n      0% { \n        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);\n      }\n      5% { \n        transform: translate3d(${.2*t}%, ${-.2*t}%, 0) rotate(${10*t}deg) scale(1);\n      }\n      15% { \n        transform: translate3d(${.4*t}%, ${-.4*t}%, 0) rotate(${60*t}deg) scale(1);\n      }\n      25% { \n        transform: translate3d(${.5*t}%, ${-.5*t}%, 0) rotate(${90*t}deg) scale(1);\n      }\n      35% { \n        transform: translate3d(${.3*t}%, ${-.7*t}%, 0) rotate(${110*t}deg) scale(1);\n      }\n      50% { \n        transform: translate3d(0, 0, 0) rotate(${180*t}deg) scale(1);\n      }\n      60% { \n        transform: translate3d(${-.2*t}%, ${.2*t}%, 0) rotate(${200*t}deg) scale(1);\n      }\n      70% { \n        transform: translate3d(${-.4*t}%, ${.4*t}%, 0) rotate(${250*t}deg) scale(1);\n      }\n      80% { \n        transform: translate3d(${-.5*t}%, ${.5*t}%, 0) rotate(${290*t}deg) scale(1);\n      }\n      90% { \n        transform: translate3d(${-.2*t}%, ${.4*t}%, 0) rotate(${330*t}deg) scale(1);\n      }\n      100% { \n        transform: translate3d(0, 0, 0) rotate(${360*t}deg) scale(1);\n      }\n    }\n  `},orbit:()=>`\n    @keyframes ${w.name} {\n      0% { transform: translate(0px, 0px) rotate(0deg); }\n      25% { transform: translate(25px, -25px) rotate(90deg); }\n      50% { transform: translate(0px, -50px) rotate(180deg); }\n      75% { transform: translate(-25px, -25px) rotate(270deg); }\n      100% { transform: translate(0px, 0px) rotate(360deg); }\n    }\n  `,morph:(e=1)=>{const t=Math.max(.1,Math.min(2,e));return`\n    @keyframes css-mesh-morph {\n      0% { \n        transform: translate3d(0, 0, 0) scale(1) rotate(0deg);\n      }\n      20% { \n        transform: translate3d(${2*t}%, ${1*t}%, 0) scale(${1+.05*t}) rotate(${20*t}deg);\n      }\n      40% { \n        transform: translate3d(${1*t}%, ${-2*t}%, 0) scale(${1-.03*t}) rotate(${10*t}deg);\n      }\n      60% { \n        transform: translate3d(${-1.5*t}%, ${.5*t}%, 0) scale(${1+.02*t}) rotate(${-10*t}deg);\n      }\n      80% { \n        transform: translate3d(${-.5*t}%, ${1.5*t}%, 0) scale(${1+.01*t}) rotate(${-20*t}deg);\n      }\n      100% { \n        transform: translate3d(0, 0, 0) scale(1) rotate(0deg);\n      }\n    }\n  `}},k=e=>I[e],$=(e,t=1)=>{if("none"===e)return"";const a=v[e];if(!a)return"";if("morph"===e)return a(t);const r=a();return 1===t?r:r.replace(/translate\(([^)]+)\)/g,(e,a)=>`translate(${a.split(",").map(e=>parseFloat(e.trim().replace("px",""))*t+"px").join(", ")})`).replace(/rotate\(([^)]+)\)/g,(e,a)=>`rotate(${parseFloat(a.replace("deg",""))*t}deg)`).replace(/scale\(([^)]+)\)/g,(e,a)=>`scale(${1+(parseFloat(a)-1)*t})`)},S=(e,t=0,a)=>{if("none"===e)return{};const r=k(e);if(!r)return{};const i=1.5*t,n=a||r.duration;return{animation:`${r.name} ${n}s ${r.easing} infinite`,animationDelay:`${i}s`,transformOrigin:"center center"}},C=e=>"none"===e?"":z[e]||"",E=(e,t=10)=>{if("none"===e)return{};let a="";switch(e){case"hue":a="css-mesh-container-hue";break;case"rotation":a="css-mesh-container-rotation";break;case"hue-rotation":a="css-mesh-container-hue-rotation";break;case"drop-shadow":a="css-mesh-container-drop-shadow"}return a?{animation:`${a} ${t}s linear infinite`,transformOrigin:"center center"}:{}};exports.ALL_THEMES=h,exports.ANIMATIONS=I,exports.BASE_THEMES=s,exports.CONTAINER_ANIMATIONS=z,exports.DARK_THEMES=["sunset","ocean","aurora","cosmic","forest","monochrome","volcanic","electric","neon","cyberpunk","voidPulse","fireCore","deepSpace","shadowGlow","sunsetGlow","twilightDark","midnightGlow","shapes"],exports.DRAMATIC_THEMES=c,exports.FLOAT_ANIMATION=b,exports.KEYFRAME_GENERATORS=v,exports.LIGHT_THEMES=p,exports.MeshGradient=({theme:t="sunset",customConfig:a,className:r="",style:i={},children:n,animated:d=!1,animationType:o="float",animationConfig:s,containerAnimation:c="none",containerAnimationConfig:g,mouseTracking:h,visualEffects:f,performance:p="auto",shape:b="background",size:y,dropShadow:x,dropShadowOpacity:m=.4,dropShadowDirection:w={x:0,y:8},lighting3d:I})=>{const z=e.useRef(null),[v,k]=e.useState(400),[O,j]=e.useState({x:50,y:50});e.useEffect(()=>{const e=()=>{z.current&&k(z.current.offsetHeight)};e();const t=new ResizeObserver(e);return z.current&&t.observe(z.current),()=>t.disconnect()},[]),e.useEffect(()=>{if(!(null==h?void 0:h.enabled)||!z.current)return;const e=e=>{if(!z.current)return;const t=z.current.getBoundingClientRect(),a=(e.clientX-t.left)/t.width*100,r=(e.clientY-t.top)/t.height*100;j({x:Math.max(0,Math.min(100,a)),y:Math.max(0,Math.min(100,r))})},t=z.current;t.addEventListener("mousemove",e),t.addEventListener("mouseenter",e);const a=()=>{j({x:50,y:50})};return t.addEventListener("mouseleave",a),()=>{t.removeEventListener("mousemove",e),t.removeEventListener("mouseenter",e),t.removeEventListener("mouseleave",a)}},[null==h?void 0:h.enabled]);const A=u(t);if(!A){console.warn(`Theme "${t}" not found, falling back to sunset`);if(!u("sunset"))throw new Error('Fallback theme "sunset" not found')}const T=A||u("sunset"),N={backgroundColor:(null==a?void 0:a.backgroundColor)||T.backgroundColor,shapes:(null==a?void 0:a.shapes)||T.shapes,containerStyle:(null==a?void 0:a.containerStyle)||{}},_=T.visualEffects||{saturation:1,contrast:1,brightness:1,hue:0},R=f||_,M=T.lighting3d||{enabled:!1},P=I||M,L=T.dropShadow,D=void 0!==x?x:!!(null==L?void 0:L.enabled)&&(L.size||!0),F=void 0!==m?m:(null==L?void 0:L.opacity)||.4,G=void 0!==w?w:(null==L?void 0:L.direction)||{x:0,y:8},Y=d?o:"none",B=c,H="low"===p?N.shapes.slice(0,3):N.shapes,X=E(B,(null==g?void 0:g.duration)||10),K="orb"===b,U=K?(()=>{if("number"==typeof y)return y;if("string"==typeof y)switch(y){case"sm":return 50;case"md":default:return 80;case"lg":return 120}return 80})():void 0,V={position:"relative",width:"100%",height:"100%",backgroundColor:N.backgroundColor,overflow:"hidden",transform:"translate3d(0, 0, 0)",borderRadius:K?"50%":void 0,...N.containerStyle,...X},W=(null==s?void 0:s.intensity)||1,J=$(Y,W),q=C(B);return l.jsxs("div",{ref:z,"data-testid":"mesh-gradient",className:`css-mesh ${r}`,style:{position:"relative",width:K?`${U}px`:"100%",height:K?`${U}px`:"100%",backgroundColor:N.backgroundColor,boxShadow:(()=>{if(!D)return"none";const e="number"==typeof D?D:K?.2*U:20,t=F,a=G;return[`${a.x}px ${a.y+.5*e}px ${1.5*e}px rgba(0, 0, 0, ${t})`,`${.5*a.x}px ${a.y+.2*e}px ${.8*e}px rgba(0, 0, 0, ${.8*t})`,`${.3*a.x}px ${a.y+.1*e}px ${.3*e}px rgba(0, 0, 0, ${.6*t})`].join(", ")})(),borderRadius:K?"50%":void 0,...i},children:[(J||q)&&l.jsxs("style",{children:[J,q]}),l.jsxs("div",{style:V,children:[H.map((e,t)=>{const a=S(Y,t,null==s?void 0:s.duration),r=(i=e.blur,Math.round(i/100*v));var i;const n=e.shape||"ellipse",d=((e,t)=>{if(!(null==h?void 0:h.enabled))return{x:0,y:0};const a=h.mode||"attract",r=h.intensity||.3,i=h.radius||30,n=O.x-e,d=O.y-t,o=Math.sqrt(n*n+d*d);if(o>i)return{x:0,y:0};const l=(1-o/i)*r,s="attract"===a?1:-1;return{x:n/o*l*s*10||0,y:d/o*l*s*10||0}})(e.x+e.width/2,e.y+e.height/2),o=`blur(${r}px) saturate(${R.saturation}) contrast(${R.contrast}) brightness(${R.brightness}) hue-rotate(${R.hue}deg)`,c=0!==d.x||0!==d.y?`translate(${d.x}%, ${d.y}%)`:"",g=["translate3d(0, 0, 0)",a.transform||"",c].filter(Boolean).join(" "),f=((e="ellipse",t={})=>((e="ellipse",t={})=>{const a={position:"absolute",pointerEvents:"none",willChange:"transform, filter",backfaceVisibility:"hidden"};switch(e){case"ellipse":default:return{...a,borderRadius:"50%"};case"rectangle":return{...a,borderRadius:t.borderRadius||"0"}}})(e,t))(n,e.shapeProps||{});return l.jsx("div",{"data-testid":`mesh-ellipse-${e.id}`,style:{...f,width:`${e.width}%`,height:`${e.height}%`,left:`${e.x}%`,top:`${e.y}%`,background:e.gradient,filter:o,opacity:e.opacity||1,zIndex:e.zIndex||t,...a,transform:g,transition:(null==h?void 0:h.enabled)?"transform 0.1s ease-out":void 0}},e.id)}),n&&l.jsx("div",{style:{position:"relative",zIndex:1e3},children:n})]}),P.enabled&&l.jsx("div",{style:(()=>{if(!P.enabled)return;const e=P.position||{x:30,y:30},t=P.intensity||.3;return{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",background:`radial-gradient(circle at ${e.x}% ${e.y}%, \n        rgba(255, 255, 255, ${.5*t}) 0%, \n        rgba(255, 255, 255, ${.2*t}) 30%, \n        rgba(0, 0, 0, ${.1*t}) 70%, \n        transparent 100%)`,borderRadius:K?"50%":void 0,zIndex:500}})()})]})},exports.ORBIT_ANIMATION=w,exports.PULSE_ANIMATION=y,exports.ROTATION_ANIMATION=m,exports.THEME_NAMES=f,exports.VERSION="0.7.1",exports.WAVE_ANIMATION=x,exports.generateAnimationKeyframes=$,exports.generateContainerAnimationKeyframes=C,exports.getAnimation=k,exports.getAnimationStyles=S,exports.getContainerAnimationStyles=E,exports.getTheme=u,exports.isLightTheme=e=>p.includes(e);
//# sourceMappingURL=index.js.map