app-studio 0.7.6 → 0.7.8

package/dist/app-studio.umd.production.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("color-convert"),require("hyphenate-style-name")):"function"==typeof define&&define.amd?define(["exports","react","color-convert","hyphenate-style-name"],t):t((e=e||self)["app-studio"]={},e.React,e.Color,e.hyphenate)}(this,function(e,t,n,i){"use strict";var r="default"in t?t.default:t;n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n,i=i&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i;const o={white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},light:{50:"#f8f9fa",100:"#f1f3f5",200:"#e9ecef",300:"#dee2e6",400:"#ced4da",500:"#adb5bd",600:"#868e96",700:"#495057",800:"#343a40",900:"#212529"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"}},a={white:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},black:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},rose:{50:"#330517",100:"#4a031e",200:"#6b112f",300:"#9f1239",400:"#c81e5b",500:"#e11d48",600:"#be123c",700:"#9f1239",800:"#7f1235",900:"#581c87"},pink:{50:"#fce7f3",100:"#fbcfe8",200:"#f9a8d4",300:"#f472b6",400:"#ec4899",500:"#db2777",600:"#be185d",700:"#9d174d",800:"#831843",900:"#581c87"},fuchsia:{50:"#c026d3",100:"#a21caf",200:"#86198f",300:"#701a75",400:"#9333ea",500:"#d946ef",600:"#e879f9",700:"#f0abfc",800:"#f5d0fe",900:"#fae8ff"},purple:{50:"#6b21a8",100:"#7e22ce",200:"#9333ea",300:"#a855f7",400:"#c084fc",500:"#d8b4fe",600:"#e9d5ff",700:"#f3e8ff",800:"#faf5ff",900:"#fef4ff"},violet:{50:"#4c1d95",100:"#701a75",200:"#86198f",300:"#a21caf",400:"#c026d3",500:"#d946ef",600:"#e879f9",700:"#f0abfc",800:"#f5d0fe",900:"#fae8ff"},indigo:{50:"#312e81",100:"#3730a3",200:"#1e40af",300:"#1d4ed8",400:"#2563eb",500:"#3b82f6",600:"#60a5fa",700:"#93c5fd",800:"#bfdbfe",900:"#dbeafe"},blue:{50:"#1e3a8a",100:"#1e40af",200:"#1d4ed8",300:"#2563eb",400:"#3b82f6",500:"#60a5fa",600:"#93c5fd",700:"#bfdbfe",800:"#dbeafe",900:"#eff6ff"},lightBlue:{50:"#0c4a6e",100:"#075985",200:"#0369a1",300:"#0284c7",400:"#0ea5e9",500:"#38bdf8",600:"#7dd3fc",700:"#bae6fd",800:"#e0f2fe",900:"#f0f9ff"},cyan:{50:"#164e63",100:"#155e75",200:"#0e7490",300:"#0891b2",400:"#22d3ee",500:"#67e8f9",600:"#a5f3fc",700:"#cffafe",800:"#ecfeff",900:"#f0fefe"},teal:{50:"#134e4a",100:"#166534",200:"#15803d",300:"#16a34a",400:"#22c55e",500:"#4ade80",600:"#5eead4",700:"#99f6e4",800:"#ccfbf1",900:"#f0fdfa"},emerald:{50:"#064e3b",100:"#065f46",200:"#047857",300:"#059669",400:"#10b981",500:"#34d399",600:"#6ee7b7",700:"#a7f3d0",800:"#d1fae5",900:"#ecfdf5"},green:{50:"#14532d",100:"#166534",200:"#15803d",300:"#16a34a",400:"#22c55e",500:"#4ade80",600:"#86efac",700:"#bbf7d0",800:"#dcfce7",900:"#f0fdf4"},lime:{50:"#365314",100:"#3f6212",200:"#4d7c0f",300:"#65a30d",400:"#84cc16",500:"#a3e635",600:"#bef264",700:"#d9f99d",800:"#ecfccb",900:"#f7fee7"},yellow:{50:"#713f12",100:"#854d0e",200:"#a16207",300:"#ca8a04",400:"#eab308",500:"#facc15",600:"#fde047",700:"#fef08a",800:"#fef9c3",900:"#fefce8"},amber:{50:"#78350f",100:"#92400e",200:"#b45309",300:"#d97706",400:"#f59e0b",500:"#fbbf24",600:"#fcd34d",700:"#fde68a",800:"#fef3c7",900:"#fffbeb"},orange:{50:"#7c2d12",100:"#9a3412",200:"#c2410c",300:"#ea580c",400:"#f97316",500:"#fb923c",600:"#fdba74",700:"#fed7aa",800:"#ffedd5",900:"#fff7ed"},red:{50:"#7f1d1d",100:"#991b1b",200:"#b91c1c",300:"#dc2626",400:"#ef4444",500:"#f87171",600:"#fca5a5",700:"#fecaca",800:"#fee2e2",900:"#fef2f2"},warmGray:{50:"#1c1917",100:"#292524",200:"#44403c",300:"#57534e",400:"#78716c",500:"#a8a29e",600:"#d6d3d1",700:"#e7e5e4",800:"#f5f5f4",900:"#fafaf9"},trueGray:{50:"#171717",100:"#262626",200:"#404040",300:"#525252",400:"#737373",500:"#a3a3a3",600:"#d4d4d4",700:"#e5e5e5",800:"#f5f5f5",900:"#fafafa"},gray:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},dark:{50:"#212529",100:"#343a40",200:"#495057",300:"#868e96",400:"#adb5bd",500:"#ced4da",600:"#dee2e6",700:"#f1f3f5",800:"#f8f9fa",900:"#ffffff"},light:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},coolGray:{50:"#111827",100:"#1f2937",200:"#374151",300:"#4b5563",400:"#6b7280",500:"#9ca3af",600:"#d1d5db",700:"#e5e7eb",800:"#f3f4f6",900:"#f9fafb"},blueGray:{50:"#0f172a",100:"#1e293b",200:"#334155",300:"#475569",400:"#64748b",500:"#94a3b8",600:"#cbd5e1",700:"#e2e8f0",800:"#f1f5f9",900:"#f8fafc"},slate:{50:"#0f172a",100:"#1e293b",200:"#334155",300:"#475569",400:"#64748b",500:"#94a3b8",600:"#cbd5e1",700:"#e2e8f0",800:"#f1f5f9",900:"#f8fafc"},zinc:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},neutral:{50:"#171717",100:"#262626",200:"#404040",300:"#525252",400:"#737373",500:"#a3a3a3",600:"#d4d4d4",700:"#e5e5e5",800:"#f5f5f5",900:"#fafafa"},stone:{50:"#1c1917",100:"#292524",200:"#44403c",300:"#57534e",400:"#78716c",500:"#a8a29e",600:"#d6d3d1",700:"#e7e5e4",800:"#f5f5f4",900:"#fafaf9"}},s={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB"},c={...s},l={...s,white:"#000000",black:"#FFFFFF"},u=/(color-[a-zA-Z0-9-]+|theme-[a-zA-Z0-9-]+)/g,f=e=>e.includes("color-")||e.includes("theme-"),d=(e,t)=>f(e)?e.replace(u,e=>t(e)):e,m="theme-",g="color-",h="light-",p="dark-",b="transparent",w={primary:"color-black",secondary:"color-blue",success:"color-green-500",error:"color-red-500",warning:"color-orange-500",disabled:"color-gray-500",loading:"color-dark-500"},y={main:c,palette:o},v={main:l,palette:a},k=t.createContext({getColor:()=>"",getColorHex:()=>"",getColorRGBA:()=>"",getColorScheme:()=>{},getContrastColor:()=>"black",theme:{},colors:{main:c,palette:o},themeMode:"light",setThemeMode:()=>{}}),x=()=>{const e=t.useContext(k);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e},F=(e,t)=>{const n=Math.max(0,Math.min(1e3,t))/1e3;if(e.startsWith("#")){let t=e.slice(1);3===t.length&&(t=t.split("").map(e=>e+e).join(""));return`rgba(${parseInt(t.slice(0,2),16)}, ${parseInt(t.slice(2,4),16)}, ${parseInt(t.slice(4,6),16)}, ${n})`}if(e.startsWith("rgb")){const t=e.match(/rgba?\(([^)]+)\)/);if(t){const e=t[1].split(",").map(e=>e.trim());return`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${n})`}}return console.warn(`Unable to convert color "${e}" to rgba format`),e},C=e=>(e=>Math.max(0,Math.min(255,e)))(Math.round(e)).toString(16).padStart(2,"0"),S=e=>{if(!e||"string"!=typeof e)return String(e);const t=e.trim();if(t===b)return"#00000000";if(t.startsWith("#")){const e=t.slice(1);if(3===e.length){return`#${e[0]+e[0]}${e[1]+e[1]}${e[2]+e[2]}`.toLowerCase()}if(4===e.length){return`#${e[0]+e[0]}${e[1]+e[1]}${e[2]+e[2]}${e[3]+e[3]}`.toLowerCase()}return 6===e.length||8===e.length?`#${e}`.toLowerCase():t}if(t.startsWith("rgb")){const e=t.match(/rgba?\(([^)]+)\)/i);if(!e)return t;const n=e[1].split(",").map(e=>e.trim()).filter(Boolean),i=Number(n[0]),r=Number(n[1]),o=Number(n[2]),a=n.length>=4?Number(n[3]):1;if([i,r,o].some(e=>Number.isNaN(e))||Number.isNaN(a))return t;const s=C(i),c=C(r),l=C(o),u=Math.max(0,Math.min(1,a));if(u>=1)return`#${s}${c}${l}`.toLowerCase();return`#${s}${c}${l}${C(255*u)}`.toLowerCase()}return t},$=(e,t)=>{if("object"!=typeof t||null===t)return e;const n={...e};for(const i in t)if(Object.prototype.hasOwnProperty.call(t,i)){const r=t[i],o=e[i];Array.isArray(r)?n[i]=r:"object"!=typeof r||null===r||Array.isArray(r)?void 0!==r&&(n[i]=r):n[i]=$(o||{},r)}return n},E={xs:0,sm:340,md:560,lg:1080,xl:1300},O={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},j=e=>{const t=Object.keys(e).map(t=>({breakpoint:t,min:e[t],max:void 0})).sort((e,t)=>e.min-t.min);for(let e=0;e<t.length-1;e++)t[e].max=t[e+1].min-1;const n={};return t.forEach(e=>{let t="only screen";e.min>0&&(t+=` and (min-width: ${e.min}px)`),void 0!==e.max&&(t+=` and (max-width: ${e.max}px)`),n[e.breakpoint]=t.trim()}),n},z=(e,t)=>{for(const n in t)if(t[n].includes(e))return n;return"desktop"},W=(e,t)=>{let n;return function(){for(var i=arguments.length,r=new Array(i),o=0;o<i;o++)r[o]=arguments[o];clearTimeout(n),n=setTimeout(()=>e(...r),t)}},R=(e,t)=>{const n=Object.entries(t).sort((e,t)=>{let[,n]=e,[,i]=t;return i-n});for(const[t,i]of n)if(e>=i)return t;return n[n.length-1]?.[0]||"xs"},L={breakpoints:E,devices:O,mediaQueries:j(E),currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"},M=t.createContext(L),D={width:0,height:0},I=t.createContext(D),T=()=>t.useContext(M),X=()=>t.useContext(I),A=t.createContext({breakpoints:E,devices:O,mediaQueries:j(E),currentWidth:0,currentHeight:0,currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"}),N=()=>t.useContext(A),Y={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}},H=new Set(["numberOfLines","fontWeight","timeStamp","flex","flexGrow","flexShrink","order","zIndex","aspectRatio","shadowOpacity","shadowRadius","scale","opacity","min","max","now"]),P=new Set(["on","shadow","only","media","css","widthHeight","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate","animateIn","animateOut","_hover","_active","_focus","_visited","_disabled","_enabled","_checked","_unchecked","_invalid","_valid","_required","_optional","_selected","_target","_firstChild","_lastChild","_onlyChild","_firstOfType","_lastOfType","_empty","_focusVisible","_focusWithin","_placeholder","_before","_after","_firstLetter","_firstLine","_selection","_backdrop","_marker"]),B=new Set(["on","shadow","only","media","css"]),V=new Set(["src","alt","style","as"]),_=e=>e.startsWith("--")?e:i(e),U=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width","-webkit-border-radius","-webkit-border-bottom-left-radius","-webkit-border-bottom-right-radius","-webkit-border-top-left-radius","-webkit-border-top-right-radius","-webkit-column-gap","-webkit-column-width","-webkit-margin-bottom","-webkit-margin-left","-webkit-margin-right","-webkit-margin-top","-webkit-padding-bottom","-webkit-padding-left","-webkit-padding-right","-webkit-padding-top","-webkit-perspective","-webkit-text-indent","-moz-border-radius","-moz-border-bottom-left-radius","-moz-border-bottom-right-radius","-moz-border-top-left-radius","-moz-border-top-right-radius","-moz-column-gap","-moz-column-width","-moz-margin-bottom","-moz-margin-left","-moz-margin-right","-moz-margin-top","-moz-padding-bottom","-moz-padding-left","-moz-padding-right","-moz-padding-top","-moz-perspective","-moz-text-indent","-ms-column-gap","-ms-column-width","-ms-margin-bottom","-ms-margin-left","-ms-margin-right","-ms-margin-top","-ms-padding-bottom","-ms-padding-left","-ms-padding-right","-ms-padding-top","-ms-text-indent"]);function G(e){return _(e)}const q=new Set([...Object.keys(document.createElement("div").style),"margin","marginTop","marginRight","marginBottom","marginLeft","marginHorizontal","marginVertical","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingHorizontal","paddingVertical","width","height","minWidth","minHeight","maxWidth","maxHeight","position","top","right","bottom","left","zIndex","flex","flexDirection","flexWrap","flexFlow","justifyContent","alignItems","alignContent","alignSelf","order","flexGrow","flexShrink","flexBasis","gridTemplateColumns","gridTemplateRows","gridTemplate","gridAutoColumns","gridAutoRows","gridAutoFlow","gridArea","gridColumn","gridRow","gap","gridGap","rowGap","columnGap","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","textDecoration","textTransform","whiteSpace","wordBreak","wordSpacing","wordWrap","color","backgroundColor","background","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","backgroundClip","textFillColor","WebkitTextFillColor","WebkitBackgroundClip","WebkitTextStroke","WebkitTextStrokeColor","WebkitTextStrokeWidth","WebkitTextStrokeStyle","opacity","border","borderWidth","borderStyle","borderColor","borderRadius","borderTop","borderRight","borderBottom","borderLeft","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","boxShadow","textShadow","transform","transition","animation","animationName","animationDuration","animationTimingFunction","animationDelay","animationIterationCount","animationDirection","animationFillMode","animationPlayState","animationTimeline","animationRange","animationRangeStart","animationRangeEnd","scrollTimeline","scrollTimelineName","scrollTimelineAxis","viewTimeline","viewTimelineName","viewTimelineAxis","viewTimelineInset","filter","backdropFilter","mixBlendMode","display","visibility","overflow","overflowX","overflowY","float","clear","objectFit","objectPosition","cursor","pointerEvents","userSelect","resize","widthHeight","shadow","textJustify","lineClamp","textIndent","perspective"]),J=new Set(["onClick","onChange","onSubmit","onFocus","onBlur","onKeyDown","onKeyUp","onKeyPress","onMouseDown","onMouseUp","onMouseMove","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","onTouchMove","onScroll","onWheel","onDrag","onDragStart","onDragEnd","onDrop"]),Q=e=>{if(J.has(e))return!1;if(q.has(e)||B.has(e)||e.startsWith("--")||e.startsWith("data-style-")&&!V.has(e))return!0;if("undefined"!=typeof CSS&&CSS.supports)try{const t=_(e);return CSS.supports(t,"inherit")}catch{return!1}return!1};const Z=e=>_(e),K=Array.from(q);let ee=0;const te=new Map,ne=e=>{const{duration:t,timingFunction:n,delay:i,iterationCount:r,direction:o,fillMode:a,playState:s,timeline:c,range:l,keyframes:u,...f}=e,d=u||f,m=JSON.stringify(d);if(te.has(m)){return{keyframesName:te.get(m),keyframes:""}}const g="animation-"+ee++;te.set(m,g);const h=[];Object.keys(d).sort((e,t)=>{const n=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return n(e)-n(t)}).forEach(e=>{const t="enter"===e?"to":e,n=d[e];var i;h.push(`${t} { ${i=n,Object.entries(i).filter(e=>{let[t]=e;return Q(t)}).map(e=>{let[t,n]=e;return null==n?"":`${G(t)}: ${n};`}).filter(Boolean).join(" ")} }`)});return{keyframesName:g,keyframes:`\n    @keyframes ${g} {\n      ${h.join("\n")}\n    }\n  `}},ie={animation:["-webkit-animation","-moz-animation","-o-animation"],animationDelay:["-webkit-animation-delay","-moz-animation-delay","-o-animation-delay"],animationDirection:["-webkit-animation-direction","-moz-animation-direction","-o-animation-direction"],animationDuration:["-webkit-animation-duration","-moz-animation-duration","-o-animation-duration"],animationFillMode:["-webkit-animation-fill-mode","-moz-animation-fill-mode","-o-animation-fill-mode"],animationIterationCount:["-webkit-animation-iteration-count","-moz-animation-iteration-count","-o-animation-iteration-count"],animationName:["-webkit-animation-name","-moz-animation-name","-o-animation-name"],animationPlayState:["-webkit-animation-play-state","-moz-animation-play-state","-o-animation-play-state"],animationTimingFunction:["-webkit-animation-timing-function","-moz-animation-timing-function","-o-animation-timing-function"],transform:["-webkit-transform","-moz-transform","-ms-transform","-o-transform"],transformOrigin:["-webkit-transform-origin","-moz-transform-origin","-ms-transform-origin","-o-transform-origin"],transformStyle:["-webkit-transform-style","-moz-transform-style","-ms-transform-style"],transition:["-webkit-transition","-moz-transition","-ms-transition","-o-transition"],transitionDelay:["-webkit-transition-delay","-moz-transition-delay","-ms-transition-delay","-o-transition-delay"],transitionDuration:["-webkit-transition-duration","-moz-transition-duration","-ms-transition-duration","-o-transition-duration"],transitionProperty:["-webkit-transition-property","-moz-transition-property","-ms-transition-property","-o-transition-property"],transitionTimingFunction:["-webkit-transition-timing-function","-moz-transition-timing-function","-ms-transition-timing-function","-o-transition-timing-function"],flex:["-webkit-flex","-ms-flex"],flexBasis:["-webkit-flex-basis","-ms-flex-basis"],flexDirection:["-webkit-flex-direction","-ms-flex-direction"],flexFlow:["-webkit-flex-flow","-ms-flex-flow"],flexGrow:["-webkit-flex-grow","-ms-flex-positive"],flexShrink:["-webkit-flex-shrink","-ms-flex-negative"],flexWrap:["-webkit-flex-wrap","-ms-flex-wrap"],justifyContent:["-webkit-justify-content","-ms-flex-pack"],alignItems:["-webkit-align-items","-ms-flex-align"],alignContent:["-webkit-align-content","-ms-flex-line-pack"],alignSelf:["-webkit-align-self","-ms-flex-item-align"],order:["-webkit-order","-ms-flex-order"],appearance:["-webkit-appearance","-moz-appearance","-ms-appearance"],backfaceVisibility:["-webkit-backface-visibility","-moz-backface-visibility"],backgroundClip:["-webkit-background-clip","-moz-background-clip"],backgroundOrigin:["-webkit-background-origin","-moz-background-origin"],backgroundSize:["-webkit-background-size","-moz-background-size","-o-background-size"],borderImage:["-webkit-border-image","-moz-border-image","-o-border-image"],boxShadow:["-webkit-box-shadow","-moz-box-shadow"],boxSizing:["-webkit-box-sizing","-moz-box-sizing"],columns:["-webkit-columns","-moz-columns"],columnCount:["-webkit-column-count","-moz-column-count"],columnGap:["-webkit-column-gap","-moz-column-gap"],columnRule:["-webkit-column-rule","-moz-column-rule"],columnWidth:["-webkit-column-width","-moz-column-width"],filter:["-webkit-filter"],fontSmoothing:["-webkit-font-smoothing","-moz-osx-font-smoothing"],hyphens:["-webkit-hyphens","-moz-hyphens","-ms-hyphens"],maskImage:["-webkit-mask-image"],perspective:["-webkit-perspective","-moz-perspective"],perspectiveOrigin:["-webkit-perspective-origin","-moz-perspective-origin"],textSizeAdjust:["-webkit-text-size-adjust","-moz-text-size-adjust","-ms-text-size-adjust"],userSelect:["-webkit-user-select","-moz-user-select","-ms-user-select"],textFillColor:["-webkit-text-fill-color"],textStroke:["-webkit-text-stroke"],textStrokeColor:["-webkit-text-stroke-color"],textStrokeWidth:["-webkit-text-stroke-width"],tapHighlightColor:["-webkit-tap-highlight-color"],touchCallout:["-webkit-touch-callout"],userDrag:["-webkit-user-drag"],lineClamp:["-webkit-line-clamp"],overflowScrolling:["-webkit-overflow-scrolling"]};function re(e){let t=5381,n=e.length;for(;n;)t=33*t^e.charCodeAt(--n);return(t>>>0).toString(36)}class oe{constructor(e){this.maxSize=e,this.cache=new Map}get(e){const t=this.cache.get(e);if(t)return this.cache.delete(e),this.cache.set(e,t),t}set(e,t){if(this.cache.has(e))this.cache.delete(e);else if(this.cache.size>=this.maxSize){const e=this.cache.keys().next().value;e&&this.cache.delete(e)}this.cache.set(e,t)}clear(){this.cache.clear()}delete(e){this.cache.delete(e)}get size(){return this.cache.size}keys(){return this.cache.keys()}values(){return this.cache.values()}has(e){return this.cache.has(e)}}const ae=new Map,se={hover:"hover",active:"active",focus:"focus",visited:"visited",disabled:"disabled",enabled:"enabled",checked:"checked",unchecked:"not(:checked)",invalid:"invalid",valid:"valid",required:"required",optional:"optional",selected:"selected",target:"target",firstChild:"first-child",lastChild:"last-child",onlyChild:"only-child",firstOfType:"first-of-type",lastOfType:"last-of-type",empty:"empty",focusVisible:"focus-visible",focusWithin:"focus-within",placeholder:"placeholder",before:"before",after:"after",firstLetter:"first-letter",firstLine:"first-line",selection:"selection",backdrop:"backdrop",marker:"marker",groupHover:"group-hover",groupFocus:"group-focus",groupActive:"group-active",groupDisabled:"group-disabled",peerHover:"peer-hover",peerFocus:"peer-focus",peerActive:"peer-active",peerDisabled:"peer-disabled",peerChecked:"peer-checked"},ce={parseDuration(e){const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const n=parseFloat(t[1]);return"s"===t[2]?1e3*n:n},formatDuration:e=>e>=1e3&&e%1e3==0?e/1e3+"s":`${e}ms`,processAnimations(e,t){const n={names:[],durations:[],timingFunctions:[],delays:[],iterationCounts:[],directions:[],fillModes:[],playStates:[],timelines:[],ranges:[]};let i=0;return e.forEach(e=>{const{keyframesName:r,keyframes:o}=ne(e);o&&(t||me).injectRule(o),n.names.push(r);const a=!!e.timeline;if(a)n.durations.push(e.duration||"auto"),n.delays.push(e.delay||"0s");else{const t=this.parseDuration(e.duration||"0s"),r=this.parseDuration(e.delay||"0s"),o=i+r;i=o+t,n.durations.push(this.formatDuration(t)),n.delays.push(this.formatDuration(o))}n.timingFunctions.push(e.timingFunction||"ease"),n.iterationCounts.push(void 0!==e.iterationCount?`${e.iterationCount}`:"1"),n.directions.push(e.direction||"normal"),n.fillModes.push(e.fillMode||(a?"both":"none")),n.playStates.push(e.playState||"running"),n.timelines.push(e.timeline||""),n.ranges.push(e.range||"")}),{animationName:n.names.join(", "),animationDuration:n.durations.join(", "),animationTimingFunction:n.timingFunctions.join(", "),animationDelay:n.delays.join(", "),animationIterationCount:n.iterationCounts.join(", "),animationDirection:n.directions.join(", "),animationFillMode:n.fillModes.join(", "),animationPlayState:n.playStates.join(", "),...n.timelines.some(e=>e)&&{animationTimeline:n.timelines.join(", ")},...n.ranges.some(e=>e)&&{animationRange:n.ranges.join(", ")}}}},le={formatValue:(e,t,n)=>((e,t,n)=>{if(null==t)return"";if(e.startsWith("--"))return t;const i=Z(e);if("number"==typeof t)return!H.has(e)&&(U.has(i)||(/^-(webkit|moz|ms|o)-/.test(i)||/^-(Webkit|Moz|Ms|O)-/.test(i))&&U.has(i.replace(/^-(webkit|moz|ms|o|Webkit|Moz|Ms|O)-/,"")))?`${t}px`:t;return e.toLowerCase().indexOf("color")>=0||"fill"===e||"stroke"===e?n(t):"string"==typeof t&&t.length>3&&f(t)?d(t,e=>n(e)):Array.isArray(t)?t.join(" "):"object"==typeof t?JSON.stringify(t):t})(t,e,n),normalizeCssValue(e){if("string"==typeof e&&e.startsWith("--"))return`var-${e.substring(2)}`;if("string"==typeof e&&e.startsWith("-webkit-")){const t="-webkit-";return`webkit-${e.substring(t.length).replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`}return e.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")},generateUniqueClassName(e){if(ae.has(e))return ae.get(e);const t=`raw-css-${re(e)}`;return ae.set(e,t),t}};class ue{constructor(e,t){void 0===t&&(t=1e4),this.styleSheets=new Map,this.mainDocument=null,this.serverRules=new Map,this.propertyShorthand=e,this.classCache=new oe(t),"undefined"!=typeof document&&(this.mainDocument=document,this.initStyleSheets(document))}initStyleSheets(e){if(!this.styleSheets.has(e)){const t={},n={base:"utility-classes-base",pseudo:"utility-classes-pseudo",media:"utility-classes-media",modifier:"utility-classes-modifier",override:"utility-classes-override"};for(const[i,r]of Object.entries(n)){let n=e.getElementById(r);n||(n=e.createElement("style"),n.id=r,e.head.appendChild(n)),t[i]=n.sheet}this.styleSheets.set(e,t)}}getDocumentRules(e){const t=[],n=this.styleSheets.get(e);if(!n)return t;for(const[e,i]of Object.entries(n))Array.from(i.cssRules).forEach(n=>{t.push({cssText:n.cssText,context:e})});return t}addDocument(e){if(e!==this.mainDocument&&(this.initStyleSheets(e),this.clearStylesFromDocument(e),this.mainDocument)){this.getDocumentRules(this.mainDocument).forEach(t=>{let{cssText:n,context:i}=t;this.injectRuleToDocument(n,i,e)})}}clearStylesFromDocument(e){const t=this.styleSheets.get(e);if(t)for(const e of Object.values(t))this.clearStyleSheet(e)}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e,t){void 0===t&&(t="base"),this.mainDocument?this.injectRuleToDocument(e,t,this.mainDocument):(this.serverRules.has(t)||this.serverRules.set(t,[]),this.serverRules.get(t)?.push(e));for(const n of this.getAllRegisteredDocuments())n!==this.mainDocument&&this.injectRuleToDocument(e,t,n)}getServerStyles(){let e="";return["base","pseudo","media","modifier","override"].forEach(t=>{const n=this.serverRules.get(t);n&&(e+=n.join("\n")+"\n")}),e}getAllRegisteredDocuments(){return Array.from(this.styleSheets.keys())}addToCache(e,t,n){this.classCache.set(e,{className:t,rules:n})}getClassNames(e,t,n,i,r,o){void 0===n&&(n="base"),void 0===i&&(i=""),void 0===o&&(o=[]);let a=le.formatValue(t,e,r),s=a.toString().split(" ").join("-"),c=`${e}:${s}`;i&&"base"!==n&&(c=`${e}:${s}|${n}:${i}`);const l=this.classCache.get(c);if(l)return[l.className];let u=this.propertyShorthand[e]||(e.startsWith("--")?e:Z(e));u.startsWith("-webkit-")?u="webkit"+u.substring(8):u.startsWith("-moz-")?u="moz"+u.substring(5):u.startsWith("-ms-")?u="ms"+u.substring(4):u.startsWith("-o-")&&(u="o"+u.substring(3));let f=`${u}-${le.normalizeCssValue(s)}`,d=[f],m=[];const g=G(e);let h=a;"number"==typeof h&&U.has(g)&&(h=`${h}px`);const p=(e=>e in ie)(e),b=p?(e=>{const t=(e=>e.replace(/([A-Z])/g,"-$1").toLowerCase())(e);return[t,...ie[e]||[]]})(e):[g];if("pseudo"===n&&i){const e=`${f}--${i}`;d=[e];const t=this.escapeClassName(e);if(i.startsWith("group-")){const e=i.replace("group-","");b.forEach(n=>{m.push({rule:`.group:${e} .${t} { ${n}: ${h}; }`,context:"pseudo"})})}else if(i.startsWith("peer-")){const e=i.replace("peer-","");b.forEach(n=>{m.push({rule:`.peer:${e} ~ .${t} { ${n}: ${h}; }`,context:"pseudo"})})}else b.forEach(e=>{m.push({rule:`.${t}:${i} { ${e}: ${h}; }`,context:"pseudo"})})}else if("media"===n&&i){const e=`${i}--${f}`;d=[e];const t=this.escapeClassName(e);o.forEach(e=>{b.forEach(n=>{m.push({rule:`@media ${e} { .${t} { ${n}: ${h}; } }`,context:"media"})})})}else{const e=this.escapeClassName(f);b.forEach(t=>{m.push({rule:`.${e} { ${t}: ${h}; }`,context:"override"===n?"override":"base"})})}return m.forEach(e=>{let{rule:t,context:n}=e;this.injectRule(t,n)}),this.addToCache(c,d[0],m),d}removeDocument(e){e!==this.mainDocument&&this.styleSheets.delete(e)}clearCache(){this.classCache.clear()}clearStyleSheet(e){for(;e.cssRules.length>0;)e.deleteRule(0)}regenerateStyles(e){if(e===this.mainDocument){this.clearStylesFromDocument(e);const t=Array.from(this.classCache.values());for(const{rules:n}of t)n.forEach(t=>{let{rule:n,context:i}=t;this.injectRuleToDocument(n,i,e)})}else this.addDocument(e)}regenerateAllStyles(){for(const e of this.getAllRegisteredDocuments())this.regenerateStyles(e)}injectRuleToDocument(e,t,n){const i=this.styleSheets.get(n);if(!i)return;const r=i[t];if(r)try{r.insertRule(e,r.cssRules.length)}catch(t){console.error(`Error inserting CSS rule to document: "${e}"`,t)}}printStyles(e){console.group("Current styles for document:");const t=this.styleSheets.get(e);if(!t)return console.log("No styles found for this document"),void console.groupEnd();for(const[e,n]of Object.entries(t))console.group(`${e} styles:`),Array.from(n.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd();console.groupEnd()}}function fe(e){const t={},n=new Set;function i(e){const t=e[0].toLowerCase(),i=e[e.length-1].toLowerCase();let r=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+i;r.length<2&&(r=e.slice(0,2).toLowerCase());let o=0,a=r;for(;n.has(a);)o++,a=r+e.slice(-o).toLowerCase();return n.add(a),a}for(const n of e)t[n]=i(n);return t}const de=fe(K),me=new ue(de,1e4);function ge(e,t,n,i,r,o,a){void 0===t&&(t="base"),void 0===n&&(n=""),void 0===r&&(r={}),void 0===o&&(o={});const s=[];return Object.keys(e).forEach(c=>{const l=e[c];let u=[];if("media"===t&&(r[n]?u=[r[n]]:o[n]&&(u=o[n].map(e=>r[e]).filter(e=>e))),void 0!==l&&""!==l){const e=(a||me).getClassNames(c,l,t,n,i,u);s.push(...e)}}),s}function he(e,t,n,i){void 0===t&&(t="");const r=[];return Object.keys(e).forEach(o=>{const a=e[o];if(o.startsWith("_")&&"object"==typeof a){const e=o.substring(1),s=se[e];if(s){const e=t?`${t}::${s}`:`${s}`;r.push(...he(a,e,n,i))}}else if(("object"!=typeof a||null===a)&&t){const e=`${o}-${le.normalizeCssValue(a)}-${t.replace(/:/g,"-")}`.replace(/[^\w-]/g,"-"),s=le.formatValue(a,o,n),c=`.${e}::${t} { ${G(o)}: ${s}; }`;(i||me).injectRule(c,"pseudo"),r.push(e)}}),r}function pe(e,t,i,r){const o=[];if("string"==typeof t&&(t={color:t}),"object"!=typeof t||null===t)return o;const{animate:a,shadow:s,...c}=t;if(a){const e=Array.isArray(a)?a:[a],t=ce.processAnimations(e,r);Object.assign(c,t)}if(void 0!==s){let e;if(e="number"==typeof s&&void 0!==Y[s]?s:"boolean"==typeof s?s?2:0:2,Y[e]){const{shadowColor:t,shadowOpacity:i,shadowOffset:r,shadowRadius:o}=Y[e],a=`rgba(${n.hex.rgb(t).join(",")}, ${i})`;c.boxShadow=`${r.height}px ${r.width}px ${o}px ${a}`}}const l=Object.keys(c).filter(e=>e.startsWith("_")&&"object"==typeof c[e]);if(l.length>0){const t=se[e];t&&(l.forEach(e=>{const n=e.substring(1),a=se[n];if(a){const n=`${t}::${a}`;o.push(...he(c[e],n,i,r))}}),l.forEach(e=>{delete c[e]}))}if(Object.keys(c).length>0){const t=se[e];t&&o.push(...ge(c,"pseudo",t,i,{},{},r))}return o}const be=(e,t,i,r,o)=>{const a=[],s={};if(e.widthHeight||void 0!==e.height&&void 0!==e.width&&e.height===e.width){const t=e.widthHeight||e.width,n="number"==typeof t?`${t}px`:t;s.width=n,s.height=n}const c={paddingHorizontal:["paddingLeft","paddingRight"],paddingVertical:["paddingTop","paddingBottom"],marginHorizontal:["marginLeft","marginRight"],marginVertical:["marginTop","marginBottom"]};for(const[t,n]of Object.entries(c)){const i=e[t];if(void 0!==i){const e="number"==typeof i?`${i}px`:i;n.forEach(t=>{s[t]=e})}}if(void 0!==e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==Y[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,Y[t]){const{shadowColor:e,shadowOpacity:i,shadowOffset:r,shadowRadius:o}=Y[t],a=`rgba(${n.hex.rgb(e).join(",")}, ${i})`;s.boxShadow=`${r.height}px ${r.width}px ${o}px ${a}`}}if(e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate];Object.assign(s,ce.processAnimations(t,o))}const l="difference",u="white",f="overlay",d=(e,t)=>{e.bgColor?(t.mixBlendMode=f,t.color="white"):(t.mixBlendMode=l,t.color=u)};!0===e.blend&&(d(e,s),Object.keys(e).forEach(t=>{void 0!==e[t]?.color||!t.startsWith("_")&&"on"!==t&&"media"!==t||d(e[t],e[t])})),a.push(...ge(s,"base","",t,{},{},o));const m={};if(Object.keys(e).forEach(t=>{if(t.startsWith("_")&&t.length>1){const n=t.substring(1);m[n]=e[t]}}),Object.keys(e).forEach(n=>{if("style"!==n&&"css"!==n&&!n.startsWith("_")&&(Q(n)||["on","media"].includes(n))){const s=e[n];"object"==typeof s&&null!==s?"on"===n?Object.keys(s).forEach(e=>{a.push(...pe(e,s[e],t,o))}):"media"===n&&Object.keys(s).forEach(e=>{a.push(...ge(s[e],"media",e,t,i,r,o))}):void 0!==s&&""!==s&&a.push(...(o||me).getClassNames(n,s,"base","",t,[]))}}),e.css)if("object"==typeof e.css)Object.assign(s,e.css),a.push(...ge(e.css,"override","",t,{},{},o));else if("string"==typeof e.css){const t=le.generateUniqueClassName(e.css);(o||me).injectRule(`.${t} { ${e.css} }`,"override"),a.push(t)}return Object.keys(m).length>0&&Object.keys(m).forEach(e=>{a.push(...pe(e,m[e],t,o))}),a},we=t.createContext({manager:me}),ye=()=>t.useContext(we),ve=t.createContext({}),ke=()=>t.useContext(ve);function xe(e,n,i,r,o,a){const s=t.useRef(null),c=t.useMemo(()=>{const t=a?JSON.stringify(a):"";return function(e){const t=[],n=Object.keys(e).sort();for(const i of n)if("children"!==i&&"ref"!==i&&"key"!==i&&(Q(i)||i.startsWith("_")||"on"===i||"media"===i||"animate"===i||"css"===i||"shadow"===i||"blend"===i||"widthHeight"===i||"paddingHorizontal"===i||"paddingVertical"===i||"marginHorizontal"===i||"marginVertical"===i)){const n=e[i];void 0!==n&&t.push(`${i}:${JSON.stringify(n)}`)}return re(t.join("|"))}(e)+"|"+re(t)},[e,a]);if(!s.current||s.current.hash!==c){const t=be(e,n,i,r,o);s.current={hash:c,classes:t}}return s.current.classes}const Fe=r.memo(t.forwardRef((e,n)=>{let{as:i="div",animateIn:o,animateOut:a,...s}=e;(s.onClick||s.onPress)&&null==s.cursor&&(s.cursor="pointer");const{onPress:c,blend:l,animateOn:u="Both",...f}=s,d=t.useRef(null),m=t.useCallback(e=>{d.current=e,"function"==typeof n?n(e):n&&(n.current=e)},[n]),{getColor:g,theme:h}=x(),{trackEvent:p}=ke(),{mediaQueries:b,devices:w}=T(),{manager:y}=ye(),[v,k]=t.useState(!1);t.useEffect(()=>{if(!o)return void k(!0);if("undefined"==typeof IntersectionObserver||!d.current)return void k(!0);const e=new IntersectionObserver(t=>{let[n]=t;n.isIntersecting&&(k(!0),e.disconnect())},{threshold:.1});return e.observe(d.current),()=>{e.disconnect()}},[o]),t.useEffect(()=>{if(o&&d.current&&v){const e=Array.isArray(o)?o:[o],t=ce.processAnimations(e,y);Object.assign(d.current.style,t)}},[o,v,y]),t.useEffect(()=>{const e=d.current;return()=>{if(a&&e){const t=Array.isArray(a)?a:[a],n=ce.processAnimations(t,y);Object.assign(e.style,n)}}},[a,y]);const F=xe(t.useMemo(()=>{const e={...f,blend:l};if("View"===u&&e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate];e.animate=t.map(e=>e.timeline?e:{...e,timeline:"view()",range:e.range||"entry",fillMode:e.fillMode||"both"})}if("Scroll"===u&&e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate];e.animate=t.map(e=>e.timeline?e:{...e,timeline:"scroll()",fillMode:e.fillMode||"both"})}return e},[f,l,u]),g,b,w,y,h),C={ref:m};if(c&&(C.onClick=c),F.length>0&&(C.className=F.join(" ")),s.className&&(C.className=C.className?`${C.className} ${s.className}`:s.className),p&&s.onClick){let e,t;e="string"==typeof i?i:i.displayName||i.name||"div","string"==typeof s.children&&(t=s.children.slice(0,100)),C.onClick=n=>{p({type:"click",target:"div"!==e?e:void 0,text:t}),s.onClick&&s.onClick(n)}}else s.onClick&&!c&&(C.onClick=s.onClick);const{style:S,children:$,before:E,after:O,...j}=f;Object.keys(j).forEach(e=>{e.startsWith("on")&&e.length>2&&e[2]===e[2].toUpperCase()&&(C[e]=j[e])}),Object.keys(j).forEach(e=>{(!P.has(e)&&!Q(e)||V.has(e))&&(C[e]=j[e])}),S&&(C.style=S),o&&!v&&(C.style={...C.style,opacity:0});const z=i;return $?r.createElement(z,Object.assign({},C),E,$,O):r.createElement(z,Object.assign({},C))})),Ce=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({},e,{ref:t}))),Se=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({display:"flex",flexDirection:"row"},e,{ref:t}))),$e=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({display:"flex",justifyContent:"center",alignItems:"center"},e,{ref:t}))),Ee=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({display:"flex",flexDirection:"column"},e,{ref:t}))),Oe=r.forwardRef((e,t)=>{let{media:n={},...i}=e;return r.createElement(Se,Object.assign({media:{...n,mobile:{...n?.mobile,flexDirection:"column"}}},i,{ref:t}))}),je=r.forwardRef((e,t)=>{let{media:n={},...i}=e;return r.createElement(Ee,Object.assign({media:{...n,mobile:{...n?.mobile,flexDirection:"row"}}},i,{ref:t}))}),ze=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({},e,{ref:t}))),We=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({overflow:"auto"},e,{ref:t}))),Re=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({},e,{ref:t}))),Le=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"span"},e,{ref:t}))),Me=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"img"},e,{ref:t}))),De=r.forwardRef((e,t)=>{let{src:n,...i}=e;return r.createElement(Fe,Object.assign({backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},i,{ref:t}))}),Ie=r.forwardRef((e,t)=>{let{children:n,maxLines:i,isItalic:o=!1,isUnderlined:a=!1,toUpperCase:s=!1,isSub:c=!1,isSup:l=!1,isStriked:u=!1,views:f,style:d,...m}=e;const g=c||l?{display:"inline"}:{},h=s?r.Children.map(n,e=>"string"==typeof e?e.toUpperCase():e):n,p={as:c?"sub":l?"sup":"span",fontStyle:o?"italic":"normal",textDecoration:u?"line-through":a?"underline":"none",style:{...d,...i?{display:"-webkit-box",WebkitLineClamp:i,WebkitBoxOrient:"vertical",overflow:"hidden"}:{}},...g,...m,...f?.container};return c||l?r.createElement(Ce,Object.assign({},p,{ref:t,as:c?"sub":"sup",fontSize:"75%",lineHeight:"0",position:"relative",bottom:c?"-0.25em":void 0,top:l?"-0.5em":void 0},f?.sup),h):r.createElement(Fe,Object.assign({},p,{ref:t}),h)}),Te=r.forwardRef((e,t)=>r.createElement(Ie,Object.assign({},e,{ref:t}))),Xe=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"form"},e,{ref:t}))),Ae=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"input"},e,{ref:t}))),Ne=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"button"},e,{ref:t}))),Ye=function(e){let{duration:t="2s",timingFunction:n="linear",iterationCount:i="infinite",...r}=void 0===e?{duration:"2s",timingFunction:"linear",iterationCount:"infinite"}:e;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:n,iterationCount:i,...r}};var He={__proto__:null,fadeIn:function(e){let{duration:t="1s",timingFunction:n="ease",...i}=void 0===e?{duration:"1s",timingFunction:"ease"}:e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:n,...i}},fadeOut:function(e){let{duration:t="1s",timingFunction:n="ease",...i}=void 0===e?{duration:"1s",timingFunction:"ease"}:e;return{from:{opacity:1},to:{opacity:0},duration:t,timingFunction:n,...i}},slideInLeft:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:n,...i}},slideInRight:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:n,...i}},slideInDown:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:n,...i}},slideInUp:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:n,...i}},bounce:function(e){let{duration:t="2s",timingFunction:n="ease",iterationCount:i="infinite",...r}=void 0===e?{duration:"2s",timingFunction:"ease",iterationCount:"infinite"}:e;return{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},to:{transform:"translateY(0)"},duration:t,timingFunction:n,iterationCount:i,...r}},rotate:function(e){let{duration:t="1s",timingFunction:n="linear",iterationCount:i="infinite",...r}=void 0===e?{duration:"1s",timingFunction:"linear",iterationCount:"infinite"}:e;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:t,timingFunction:n,iterationCount:i,...r}},pulse:function(e){let{duration:t="1s",timingFunction:n="ease-in-out",iterationCount:i="infinite",...r}=void 0===e?{duration:"1s",timingFunction:"ease-in-out",iterationCount:"infinite"}:e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,iterationCount:i,...r}},zoomIn:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,...i}},zoomOut:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:t,timingFunction:n,...i}},flash:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:t,iterationCount:n,...i}},scale:function(e){let{duration:t="1s",timingFunction:n="ease-in-out",iterationCount:i="infinite",...r}=void 0===e?{duration:"1s",timingFunction:"ease-in-out",iterationCount:"infinite"}:e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,iterationCount:i,...r}},shake:function(e){let{duration:t="0.5s",iterationCount:n="infinite",...i}=void 0===e?{duration:"0.5s",iterationCount:"infinite"}:e;return{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},to:{transform:"translateX(0)"},duration:t,iterationCount:n,...i}},swing:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},to:{transform:"rotate(0deg)"},duration:t,iterationCount:n,...i}},rubberBand:function(e){let{duration:t="1s",timingFunction:n="ease-in-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in-out"}:e;return{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},to:{transform:"scale3d(1, 1, 1)"},duration:t,timingFunction:n,...i}},wobble:function(e){let{duration:t="1s",...n}=void 0===e?{duration:"1s"}:e;return{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},to:{transform:"translateX(0%)"},duration:t,...n}},flip:function(e){let{duration:t="1s",...n}=void 0===e?{duration:"1s"}:e;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:t,...n}},heartBeat:function(e){let{duration:t="1.3s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1.3s",iterationCount:"infinite"}:e;return{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},to:{transform:"scale(1)"},duration:t,iterationCount:n,...i}},rollIn:function(e){let{duration:t="1s",...n}=void 0===e?{duration:"1s"}:e;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:t,...n}},rollOut:function(e){let{duration:t="1s",...n}=void 0===e?{duration:"1s"}:e;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:t,...n}},lightSpeedIn:function(e){let{duration:t="1s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-out"}:e;return{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},to:{transform:"translateX(0)",opacity:1},duration:t,timingFunction:n,...i}},lightSpeedOut:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:t,timingFunction:n,...i}},hinge:function(e){let{duration:t="2s",timingFunction:n="ease-in-out",...i}=void 0===e?{duration:"2s",timingFunction:"ease-in-out"}:e;return{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},to:{transform:"translateY(700px)",opacity:0},duration:t,timingFunction:n,...i}},jackInTheBox:function(e){let{duration:t="1s",timingFunction:n="ease",...i}=void 0===e?{duration:"1s",timingFunction:"ease"}:e;return{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},to:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:t,timingFunction:n,...i}},flipInX:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateX(0deg)"},duration:t,timingFunction:n,...i}},flipInY:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateY(0deg)"},duration:t,timingFunction:n,...i}},headShake:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:t,iterationCount:n,...i}},tada:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},to:{transform:"scale3d(1, 1, 1)",opacity:1},duration:t,iterationCount:n,...i}},jello:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},to:{transform:"none"},duration:t,iterationCount:n,...i}},fadeInDown:function(e){let{duration:t="1s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-out"}:e;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:n,...i}},fadeInUp:function(e){let{duration:t="1s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-out"}:e;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:n,...i}},bounceIn:function(e){let{duration:t="0.75s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"0.75s",timingFunction:"ease-in"}:e;return{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,...i}},bounceOut:function(e){let{duration:t="0.75s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.75s",timingFunction:"ease-out"}:e;return{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},to:{opacity:0,transform:"scale(0.3)"},duration:t,timingFunction:n,...i}},slideOutLeft:function(e){let{duration:t="0.5s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-in"}:e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:t,timingFunction:n,...i}},slideOutRight:function(e){let{duration:t="0.5s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-in"}:e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:n,...i}},zoomInDown:function(e){let{duration:t="1s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-out"}:e;return{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},to:{transform:"scale(1) translateY(0)"},duration:t,timingFunction:n,...i}},zoomOutUp:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},to:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:t,timingFunction:n,...i}},backInDown:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},to:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:t,timingFunction:n,...i}},backOutUp:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:t,timingFunction:n,...i}},shimmer:Ye,progress:function(e){let{duration:t="2s",timingFunction:n="linear",direction:i="forwards",from:r={width:"0%"},to:o={width:"100%"},...a}=void 0===e?{duration:"2s",timingFunction:"linear",direction:"forwards",from:{width:"0%"},to:{width:"100%"}}:e;return{from:r,to:o,duration:t,timingFunction:n,direction:i,...a}},typewriter:function(e){let{duration:t="10s",steps:n=10,iterationCount:i=1,width:r=0,...o}=void 0===e?{duration:"10s",steps:10,iterationCount:1,width:0}:e;return{from:{width:"0px"},to:{width:`${r}px`},timingFunction:`steps(${n})`,duration:t,iterationCount:i,...o}},blinkCursor:function(e){let{duration:t="0.75s",timingFunction:n="step-end",iterationCount:i="infinite",color:r="black",...o}=void 0===e?{duration:"0.75s",timingFunction:"step-end",iterationCount:"infinite",color:"black"}:e;return{from:{color:r},to:{color:r},"0%":{color:r},"50%":{color:"transparent"},"100%":{color:r},duration:t,timingFunction:n,iterationCount:i,...o}},fadeInScroll:function(e){let{duration:t="0.5s",timingFunction:n="ease",timeline:i="scroll()",range:r="cover",...o}=void 0===e?{duration:"0.5s",timingFunction:"ease",timeline:"scroll()",range:"cover"}:e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:n,timeline:i,range:r,...o}},slideInLeftScroll:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",timeline:i="scroll()",range:r="cover",...o}=void 0===e?{duration:"0.5s",timingFunction:"ease-out",timeline:"scroll()",range:"cover"}:e;return{from:{transform:"translateX(-200%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},scaleDownScroll:function(e){let{duration:t="0.8s",timingFunction:n="ease",timeline:i="scroll()",range:r="cover",...o}=void 0===e?{duration:"0.8s",timingFunction:"ease",timeline:"scroll()",range:"cover"}:e;return{from:{transform:"scale(3)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},fillTextScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="--section",range:r="entry 100% cover 50%, cover 50% exit 0%",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"--section",range:"entry 100% cover 50%, cover 50% exit 0%"}:e;return{from:{"--fill":0,color:"transparent",backgroundPositionX:"calc(var(--underline-block-width) * -1), calc(var(--underline-block-width) * -1), 0"},"50%":{"--fill":.5},to:{"--fill":1,backgroundPositionX:"0, 0, 0",color:"var(--finish-fill)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},ctaCollapseScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="scroll()",range:r="0 400px",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"scroll()",range:"0 400px"}:e;return{from:{width:"calc(48px + 120px)"},to:{width:"48px"},duration:t,timingFunction:n,timeline:i,range:r,...o}},handWaveScroll:function(e){let{duration:t="2s",timingFunction:n="linear",timeline:i="scroll()",range:r="10vh 60vh",...o}=void 0===e?{duration:"2s",timingFunction:"linear",timeline:"scroll()",range:"10vh 60vh"}:e;return{from:{transform:"rotate(0deg)"},"50%":{transform:"rotate(20deg)"},to:{transform:"rotate(0deg)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},fadeBlurScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="view()",range:r="cover 40% cover 85%",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"view()",range:"cover 40% cover 85%"}:e;return{to:{opacity:0,filter:"blur(2rem)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},unclipScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="--article",range:r="entry",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"--article",range:"entry"}:e;return{to:{clipPath:"ellipse(220% 200% at 50% 175%)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},scaleDownArticleScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="--article",range:r="entry",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"--article",range:"entry"}:e;return{"0%":{transform:"scale(5)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},listItemScaleScroll:function(e){let{duration:t="0.5s",timingFunction:n="ease",timeline:i="--i",range:r="cover 40% cover 60%",...o}=void 0===e?{duration:"0.5s",timingFunction:"ease",timeline:"--i",range:"cover 40% cover 60%"}:e;return{from:{transform:"scale(0.8)"},"50%":{transform:"scale(1)"},duration:t,timingFunction:n,timeline:i,range:r,...o}}};const Pe=r.memo(e=>{let{duration:t="2s",timingFunction:n="linear",iterationCount:i="infinite",...o}=e;return r.createElement(Ce,Object.assign({backgroundColor:"color-black-300"},o,{overflow:"hidden"}),r.createElement(Ce,{position:"relative",inset:0,width:"100%",height:"100%",animate:Ye({duration:t,timingFunction:n,iterationCount:i}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),Be=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,Ve=!Be();const _e=t.createContext({width:0,height:0});const Ue=e=>e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth;function Ge(e){const{manager:n}=ye(),i=t.useRef(null);t.useEffect(()=>{const t=e.current;if(!t)return;const r=()=>{const e=t.contentDocument||t.contentWindow?.document;e&&i.current!==e&&(n.addDocument(e),i.current=e)};return t.contentDocument&&r(),t.addEventListener("load",r),()=>{t.removeEventListener("load",r),i.current&&(n.removeDocument(i.current),i.current=null)}},[n,e])}const qe=e=>{const{keyframes:t,timing:n={},range:i="entry"}=e;return{...t,duration:n.duration||"0.6s",timingFunction:n.timingFunction||"ease",fillMode:n.fillMode||"both",delay:n.delay,timeline:"view()",range:i}},Je=e=>qe(e);e.AnalyticsContext=ve,e.AnalyticsProvider=e=>{let{trackEvent:t,children:n}=e;return r.createElement(ve.Provider,{value:{trackEvent:t}},n)},e.Animation=He,e.AnimationUtils=ce,e.BreakpointContext=M,e.Button=Ne,e.Center=$e,e.Div=Re,e.Element=Fe,e.Form=Xe,e.Horizontal=Se,e.HorizontalResponsive=Oe,e.Image=Me,e.ImageBackground=De,e.Input=Ae,e.ResponsiveContext=A,e.ResponsiveProvider=e=>{let{breakpoints:n=E,devices:i=O,children:o,targetWindow:a}=e;const s=a||("undefined"!=typeof window?window:null),[c,l]=t.useState(()=>s?R(s.innerWidth,n):"xs"),[u,f]=t.useState("portrait"),[d,m]=t.useState({width:s?.innerWidth||0,height:s?.innerHeight||0}),g=t.useRef(c),h=t.useMemo(()=>j(n),[n]);t.useEffect(()=>{if(!s)return;const e=R(s.innerWidth,n);l(e),g.current=e;const t=W(()=>{const e=s.innerWidth,t=s.innerHeight;m({width:e,height:t});const i=R(e,n);i!==g.current&&(g.current=i,l(i))},100);s.addEventListener("resize",t);const i=s.matchMedia("(orientation: landscape)"),r=()=>f(i.matches?"landscape":"portrait");return i.addEventListener?i.addEventListener("change",r):i.addListener(r),r(),()=>{s.removeEventListener("resize",t),i.removeEventListener?i.removeEventListener("change",r):i.removeListener(r)}},[n,s]);const p=t.useMemo(()=>({breakpoints:n,devices:i,mediaQueries:h,currentBreakpoint:c,currentDevice:z(c,i),orientation:u}),[n,i,h,c,u]),b=t.useMemo(()=>({width:d.width,height:d.height}),[d.width,d.height]),w=t.useMemo(()=>({breakpoints:n,devices:i,mediaQueries:h,currentWidth:d.width,currentHeight:d.height,currentBreakpoint:c,currentDevice:z(c,i),orientation:u}),[n,i,h,d,c,u]);return r.createElement(M.Provider,{value:p},r.createElement(I.Provider,{value:b},r.createElement(A.Provider,{value:w},o)))},e.SafeArea=We,e.Scroll=ze,e.Shadows=Y,e.Skeleton=Pe,e.Span=Le,e.StyleRegistry=e=>{let{registry:n,children:i}=e;const o=t.useMemo(()=>({manager:n||me}),[n]);return r.createElement(we.Provider,{value:o},i)},e.Text=Te,e.ThemeContext=k,e.ThemeProvider=e=>{let{theme:n={},mode:i="light",dark:o={},light:a={},children:s,strict:c=!1,targetWindow:l}=e;const[u,f]=t.useState(i),d=t.useRef(new Map).current;t.useEffect(()=>{f(i)},[i]),t.useEffect(()=>{d.clear()},[a,o,n,d]);const x=t.useMemo(()=>$(w,n),[n]),C=t.useMemo(()=>({light:$(y,a),dark:$(v,o)}),[a,o]),E=t.useMemo(()=>C[u],[C,u]),O=t.useCallback(function(e,t,n,i){if(void 0===i&&(i=0),!e||"string"!=typeof e)return String(e);if(e===b)return e;if(i>25)return e;const r=n?.theme?$(x,n.theme):x;if(e.startsWith(m)){const o=e.substring(6).split("-"),a=o[o.length-1],s=parseInt(a,10);if(o.length>=2&&!isNaN(s)&&s>=0&&s<=1e3){const e=o.slice(0,-1).join("-"),r=O(`${m}${e}`,t,n,i+1);return F(r,s)}const c=r[o.join("-")];return"string"==typeof c?O(c,t,n,i+1):e}if(e.startsWith(g)){const i=e.substring(6).split("-"),r=C[t],o=$(r.palette,n?.colors?.palette||{}),a=$(r.main,n?.colors?.main||{});if(i.length>=3){const e=i[i.length-1],t=parseInt(e,10);if(!isNaN(t)&&t>=0&&t<=1e3){const e=i[0],n=i[1],r=o?.[e]?.[n];if("string"==typeof r)return F(r,t)}}if(2===i.length){const[t,n]=i,r=o?.[t]?.[n];return"string"==typeof r?r:e}if(1===i.length){const t=a?.[i[0]];return"string"==typeof t?t:e}return e}if(e.startsWith(h)||e.startsWith(p)){const t=e.startsWith(h)?"light":"dark",r=e.startsWith(h)?h:p,o=e.substring(r.length);return O(`${g}${o}`,t,n,i+1)}return e},[x,C]),j=t.useCallback(e=>{if(!e||"string"!=typeof e)return String(e);if(e===b)return e;const t=E;if(e.startsWith(g)){const n=e.substring(6).split("-");if(n.length>=3){const e=n[n.length-1],t=parseInt(e,10);if(!isNaN(t)&&t>=0&&t<=1e3){const e=Math.round(t/1e3*100);return`color-mix(in srgb, var(--${`color-${n.slice(0,-1).join("-")}`}) ${e}%, transparent)`}}if(2===n.length){const[i,r]=n,o=t.palette[i]?.[Number(r)];return"string"==typeof o?o:e}if(1===n.length){const i=t.main[n[0]];return"string"==typeof i?i:e}}if(e.startsWith(m)){const t=e.substring(6).split("-"),n=t[t.length-1],i=parseInt(n,10);if(t.length>=2&&!isNaN(i)&&i>=0&&i<=1e3){const e=Math.round(i/1e3*100);return`color-mix(in srgb, var(--${`theme-${t.slice(0,-1).join("-")}`}) ${e}%, transparent)`}const r=t.join("-"),o=x[r];if("string"==typeof o)return j(o)}return e},[E,x]),z=t.useCallback(e=>{if(!e||"string"!=typeof e)return String(e);if(e===b)return e;!c||e.startsWith(g)||e.startsWith(m)||e.startsWith(h)||e.startsWith(p)||console.warn(`[Theme] Invalid color token: '${e}'. Use dash notation: theme-primary, color-blue-500`);const t=e.split("-"),n=t[t.length-1],i=parseInt(n,10);if(e.startsWith(m)){if(t.length>=3&&!isNaN(i)&&i>=0&&i<=1e3){return`color-mix(in srgb, var(--${t.slice(0,-1).join("-")}) ${Math.round(i/1e3*100)}%, transparent)`}return`var(--${e})`}if(e.startsWith(g)){if(t.length>=4&&!isNaN(i)&&i>=0&&i<=1e3){return`color-mix(in srgb, var(--${t.slice(0,-1).join("-")}) ${Math.round(i/1e3*100)}%, transparent)`}return`var(--${e})`}if(e.startsWith(h)||e.startsWith(p)){const t=e.startsWith(h)?h:p;return`var(--${t}color-${e.substring(t.length)})`}return e},[c]),W=t.useCallback((e,t)=>{if(!e||"string"!=typeof e)return String(e);if(e===b)return"#00000000";const n=t?.themeMode??u,i=`${e}-${n}-hex`;if(!t&&d.has(i))return d.get(i);const r=O(e,n,t),o=S(r);return t||d.set(i,o),o},[u,d,O]),R=t.useCallback((e,t,n)=>{if(!e||"string"!=typeof e)return String(e);const i="number"==typeof t?t:void 0,r="object"==typeof t?t:n,o=r?.themeMode??u,a=`${e}-${o}-rgba-${"number"==typeof i?String(i):"auto"}`;if(!r&&d.has(a))return d.get(a);const s=((e,t)=>{if(!e||"string"!=typeof e)return String(e);const n=e.trim(),i="number"==typeof t?Math.max(0,Math.min(1e3,t))/1e3:void 0;if(n===b)return`rgba(0, 0, 0, ${i??0})`;if(n.startsWith("#")){let e=n.slice(1);if(3!==e.length&&4!==e.length||(e=e.split("").map(e=>e+e).join("")),6!==e.length&&8!==e.length)return n;const t=parseInt(e.slice(0,2),16),r=parseInt(e.slice(2,4),16),o=parseInt(e.slice(4,6),16),a=8===e.length?parseInt(e.slice(6,8),16)/255:1;return`rgba(${t}, ${r}, ${o}, ${i??a})`}if(n.startsWith("rgb")){const e=n.match(/rgba?\(([^)]+)\)/i);if(!e)return n;const t=e[1].split(",").map(e=>e.trim()).filter(Boolean),r=Number(t[0]),o=Number(t[1]),a=Number(t[2]),s=t.length>=4?Number(t[3]):1;return[r,o,a].some(e=>Number.isNaN(e))||Number.isNaN(s)?n:`rgba(${r}, ${o}, ${a}, ${i??Math.max(0,Math.min(1,s))})`}return n})(O(e,o,r),i);return r||d.set(a,s),s},[u,d,O]),L=t.useCallback((e,t)=>{if(!e||"string"!=typeof e)return;const n=t?.themeMode??u,i=t?.theme?$(x,t.theme):x;let r=e;if(e.startsWith(m)){const t=i[e.substring(6)];"string"==typeof t&&(r=t)}if(r.startsWith(h)||r.startsWith(p)){const e=r.startsWith(h)?h:p;r=`${g}${r.substring(e.length)}`}if(r.startsWith(g)){const e=r.substring(6).split("-");if(e.length>=1)return e[0]}const o=S(r).toLowerCase();if(o.startsWith("#")){const e=C[n],i=$(e.palette,t?.colors?.palette||{}),r=$(e.main,t?.colors?.main||{});for(const[e,t]of Object.entries(r))if("string"==typeof t){if(S(t).toLowerCase()===o)return e}for(const[e,t]of Object.entries(i))if("object"==typeof t&&null!==t)for(const[,n]of Object.entries(t))if("string"==typeof n){if(S(n).toLowerCase()===o)return e}}},[x,u,C]),M=t.useCallback((e,t)=>{if(!e||"string"!=typeof e)return"black";const n=t?.themeMode??u;let i;if(e.startsWith("#")||e.startsWith("rgb"))i=S(e);else{const r=O(e,n,t);i=S(r)}if(!i.startsWith("#")||i.length<7)return"black";const r=i.slice(1),o=parseInt(r.slice(0,2),16),a=parseInt(r.slice(2,4),16),s=parseInt(r.slice(4,6),16),c=e=>{const t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)};return.2126*c(o)+.7152*c(a)+.0722*c(s)>.179?"black":"white"},[u,O]),D=t.useMemo(()=>({getColor:z,getColorHex:W,getColorRGBA:R,getColorScheme:L,getContrastColor:M,theme:x,colors:E,themeMode:u,setThemeMode:f}),[z,W,R,L,M,x,E,u]),I=t.useMemo(()=>((e,t,n)=>{const i=[],r=[],o=[],a=[],s=(e,t,n)=>{Object.keys(e).forEach(i=>{const r=e[i],o=`${t}-${i}`.replace(/\./g,"-");"object"==typeof r&&null!==r?s(r,o,n):"string"!=typeof r&&"number"!=typeof r||n.push(`--${o}: ${r};`)})};s(t.main,"color",i),s(t.palette,"color",i),s(t.main,"light-color",r),s(t.palette,"light-color",r),s(n.main,"dark-color",o),s(n.palette,"dark-color",o);const c=[],l=(e,t)=>{Object.keys(e).forEach(n=>{const i=e[n],r=`${t}-${n}`.replace(/\./g,"-");"object"==typeof i&&null!==i?l(i,r):c.push(r)})};l(t.main,"color"),l(t.palette,"color");const u=(e,t)=>{Object.keys(e).forEach(n=>{const i=e[n],r=`${t}-${n}`;"object"==typeof i&&null!==i?u(i,r):"string"==typeof i&&(i.startsWith("color-")||i.startsWith("theme-")?a.push(`--${r}: var(--${i});`):a.push(`--${r}: ${i};`))})};u(e,"theme");const f=c.map(e=>`--${e}: var(--light-${e});`).join("\n    "),d=c.map(e=>`--${e}: var(--dark-${e});`).join("\n    ");return`\n    :root {\n      /* Primitives */\n      ${i.join("\n      ")}\n      ${r.join("\n      ")}\n      ${o.join("\n      ")}\n      \n      /* Theme Variables (Structural) */\n      ${a.join("\n      ")}\n    }\n  \n    [data-theme='light'] {\n      ${f}\n    }\n    \n    [data-theme='dark'] {\n      ${d}\n    }\n  `})(x,C.light,C.dark),[x,C]);return t.useEffect(()=>{if(!l)return;const e=l.document,t="app-studio-theme-vars",n=e.getElementById(t);n&&n.remove();const i=e.createElement("style");return i.id=t,i.textContent=I,e.head.appendChild(i),()=>{const n=e.getElementById(t);n&&n.remove()}},[l,I]),r.createElement(k.Provider,{value:D},!l&&r.createElement("style",null,I),r.createElement("div",{"data-theme":u,style:{backgroundColor:"white",width:"100%",height:"100%",transition:"background-color 0.2s, color 0.2s"}},s))},e.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},e.UtilityClassManager=ue,e.Vertical=Ee,e.VerticalResponsive=je,e.View=Ce,e.WindowDimensionsContext=I,e.WindowSizeContext=_e,e.WindowSizeProvider=e=>{let{children:n,targetWindow:i}=e;const o=i||("undefined"!=typeof window?window:null),[a,s]=t.useState({width:o?.innerWidth||0,height:o?.innerHeight||0});return t.useEffect(()=>{if(!o)return;const e=()=>s({width:o.innerWidth,height:o.innerHeight});return o.addEventListener("resize",e),()=>o.removeEventListener("resize",e)},[o]),r.createElement(_e.Provider,{value:a},n)},e.animateOnView=Je,e.blurInOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,filter:`blur(${e.blur||"10px"})`},to:{opacity:1,filter:"blur(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.blurOutOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:1,filter:"blur(0)"},to:{opacity:0,filter:`blur(${e.blur||"10px"})`}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease-in",delay:e.delay},range:e.range||"exit"})},e.createStyleRegistry=()=>new ue(de,1e4),e.createViewAnimation=qe,e.debounce=W,e.deepMerge=$,e.defaultColors=s,e.defaultDarkColors=l,e.defaultDarkPalette=a,e.defaultLightColors=c,e.defaultLightPalette=o,e.defaultThemeMain=w,e.extractUtilityClasses=be,e.fadeInOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0},to:{opacity:1}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease",delay:e.delay},range:e.range||"entry"})},e.fadeOutOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:1},to:{opacity:0}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease",delay:e.delay},range:e.range||"exit"})},e.flipXOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:"perspective(400px) rotateX(90deg)"},to:{opacity:1,transform:"perspective(400px) rotateX(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.flipYOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:"perspective(400px) rotateY(90deg)"},to:{opacity:1,transform:"perspective(400px) rotateY(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.getWindowInitialProps=()=>Be()?window.g_initialProps:void 0,e.hasColorToken=f,e.isBrowser=Be,e.isDev=function(){let e=!1;return Be()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},e.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},e.isProd=function(){return!!(Be()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},e.isSSR=Ve,e.propertyShorthand=de,e.replaceColorTokens=d,e.revealOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{clipPath:"inset(100% 0 0 0)"},to:{clipPath:"inset(0 0 0 0)"}},timing:{duration:e.duration||"0.7s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry 0% entry 80%"})},e.rotateInOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`rotate(${e.angle||"-10deg"}) scale(0.9)`},to:{opacity:1,transform:"rotate(0) scale(1)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.scaleDownOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`scale(${e.scale||1.1})`},to:{opacity:1,transform:"scale(1)"}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease",delay:e.delay},range:e.range||"entry"})},e.scaleUpOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`scale(${e.scale||.9})`},to:{opacity:1,transform:"scale(1)"}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease",delay:e.delay},range:e.range||"entry"})},e.slideDownOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`translateY(-${e.distance||"30px"})`},to:{opacity:1,transform:"translateY(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.slideLeftOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`translateX(-${e.distance||"50px"})`},to:{opacity:1,transform:"translateX(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.slideRightOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`translateX(${e.distance||"50px"})`},to:{opacity:1,transform:"translateX(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.slideUpOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`translateY(${e.distance||"30px"})`},to:{opacity:1,transform:"translateY(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.useActive=function(){const[e,n]=t.useState(!1),i=t.useRef(null);return t.useEffect(()=>{const e=i.current;if(!e)return;const t=()=>n(!0),r=()=>n(!1),o=()=>n(!0),a=()=>n(!1);return e.addEventListener("mousedown",t),e.addEventListener("mouseup",r),e.addEventListener("mouseleave",r),e.addEventListener("touchstart",o),e.addEventListener("touchend",a),()=>{e.removeEventListener("mousedown",t),e.removeEventListener("mouseup",r),e.removeEventListener("mouseleave",r),e.removeEventListener("touchstart",o),e.removeEventListener("touchend",a)}},[]),[i,e]},e.useAnalytics=ke,e.useBreakpoint=()=>{const e=T(),{currentBreakpoint:t,orientation:n,devices:i}=e,r=e=>i[e]?i[e].includes(t):e===t;return{...e,screen:t,orientation:n,on:r,is:r}},e.useBreakpointContext=T,e.useClickOutside=function(e){const[n,i]=t.useState(!1),r=t.useRef(null),{targetWindow:o}=e||{};return t.useEffect(()=>{const e=o||("undefined"!=typeof window?window:null);if(!e)return;const t=e.document,n=e=>{r.current&&!r.current.contains(e.target)?i(!0):i(!1)};return t.addEventListener("mousedown",n),()=>{t.removeEventListener("mousedown",n)}},[o]),[r,n]},e.useElementPosition=function(e){void 0===e&&(e={});const{trackChanges:n=!0,throttleMs:i=500,trackOnHover:r=!0,trackOnScroll:o=!1,trackOnResize:a=!1,targetWindow:s}=e,c=t.useRef(null),[l,u]=t.useState(null),f=t.useRef(null),d=t.useCallback(()=>{const e=c.current;if(!e)return void u(e=>null);const t=s||e.ownerDocument?.defaultView||window,n=e.getBoundingClientRect(),i=t.innerHeight,r=t.innerWidth,o={position:{vertical:n.top+n.height/2<i/2?"top":"bottom",horizontal:n.left+n.width/2<r/2?"left":"right"},space:{vertical:n.top>=i-n.bottom?"top":"bottom",horizontal:n.left>=r-n.right?"left":"right"}};u(e=>e&&e.position.vertical===o.position.vertical&&e.position.horizontal===o.position.horizontal&&e.space.vertical===o.space.vertical&&e.space.horizontal===o.space.horizontal?e:o)},[s]),m=t.useCallback(()=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{d()},i)},[d,i]);t.useEffect(()=>{if(d(),!n)return void(f.current&&clearTimeout(f.current));const e=c.current;if(!e)return;const t=s||e.ownerDocument?.defaultView||window,i=m,l=d,u=[];return r&&(e.addEventListener("mouseenter",l),e.addEventListener("mouseleave",l),u.push(()=>{e.removeEventListener("mouseenter",l),e.removeEventListener("mouseleave",l)})),o&&(t.addEventListener("scroll",i,{passive:!0}),u.push(()=>{t.removeEventListener("scroll",i)})),a&&(t.addEventListener("resize",i),u.push(()=>{t.removeEventListener("resize",i)})),()=>{f.current&&clearTimeout(f.current),u.forEach(e=>e())}},[n,r,o,a,m,d,s]);const g=t.useCallback(()=>{d()},[d]);return{ref:c,relation:l,updateRelation:g}},e.useFocus=function(){const[e,n]=t.useState(!1),i=t.useRef(null);return t.useEffect(()=>{const e=i.current;if(!e)return;const t=()=>n(!0),r=()=>n(!1);return e.addEventListener("focus",t),e.addEventListener("blur",r),()=>{e.removeEventListener("focus",t),e.removeEventListener("blur",r)}},[]),[i,e]},e.useHover=function(){const[e,n]=t.useState(!1),i=t.useRef(null);return t.useEffect(()=>{const e=i.current;if(!e)return;const t=()=>n(!0),r=()=>n(!1);return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",r)}},[]),[i,e]},e.useIframe=function(e){const[n,i]=t.useState(null),[r,o]=t.useState(null),[a,s]=t.useState(!1);return Ge(e),t.useEffect(()=>{const t=e.current;if(!t)return;const n=()=>{const e=t.contentWindow,n=t.contentDocument||e?.document;e&&n&&(i(e),o(n),s(!0))};return n(),t.addEventListener("load",n),()=>{t.removeEventListener("load",n)}},[e]),{iframeWindow:n,iframeDocument:r,isLoaded:a}},e.useIframeStyles=Ge,e.useInView=function(e){const{triggerOnce:n=!1,targetWindow:i,...r}=e||{},o=t.useRef(null),[a,s]=t.useState(!1);return t.useEffect(()=>{const e=o.current;if(!e)return;const t=i||e.ownerDocument?.defaultView||window,a=void 0!==r.root?r.root:i?t.document.documentElement:void 0,c=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting?(s(!0),n&&c.disconnect()):n||s(!1)},{...r,root:a});return c.observe(e),()=>{c.disconnect()}},[n,i,...Object.values(r||{})]),{ref:o,inView:a}},e.useInfiniteScroll=function(e,n){void 0===n&&(n={});const[i,r]=t.useState(null),o=t.useRef(e),a=t.useRef();return t.useEffect(()=>{o.current=e},[e]),t.useEffect(()=>{if(!i||n.isLoading)return;const e=new IntersectionObserver(e=>{e[0].isIntersecting&&(n.debounceMs?(a.current&&clearTimeout(a.current),a.current=setTimeout(o.current,n.debounceMs)):o.current())},{threshold:n.threshold??0,root:n.root??null,rootMargin:n.rootMargin??"0px"});return e.observe(i),()=>{e.disconnect(),a.current&&clearTimeout(a.current)}},[i,n.threshold,n.isLoading,n.root,n.rootMargin,n.debounceMs]),{sentinelRef:r}},e.useKeyPress=function(e){const[n,i]=t.useState(!1);return t.useEffect(()=>{const t=t=>{t.key===e&&i(!0)},n=t=>{t.key===e&&i(!1)};return window.addEventListener("keydown",t),window.addEventListener("keyup",n),()=>{window.removeEventListener("keydown",t),window.removeEventListener("keyup",n)}},[e]),n},e.useMount=e=>{t.useEffect(()=>{e()},[])},e.useOnScreen=function(e){const n=t.useRef(null),[i,r]=t.useState(!1),{targetWindow:o,...a}=e||{};return t.useEffect(()=>{const e=n.current;if(!e)return;const t=o||e.ownerDocument?.defaultView||window,i=void 0!==a.root?a.root:o?t.document.documentElement:void 0,s=new IntersectionObserver(e=>{let[t]=e;r(t.isIntersecting)},{...a,root:i});return s.observe(e),()=>{s.disconnect()}},[o,e]),[n,i]},e.useResponsive=()=>{const e=N(),{currentBreakpoint:t,orientation:n,devices:i}=e,r=e=>i[e]?i[e].includes(t):e===t;return{...e,screen:t,orientation:n,on:r,is:r}},e.useResponsiveContext=N,e.useScroll=function(e){let{container:n,offset:i=[0,0],throttleMs:r=100,disabled:o=!1}=void 0===e?{}:e;const[a,s]=t.useState({x:0,y:0,xProgress:0,yProgress:0}),c=t.useRef(0),l=t.useRef(),u=t.useCallback(()=>{const e=n?.current??null;if(e&&e instanceof HTMLIFrameElement){const t=e.contentWindow??null;return{targetEl:e,targetWindow:t,targetDocument:e.contentDocument??t?.document??null}}const t=e?.ownerDocument??null;return{targetEl:e,targetWindow:t?.defaultView??("undefined"!=typeof window?window:null),targetDocument:t}},[n]),f=t.useCallback(()=>{if(o)return;const{targetEl:e,targetWindow:t}=u(),n=e&&Ue(e)?e:t||e;if(!n)return;const a=Date.now();if(r>0&&a-c.current<r)return void(l.current=requestAnimationFrame(f));const d=(e=>{if((t=e)&&t.window===t){const t=e.document.documentElement;return{scrollHeight:Math.max(t.scrollHeight,t.offsetHeight),scrollWidth:Math.max(t.scrollWidth,t.offsetWidth),clientHeight:e.innerHeight,clientWidth:e.innerWidth,scrollTop:e.scrollY,scrollLeft:e.scrollX}}var t;return{scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,clientHeight:e.clientHeight,clientWidth:e.clientWidth,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}})(n),m=d.scrollLeft+i[0],g=d.scrollTop+i[1],h=d.scrollWidth-d.clientWidth,p=d.scrollHeight-d.clientHeight,b=h<=0?1:Math.min(Math.max(m/h,0),1),w=p<=0?1:Math.min(Math.max(g/p,0),1);s(e=>e.x!==m||e.y!==g||e.xProgress!==b||e.yProgress!==w?(c.current=a,{x:m,y:g,xProgress:b,yProgress:w}):e)},[i,r,o,u]);return t.useEffect(()=>{if(o)return;const{targetEl:e,targetWindow:t,targetDocument:n}=u(),i=e&&Ue(e)?e:t||e;if(!i)return;f();const r={passive:!0};return i.addEventListener("scroll",f,r),t&&t.addEventListener("resize",f,r),t&&n&&n.addEventListener("scroll",f,r),()=>{i.removeEventListener("scroll",f),t&&t.removeEventListener("resize",f),t&&n&&n.removeEventListener("scroll",f),l.current&&cancelAnimationFrame(l.current)}},[f,o,u]),a},e.useScrollAnimation=function(e,n){void 0===n&&(n={});const[i,r]=t.useState(!1),[o,a]=t.useState(0);return t.useEffect(()=>{const t=e.current;if(!t)return;const i=t.ownerDocument?.defaultView,o=n.targetWindow??i;if(!o)return;const s=o.IntersectionObserver;if(!s)return;const c=void 0!==n.root?n.root:null,l=new s(e=>{const t=e[0];r(t.isIntersecting),a(t.intersectionRatio),n.onIntersectionChange&&n.onIntersectionChange(t.isIntersecting,t.intersectionRatio)},{threshold:n.threshold??0,rootMargin:n.rootMargin??"0px",root:c});return l.observe(t),()=>l.disconnect()},[e,n.threshold,n.rootMargin,n.root,n.targetWindow,n.onIntersectionChange]),{isInView:i,progress:o}},e.useScrollDirection=function(e,n){void 0===e&&(e=5);const[i,r]=t.useState("up"),o=t.useRef(0),a=t.useRef("up"),s=t.useRef(),c=t.useRef(!1),l=t.useCallback(()=>{const t=n||("undefined"!=typeof window?window:null);if(!t)return;const i=t.document.documentElement,s=t.scrollY||i.scrollTop,l=s>o.current?"down":"up",u=Math.abs(s-o.current),f=t.innerHeight+s>=i.scrollHeight-1;(u>e||"down"===l&&f)&&l!==a.current&&(a.current=l,r(l)),o.current=Math.max(s,0),c.current=!1},[e,n]);return t.useEffect(()=>{const e=n||("undefined"!=typeof window?window:null);if(!e)return;const t=()=>{c.current||(s.current=requestAnimationFrame(()=>{l(),c.current=!1}),c.current=!0)};return e.addEventListener("scroll",t,{passive:!0}),()=>{e.removeEventListener("scroll",t),s.current&&cancelAnimationFrame(s.current)}},[l,n]),i},e.useServerInsertedHTML=e=>()=>r.createElement("style",{id:"app-studio-server-css",dangerouslySetInnerHTML:{__html:e.getServerStyles()}}),e.useSmoothScroll=e=>t.useCallback(function(t,n){if(void 0===n&&(n=0),t)try{const i=e||t.ownerDocument?.defaultView||window,r=t.getBoundingClientRect().top+(i.scrollY||i.pageYOffset)-n;"scrollBehavior"in i.document.documentElement.style?i.scrollTo({top:r,behavior:"smooth"}):i.scrollTo(0,r)}catch(e){console.error("Error during smooth scroll:",e)}},[e]),e.useStyleRegistry=ye,e.useTheme=x,e.useWindowDimensions=()=>X(),e.useWindowDimensionsContext=X,e.useWindowSize=()=>t.useContext(_e),e.utilityClassManager=me,e.viewAnimationPresets={fadeIn:{keyframes:{from:{opacity:0},to:{opacity:1}},timing:{duration:"0.5s",timingFunction:"ease"},range:"entry"},fadeOut:{keyframes:{from:{opacity:1},to:{opacity:0}},timing:{duration:"0.5s",timingFunction:"ease"},range:"exit"},slideUp:{keyframes:{from:{opacity:0,transform:"translateY(30px)"},to:{opacity:1,transform:"translateY(0)"}},timing:{duration:"0.6s",timingFunction:"ease-out"},range:"entry"},slideDown:{keyframes:{from:{opacity:0,transform:"translateY(-30px)"},to:{opacity:1,transform:"translateY(0)"}},timing:{duration:"0.6s",timingFunction:"ease-out"},range:"entry"},scaleUp:{keyframes:{from:{opacity:0,transform:"scale(0.9)"},to:{opacity:1,transform:"scale(1)"}},timing:{duration:"0.5s",timingFunction:"ease"},range:"entry"},blurIn:{keyframes:{from:{opacity:0,filter:"blur(10px)"},to:{opacity:1,filter:"blur(0)"}},timing:{duration:"0.6s",timingFunction:"ease-out"},range:"entry"},reveal:{keyframes:{from:{clipPath:"inset(100% 0 0 0)"},to:{clipPath:"inset(0 0 0 0)"}},timing:{duration:"0.7s",timingFunction:"ease-out"},range:"entry 0% entry 80%"}},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("color-convert"),require("hyphenate-style-name")):"function"==typeof define&&define.amd?define(["exports","react","color-convert","hyphenate-style-name"],t):t((e=e||self)["app-studio"]={},e.React,e.Color,e.hyphenate)}(this,function(e,t,n,i){"use strict";var r="default"in t?t.default:t;n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n,i=i&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i;const o={white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},light:{50:"#f8f9fa",100:"#f1f3f5",200:"#e9ecef",300:"#dee2e6",400:"#ced4da",500:"#adb5bd",600:"#868e96",700:"#495057",800:"#343a40",900:"#212529"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"}},a={white:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},black:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},rose:{50:"#330517",100:"#4a031e",200:"#6b112f",300:"#9f1239",400:"#c81e5b",500:"#e11d48",600:"#be123c",700:"#9f1239",800:"#7f1235",900:"#581c87"},pink:{50:"#fce7f3",100:"#fbcfe8",200:"#f9a8d4",300:"#f472b6",400:"#ec4899",500:"#db2777",600:"#be185d",700:"#9d174d",800:"#831843",900:"#581c87"},fuchsia:{50:"#c026d3",100:"#a21caf",200:"#86198f",300:"#701a75",400:"#9333ea",500:"#d946ef",600:"#e879f9",700:"#f0abfc",800:"#f5d0fe",900:"#fae8ff"},purple:{50:"#6b21a8",100:"#7e22ce",200:"#9333ea",300:"#a855f7",400:"#c084fc",500:"#d8b4fe",600:"#e9d5ff",700:"#f3e8ff",800:"#faf5ff",900:"#fef4ff"},violet:{50:"#4c1d95",100:"#701a75",200:"#86198f",300:"#a21caf",400:"#c026d3",500:"#d946ef",600:"#e879f9",700:"#f0abfc",800:"#f5d0fe",900:"#fae8ff"},indigo:{50:"#312e81",100:"#3730a3",200:"#1e40af",300:"#1d4ed8",400:"#2563eb",500:"#3b82f6",600:"#60a5fa",700:"#93c5fd",800:"#bfdbfe",900:"#dbeafe"},blue:{50:"#1e3a8a",100:"#1e40af",200:"#1d4ed8",300:"#2563eb",400:"#3b82f6",500:"#60a5fa",600:"#93c5fd",700:"#bfdbfe",800:"#dbeafe",900:"#eff6ff"},lightBlue:{50:"#0c4a6e",100:"#075985",200:"#0369a1",300:"#0284c7",400:"#0ea5e9",500:"#38bdf8",600:"#7dd3fc",700:"#bae6fd",800:"#e0f2fe",900:"#f0f9ff"},cyan:{50:"#164e63",100:"#155e75",200:"#0e7490",300:"#0891b2",400:"#22d3ee",500:"#67e8f9",600:"#a5f3fc",700:"#cffafe",800:"#ecfeff",900:"#f0fefe"},teal:{50:"#134e4a",100:"#166534",200:"#15803d",300:"#16a34a",400:"#22c55e",500:"#4ade80",600:"#5eead4",700:"#99f6e4",800:"#ccfbf1",900:"#f0fdfa"},emerald:{50:"#064e3b",100:"#065f46",200:"#047857",300:"#059669",400:"#10b981",500:"#34d399",600:"#6ee7b7",700:"#a7f3d0",800:"#d1fae5",900:"#ecfdf5"},green:{50:"#14532d",100:"#166534",200:"#15803d",300:"#16a34a",400:"#22c55e",500:"#4ade80",600:"#86efac",700:"#bbf7d0",800:"#dcfce7",900:"#f0fdf4"},lime:{50:"#365314",100:"#3f6212",200:"#4d7c0f",300:"#65a30d",400:"#84cc16",500:"#a3e635",600:"#bef264",700:"#d9f99d",800:"#ecfccb",900:"#f7fee7"},yellow:{50:"#713f12",100:"#854d0e",200:"#a16207",300:"#ca8a04",400:"#eab308",500:"#facc15",600:"#fde047",700:"#fef08a",800:"#fef9c3",900:"#fefce8"},amber:{50:"#78350f",100:"#92400e",200:"#b45309",300:"#d97706",400:"#f59e0b",500:"#fbbf24",600:"#fcd34d",700:"#fde68a",800:"#fef3c7",900:"#fffbeb"},orange:{50:"#7c2d12",100:"#9a3412",200:"#c2410c",300:"#ea580c",400:"#f97316",500:"#fb923c",600:"#fdba74",700:"#fed7aa",800:"#ffedd5",900:"#fff7ed"},red:{50:"#7f1d1d",100:"#991b1b",200:"#b91c1c",300:"#dc2626",400:"#ef4444",500:"#f87171",600:"#fca5a5",700:"#fecaca",800:"#fee2e2",900:"#fef2f2"},warmGray:{50:"#1c1917",100:"#292524",200:"#44403c",300:"#57534e",400:"#78716c",500:"#a8a29e",600:"#d6d3d1",700:"#e7e5e4",800:"#f5f5f4",900:"#fafaf9"},trueGray:{50:"#171717",100:"#262626",200:"#404040",300:"#525252",400:"#737373",500:"#a3a3a3",600:"#d4d4d4",700:"#e5e5e5",800:"#f5f5f5",900:"#fafafa"},gray:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},dark:{50:"#212529",100:"#343a40",200:"#495057",300:"#868e96",400:"#adb5bd",500:"#ced4da",600:"#dee2e6",700:"#f1f3f5",800:"#f8f9fa",900:"#ffffff"},light:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},coolGray:{50:"#111827",100:"#1f2937",200:"#374151",300:"#4b5563",400:"#6b7280",500:"#9ca3af",600:"#d1d5db",700:"#e5e7eb",800:"#f3f4f6",900:"#f9fafb"},blueGray:{50:"#0f172a",100:"#1e293b",200:"#334155",300:"#475569",400:"#64748b",500:"#94a3b8",600:"#cbd5e1",700:"#e2e8f0",800:"#f1f5f9",900:"#f8fafc"},slate:{50:"#0f172a",100:"#1e293b",200:"#334155",300:"#475569",400:"#64748b",500:"#94a3b8",600:"#cbd5e1",700:"#e2e8f0",800:"#f1f5f9",900:"#f8fafc"},zinc:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},neutral:{50:"#171717",100:"#262626",200:"#404040",300:"#525252",400:"#737373",500:"#a3a3a3",600:"#d4d4d4",700:"#e5e5e5",800:"#f5f5f5",900:"#fafafa"},stone:{50:"#1c1917",100:"#292524",200:"#44403c",300:"#57534e",400:"#78716c",500:"#a8a29e",600:"#d6d3d1",700:"#e7e5e4",800:"#f5f5f4",900:"#fafaf9"}},s={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB"},c={...s},l={...s,white:"#000000",black:"#FFFFFF"},u=/(color-[a-zA-Z0-9-]+|theme-[a-zA-Z0-9-]+)/g,f=e=>e.includes("color-")||e.includes("theme-"),d=(e,t)=>f(e)?e.replace(u,e=>t(e)):e,m="theme-",g="color-",h="light-",p="dark-",b="transparent",w={primary:"color-black",secondary:"color-blue",success:"color-green-500",error:"color-red-500",warning:"color-orange-500",disabled:"color-gray-500",loading:"color-dark-500"},y={main:c,palette:o},v={main:l,palette:a},k=t.createContext({getColor:()=>"",getColorHex:()=>"",getColorRGBA:()=>"",getColorScheme:()=>{},getContrastColor:()=>"black",theme:{},colors:{main:c,palette:o},themeMode:"light",setThemeMode:()=>{}}),x=()=>{const e=t.useContext(k);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e},F=(e,t)=>{const n=Math.max(0,Math.min(1e3,t))/1e3;if(e.startsWith("#")){let t=e.slice(1);3===t.length&&(t=t.split("").map(e=>e+e).join(""));return`rgba(${parseInt(t.slice(0,2),16)}, ${parseInt(t.slice(2,4),16)}, ${parseInt(t.slice(4,6),16)}, ${n})`}if(e.startsWith("rgb")){const t=e.match(/rgba?\(([^)]+)\)/);if(t){const e=t[1].split(",").map(e=>e.trim());return`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${n})`}}return console.warn(`Unable to convert color "${e}" to rgba format`),e},C=e=>(e=>Math.max(0,Math.min(255,e)))(Math.round(e)).toString(16).padStart(2,"0"),S=e=>{if(!e||"string"!=typeof e)return String(e);const t=e.trim();if(t===b)return"#00000000";if(t.startsWith("#")){const e=t.slice(1);if(3===e.length){return`#${e[0]+e[0]}${e[1]+e[1]}${e[2]+e[2]}`.toLowerCase()}if(4===e.length){return`#${e[0]+e[0]}${e[1]+e[1]}${e[2]+e[2]}${e[3]+e[3]}`.toLowerCase()}return 6===e.length||8===e.length?`#${e}`.toLowerCase():t}if(t.startsWith("rgb")){const e=t.match(/rgba?\(([^)]+)\)/i);if(!e)return t;const n=e[1].split(",").map(e=>e.trim()).filter(Boolean),i=Number(n[0]),r=Number(n[1]),o=Number(n[2]),a=n.length>=4?Number(n[3]):1;if([i,r,o].some(e=>Number.isNaN(e))||Number.isNaN(a))return t;const s=C(i),c=C(r),l=C(o),u=Math.max(0,Math.min(1,a));if(u>=1)return`#${s}${c}${l}`.toLowerCase();return`#${s}${c}${l}${C(255*u)}`.toLowerCase()}return t},$=(e,t)=>{if("object"!=typeof t||null===t)return e;const n={...e};for(const i in t)if(Object.prototype.hasOwnProperty.call(t,i)){const r=t[i],o=e[i];Array.isArray(r)?n[i]=r:"object"!=typeof r||null===r||Array.isArray(r)?void 0!==r&&(n[i]=r):n[i]=$(o||{},r)}return n},E={xs:0,sm:340,md:560,lg:1080,xl:1300},O={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},j=e=>{const t=Object.keys(e).map(t=>({breakpoint:t,min:e[t],max:void 0})).sort((e,t)=>e.min-t.min);for(let e=0;e<t.length-1;e++)t[e].max=t[e+1].min-1;const n={};return t.forEach(e=>{let t="only screen";e.min>0&&(t+=` and (min-width: ${e.min}px)`),void 0!==e.max&&(t+=` and (max-width: ${e.max}px)`),n[e.breakpoint]=t.trim()}),n},z=(e,t)=>{for(const n in t)if(t[n].includes(e))return n;return"desktop"},R=(e,t)=>{let n;return function(){for(var i=arguments.length,r=new Array(i),o=0;o<i;o++)r[o]=arguments[o];clearTimeout(n),n=setTimeout(()=>e(...r),t)}},W=(e,t)=>{const n=Object.entries(t).sort((e,t)=>{let[,n]=e,[,i]=t;return i-n});for(const[t,i]of n)if(e>=i)return t;return n[n.length-1]?.[0]||"xs"},M={breakpoints:E,devices:O,mediaQueries:j(E),currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"},L=t.createContext(M),D={width:0,height:0},I=t.createContext(D),T=()=>t.useContext(L),X=()=>t.useContext(I),A=t.createContext({breakpoints:E,devices:O,mediaQueries:j(E),currentWidth:0,currentHeight:0,currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"}),N=()=>t.useContext(A),Y={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}},H=new Set(["numberOfLines","fontWeight","timeStamp","flex","flexGrow","flexShrink","order","zIndex","aspectRatio","shadowOpacity","shadowRadius","scale","opacity","min","max","now"]),P=new Set(["on","shadow","only","media","css","widthHeight","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate","animateIn","animateOut","_hover","_active","_focus","_visited","_disabled","_enabled","_checked","_unchecked","_invalid","_valid","_required","_optional","_selected","_target","_firstChild","_lastChild","_onlyChild","_firstOfType","_lastOfType","_empty","_focusVisible","_focusWithin","_placeholder","_before","_after","_firstLetter","_firstLine","_selection","_backdrop","_marker"]),B=new Set(["on","shadow","only","media","css"]),V=new Set(["src","alt","style","as"]),_=e=>e.startsWith("--")?e:i(e),U=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width","-webkit-border-radius","-webkit-border-bottom-left-radius","-webkit-border-bottom-right-radius","-webkit-border-top-left-radius","-webkit-border-top-right-radius","-webkit-column-gap","-webkit-column-width","-webkit-margin-bottom","-webkit-margin-left","-webkit-margin-right","-webkit-margin-top","-webkit-padding-bottom","-webkit-padding-left","-webkit-padding-right","-webkit-padding-top","-webkit-perspective","-webkit-text-indent","-moz-border-radius","-moz-border-bottom-left-radius","-moz-border-bottom-right-radius","-moz-border-top-left-radius","-moz-border-top-right-radius","-moz-column-gap","-moz-column-width","-moz-margin-bottom","-moz-margin-left","-moz-margin-right","-moz-margin-top","-moz-padding-bottom","-moz-padding-left","-moz-padding-right","-moz-padding-top","-moz-perspective","-moz-text-indent","-ms-column-gap","-ms-column-width","-ms-margin-bottom","-ms-margin-left","-ms-margin-right","-ms-margin-top","-ms-padding-bottom","-ms-padding-left","-ms-padding-right","-ms-padding-top","-ms-text-indent"]);function G(e){return _(e)}const q=new Set([...Object.keys(document.createElement("div").style),"margin","marginTop","marginRight","marginBottom","marginLeft","marginHorizontal","marginVertical","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingHorizontal","paddingVertical","width","height","minWidth","minHeight","maxWidth","maxHeight","position","top","right","bottom","left","zIndex","flex","flexDirection","flexWrap","flexFlow","justifyContent","alignItems","alignContent","alignSelf","order","flexGrow","flexShrink","flexBasis","gridTemplateColumns","gridTemplateRows","gridTemplate","gridAutoColumns","gridAutoRows","gridAutoFlow","gridArea","gridColumn","gridRow","gap","gridGap","rowGap","columnGap","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","textDecoration","textTransform","whiteSpace","wordBreak","wordSpacing","wordWrap","color","backgroundColor","background","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","backgroundClip","textFillColor","WebkitTextFillColor","WebkitBackgroundClip","WebkitTextStroke","WebkitTextStrokeColor","WebkitTextStrokeWidth","WebkitTextStrokeStyle","opacity","border","borderWidth","borderStyle","borderColor","borderRadius","borderTop","borderRight","borderBottom","borderLeft","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","boxShadow","textShadow","transform","transition","animation","animationName","animationDuration","animationTimingFunction","animationDelay","animationIterationCount","animationDirection","animationFillMode","animationPlayState","animationTimeline","animationRange","animationRangeStart","animationRangeEnd","scrollTimeline","scrollTimelineName","scrollTimelineAxis","viewTimeline","viewTimelineName","viewTimelineAxis","viewTimelineInset","filter","backdropFilter","mixBlendMode","display","visibility","overflow","overflowX","overflowY","float","clear","objectFit","objectPosition","cursor","pointerEvents","userSelect","resize","widthHeight","shadow","textJustify","lineClamp","textIndent","perspective"]),J=new Set(["onClick","onChange","onSubmit","onFocus","onBlur","onKeyDown","onKeyUp","onKeyPress","onMouseDown","onMouseUp","onMouseMove","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","onTouchMove","onScroll","onWheel","onDrag","onDragStart","onDragEnd","onDrop"]),Q=e=>{if(J.has(e))return!1;if(q.has(e)||B.has(e)||e.startsWith("--")||e.startsWith("data-style-")&&!V.has(e))return!0;if("undefined"!=typeof CSS&&CSS.supports)try{const t=_(e);return CSS.supports(t,"inherit")}catch{return!1}return!1};const Z=e=>_(e),K=Array.from(q);let ee=0;const te=new Map,ne=e=>{const{duration:t,timingFunction:n,delay:i,iterationCount:r,direction:o,fillMode:a,playState:s,timeline:c,range:l,keyframes:u,...f}=e,d=u||f,m=JSON.stringify(d);if(te.has(m)){return{keyframesName:te.get(m),keyframes:""}}const g="animation-"+ee++;te.set(m,g);const h=[];Object.keys(d).sort((e,t)=>{const n=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return n(e)-n(t)}).forEach(e=>{const t="enter"===e?"to":e,n=d[e];var i;h.push(`${t} { ${i=n,Object.entries(i).filter(e=>{let[t]=e;return Q(t)}).map(e=>{let[t,n]=e;return null==n?"":`${G(t)}: ${n};`}).filter(Boolean).join(" ")} }`)});return{keyframesName:g,keyframes:`\n    @keyframes ${g} {\n      ${h.join("\n")}\n    }\n  `}},ie={animation:["-webkit-animation","-moz-animation","-o-animation"],animationDelay:["-webkit-animation-delay","-moz-animation-delay","-o-animation-delay"],animationDirection:["-webkit-animation-direction","-moz-animation-direction","-o-animation-direction"],animationDuration:["-webkit-animation-duration","-moz-animation-duration","-o-animation-duration"],animationFillMode:["-webkit-animation-fill-mode","-moz-animation-fill-mode","-o-animation-fill-mode"],animationIterationCount:["-webkit-animation-iteration-count","-moz-animation-iteration-count","-o-animation-iteration-count"],animationName:["-webkit-animation-name","-moz-animation-name","-o-animation-name"],animationPlayState:["-webkit-animation-play-state","-moz-animation-play-state","-o-animation-play-state"],animationTimingFunction:["-webkit-animation-timing-function","-moz-animation-timing-function","-o-animation-timing-function"],transform:["-webkit-transform","-moz-transform","-ms-transform","-o-transform"],transformOrigin:["-webkit-transform-origin","-moz-transform-origin","-ms-transform-origin","-o-transform-origin"],transformStyle:["-webkit-transform-style","-moz-transform-style","-ms-transform-style"],transition:["-webkit-transition","-moz-transition","-ms-transition","-o-transition"],transitionDelay:["-webkit-transition-delay","-moz-transition-delay","-ms-transition-delay","-o-transition-delay"],transitionDuration:["-webkit-transition-duration","-moz-transition-duration","-ms-transition-duration","-o-transition-duration"],transitionProperty:["-webkit-transition-property","-moz-transition-property","-ms-transition-property","-o-transition-property"],transitionTimingFunction:["-webkit-transition-timing-function","-moz-transition-timing-function","-ms-transition-timing-function","-o-transition-timing-function"],flex:["-webkit-flex","-ms-flex"],flexBasis:["-webkit-flex-basis","-ms-flex-basis"],flexDirection:["-webkit-flex-direction","-ms-flex-direction"],flexFlow:["-webkit-flex-flow","-ms-flex-flow"],flexGrow:["-webkit-flex-grow","-ms-flex-positive"],flexShrink:["-webkit-flex-shrink","-ms-flex-negative"],flexWrap:["-webkit-flex-wrap","-ms-flex-wrap"],justifyContent:["-webkit-justify-content","-ms-flex-pack"],alignItems:["-webkit-align-items","-ms-flex-align"],alignContent:["-webkit-align-content","-ms-flex-line-pack"],alignSelf:["-webkit-align-self","-ms-flex-item-align"],order:["-webkit-order","-ms-flex-order"],appearance:["-webkit-appearance","-moz-appearance","-ms-appearance"],backfaceVisibility:["-webkit-backface-visibility","-moz-backface-visibility"],backgroundClip:["-webkit-background-clip","-moz-background-clip"],backgroundOrigin:["-webkit-background-origin","-moz-background-origin"],backgroundSize:["-webkit-background-size","-moz-background-size","-o-background-size"],borderImage:["-webkit-border-image","-moz-border-image","-o-border-image"],boxShadow:["-webkit-box-shadow","-moz-box-shadow"],boxSizing:["-webkit-box-sizing","-moz-box-sizing"],columns:["-webkit-columns","-moz-columns"],columnCount:["-webkit-column-count","-moz-column-count"],columnGap:["-webkit-column-gap","-moz-column-gap"],columnRule:["-webkit-column-rule","-moz-column-rule"],columnWidth:["-webkit-column-width","-moz-column-width"],filter:["-webkit-filter"],fontSmoothing:["-webkit-font-smoothing","-moz-osx-font-smoothing"],hyphens:["-webkit-hyphens","-moz-hyphens","-ms-hyphens"],maskImage:["-webkit-mask-image"],perspective:["-webkit-perspective","-moz-perspective"],perspectiveOrigin:["-webkit-perspective-origin","-moz-perspective-origin"],textSizeAdjust:["-webkit-text-size-adjust","-moz-text-size-adjust","-ms-text-size-adjust"],userSelect:["-webkit-user-select","-moz-user-select","-ms-user-select"],textFillColor:["-webkit-text-fill-color"],textStroke:["-webkit-text-stroke"],textStrokeColor:["-webkit-text-stroke-color"],textStrokeWidth:["-webkit-text-stroke-width"],tapHighlightColor:["-webkit-tap-highlight-color"],touchCallout:["-webkit-touch-callout"],userDrag:["-webkit-user-drag"],lineClamp:["-webkit-line-clamp"],overflowScrolling:["-webkit-overflow-scrolling"]};function re(e){let t=5381,n=e.length;for(;n;)t=33*t^e.charCodeAt(--n);return(t>>>0).toString(36)}class oe{constructor(e){this.maxSize=e,this.cache=new Map}get(e){const t=this.cache.get(e);if(t)return this.cache.delete(e),this.cache.set(e,t),t}set(e,t){if(this.cache.has(e))this.cache.delete(e);else if(this.cache.size>=this.maxSize){const e=this.cache.keys().next().value;e&&this.cache.delete(e)}this.cache.set(e,t)}clear(){this.cache.clear()}delete(e){this.cache.delete(e)}get size(){return this.cache.size}keys(){return this.cache.keys()}values(){return this.cache.values()}has(e){return this.cache.has(e)}}const ae=new Map,se={hover:"hover",active:"active",focus:"focus",visited:"visited",disabled:"disabled",enabled:"enabled",checked:"checked",unchecked:"not(:checked)",invalid:"invalid",valid:"valid",required:"required",optional:"optional",selected:"selected",target:"target",firstChild:"first-child",lastChild:"last-child",onlyChild:"only-child",firstOfType:"first-of-type",lastOfType:"last-of-type",empty:"empty",focusVisible:"focus-visible",focusWithin:"focus-within",placeholder:"placeholder",before:"before",after:"after",firstLetter:"first-letter",firstLine:"first-line",selection:"selection",backdrop:"backdrop",marker:"marker",groupHover:"group-hover",groupFocus:"group-focus",groupActive:"group-active",groupDisabled:"group-disabled",peerHover:"peer-hover",peerFocus:"peer-focus",peerActive:"peer-active",peerDisabled:"peer-disabled",peerChecked:"peer-checked"},ce={parseDuration(e){const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const n=parseFloat(t[1]);return"s"===t[2]?1e3*n:n},formatDuration:e=>e>=1e3&&e%1e3==0?e/1e3+"s":`${e}ms`,processAnimations(e,t){const n={names:[],durations:[],timingFunctions:[],delays:[],iterationCounts:[],directions:[],fillModes:[],playStates:[],timelines:[],ranges:[]};let i=0;return e.forEach(e=>{const{keyframesName:r,keyframes:o}=ne(e);o&&(t||me).injectRule(o),n.names.push(r);const a=!!e.timeline;if(a)n.durations.push(e.duration||"auto"),n.delays.push(e.delay||"0s");else{const t=this.parseDuration(e.duration||"0s"),r=this.parseDuration(e.delay||"0s"),o=i+r;i=o+t,n.durations.push(this.formatDuration(t)),n.delays.push(this.formatDuration(o))}n.timingFunctions.push(e.timingFunction||"ease"),n.iterationCounts.push(void 0!==e.iterationCount?`${e.iterationCount}`:"1"),n.directions.push(e.direction||"normal"),n.fillModes.push(e.fillMode||(a?"both":"none")),n.playStates.push(e.playState||"running"),n.timelines.push(e.timeline||""),n.ranges.push(e.range||"")}),{animationName:n.names.join(", "),animationDuration:n.durations.join(", "),animationTimingFunction:n.timingFunctions.join(", "),animationDelay:n.delays.join(", "),animationIterationCount:n.iterationCounts.join(", "),animationDirection:n.directions.join(", "),animationFillMode:n.fillModes.join(", "),animationPlayState:n.playStates.join(", "),...n.timelines.some(e=>e)&&{animationTimeline:n.timelines.join(", ")},...n.ranges.some(e=>e)&&{animationRange:n.ranges.join(", ")}}}},le={formatValue:(e,t,n)=>((e,t,n)=>{if(null==t)return"";if(e.startsWith("--"))return t;const i=Z(e);if("number"==typeof t)return!H.has(e)&&(U.has(i)||(/^-(webkit|moz|ms|o)-/.test(i)||/^-(Webkit|Moz|Ms|O)-/.test(i))&&U.has(i.replace(/^-(webkit|moz|ms|o|Webkit|Moz|Ms|O)-/,"")))?`${t}px`:t;return e.toLowerCase().indexOf("color")>=0||"fill"===e||"stroke"===e?n(t):"string"==typeof t&&t.length>3&&f(t)?d(t,e=>n(e)):Array.isArray(t)?t.join(" "):"object"==typeof t?JSON.stringify(t):t})(t,e,n),normalizeCssValue(e){if("string"==typeof e&&e.startsWith("--"))return`var-${e.substring(2)}`;if("string"==typeof e&&e.startsWith("-webkit-")){const t="-webkit-";return`webkit-${e.substring(t.length).replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`}return e.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")},generateUniqueClassName(e){if(ae.has(e))return ae.get(e);const t=`raw-css-${re(e)}`;return ae.set(e,t),t}};class ue{constructor(e,t){void 0===t&&(t=1e4),this.styleSheets=new Map,this.mainDocument=null,this.serverRules=new Map,this.propertyShorthand=e,this.classCache=new oe(t),"undefined"!=typeof document&&(this.mainDocument=document,this.initStyleSheets(document))}initStyleSheets(e){if(!this.styleSheets.has(e)){const t={},n={base:"utility-classes-base",pseudo:"utility-classes-pseudo",media:"utility-classes-media",modifier:"utility-classes-modifier",override:"utility-classes-override"};for(const[i,r]of Object.entries(n)){let n=e.getElementById(r);n||(n=e.createElement("style"),n.id=r,e.head.appendChild(n)),t[i]=n.sheet}this.styleSheets.set(e,t)}}getDocumentRules(e){const t=[],n=this.styleSheets.get(e);if(!n)return t;for(const[e,i]of Object.entries(n))Array.from(i.cssRules).forEach(n=>{t.push({cssText:n.cssText,context:e})});return t}addDocument(e){if(e!==this.mainDocument&&(this.initStyleSheets(e),this.clearStylesFromDocument(e),this.mainDocument)){this.getDocumentRules(this.mainDocument).forEach(t=>{let{cssText:n,context:i}=t;this.injectRuleToDocument(n,i,e)})}}clearStylesFromDocument(e){const t=this.styleSheets.get(e);if(t)for(const e of Object.values(t))this.clearStyleSheet(e)}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e,t){void 0===t&&(t="base"),this.mainDocument?this.injectRuleToDocument(e,t,this.mainDocument):(this.serverRules.has(t)||this.serverRules.set(t,[]),this.serverRules.get(t)?.push(e));for(const n of this.getAllRegisteredDocuments())n!==this.mainDocument&&this.injectRuleToDocument(e,t,n)}getServerStyles(){let e="";return["base","pseudo","media","modifier","override"].forEach(t=>{const n=this.serverRules.get(t);n&&(e+=n.join("\n")+"\n")}),e}getAllRegisteredDocuments(){return Array.from(this.styleSheets.keys())}addToCache(e,t,n){this.classCache.set(e,{className:t,rules:n})}getClassNames(e,t,n,i,r,o){void 0===n&&(n="base"),void 0===i&&(i=""),void 0===o&&(o=[]);let a=le.formatValue(t,e,r),s=a.toString().split(" ").join("-"),c=`${e}:${s}`;i&&"base"!==n&&(c=`${e}:${s}|${n}:${i}`);const l=this.classCache.get(c);if(l)return[l.className];let u=this.propertyShorthand[e]||(e.startsWith("--")?e:Z(e));u.startsWith("-webkit-")?u="webkit"+u.substring(8):u.startsWith("-moz-")?u="moz"+u.substring(5):u.startsWith("-ms-")?u="ms"+u.substring(4):u.startsWith("-o-")&&(u="o"+u.substring(3));let f=`${u}-${le.normalizeCssValue(s)}`,d=[f],m=[];const g=G(e);let h=a;"number"==typeof h&&U.has(g)&&(h=`${h}px`);const p=(e=>e in ie)(e),b=p?(e=>{const t=(e=>e.replace(/([A-Z])/g,"-$1").toLowerCase())(e);return[t,...ie[e]||[]]})(e):[g];if("pseudo"===n&&i){const e=`${f}--${i}`;d=[e];const t=this.escapeClassName(e);if(i.startsWith("group-")){const e=i.replace("group-","");b.forEach(n=>{m.push({rule:`.group:${e} .${t} { ${n}: ${h}; }`,context:"pseudo"})})}else if(i.startsWith("peer-")){const e=i.replace("peer-","");b.forEach(n=>{m.push({rule:`.peer:${e} ~ .${t} { ${n}: ${h}; }`,context:"pseudo"})})}else b.forEach(e=>{m.push({rule:`.${t}:${i} { ${e}: ${h}; }`,context:"pseudo"})})}else if("media"===n&&i){const e=`${i}--${f}`;d=[e];const t=this.escapeClassName(e);o.forEach(e=>{b.forEach(n=>{m.push({rule:`@media ${e} { .${t} { ${n}: ${h}; } }`,context:"media"})})})}else{const e=this.escapeClassName(f);b.forEach(t=>{m.push({rule:`.${e} { ${t}: ${h}; }`,context:"override"===n?"override":"base"})})}return m.forEach(e=>{let{rule:t,context:n}=e;this.injectRule(t,n)}),this.addToCache(c,d[0],m),d}removeDocument(e){e!==this.mainDocument&&this.styleSheets.delete(e)}clearCache(){this.classCache.clear()}clearStyleSheet(e){for(;e.cssRules.length>0;)e.deleteRule(0)}regenerateStyles(e){if(e===this.mainDocument){this.clearStylesFromDocument(e);const t=Array.from(this.classCache.values());for(const{rules:n}of t)n.forEach(t=>{let{rule:n,context:i}=t;this.injectRuleToDocument(n,i,e)})}else this.addDocument(e)}regenerateAllStyles(){for(const e of this.getAllRegisteredDocuments())this.regenerateStyles(e)}injectRuleToDocument(e,t,n){const i=this.styleSheets.get(n);if(!i)return;const r=i[t];if(r)try{r.insertRule(e,r.cssRules.length)}catch(t){console.error(`Error inserting CSS rule to document: "${e}"`,t)}}printStyles(e){console.group("Current styles for document:");const t=this.styleSheets.get(e);if(!t)return console.log("No styles found for this document"),void console.groupEnd();for(const[e,n]of Object.entries(t))console.group(`${e} styles:`),Array.from(n.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd();console.groupEnd()}}function fe(e){const t={},n=new Set;function i(e){const t=e[0].toLowerCase(),i=e[e.length-1].toLowerCase();let r=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+i;r.length<2&&(r=e.slice(0,2).toLowerCase());let o=0,a=r;for(;n.has(a);)o++,a=r+e.slice(-o).toLowerCase();return n.add(a),a}for(const n of e)t[n]=i(n);return t}const de=fe(K),me=new ue(de,1e4);function ge(e,t,n,i,r,o,a){void 0===t&&(t="base"),void 0===n&&(n=""),void 0===r&&(r={}),void 0===o&&(o={});const s=[];return Object.keys(e).forEach(c=>{const l=e[c];let u=[];if("media"===t&&(r[n]?u=[r[n]]:o[n]&&(u=o[n].map(e=>r[e]).filter(e=>e))),void 0!==l&&""!==l){const e=(a||me).getClassNames(c,l,t,n,i,u);s.push(...e)}}),s}function he(e,t,n,i){void 0===t&&(t="");const r=[];return Object.keys(e).forEach(o=>{const a=e[o];if(o.startsWith("_")&&"object"==typeof a){const e=o.substring(1),s=se[e];if(s){const e=t?`${t}::${s}`:`${s}`;r.push(...he(a,e,n,i))}}else if(("object"!=typeof a||null===a)&&t){const e=`${o}-${le.normalizeCssValue(a)}-${t.replace(/:/g,"-")}`.replace(/[^\w-]/g,"-"),s=le.formatValue(a,o,n),c=`.${e}::${t} { ${G(o)}: ${s}; }`;(i||me).injectRule(c,"pseudo"),r.push(e)}}),r}function pe(e,t,i,r){const o=[];if("string"==typeof t&&(t={color:t}),"object"!=typeof t||null===t)return o;const{animate:a,shadow:s,...c}=t;if(a){const e=Array.isArray(a)?a:[a],t=ce.processAnimations(e,r);Object.assign(c,t)}if(void 0!==s){let e;if(e="number"==typeof s&&void 0!==Y[s]?s:"boolean"==typeof s?s?2:0:2,Y[e]){const{shadowColor:t,shadowOpacity:i,shadowOffset:r,shadowRadius:o}=Y[e],a=`rgba(${n.hex.rgb(t).join(",")}, ${i})`;c.boxShadow=`${r.height}px ${r.width}px ${o}px ${a}`}}const l=Object.keys(c).filter(e=>e.startsWith("_")&&"object"==typeof c[e]);if(l.length>0){const t=se[e];t&&(l.forEach(e=>{const n=e.substring(1),a=se[n];if(a){const n=`${t}::${a}`;o.push(...he(c[e],n,i,r))}}),l.forEach(e=>{delete c[e]}))}if(Object.keys(c).length>0){const t=se[e];t&&o.push(...ge(c,"pseudo",t,i,{},{},r))}return o}const be=(e,t,i,r,o)=>{const a=[],s={};if(e.widthHeight||void 0!==e.height&&void 0!==e.width&&e.height===e.width){const t=e.widthHeight||e.width,n="number"==typeof t?`${t}px`:t;s.width=n,s.height=n}const c={paddingHorizontal:["paddingLeft","paddingRight"],paddingVertical:["paddingTop","paddingBottom"],marginHorizontal:["marginLeft","marginRight"],marginVertical:["marginTop","marginBottom"]};for(const[t,n]of Object.entries(c)){const i=e[t];if(void 0!==i){const e="number"==typeof i?`${i}px`:i;n.forEach(t=>{s[t]=e})}}if(void 0!==e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==Y[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,Y[t]){const{shadowColor:e,shadowOpacity:i,shadowOffset:r,shadowRadius:o}=Y[t],a=`rgba(${n.hex.rgb(e).join(",")}, ${i})`;s.boxShadow=`${r.height}px ${r.width}px ${o}px ${a}`}}if(e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate];Object.assign(s,ce.processAnimations(t,o))}const l="difference",u="white",f="overlay",d=(e,t)=>{e.bgColor?(t.mixBlendMode=f,t.color="white"):(t.mixBlendMode=l,t.color=u)};!0===e.blend&&(d(e,s),Object.keys(e).forEach(t=>{void 0!==e[t]?.color||!t.startsWith("_")&&"on"!==t&&"media"!==t||d(e[t],e[t])})),a.push(...ge(s,"base","",t,{},{},o));const m={};if(Object.keys(e).forEach(t=>{if(t.startsWith("_")&&t.length>1){const n=t.substring(1);m[n]=e[t]}}),Object.keys(e).forEach(n=>{if("style"!==n&&"css"!==n&&!n.startsWith("_")&&(Q(n)||["on","media"].includes(n))){const s=e[n];"object"==typeof s&&null!==s?"on"===n?Object.keys(s).forEach(e=>{a.push(...pe(e,s[e],t,o))}):"media"===n&&Object.keys(s).forEach(e=>{a.push(...ge(s[e],"media",e,t,i,r,o))}):void 0!==s&&""!==s&&a.push(...(o||me).getClassNames(n,s,"base","",t,[]))}}),e.css)if("object"==typeof e.css)Object.assign(s,e.css),a.push(...ge(e.css,"override","",t,{},{},o));else if("string"==typeof e.css){const t=le.generateUniqueClassName(e.css);(o||me).injectRule(`.${t} { ${e.css} }`,"override"),a.push(t)}return Object.keys(m).length>0&&Object.keys(m).forEach(e=>{a.push(...pe(e,m[e],t,o))}),a},we=t.createContext({manager:me}),ye=()=>t.useContext(we),ve=t.createContext({}),ke=()=>t.useContext(ve);function xe(e,n,i,r,o,a){const s=t.useRef(null),c=t.useMemo(()=>{const t=a?JSON.stringify(a):"";return function(e){const t=[],n=Object.keys(e).sort();for(const i of n)if("children"!==i&&"ref"!==i&&"key"!==i&&(Q(i)||i.startsWith("_")||"on"===i||"media"===i||"animate"===i||"css"===i||"shadow"===i||"blend"===i||"widthHeight"===i||"paddingHorizontal"===i||"paddingVertical"===i||"marginHorizontal"===i||"marginVertical"===i)){const n=e[i];void 0!==n&&t.push(`${i}:${JSON.stringify(n)}`)}return re(t.join("|"))}(e)+"|"+re(t)},[e,a]);if(!s.current||s.current.hash!==c){const t=be(e,n,i,r,o);s.current={hash:c,classes:t}}return s.current.classes}const Fe=r.memo(t.forwardRef((e,n)=>{let{as:i="div",animateIn:o,animateOut:a,...s}=e;(s.onClick||s.onPress)&&null==s.cursor&&(s.cursor="pointer");const{onPress:c,blend:l,animateOn:u="Both",...f}=s,d=t.useRef(null),m=t.useCallback(e=>{d.current=e,"function"==typeof n?n(e):n&&(n.current=e)},[n]),{getColor:g,theme:h}=x(),{trackEvent:p}=ke(),{mediaQueries:b,devices:w}=T(),{manager:y}=ye(),[v,k]=t.useState(!1);t.useEffect(()=>{if(!o)return void k(!0);if("undefined"==typeof IntersectionObserver||!d.current)return void k(!0);const e=new IntersectionObserver(t=>{let[n]=t;n.isIntersecting&&(k(!0),e.disconnect())},{threshold:.1});return e.observe(d.current),()=>{e.disconnect()}},[o]),t.useEffect(()=>{if(o&&d.current&&v){const e=Array.isArray(o)?o:[o],t=ce.processAnimations(e,y);Object.assign(d.current.style,t)}},[o,v,y]),t.useEffect(()=>{const e=d.current;return()=>{if(a&&e){const t=Array.isArray(a)?a:[a],n=ce.processAnimations(t,y);Object.assign(e.style,n)}}},[a,y]);const F=xe(t.useMemo(()=>{const e={...f,blend:l};if("View"===u&&e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate];e.animate=t.map(e=>e.timeline?e:{...e,timeline:"view()",range:e.range||"entry",fillMode:e.fillMode||"both"})}if("Scroll"===u&&e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate];e.animate=t.map(e=>e.timeline?e:{...e,timeline:"scroll()",fillMode:e.fillMode||"both"})}return e},[f,l,u]),g,b,w,y,h),C={ref:m};if(c&&(C.onClick=c),F.length>0&&(C.className=F.join(" ")),s.className&&(C.className=C.className?`${C.className} ${s.className}`:s.className),p&&s.onClick){let e,t;e="string"==typeof i?i:i.displayName||i.name||"div","string"==typeof s.children&&(t=s.children.slice(0,100)),C.onClick=n=>{p({type:"click",target:"div"!==e?e:void 0,text:t}),s.onClick&&s.onClick(n)}}else s.onClick&&!c&&(C.onClick=s.onClick);const{style:S,children:$,before:E,after:O,...j}=f;Object.keys(j).forEach(e=>{e.startsWith("on")&&e.length>2&&e[2]===e[2].toUpperCase()&&(C[e]=j[e])}),Object.keys(j).forEach(e=>{(!P.has(e)&&!Q(e)||V.has(e))&&(C[e]=j[e])}),S&&(C.style=S),o&&!v&&(C.style={...C.style,opacity:0});const z=i;return $?r.createElement(z,Object.assign({},C),E,$,O):r.createElement(z,Object.assign({},C))})),Ce=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({},e,{ref:t}))),Se=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({display:"flex",flexDirection:"row"},e,{ref:t}))),$e=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({display:"flex",justifyContent:"center",alignItems:"center"},e,{ref:t}))),Ee=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({display:"flex",flexDirection:"column"},e,{ref:t}))),Oe=r.forwardRef((e,t)=>{let{media:n={},...i}=e;return r.createElement(Se,Object.assign({media:{...n,mobile:{...n?.mobile,flexDirection:"column"}}},i,{ref:t}))}),je=r.forwardRef((e,t)=>{let{media:n={},...i}=e;return r.createElement(Ee,Object.assign({media:{...n,mobile:{...n?.mobile,flexDirection:"row"}}},i,{ref:t}))}),ze=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({},e,{ref:t}))),Re=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({overflow:"auto"},e,{ref:t}))),We=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({},e,{ref:t}))),Me=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"span"},e,{ref:t}))),Le=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"img"},e,{ref:t}))),De=r.forwardRef((e,t)=>{let{src:n,...i}=e;return r.createElement(Fe,Object.assign({backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},i,{ref:t}))}),Ie=r.forwardRef((e,t)=>{let{children:n,maxLines:i,isItalic:o=!1,isUnderlined:a=!1,toUpperCase:s=!1,isSub:c=!1,isSup:l=!1,isStriked:u=!1,views:f,style:d,...m}=e;const g=c||l?{display:"inline"}:{},h=s?r.Children.map(n,e=>"string"==typeof e?e.toUpperCase():e):n,p={as:c?"sub":l?"sup":"span",fontStyle:o?"italic":"normal",textDecoration:u?"line-through":a?"underline":"none",style:{...d,...i?{display:"-webkit-box",WebkitLineClamp:i,WebkitBoxOrient:"vertical",overflow:"hidden"}:{}},...g,...m,...f?.container};return c||l?r.createElement(Ce,Object.assign({},p,{ref:t,as:c?"sub":"sup",fontSize:"75%",lineHeight:"0",position:"relative",bottom:c?"-0.25em":void 0,top:l?"-0.5em":void 0},f?.sup),h):r.createElement(Fe,Object.assign({},p,{ref:t}),h)}),Te=r.forwardRef((e,t)=>r.createElement(Ie,Object.assign({},e,{ref:t}))),Xe=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"form"},e,{ref:t}))),Ae=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"input"},e,{ref:t}))),Ne=r.forwardRef((e,t)=>r.createElement(Fe,Object.assign({as:"button"},e,{ref:t}))),Ye=function(e){let{duration:t="2s",timingFunction:n="linear",iterationCount:i="infinite",...r}=void 0===e?{duration:"2s",timingFunction:"linear",iterationCount:"infinite"}:e;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:n,iterationCount:i,...r}};var He={__proto__:null,fadeIn:function(e){let{duration:t="1s",timingFunction:n="ease",...i}=void 0===e?{duration:"1s",timingFunction:"ease"}:e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:n,...i}},fadeOut:function(e){let{duration:t="1s",timingFunction:n="ease",...i}=void 0===e?{duration:"1s",timingFunction:"ease"}:e;return{from:{opacity:1},to:{opacity:0},duration:t,timingFunction:n,...i}},slideInLeft:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:n,...i}},slideInRight:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:n,...i}},slideInDown:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:n,...i}},slideInUp:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:n,...i}},bounce:function(e){let{duration:t="2s",timingFunction:n="ease",iterationCount:i="infinite",...r}=void 0===e?{duration:"2s",timingFunction:"ease",iterationCount:"infinite"}:e;return{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},to:{transform:"translateY(0)"},duration:t,timingFunction:n,iterationCount:i,...r}},rotate:function(e){let{duration:t="1s",timingFunction:n="linear",iterationCount:i="infinite",...r}=void 0===e?{duration:"1s",timingFunction:"linear",iterationCount:"infinite"}:e;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:t,timingFunction:n,iterationCount:i,...r}},pulse:function(e){let{duration:t="1s",timingFunction:n="ease-in-out",iterationCount:i="infinite",...r}=void 0===e?{duration:"1s",timingFunction:"ease-in-out",iterationCount:"infinite"}:e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,iterationCount:i,...r}},zoomIn:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,...i}},zoomOut:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-out"}:e;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:t,timingFunction:n,...i}},flash:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:t,iterationCount:n,...i}},scale:function(e){let{duration:t="1s",timingFunction:n="ease-in-out",iterationCount:i="infinite",...r}=void 0===e?{duration:"1s",timingFunction:"ease-in-out",iterationCount:"infinite"}:e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,iterationCount:i,...r}},shake:function(e){let{duration:t="0.5s",iterationCount:n="infinite",...i}=void 0===e?{duration:"0.5s",iterationCount:"infinite"}:e;return{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},to:{transform:"translateX(0)"},duration:t,iterationCount:n,...i}},swing:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},to:{transform:"rotate(0deg)"},duration:t,iterationCount:n,...i}},rubberBand:function(e){let{duration:t="1s",timingFunction:n="ease-in-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in-out"}:e;return{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},to:{transform:"scale3d(1, 1, 1)"},duration:t,timingFunction:n,...i}},wobble:function(e){let{duration:t="1s",...n}=void 0===e?{duration:"1s"}:e;return{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},to:{transform:"translateX(0%)"},duration:t,...n}},flip:function(e){let{duration:t="1s",...n}=void 0===e?{duration:"1s"}:e;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:t,...n}},heartBeat:function(e){let{duration:t="1.3s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1.3s",iterationCount:"infinite"}:e;return{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},to:{transform:"scale(1)"},duration:t,iterationCount:n,...i}},rollIn:function(e){let{duration:t="1s",...n}=void 0===e?{duration:"1s"}:e;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:t,...n}},rollOut:function(e){let{duration:t="1s",...n}=void 0===e?{duration:"1s"}:e;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:t,...n}},lightSpeedIn:function(e){let{duration:t="1s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-out"}:e;return{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},to:{transform:"translateX(0)",opacity:1},duration:t,timingFunction:n,...i}},lightSpeedOut:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:t,timingFunction:n,...i}},hinge:function(e){let{duration:t="2s",timingFunction:n="ease-in-out",...i}=void 0===e?{duration:"2s",timingFunction:"ease-in-out"}:e;return{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},to:{transform:"translateY(700px)",opacity:0},duration:t,timingFunction:n,...i}},jackInTheBox:function(e){let{duration:t="1s",timingFunction:n="ease",...i}=void 0===e?{duration:"1s",timingFunction:"ease"}:e;return{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},to:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:t,timingFunction:n,...i}},flipInX:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateX(0deg)"},duration:t,timingFunction:n,...i}},flipInY:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateY(0deg)"},duration:t,timingFunction:n,...i}},headShake:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:t,iterationCount:n,...i}},tada:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},to:{transform:"scale3d(1, 1, 1)",opacity:1},duration:t,iterationCount:n,...i}},jello:function(e){let{duration:t="1s",iterationCount:n="infinite",...i}=void 0===e?{duration:"1s",iterationCount:"infinite"}:e;return{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},to:{transform:"none"},duration:t,iterationCount:n,...i}},fadeInDown:function(e){let{duration:t="1s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-out"}:e;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:n,...i}},fadeInUp:function(e){let{duration:t="1s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-out"}:e;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:n,...i}},bounceIn:function(e){let{duration:t="0.75s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"0.75s",timingFunction:"ease-in"}:e;return{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,...i}},bounceOut:function(e){let{duration:t="0.75s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"0.75s",timingFunction:"ease-out"}:e;return{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},to:{opacity:0,transform:"scale(0.3)"},duration:t,timingFunction:n,...i}},slideOutLeft:function(e){let{duration:t="0.5s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-in"}:e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:t,timingFunction:n,...i}},slideOutRight:function(e){let{duration:t="0.5s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"0.5s",timingFunction:"ease-in"}:e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:n,...i}},zoomInDown:function(e){let{duration:t="1s",timingFunction:n="ease-out",...i}=void 0===e?{duration:"1s",timingFunction:"ease-out"}:e;return{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},to:{transform:"scale(1) translateY(0)"},duration:t,timingFunction:n,...i}},zoomOutUp:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},to:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:t,timingFunction:n,...i}},backInDown:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},to:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:t,timingFunction:n,...i}},backOutUp:function(e){let{duration:t="1s",timingFunction:n="ease-in",...i}=void 0===e?{duration:"1s",timingFunction:"ease-in"}:e;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:t,timingFunction:n,...i}},shimmer:Ye,progress:function(e){let{duration:t="2s",timingFunction:n="linear",direction:i="forwards",from:r={width:"0%"},to:o={width:"100%"},...a}=void 0===e?{duration:"2s",timingFunction:"linear",direction:"forwards",from:{width:"0%"},to:{width:"100%"}}:e;return{from:r,to:o,duration:t,timingFunction:n,direction:i,...a}},typewriter:function(e){let{duration:t="10s",steps:n=10,iterationCount:i=1,width:r=0,...o}=void 0===e?{duration:"10s",steps:10,iterationCount:1,width:0}:e;return{from:{width:"0px"},to:{width:`${r}px`},timingFunction:`steps(${n})`,duration:t,iterationCount:i,...o}},blinkCursor:function(e){let{duration:t="0.75s",timingFunction:n="step-end",iterationCount:i="infinite",color:r="black",...o}=void 0===e?{duration:"0.75s",timingFunction:"step-end",iterationCount:"infinite",color:"black"}:e;return{from:{color:r},to:{color:r},"0%":{color:r},"50%":{color:"transparent"},"100%":{color:r},duration:t,timingFunction:n,iterationCount:i,...o}},fadeInScroll:function(e){let{duration:t="0.5s",timingFunction:n="ease",timeline:i="scroll()",range:r="cover",...o}=void 0===e?{duration:"0.5s",timingFunction:"ease",timeline:"scroll()",range:"cover"}:e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:n,timeline:i,range:r,...o}},slideInLeftScroll:function(e){let{duration:t="0.5s",timingFunction:n="ease-out",timeline:i="scroll()",range:r="cover",...o}=void 0===e?{duration:"0.5s",timingFunction:"ease-out",timeline:"scroll()",range:"cover"}:e;return{from:{transform:"translateX(-200%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},scaleDownScroll:function(e){let{duration:t="0.8s",timingFunction:n="ease",timeline:i="scroll()",range:r="cover",...o}=void 0===e?{duration:"0.8s",timingFunction:"ease",timeline:"scroll()",range:"cover"}:e;return{from:{transform:"scale(3)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},fillTextScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="--section",range:r="entry 100% cover 50%, cover 50% exit 0%",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"--section",range:"entry 100% cover 50%, cover 50% exit 0%"}:e;return{from:{"--fill":0,color:"transparent",backgroundPositionX:"calc(var(--underline-block-width) * -1), calc(var(--underline-block-width) * -1), 0"},"50%":{"--fill":.5},to:{"--fill":1,backgroundPositionX:"0, 0, 0",color:"var(--finish-fill)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},ctaCollapseScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="scroll()",range:r="0 400px",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"scroll()",range:"0 400px"}:e;return{from:{width:"calc(48px + 120px)"},to:{width:"48px"},duration:t,timingFunction:n,timeline:i,range:r,...o}},handWaveScroll:function(e){let{duration:t="2s",timingFunction:n="linear",timeline:i="scroll()",range:r="10vh 60vh",...o}=void 0===e?{duration:"2s",timingFunction:"linear",timeline:"scroll()",range:"10vh 60vh"}:e;return{from:{transform:"rotate(0deg)"},"50%":{transform:"rotate(20deg)"},to:{transform:"rotate(0deg)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},fadeBlurScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="view()",range:r="cover 40% cover 85%",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"view()",range:"cover 40% cover 85%"}:e;return{to:{opacity:0,filter:"blur(2rem)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},unclipScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="--article",range:r="entry",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"--article",range:"entry"}:e;return{to:{clipPath:"ellipse(220% 200% at 50% 175%)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},scaleDownArticleScroll:function(e){let{duration:t="1s",timingFunction:n="linear",timeline:i="--article",range:r="entry",...o}=void 0===e?{duration:"1s",timingFunction:"linear",timeline:"--article",range:"entry"}:e;return{"0%":{transform:"scale(5)"},to:{transform:"scale(1)"},duration:t,timingFunction:n,timeline:i,range:r,...o}},listItemScaleScroll:function(e){let{duration:t="0.5s",timingFunction:n="ease",timeline:i="--i",range:r="cover 40% cover 60%",...o}=void 0===e?{duration:"0.5s",timingFunction:"ease",timeline:"--i",range:"cover 40% cover 60%"}:e;return{from:{transform:"scale(0.8)"},"50%":{transform:"scale(1)"},duration:t,timingFunction:n,timeline:i,range:r,...o}}};const Pe=r.memo(e=>{let{duration:t="2s",timingFunction:n="linear",iterationCount:i="infinite",...o}=e;return r.createElement(Ce,Object.assign({backgroundColor:"color-black-300"},o,{overflow:"hidden"}),r.createElement(Ce,{position:"relative",inset:0,width:"100%",height:"100%",animate:Ye({duration:t,timingFunction:n,iterationCount:i}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),Be=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,Ve=!Be();const _e=t.createContext({width:0,height:0});const Ue=e=>e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth;function Ge(e){const{manager:n}=ye(),i=t.useRef(null);t.useEffect(()=>{const t=e.current;if(!t)return;const r=()=>{const e=t.contentDocument||t.contentWindow?.document;e&&i.current!==e&&(n.addDocument(e),i.current=e)};return t.contentDocument&&r(),t.addEventListener("load",r),()=>{t.removeEventListener("load",r),i.current&&(n.removeDocument(i.current),i.current=null)}},[n,e])}const qe=e=>{const{keyframes:t,timing:n={},range:i="entry"}=e;return{...t,duration:n.duration||"0.6s",timingFunction:n.timingFunction||"ease",fillMode:n.fillMode||"both",delay:n.delay,timeline:"view()",range:i}},Je=e=>qe(e);e.AnalyticsContext=ve,e.AnalyticsProvider=e=>{let{trackEvent:t,children:n}=e;return r.createElement(ve.Provider,{value:{trackEvent:t}},n)},e.Animation=He,e.AnimationUtils=ce,e.BreakpointContext=L,e.Button=Ne,e.Center=$e,e.Div=We,e.Element=Fe,e.Form=Xe,e.Horizontal=Se,e.HorizontalResponsive=Oe,e.Image=Le,e.ImageBackground=De,e.Input=Ae,e.ResponsiveContext=A,e.ResponsiveProvider=e=>{let{breakpoints:n=E,devices:i=O,children:o,targetWindow:a}=e;const s=a||("undefined"!=typeof window?window:null),[c,l]=t.useState(()=>s?W(s.innerWidth,n):"xs"),[u,f]=t.useState("portrait"),[d,m]=t.useState({width:s?.innerWidth||0,height:s?.innerHeight||0}),g=t.useRef(c),h=t.useMemo(()=>j(n),[n]);t.useEffect(()=>{if(!s)return;const e=W(s.innerWidth,n);l(e),g.current=e;const t=R(()=>{const e=s.innerWidth,t=s.innerHeight;m({width:e,height:t});const i=W(e,n);i!==g.current&&(g.current=i,l(i))},100);s.addEventListener("resize",t);const i=s.matchMedia("(orientation: landscape)"),r=()=>f(i.matches?"landscape":"portrait");return i.addEventListener?i.addEventListener("change",r):i.addListener(r),r(),()=>{s.removeEventListener("resize",t),i.removeEventListener?i.removeEventListener("change",r):i.removeListener(r)}},[n,s]);const p=t.useMemo(()=>({breakpoints:n,devices:i,mediaQueries:h,currentBreakpoint:c,currentDevice:z(c,i),orientation:u}),[n,i,h,c,u]),b=t.useMemo(()=>({width:d.width,height:d.height}),[d.width,d.height]),w=t.useMemo(()=>({breakpoints:n,devices:i,mediaQueries:h,currentWidth:d.width,currentHeight:d.height,currentBreakpoint:c,currentDevice:z(c,i),orientation:u}),[n,i,h,d,c,u]);return r.createElement(L.Provider,{value:p},r.createElement(I.Provider,{value:b},r.createElement(A.Provider,{value:w},o)))},e.SafeArea=Re,e.Scroll=ze,e.Shadows=Y,e.Skeleton=Pe,e.Span=Me,e.StyleRegistry=e=>{let{registry:n,children:i}=e;const o=t.useMemo(()=>({manager:n||me}),[n]);return r.createElement(we.Provider,{value:o},i)},e.Text=Te,e.ThemeContext=k,e.ThemeProvider=e=>{let{theme:n={},mode:i="light",dark:o={},light:a={},children:s,strict:c=!1,targetWindow:l}=e;const[u,f]=t.useState(i),d=t.useRef(new Map).current;t.useEffect(()=>{f(i)},[i]),t.useEffect(()=>{d.clear()},[a,o,n,d]);const x=t.useMemo(()=>$(w,n),[n]),C=t.useMemo(()=>({light:$(y,a),dark:$(v,o)}),[a,o]),E=t.useMemo(()=>C[u],[C,u]),O=t.useCallback(function(e,t,n,i){if(void 0===i&&(i=0),!e||"string"!=typeof e)return String(e);if(e===b)return e;if(i>25)return e;const r=n?.theme?$(x,n.theme):x;if(e.startsWith(m)){const o=e.substring(6).split("-"),a=o[o.length-1],s=parseInt(a,10);if(o.length>=2&&!isNaN(s)&&s>=0&&s<=1e3){const e=o.slice(0,-1).join("-"),r=O(`${m}${e}`,t,n,i+1);return F(r,s)}const c=r[o.join("-")];return"string"==typeof c?O(c,t,n,i+1):e}if(e.startsWith(g)){const i=e.substring(6).split("-"),r=C[t],o=$(r.palette,n?.colors?.palette||{}),a=$(r.main,n?.colors?.main||{});if(i.length>=3){const e=i[i.length-1],t=parseInt(e,10);if(!isNaN(t)&&t>=0&&t<=1e3){const e=i[0],n=i[1],r=o?.[e]?.[n];if("string"==typeof r)return F(r,t)}}if(2===i.length){const[t,n]=i,r=o?.[t]?.[n];return"string"==typeof r?r:e}if(1===i.length){const t=a?.[i[0]];return"string"==typeof t?t:e}return e}if(e.startsWith(h)||e.startsWith(p)){const t=e.startsWith(h)?"light":"dark",r=e.startsWith(h)?h:p,o=e.substring(r.length);return O(`${g}${o}`,t,n,i+1)}return e},[x,C]),j=t.useCallback(e=>{if(!e||"string"!=typeof e)return String(e);if(e===b)return e;const t=E;if(e.startsWith(g)){const n=e.substring(6).split("-");if(n.length>=3){const e=n[n.length-1],t=parseInt(e,10);if(!isNaN(t)&&t>=0&&t<=1e3){const e=Math.round(t/1e3*100);return`color-mix(in srgb, var(--${`color-${n.slice(0,-1).join("-")}`}) ${e}%, transparent)`}}if(2===n.length){const[i,r]=n,o=t.palette[i]?.[Number(r)];return"string"==typeof o?o:e}if(1===n.length){const i=t.main[n[0]];return"string"==typeof i?i:e}}if(e.startsWith(m)){const t=e.substring(6).split("-"),n=t[t.length-1],i=parseInt(n,10);if(t.length>=2&&!isNaN(i)&&i>=0&&i<=1e3){const e=Math.round(i/1e3*100);return`color-mix(in srgb, var(--${`theme-${t.slice(0,-1).join("-")}`}) ${e}%, transparent)`}const r=t.join("-"),o=x[r];if("string"==typeof o)return j(o)}return e},[E,x]),z=t.useCallback(e=>{if(!e||"string"!=typeof e)return String(e);if(e===b)return e;!c||e.startsWith(g)||e.startsWith(m)||e.startsWith(h)||e.startsWith(p)||console.warn(`[Theme] Invalid color token: '${e}'. Use dash notation: theme-primary, color-blue-500`);const t=e.split("-"),n=t[t.length-1],i=parseInt(n,10);if(e.startsWith(m)){if(t.length>=3&&!isNaN(i)&&i>=0&&i<=1e3){return`color-mix(in srgb, var(--${t.slice(0,-1).join("-")}) ${Math.round(i/1e3*100)}%, transparent)`}return`var(--${e})`}if(e.startsWith(g)){if(t.length>=4&&!isNaN(i)&&i>=0&&i<=1e3){return`color-mix(in srgb, var(--${t.slice(0,-1).join("-")}) ${Math.round(i/1e3*100)}%, transparent)`}return`var(--${e})`}if(e.startsWith(h)||e.startsWith(p)){const t=e.startsWith(h)?h:p;return`var(--${t}color-${e.substring(t.length)})`}return e},[c]),R=t.useCallback((e,t)=>{if(!e||"string"!=typeof e)return String(e);if(e===b)return"#00000000";const n=t?.themeMode??u,i=`${e}-${n}-hex`;if(!t&&d.has(i))return d.get(i);const r=O(e,n,t),o=S(r);return t||d.set(i,o),o},[u,d,O]),W=t.useCallback((e,t,n)=>{if(!e||"string"!=typeof e)return String(e);const i="number"==typeof t?t:void 0,r="object"==typeof t?t:n,o=r?.themeMode??u,a=`${e}-${o}-rgba-${"number"==typeof i?String(i):"auto"}`;if(!r&&d.has(a))return d.get(a);const s=((e,t)=>{if(!e||"string"!=typeof e)return String(e);const n=e.trim(),i="number"==typeof t?Math.max(0,Math.min(1e3,t))/1e3:void 0;if(n===b)return`rgba(0, 0, 0, ${i??0})`;if(n.startsWith("#")){let e=n.slice(1);if(3!==e.length&&4!==e.length||(e=e.split("").map(e=>e+e).join("")),6!==e.length&&8!==e.length)return n;const t=parseInt(e.slice(0,2),16),r=parseInt(e.slice(2,4),16),o=parseInt(e.slice(4,6),16),a=8===e.length?parseInt(e.slice(6,8),16)/255:1;return`rgba(${t}, ${r}, ${o}, ${i??a})`}if(n.startsWith("rgb")){const e=n.match(/rgba?\(([^)]+)\)/i);if(!e)return n;const t=e[1].split(",").map(e=>e.trim()).filter(Boolean),r=Number(t[0]),o=Number(t[1]),a=Number(t[2]),s=t.length>=4?Number(t[3]):1;return[r,o,a].some(e=>Number.isNaN(e))||Number.isNaN(s)?n:`rgba(${r}, ${o}, ${a}, ${i??Math.max(0,Math.min(1,s))})`}return n})(O(e,o,r),i);return r||d.set(a,s),s},[u,d,O]),M=t.useCallback((e,t)=>{if(!e||"string"!=typeof e)return;const n=t?.themeMode??u,i=t?.theme?$(x,t.theme):x;let r=e;if(e.startsWith(m)){const t=i[e.substring(6)];"string"==typeof t&&(r=t)}if(r.startsWith(h)||r.startsWith(p)){const e=r.startsWith(h)?h:p;r=`${g}${r.substring(e.length)}`}if(r.startsWith(g)){const e=r.substring(6).split("-");if(e.length>=1)return e[0]}const o=S(r).toLowerCase();if(o.startsWith("#")){const e=C[n],i=$(e.palette,t?.colors?.palette||{}),r=$(e.main,t?.colors?.main||{});for(const[e,t]of Object.entries(r))if("string"==typeof t){if(S(t).toLowerCase()===o)return e}for(const[e,t]of Object.entries(i))if("object"==typeof t&&null!==t)for(const[,n]of Object.entries(t))if("string"==typeof n){if(S(n).toLowerCase()===o)return e}}},[x,u,C]),L=t.useCallback((e,t)=>{if(!e||"string"!=typeof e)return"black";const n=t?.themeMode??u;let i;if(e.startsWith("#")||e.startsWith("rgb"))i=S(e);else{const r=O(e,n,t);i=S(r)}if(!i.startsWith("#")||i.length<7)return"black";const r=i.slice(1),o=parseInt(r.slice(0,2),16),a=parseInt(r.slice(2,4),16),s=parseInt(r.slice(4,6),16),c=e=>{const t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)};return.2126*c(o)+.7152*c(a)+.0722*c(s)>.179?"black":"white"},[u,O]),D=t.useMemo(()=>({getColor:z,getColorHex:R,getColorRGBA:W,getColorScheme:M,getContrastColor:L,theme:x,colors:E,themeMode:u,setThemeMode:f}),[z,R,W,M,L,x,E,u]),I=t.useMemo(()=>((e,t,n)=>{const i=[],r=[],o=[],a=[],s=(e,t,n)=>{Object.keys(e).forEach(i=>{const r=e[i],o=`${t}-${i}`.replace(/\./g,"-");"object"==typeof r&&null!==r?s(r,o,n):"string"!=typeof r&&"number"!=typeof r||n.push(`--${o}: ${r};`)})};s(t.main,"color",i),s(t.palette,"color",i),s(t.main,"light-color",r),s(t.palette,"light-color",r),s(n.main,"dark-color",o),s(n.palette,"dark-color",o);const c=[],l=(e,t)=>{Object.keys(e).forEach(n=>{const i=e[n],r=`${t}-${n}`.replace(/\./g,"-");"object"==typeof i&&null!==i?l(i,r):c.push(r)})};l(t.main,"color"),l(t.palette,"color");const u=(e,t)=>{Object.keys(e).forEach(n=>{const i=e[n],r=`${t}-${n}`;"object"==typeof i&&null!==i?u(i,r):"string"==typeof i&&(i.startsWith("color-")||i.startsWith("theme-")?a.push(`--${r}: var(--${i});`):a.push(`--${r}: ${i};`))})};u(e,"theme");const f=c.map(e=>`--${e}: var(--light-${e});`).join("\n    "),d=c.map(e=>`--${e}: var(--dark-${e});`).join("\n    ");return`\n    :root {\n      /* Primitives */\n      ${i.join("\n      ")}\n      ${r.join("\n      ")}\n      ${o.join("\n      ")}\n      \n      /* Theme Variables (Structural) */\n      ${a.join("\n      ")}\n    }\n  \n    [data-theme='light'] {\n      ${f}\n    }\n    \n    [data-theme='dark'] {\n      ${d}\n    }\n  `})(x,C.light,C.dark),[x,C]);return t.useEffect(()=>{if(!l)return;const e=l.document,t="app-studio-theme-vars",n=e.getElementById(t);n&&n.remove();const i=e.createElement("style");return i.id=t,i.textContent=I,e.head.appendChild(i),()=>{const n=e.getElementById(t);n&&n.remove()}},[l,I]),r.createElement(k.Provider,{value:D},!l&&r.createElement("style",null,I),r.createElement("div",{"data-theme":u,style:{backgroundColor:"white",width:"100%",height:"100%",transition:"background-color 0.2s, color 0.2s"}},s))},e.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},e.UtilityClassManager=ue,e.Vertical=Ee,e.VerticalResponsive=je,e.View=Ce,e.WindowDimensionsContext=I,e.WindowSizeContext=_e,e.WindowSizeProvider=e=>{let{children:n,targetWindow:i}=e;const o=i||("undefined"!=typeof window?window:null),[a,s]=t.useState({width:o?.innerWidth||0,height:o?.innerHeight||0});return t.useEffect(()=>{if(!o)return;const e=()=>s({width:o.innerWidth,height:o.innerHeight});return o.addEventListener("resize",e),()=>o.removeEventListener("resize",e)},[o]),r.createElement(_e.Provider,{value:a},n)},e.animateOnView=Je,e.blurInOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,filter:`blur(${e.blur||"10px"})`},to:{opacity:1,filter:"blur(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.blurOutOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:1,filter:"blur(0)"},to:{opacity:0,filter:`blur(${e.blur||"10px"})`}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease-in",delay:e.delay},range:e.range||"exit"})},e.createStyleRegistry=()=>new ue(de,1e4),e.createViewAnimation=qe,e.debounce=R,e.deepMerge=$,e.defaultColors=s,e.defaultDarkColors=l,e.defaultDarkPalette=a,e.defaultLightColors=c,e.defaultLightPalette=o,e.defaultThemeMain=w,e.extractUtilityClasses=be,e.fadeInOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0},to:{opacity:1}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease",delay:e.delay},range:e.range||"entry"})},e.fadeOutOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:1},to:{opacity:0}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease",delay:e.delay},range:e.range||"exit"})},e.flipXOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:"perspective(400px) rotateX(90deg)"},to:{opacity:1,transform:"perspective(400px) rotateX(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.flipYOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:"perspective(400px) rotateY(90deg)"},to:{opacity:1,transform:"perspective(400px) rotateY(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.getWindowInitialProps=()=>Be()?window.g_initialProps:void 0,e.hasColorToken=f,e.isBrowser=Be,e.isDev=function(){let e=!1;return Be()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},e.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},e.isProd=function(){return!!(Be()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},e.isSSR=Ve,e.propertyShorthand=de,e.replaceColorTokens=d,e.revealOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{clipPath:"inset(100% 0 0 0)"},to:{clipPath:"inset(0 0 0 0)"}},timing:{duration:e.duration||"0.7s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry 0% entry 80%"})},e.rotateInOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`rotate(${e.angle||"-10deg"}) scale(0.9)`},to:{opacity:1,transform:"rotate(0) scale(1)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.scaleDownOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`scale(${e.scale||1.1})`},to:{opacity:1,transform:"scale(1)"}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease",delay:e.delay},range:e.range||"entry"})},e.scaleUpOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`scale(${e.scale||.9})`},to:{opacity:1,transform:"scale(1)"}},timing:{duration:e.duration||"0.5s",timingFunction:e.timingFunction||"ease",delay:e.delay},range:e.range||"entry"})},e.slideDownOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`translateY(-${e.distance||"30px"})`},to:{opacity:1,transform:"translateY(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.slideLeftOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`translateX(-${e.distance||"50px"})`},to:{opacity:1,transform:"translateX(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.slideRightOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`translateX(${e.distance||"50px"})`},to:{opacity:1,transform:"translateX(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.slideUpOnView=function(e){return void 0===e&&(e={}),Je({keyframes:{from:{opacity:0,transform:`translateY(${e.distance||"30px"})`},to:{opacity:1,transform:"translateY(0)"}},timing:{duration:e.duration||"0.6s",timingFunction:e.timingFunction||"ease-out",delay:e.delay},range:e.range||"entry"})},e.useActive=function(){const[e,n]=t.useState(!1),i=t.useRef(null);return t.useEffect(()=>{const e=i.current;if(!e)return;const t=()=>n(!0),r=()=>n(!1),o=()=>n(!0),a=()=>n(!1);return e.addEventListener("mousedown",t),e.addEventListener("mouseup",r),e.addEventListener("mouseleave",r),e.addEventListener("touchstart",o),e.addEventListener("touchend",a),()=>{e.removeEventListener("mousedown",t),e.removeEventListener("mouseup",r),e.removeEventListener("mouseleave",r),e.removeEventListener("touchstart",o),e.removeEventListener("touchend",a)}},[]),[i,e]},e.useAnalytics=ke,e.useBreakpoint=()=>{const e=T(),{currentBreakpoint:t,orientation:n,devices:i}=e,r=e=>i[e]?i[e].includes(t):e===t;return{...e,screen:t,orientation:n,on:r,is:r}},e.useBreakpointContext=T,e.useClickOutside=function(e){const[n,i]=t.useState(!1),r=t.useRef(null),{targetWindow:o}=e||{};return t.useEffect(()=>{const e=o||("undefined"!=typeof window?window:null);if(!e)return;const t=e.document,n=e=>{r.current&&!r.current.contains(e.target)?i(!0):i(!1)};return t.addEventListener("mousedown",n),()=>{t.removeEventListener("mousedown",n)}},[o]),[r,n]},e.useElementPosition=function(e){void 0===e&&(e={});const{trackChanges:n=!0,throttleMs:i=500,trackOnHover:r=!0,trackOnScroll:o=!1,trackOnResize:a=!1,targetWindow:s}=e,c=t.useRef(null),[l,u]=t.useState(null),f=t.useRef(null),d=t.useCallback(()=>{const e=c.current;if(!e)return void u(e=>null);const t=s||e.ownerDocument?.defaultView||window,n=e.getBoundingClientRect(),i=t.innerHeight,r=t.innerWidth,o={position:{vertical:n.top+n.height/2<i/2?"top":"bottom",horizontal:n.left+n.width/2<r/2?"left":"right"},space:{vertical:n.top>=i-n.bottom?"top":"bottom",horizontal:n.left>=r-n.right?"left":"right"}};u(e=>e&&e.position.vertical===o.position.vertical&&e.position.horizontal===o.position.horizontal&&e.space.vertical===o.space.vertical&&e.space.horizontal===o.space.horizontal?e:o)},[s]),m=t.useCallback(()=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{d()},i)},[d,i]);t.useEffect(()=>{if(d(),!n)return void(f.current&&clearTimeout(f.current));const e=c.current;if(!e)return;const t=s||e.ownerDocument?.defaultView||window,i=m,l=d,u=[];return r&&(e.addEventListener("mouseenter",l),e.addEventListener("mouseleave",l),u.push(()=>{e.removeEventListener("mouseenter",l),e.removeEventListener("mouseleave",l)})),o&&(t.addEventListener("scroll",i,{passive:!0}),u.push(()=>{t.removeEventListener("scroll",i)})),a&&(t.addEventListener("resize",i),u.push(()=>{t.removeEventListener("resize",i)})),()=>{f.current&&clearTimeout(f.current),u.forEach(e=>e())}},[n,r,o,a,m,d,s]);const g=t.useCallback(()=>{d()},[d]);return{ref:c,relation:l,updateRelation:g}},e.useFocus=function(){const[e,n]=t.useState(!1),i=t.useRef(null);return t.useEffect(()=>{const e=i.current;if(!e)return;const t=()=>n(!0),r=()=>n(!1);return e.addEventListener("focus",t),e.addEventListener("blur",r),()=>{e.removeEventListener("focus",t),e.removeEventListener("blur",r)}},[]),[i,e]},e.useHover=function(){const[e,n]=t.useState(!1),i=t.useRef(null);return t.useEffect(()=>{const e=i.current;if(!e)return;const t=()=>n(!0),r=()=>n(!1);return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",r)}},[]),[i,e]},e.useIframe=function(e){const[n,i]=t.useState(null),[r,o]=t.useState(null),[a,s]=t.useState(!1);return Ge(e),t.useEffect(()=>{const t=e.current;if(!t)return;const n=()=>{const e=t.contentWindow,n=t.contentDocument||e?.document;e&&n&&(i(e),o(n),s(!0))};return n(),t.addEventListener("load",n),()=>{t.removeEventListener("load",n)}},[e]),{iframeWindow:n,iframeDocument:r,isLoaded:a}},e.useIframeStyles=Ge,e.useInView=function(e){const{triggerOnce:n=!1,targetWindow:i,...r}=e||{},o=t.useRef(null),[a,s]=t.useState(!1);return t.useEffect(()=>{const e=o.current;if(!e)return;const t=i||e.ownerDocument?.defaultView||window,a=void 0!==r.root?r.root:i?t.document.documentElement:void 0,c=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting?(s(!0),n&&c.disconnect()):n||s(!1)},{...r,root:a});return c.observe(e),()=>{c.disconnect()}},[n,i,...Object.values(r||{})]),{ref:o,inView:a}},e.useInfiniteScroll=function(e,n){void 0===n&&(n={});const[i,r]=t.useState(null),o=t.useRef(e),a=t.useRef();return t.useEffect(()=>{o.current=e},[e]),t.useEffect(()=>{if(!i||n.isLoading)return;const e=new IntersectionObserver(e=>{e[0].isIntersecting&&(n.debounceMs?(a.current&&clearTimeout(a.current),a.current=setTimeout(o.current,n.debounceMs)):o.current())},{threshold:n.threshold??0,root:n.root??null,rootMargin:n.rootMargin??"0px"});return e.observe(i),()=>{e.disconnect(),a.current&&clearTimeout(a.current)}},[i,n.threshold,n.isLoading,n.root,n.rootMargin,n.debounceMs]),{sentinelRef:r}},e.useKeyPress=function(e){const[n,i]=t.useState(!1);return t.useEffect(()=>{const t=t=>{t.key===e&&i(!0)},n=t=>{t.key===e&&i(!1)};return window.addEventListener("keydown",t),window.addEventListener("keyup",n),()=>{window.removeEventListener("keydown",t),window.removeEventListener("keyup",n)}},[e]),n},e.useMount=e=>{t.useEffect(()=>{e()},[])},e.useOnScreen=function(e){const n=t.useRef(null),[i,r]=t.useState(!1),{targetWindow:o,...a}=e||{};return t.useEffect(()=>{const e=n.current;if(!e)return;const t=o||e.ownerDocument?.defaultView||window,i=void 0!==a.root?a.root:o?t.document.documentElement:void 0,s=new IntersectionObserver(e=>{let[t]=e;r(t.isIntersecting)},{...a,root:i});return s.observe(e),()=>{s.disconnect()}},[o,e]),[n,i]},e.useResponsive=()=>{const e=N(),{currentBreakpoint:t,orientation:n,devices:i}=e,r=e=>i[e]?i[e].includes(t):e===t;return{...e,screen:t,orientation:n,on:r,is:r}},e.useResponsiveContext=N,e.useScroll=function(e){let{container:n,offset:i=[0,0],throttleMs:r=100,disabled:o=!1}=void 0===e?{}:e;const[a,s]=t.useState({x:0,y:0,xProgress:0,yProgress:0,elementY:0,elementProgress:0}),c=t.useRef(0),l=t.useRef(),u=t.useRef(!1),f=t.useCallback(()=>{const e=n?.current??null;if(e&&e instanceof HTMLIFrameElement){const t=e.contentWindow??null;return{targetEl:e,targetWindow:t,targetDocument:e.contentDocument??t?.document??null}}const t=e?.ownerDocument??null;return{targetEl:e,targetWindow:t?.defaultView??("undefined"!=typeof window?window:null),targetDocument:t}},[n]),d=t.useCallback(()=>{const{targetEl:e,targetWindow:t}=f(),n=e&&Ue(e)?e:t||e;if(!n)return void(u.current=!1);const o=Date.now();if(r>0&&o-c.current<r)return void(u.current=!1);const a=(e=>{if((t=e)&&t.window===t){const t=e.document.documentElement;return{scrollHeight:Math.max(t.scrollHeight,t.offsetHeight),scrollWidth:Math.max(t.scrollWidth,t.offsetWidth),clientHeight:e.innerHeight,clientWidth:e.innerWidth,scrollTop:e.scrollY,scrollLeft:e.scrollX}}var t;return{scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,clientHeight:e.clientHeight,clientWidth:e.clientWidth,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}})(n),l=a.scrollLeft+i[0],d=a.scrollTop+i[1],m=a.scrollWidth-a.clientWidth,g=a.scrollHeight-a.clientHeight,h=m<=0?1:Math.min(Math.max(l/m,0),1),p=g<=0?1:Math.min(Math.max(d/g,0),1);let b=0,w=0;if(e&&e!==n){const t=e.getBoundingClientRect();b=t.top;const n=a.clientHeight,i=t.height-n;if(i>0){const e=-t.top;w=Math.max(0,Math.min(1,e/i))}else w=0}s(e=>e.elementProgress!==w||e.y!==d||e.x!==l||e.yProgress!==p?(c.current=o,{x:l,y:d,xProgress:h,yProgress:p,elementY:b,elementProgress:w}):e),u.current=!1},[i,r,f]),m=t.useCallback(()=>{o||u.current||(l.current=requestAnimationFrame(d),u.current=!0)},[o,d]);return t.useEffect(()=>{if(o)return;const{targetEl:e,targetWindow:t,targetDocument:n}=f(),i=e&&Ue(e)?e:t||e;if(!i)return;d();const r={passive:!0};return i.addEventListener("scroll",m,r),t&&t.addEventListener("resize",m,r),t&&n&&n.addEventListener("scroll",m,r),()=>{i.removeEventListener("scroll",m),t&&t.removeEventListener("resize",m),t&&n&&n.removeEventListener("scroll",m),l.current&&cancelAnimationFrame(l.current),u.current=!1}},[m,o,f,d]),a},e.useScrollAnimation=function(e,n){void 0===n&&(n={});const[i,r]=t.useState(!1),[o,a]=t.useState(0);return t.useEffect(()=>{const t=e.current;if(!t)return;const i=t.ownerDocument?.defaultView,o=n.targetWindow??i;if(!o)return;const s=o.IntersectionObserver;if(!s)return;const c=void 0!==n.root?n.root:null,l=new s(e=>{const t=e[0];r(t.isIntersecting),a(t.intersectionRatio),n.onIntersectionChange&&n.onIntersectionChange(t.isIntersecting,t.intersectionRatio)},{threshold:n.threshold??0,rootMargin:n.rootMargin??"0px",root:c});return l.observe(t),()=>l.disconnect()},[e,n.threshold,n.rootMargin,n.root,n.targetWindow,n.onIntersectionChange]),{isInView:i,progress:o}},e.useScrollDirection=function(e,n){void 0===e&&(e=5);const[i,r]=t.useState("up"),o=t.useRef(0),a=t.useRef("up"),s=t.useRef(),c=t.useRef(!1),l=t.useCallback(()=>{const t=n||("undefined"!=typeof window?window:null);if(!t)return;const i=t.document.documentElement,s=t.scrollY||i.scrollTop,l=s>o.current?"down":"up",u=Math.abs(s-o.current),f=t.innerHeight+s>=i.scrollHeight-1;(u>e||"down"===l&&f)&&l!==a.current&&(a.current=l,r(l)),o.current=Math.max(s,0),c.current=!1},[e,n]);return t.useEffect(()=>{const e=n||("undefined"!=typeof window?window:null);if(!e)return;const t=()=>{c.current||(s.current=requestAnimationFrame(()=>{l(),c.current=!1}),c.current=!0)};return e.addEventListener("scroll",t,{passive:!0}),()=>{e.removeEventListener("scroll",t),s.current&&cancelAnimationFrame(s.current)}},[l,n]),i},e.useServerInsertedHTML=e=>()=>r.createElement("style",{id:"app-studio-server-css",dangerouslySetInnerHTML:{__html:e.getServerStyles()}}),e.useSmoothScroll=e=>t.useCallback(function(t,n){if(void 0===n&&(n=0),t)try{const i=e||t.ownerDocument?.defaultView||window,r=t.getBoundingClientRect().top+(i.scrollY||i.pageYOffset)-n;"scrollBehavior"in i.document.documentElement.style?i.scrollTo({top:r,behavior:"smooth"}):i.scrollTo(0,r)}catch(e){console.error("Error during smooth scroll:",e)}},[e]),e.useStyleRegistry=ye,e.useTheme=x,e.useWindowDimensions=()=>X(),e.useWindowDimensionsContext=X,e.useWindowSize=()=>t.useContext(_e),e.utilityClassManager=me,e.viewAnimationPresets={fadeIn:{keyframes:{from:{opacity:0},to:{opacity:1}},timing:{duration:"0.5s",timingFunction:"ease"},range:"entry"},fadeOut:{keyframes:{from:{opacity:1},to:{opacity:0}},timing:{duration:"0.5s",timingFunction:"ease"},range:"exit"},slideUp:{keyframes:{from:{opacity:0,transform:"translateY(30px)"},to:{opacity:1,transform:"translateY(0)"}},timing:{duration:"0.6s",timingFunction:"ease-out"},range:"entry"},slideDown:{keyframes:{from:{opacity:0,transform:"translateY(-30px)"},to:{opacity:1,transform:"translateY(0)"}},timing:{duration:"0.6s",timingFunction:"ease-out"},range:"entry"},scaleUp:{keyframes:{from:{opacity:0,transform:"scale(0.9)"},to:{opacity:1,transform:"scale(1)"}},timing:{duration:"0.5s",timingFunction:"ease"},range:"entry"},blurIn:{keyframes:{from:{opacity:0,filter:"blur(10px)"},to:{opacity:1,filter:"blur(0)"}},timing:{duration:"0.6s",timingFunction:"ease-out"},range:"entry"},reveal:{keyframes:{from:{clipPath:"inset(100% 0 0 0)"},to:{clipPath:"inset(0 0 0 0)"}},timing:{duration:"0.7s",timingFunction:"ease-out"},range:"entry 0% entry 80%"}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=app-studio.umd.production.min.js.map

package/dist/hooks/useScroll.d.ts

@@ -4,6 +4,17 @@ export interface ScrollPosition {
     y: number;
     xProgress: number;
     yProgress: number;
+    /**
+     * Position of the tracked element relative to the viewport top (if container is provided).
+     * Equivalent to getBoundingClientRect().top
+     */
+    elementY?: number;
+    /**
+     * Progress of the element scrolling through the viewport (for sticky/reveal effects).
+     * Calculated as: -elementY / (elementHeight - viewportHeight)
+     * Varies from 0 (element hits top) to 1 (element finishes scrolling).
+     */
+    elementProgress?: number;
 }
 export interface UseScrollOptions {
     container?: RefObject<HTMLElement>;

package/dist/stories/ScrollAnimation.stories.d.ts

@@ -28,23 +28,8 @@ export declare const CSSViewTimelineAnimations: ComponentStory<typeof View>;
  * Entry + Exit animations combined
  */
 export declare const EntryExitAnimations: ComponentStory<typeof View>;
-/**
- * Scroll-driven text fill animation
- */
-export declare const ScrollDrivenTextFill: ComponentStory<typeof View>;
-/**
- * FillText Examples - Using App-Studio's Theming System
- *
- * This story demonstrates FillText scroll animations integrated with App-Studio's
- * color system. Colors use CSS variables for theme-awareness:
- *
- * - Palette colors: var(--color-blue-500), var(--color-emerald-500)
- * - Alpha transparency: color-mix(in srgb, var(--color-blue-500) 20%, transparent)
- * - Background colors: color-slate-900, color-emerald-950, etc.
- *
- * See docs/Theming.md for the complete color reference.
- */
-export declare const FillTextExamples: ComponentStory<typeof View>;
+export declare const ScrollTextRevealStory: ComponentStory<typeof View>;
+export declare const FillTextScrollRevealStory: ComponentStory<typeof View>;
 /**
  * All scroll-driven animation presets
  */