app-studio 0.5.65 → 0.5.69

package/dist/animation/css.d.ts

@@ -7,9 +7,12 @@ declare class UtilityClassManager {
     private classCache;
     private maxCacheSize;
     private propertyShorthand;
+    private mainDocument;
     constructor(propertyShorthand: Record<string, string>, maxCacheSize?: number);
     private initStyleSheets;
+    private getMainDocumentRules;
     addDocument(targetDocument: Document): void;
+    private clearStylesFromDocument;
     private escapeClassName;
     injectRule(cssRule: string, context?: StyleContext): void;
     private getAllRegisteredDocuments;

package/dist/app-studio.cjs.development.js

@@ -1260,9 +1260,11 @@ class UtilityClassManager {
     this.mediaStyleSheet = new Map();
     this.modifierStyleSheet = new Map();
     this.classCache = new Map();
+    this.mainDocument = null;
     this.propertyShorthand = propertyShorthand;
     this.maxCacheSize = maxCacheSize;
     if (typeof document !== 'undefined') {
+      this.mainDocument = document;
       this.initStyleSheets(document);
     }
   }
@@ -1295,21 +1297,62 @@ class UtilityClassManager {
       this.modifierStyleSheet.set(targetDocument, modifierStyleTag.sheet);
     }
   }
+  getMainDocumentRules() {
+    if (!this.mainDocument) return [];
+    const rules = [];
+    // Get base rules
+    const baseSheet = this.baseStyleSheet.get(this.mainDocument);
+    if (baseSheet) {
+      Array.from(baseSheet.cssRules).forEach(rule => {
+        rules.push({
+          cssText: rule.cssText,
+          context: 'base'
+        });
+      });
+    }
+    // Get media rules
+    const mediaSheet = this.mediaStyleSheet.get(this.mainDocument);
+    if (mediaSheet) {
+      Array.from(mediaSheet.cssRules).forEach(rule => {
+        rules.push({
+          cssText: rule.cssText,
+          context: 'media'
+        });
+      });
+    }
+    // Get modifier rules
+    const modifierSheet = this.modifierStyleSheet.get(this.mainDocument);
+    if (modifierSheet) {
+      Array.from(modifierSheet.cssRules).forEach(rule => {
+        rules.push({
+          cssText: rule.cssText,
+          context: 'modifier'
+        });
+      });
+    }
+    return rules;
+  }
   addDocument(targetDocument) {
+    if (targetDocument === this.mainDocument) return;
     this.initStyleSheets(targetDocument);
+    this.clearStylesFromDocument(targetDocument);
     // Reinject all cached rules into the new document
-    const values = Array.from(this.classCache.values());
-    for (const {
-      rules
-    } of values) {
-      rules.forEach(_ref => {
-        let {
-          rule,
-          context
-        } = _ref;
-        this.injectRuleToDocument(rule, context, targetDocument);
-      });
-    }
+    const mainRules = this.getMainDocumentRules();
+    mainRules.forEach(_ref => {
+      let {
+        cssText,
+        context
+      } = _ref;
+      this.injectRuleToDocument(cssText, context, targetDocument);
+    });
+  }
+  clearStylesFromDocument(targetDocument) {
+    const baseSheet = this.baseStyleSheet.get(targetDocument);
+    const mediaSheet = this.mediaStyleSheet.get(targetDocument);
+    const modifierSheet = this.modifierStyleSheet.get(targetDocument);
+    if (baseSheet) this.clearStyleSheet(baseSheet);
+    if (mediaSheet) this.clearStyleSheet(mediaSheet);
+    if (modifierSheet) this.clearStyleSheet(modifierSheet);
   }
   escapeClassName(className) {
     return className.replace(/:/g, '\\:');
@@ -1318,9 +1361,15 @@ class UtilityClassManager {
     if (context === void 0) {
       context = 'base';
     }
-    // Inject to all registered documents
-    for (const targetDocument of this.getAllRegisteredDocuments()) {
-      this.injectRuleToDocument(cssRule, context, targetDocument);
+    // First inject to main document
+    if (this.mainDocument) {
+      this.injectRuleToDocument(cssRule, context, this.mainDocument);
+    }
+    // Then inject to all iframe documents
+    for (const document of this.getAllRegisteredDocuments()) {
+      if (document !== this.mainDocument) {
+        this.injectRuleToDocument(cssRule, context, document);
+      }
     }
   }
   getAllRegisteredDocuments() {
@@ -1400,12 +1449,6 @@ class UtilityClassManager {
               rule: `@media ${mq} { .${escapedClassName} { ${cssProperty}: ${valueForCss}; } }`,
               context: 'media'
             });
-            if (window.isResponsive === true) {
-              rules.push({
-                rule: `.${modifier} { .${escapedClassName} { ${cssProperty}: ${valueForCss}; } }`,
-                context: 'media'
-              });
-            }
           });
           break;
       }
@@ -1434,6 +1477,7 @@ class UtilityClassManager {
     return classNames;
   }
   removeDocument(targetDocument) {
+    if (targetDocument === this.mainDocument) return;
     this.baseStyleSheet.delete(targetDocument);
     this.mediaStyleSheet.delete(targetDocument);
     this.modifierStyleSheet.delete(targetDocument);
@@ -1447,26 +1491,24 @@ class UtilityClassManager {
     }
   }
   regenerateStyles(targetDocument) {
-    // Get all stylesheets for this document
-    const baseSheet = this.baseStyleSheet.get(targetDocument);
-    const mediaSheet = this.mediaStyleSheet.get(targetDocument);
-    const modifierSheet = this.modifierStyleSheet.get(targetDocument);
-    // Clear existing rules
-    if (baseSheet) this.clearStyleSheet(baseSheet);
-    if (mediaSheet) this.clearStyleSheet(mediaSheet);
-    if (modifierSheet) this.clearStyleSheet(modifierSheet);
-    // Reinject all cached rules
-    const values = Array.from(this.classCache.values());
-    for (const {
-      rules
-    } of values) {
-      rules.forEach(_ref3 => {
-        let {
-          rule,
-          context
-        } = _ref3;
-        this.injectRuleToDocument(rule, context, targetDocument);
-      });
+    if (targetDocument === this.mainDocument) {
+      // For main document, regenerate from cache
+      this.clearStylesFromDocument(targetDocument);
+      const values = Array.from(this.classCache.values());
+      for (const {
+        rules
+      } of values) {
+        rules.forEach(_ref3 => {
+          let {
+            rule,
+            context
+          } = _ref3;
+          this.injectRuleToDocument(rule, context, targetDocument);
+        });
+      }
+    } else {
+      // For iframes, copy from main document
+      this.addDocument(targetDocument);
     }
   }
   regenerateAllStyles() {

package/dist/app-studio.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),n=e(require("color-convert"));const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},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"}},a={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},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:"#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"}},i={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",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s={...i,dark:"#a1a1aa",white:"#FFFFFF",black:"#000000"},d={...i,dark:"#adb5bd",white:"#000000",black:"#FFFFFF"},c={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"},f=t.createContext({getColor:e=>e,theme:c,themeMode:"light",setThemeMode:()=>{}}),l=()=>t.useContext(f),u=(e,t)=>{if("object"!=typeof t||null===t)return e;const r={...e};for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n],a=e[n];r[n]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:u(a||{},o)}return r},m={xs:0,sm:340,md:560,lg:1080,xl:1300},g={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},h=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 r={};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)`),r[e.breakpoint]=t.trim()}),r},p=(e,t)=>{let r;return function(){for(var n=arguments.length,o=new Array(n),a=0;a<n;a++)o[a]=arguments[a];clearTimeout(r),r=setTimeout(()=>e(...o),t)}},b=t.createContext({breakpoints:m,devices:g,mediaQueries:h(m),currentWidth:0,currentHeight:0,currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"}),w=()=>t.useContext(b),y=new Set(["numberOfLines","fontWeight","timeStamp","flex","flexGrow","flexShrink","order","zIndex","aspectRatio","shadowOpacity","shadowRadius","scale","opacity","min","max","now"]),x=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),v=new Set(["on","shadow","only","media","css"]),S=new Set(["src","alt","style","as"]),F=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","opacity","border","borderWidth","borderStyle","borderColor","borderRadius","borderTop","borderRight","borderBottom","borderLeft","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","boxShadow","textShadow","transform","transition","animation","filter","backdropFilter","display","visibility","overflow","overflowX","overflowY","float","clear","objectFit","objectPosition","cursor","pointerEvents","userSelect","resize","size","shadow","textJustify","lineClamp","textIndent","perspective"]),C=e=>F.has(e)||v.has(e)||/^(webkit|moz|ms|o)[A-Z]/.test(e)||e.startsWith("--")||e.startsWith("data-style-")&&!S.has(e),k=Array.from(F),E={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}};let R=0;const O=new Map,j=e=>{const{...t}=e,r=JSON.stringify(t);if(O.has(r))return{keyframesName:O.get(r),keyframes:""};const n="animation-"+R++;O.set(r,n);const o=[];return Object.keys(t).sort((e,t)=>{const r=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return r(e)-r(t)}).forEach(e=>{var r;o.push(`${"enter"===e?"to":e} { ${r=t[e],Object.entries(r).filter(e=>{let[t]=e;return C(t)}).map(e=>{let[t,r]=e;return`${n=t,n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}: ${((e,t,r)=>null==t?"":"number"==typeof t?y.has(e)?t:t+"px":e.toLowerCase().indexOf("color")>=0||"fill"===e||"stroke"===e?t:Array.isArray(t)?t.join(" "):"object"==typeof t?JSON.stringify(t):t)(t,r)};`;var n}).join(" ")} }`)}),{keyframesName:n,keyframes:`\n    @keyframes ${n} {\n      ${o.join("\n")}\n    }\n  `}},L=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"]);class X{constructor(e,t){void 0===t&&(t=1e4),this.baseStyleSheet=new Map,this.mediaStyleSheet=new Map,this.modifierStyleSheet=new Map,this.classCache=new Map,this.propertyShorthand=e,this.maxCacheSize=t,"undefined"!=typeof document&&this.initStyleSheets(document)}initStyleSheets(e){if(!this.baseStyleSheet.has(e)){let t=e.getElementById("utility-classes-base");t||(t=e.createElement("style"),t.id="utility-classes-base",e.head.appendChild(t)),this.baseStyleSheet.set(e,t.sheet)}if(!this.mediaStyleSheet.has(e)){let t=e.getElementById("utility-classes-media");t||(t=e.createElement("style"),t.id="utility-classes-media",e.head.appendChild(t)),this.mediaStyleSheet.set(e,t.sheet)}if(!this.modifierStyleSheet.has(e)){let t=e.getElementById("utility-classes-modifier");t||(t=e.createElement("style"),t.id="utility-classes-modifier",e.head.appendChild(t)),this.modifierStyleSheet.set(e,t.sheet)}}addDocument(e){this.initStyleSheets(e);const t=Array.from(this.classCache.values());for(const{rules:r}of t)r.forEach(t=>{let{rule:r,context:n}=t;this.injectRuleToDocument(r,n,e)})}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e,t){void 0===t&&(t="base");for(const r of this.getAllRegisteredDocuments())this.injectRuleToDocument(e,t,r)}getAllRegisteredDocuments(){return Array.from(this.baseStyleSheet.keys())}addToCache(e,t,r){if(this.classCache.size>=this.maxCacheSize){const e=this.classCache.keys().next().value;e&&this.classCache.delete(e)}this.classCache.set(e,{className:t,rules:r})}getClassNames(e,t,r,n,o,a){void 0===r&&(r="base"),void 0===n&&(n=""),void 0===a&&(a=[]);let i=t;e.toLowerCase().includes("color")&&(i=o(t)),"number"==typeof i&&L.has(e)&&(i+="px");let s=i.toString().split(" ").join("-"),d=`${e}:${s}`;n&&"base"!==r&&(d=`${e}:${s}|${r}:${n}`);const c=this.classCache.get(d);if(c)return[c.className];let f=this.propertyShorthand[e];f||(f=e.replace(/([A-Z])/g,"-$1").toLowerCase());let l=`${f}-${s.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")}`,u=[l],m=[];const g=e.replace(/([A-Z])/g,"-$1").toLowerCase();let h=i;"number"==typeof h&&L.has(g)&&(h+="px");const p=e=>{const t=this.escapeClassName(e);switch(r){case"base":m.push({rule:`.${t} { ${g}: ${h}; }`,context:"base"});break;case"pseudo":m.push({rule:`.${t}:${n} { ${g}: ${h}; }`,context:"pseudo"});break;case"media":a.forEach(e=>{m.push({rule:`@media ${e} { .${t} { ${g}: ${h}; } }`,context:"media"}),!0===window.isResponsive&&m.push({rule:`.${n} { .${t} { ${g}: ${h}; } }`,context:"media"})})}};if("pseudo"===r&&n){const e=`${l}--${n}`;u=[e],p(e)}else if("media"===r&&n){const e=`${n}--${l}`;u=[e],p(e)}else p(l);return m.forEach(e=>{let{rule:t,context:r}=e;this.injectRule(t,r)}),this.addToCache(d,u[0],m),u}removeDocument(e){this.baseStyleSheet.delete(e),this.mediaStyleSheet.delete(e),this.modifierStyleSheet.delete(e)}clearCache(){this.classCache.clear()}clearStyleSheet(e){for(;e.cssRules.length>0;)e.deleteRule(0)}regenerateStyles(e){const t=this.baseStyleSheet.get(e),r=this.mediaStyleSheet.get(e),n=this.modifierStyleSheet.get(e);t&&this.clearStyleSheet(t),r&&this.clearStyleSheet(r),n&&this.clearStyleSheet(n);const o=Array.from(this.classCache.values());for(const{rules:t}of o)t.forEach(t=>{let{rule:r,context:n}=t;this.injectRuleToDocument(r,n,e)})}regenerateAllStyles(){for(const e of this.getAllRegisteredDocuments())this.regenerateStyles(e)}injectRuleToDocument(e,t,r){let n=null;switch(t){case"base":case"pseudo":n=this.baseStyleSheet.get(r)||null;break;case"media":n=this.mediaStyleSheet.get(r)||null;break;case"modifier":n=this.modifierStyleSheet.get(r)||null}if(n)try{n.insertRule(e,n.cssRules.length)}catch(t){console.error(`Error inserting CSS rule to document: "${e}"`,t)}}printStyles(e){console.group("Current styles for document:"),console.group("Base styles:");const t=this.baseStyleSheet.get(e);t&&Array.from(t.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.group("Media styles:");const r=this.mediaStyleSheet.get(e);r&&Array.from(r.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.group("Modifier styles:");const n=this.modifierStyleSheet.get(e);n&&Array.from(n.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.groupEnd()}}function $(e){const t={},r=new Set;function n(e){const t=e[0].toLowerCase(),n=e[e.length-1].toLowerCase();let o=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+n;o.length<2&&(o=e.slice(0,2).toLowerCase());let a=0,i=o;for(;r.has(i);)a++,i=o+e.slice(-a).toLowerCase();return r.add(i),i}for(const r of e)t[r]=n(r);return t}const A=new X($(k));function Y(e){const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const r=parseFloat(t[1]);return"s"===t[2]?1e3*r:r}function M(e){return e>=1e3&&e%1e3==0?e/1e3+"s":e+"ms"}const I=(e,t,r,o)=>{const a=[],i={},s=void 0!==e.height&&void 0!==e.width&&e.height===e.width?e.height:e.size||null;if(s){const e="number"==typeof s?s+"px":s;i.width=e,i.height=e}if(e.paddingHorizontal){const t="number"==typeof e.paddingHorizontal?e.paddingHorizontal+"px":e.paddingHorizontal;i.paddingLeft=t,i.paddingRight=t}if(e.marginHorizontal){const t="number"==typeof e.marginHorizontal?e.marginHorizontal+"px":e.marginHorizontal;i.marginLeft=t,i.marginRight=t}if(e.paddingVertical){const t="number"==typeof e.paddingVertical?e.paddingVertical+"px":e.paddingVertical;i.paddingTop=t,i.paddingBottom=t}if(e.marginVertical){const t="number"==typeof e.marginVertical?e.marginVertical+"px":e.marginVertical;i.marginTop=t,i.marginBottom=t}if(e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==E[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,E[t]){const{shadowColor:e,shadowOpacity:r,shadowOffset:o,shadowRadius:a}=E[t],s=`rgba(${n.hex.rgb(e).join(",")}, ${r})`;i.boxShadow=`${o.height}px ${o.width}px ${a}px ${s}`}}if(e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate],r=[],n=[],o=[],a=[],s=[],d=[],c=[],f=[];let l=0;t.forEach(e=>{const{keyframesName:t,keyframes:i}=j(e);i&&"undefined"!=typeof document&&A.injectRule(i),r.push(t);const u=Y(e.duration||"0s"),m=Y(e.delay||"0s"),g=l+m;l=g+u,n.push(M(u)),o.push(e.timingFunction||"ease"),a.push(M(g)),s.push(void 0!==e.iterationCount?""+e.iterationCount:"1"),d.push(e.direction||"normal"),c.push(e.fillMode||"none"),f.push(e.playState||"running")}),i.animationName=r.join(", "),i.animationDuration=n.join(", "),i.animationTimingFunction=o.join(", "),i.animationDelay=a.join(", "),i.animationIterationCount=s.join(", "),i.animationDirection=d.join(", "),i.animationFillMode=c.join(", "),i.animationPlayState=f.join(", ")}const d=function(e,n,i){void 0===n&&(n="base"),void 0===i&&(i=""),Object.keys(e).forEach(s=>{const d=e[s];let c=[];if("media"===n&&(r[i]?c=[r[i]]:o[i]&&(c=o[i].map(e=>r[e]).filter(e=>e))),void 0!==d&&""!==d){const e=A.getClassNames(s,d,n,i,t,c);a.push(...e)}})};return d(i,"base"),Object.keys(e).forEach(r=>{if("style"!==r&&(C(r)||["on","media"].includes(r))){const n=e[r];if("object"==typeof n&&null!==n)"on"===r?Object.keys(n).forEach(e=>{const t=n[e],{animate:r,...o}=t;if(r){const e=Array.isArray(r)?r:[r],t=[],n=[],a=[],i=[],s=[],d=[],c=[],f=[];e.forEach(e=>{const{keyframesName:r,keyframes:o}=j(e);o&&"undefined"!=typeof document&&A.injectRule(o),t.push(r),n.push(e.duration||"0s"),a.push(e.timingFunction||"ease"),i.push(e.delay||"0s"),s.push(void 0!==e.iterationCount?""+e.iterationCount:"1"),d.push(e.direction||"normal"),c.push(e.fillMode||"none"),f.push(e.playState||"running")});const l={animationName:t.join(", "),animationDuration:n.join(", "),animationTimingFunction:a.join(", "),animationDelay:i.join(", "),animationIterationCount:s.join(", "),animationDirection:d.join(", "),animationFillMode:c.join(", "),animationPlayState:f.join(", ")};Object.assign(o,l)}if(Object.keys(o).length>0){const t=(e=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[e]||null))(e);t&&d(o,"pseudo",t)}}):"media"===r&&Object.keys(n).forEach(e=>{d(n[e],"media",e)});else if(void 0!==n&&""!==n){const e=A.getClassNames(r,n,"base","",t,[]);a.push(...e)}}}),a},z=t.createContext({}),T=()=>t.useContext(z),D=r.memo(t.forwardRef((e,n)=>{let{as:o="div",...a}=e;(a.onClick||a.onPress)&&null==a.cursor&&(a.cursor="pointer");const{onPress:i,...s}=a,{getColor:d,themeMode:c}=l(),{trackEvent:f}=T(),{mediaQueries:u,devices:m}=w(),g=a.themeMode?a.themeMode:c,h=t.useMemo(()=>I(s,e=>d(e,g),u,m),[s,u,m,g]),p={ref:n};if(i&&(p.onClick=i),h.length>0&&(p.className=h.join(" ")),f&&a.onClick){let e,t;e="string"==typeof o?o:o.displayName||o.name||"div","string"==typeof a.children&&(t=a.children.slice(0,100)),p.onClick=r=>{f({type:"click",target:"div"!==e?e:void 0,text:t}),a.onClick&&a.onClick(r)}}const{style:b,children:y,...v}=s;return Object.keys(v).forEach(e=>{(!x.has(e)&&!C(e)||S.has(e))&&(p[e]=v[e])}),b&&(p.style=b),r.createElement(o,Object.assign({},p),y)})),H=r.forwardRef((e,t)=>r.createElement(D,Object.assign({},e,{ref:t}))),W=r.forwardRef((e,t)=>r.createElement(D,Object.assign({display:"flex",flexDirection:"row"},e,{ref:t}))),B=r.forwardRef((e,t)=>r.createElement(D,Object.assign({display:"flex",flexDirection:"column"},e,{ref:t}))),P=r.forwardRef((e,t)=>{let{media:n={},...o}=e;return r.createElement(W,Object.assign({media:{...n,mobile:{...n.mobile,flexDirection:"column"}}},o,{ref:t}))}),N=r.forwardRef((e,t)=>{let{media:n={},...o}=e;return r.createElement(B,Object.assign({media:{...n,mobile:{...n.mobile,flexDirection:"row"}}},o,{ref:t}))}),V=r.forwardRef((e,t)=>r.createElement(D,Object.assign({},e,{ref:t}))),G=r.forwardRef((e,t)=>r.createElement(D,Object.assign({overflow:"auto"},e,{ref:t}))),U=r.forwardRef((e,t)=>r.createElement(D,Object.assign({},e,{ref:t}))),_=r.forwardRef((e,t)=>r.createElement(D,Object.assign({as:"span"},e,{ref:t}))),q=r.forwardRef((e,t)=>r.createElement(D,Object.assign({as:"img"},e,{ref:t}))),Q=r.forwardRef((e,t)=>{let{src:n,...o}=e;return r.createElement(D,Object.assign({backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},o,{ref:t}))}),Z=r.forwardRef((e,t)=>{const{toUpperCase:n,children:o,...a}=e,i=n&&"string"==typeof o?o.toUpperCase():o;return r.createElement(D,Object.assign({as:"span"},a,{ref:t}),i)}),J=r.forwardRef((e,t)=>r.createElement(D,Object.assign({as:"form"},e,{ref:t}))),K=r.forwardRef((e,t)=>r.createElement(D,Object.assign({as:"input"},e,{ref:t}))),ee=r.forwardRef((e,t)=>r.createElement(D,Object.assign({as:"button"},e,{ref:t}))),te=e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:n="infinite",...o}=e;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,iterationCount:n,...o}};var re={__proto__:null,fadeIn:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:r,...n}},fadeOut:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=e;return{from:{opacity:1},to:{opacity:0},duration:t,timingFunction:r,...n}},slideInLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...n}},slideInRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...n}},slideInDown:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...n}},slideInUp:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...n}},bounce:e=>{let{duration:t="2s",timingFunction:r="ease",iterationCount:n="infinite",...o}=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:r,iterationCount:n,...o}},rotate:e=>{let{duration:t="1s",timingFunction:r="linear",iterationCount:n="infinite",...o}=e;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:t,timingFunction:r,iterationCount:n,...o}},pulse:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",iterationCount:n="infinite",...o}=e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,iterationCount:n,...o}},zoomIn:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,...n}},zoomOut:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:t,timingFunction:r,...n}},flash:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=e;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:t,iterationCount:r,...n}},shake:e=>{let{duration:t="0.5s",iterationCount:r="infinite",...n}=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:r,...n}},swing:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},rubberBand:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",...n}=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:r,...n}},wobble:e=>{let{duration:t="1s",...r}=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,...r}},flip:e=>{let{duration:t="1s",...r}=e;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:t,...r}},heartBeat:e=>{let{duration:t="1.3s",iterationCount:r="infinite",...n}=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:r,...n}},rollIn:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:t,...r}},rollOut:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:t,...r}},lightSpeedIn:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=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:r,...n}},lightSpeedOut:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=e;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:t,timingFunction:r,...n}},hinge:e=>{let{duration:t="2s",timingFunction:r="ease-in-out",...n}=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:r,...n}},jackInTheBox:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=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:r,...n}},flipInX:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},flipInY:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},headShake:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},tada:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},jello:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},fadeInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=e;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...n}},fadeInUp:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=e;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...n}},bounceIn:e=>{let{duration:t="0.75s",timingFunction:r="ease-in",...n}=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:r,...n}},bounceOut:e=>{let{duration:t="0.75s",timingFunction:r="ease-out",...n}=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:r,...n}},slideOutLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...n}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:t,timingFunction:r,...n}},slideOutRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...n}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,...n}},zoomInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=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:r,...n}},zoomOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},backInDown:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},backOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=e;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:t,timingFunction:r,...n}},shimmer:te,progress:e=>{let{duration:t="2s",timingFunction:r="linear",direction:n="forwards",from:o={width:"0%"},to:a={width:"100%"},...i}=e;return{from:o,to:a,duration:t,timingFunction:r,direction:n,...i}},typewriter:e=>{let{duration:t="10s",steps:r=10,iterationCount:n=1,width:o=0,...a}=e;return{from:{width:"0px"},to:{width:o+"px"},timingFunction:`steps(${r})`,duration:t,iterationCount:n,...a}},blinkCursor:e=>{let{duration:t="0.75s",timingFunction:r="step-end",iterationCount:n="infinite",color:o="black",...a}=e;return{from:{color:o},to:{color:o},"0%":{color:o},"50%":{color:"transparent"},"100%":{color:o},duration:t,timingFunction:r,iterationCount:n,...a}}};const ne=r.memo(e=>{let{duration:t="2s",timingFunction:n="linear",iterationCount:o="infinite",...a}=e;return r.createElement(H,Object.assign({backgroundColor:"color.black.300"},a,{overflow:"hidden"}),r.createElement(H,{position:"relative",inset:0,width:"100%",height:"100%",animate:te({duration:t,timingFunction:n,iterationCount:o}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),oe=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,ae=!oe(),ie=e=>{t.useEffect(()=>{e()},[])},se=(e,t,r)=>{const n=window.matchMedia(t),o=()=>{n.matches&&r(e)};return n.addListener(o),n.matches&&r(e),()=>{n.removeListener(o)}};exports.AnalyticsContext=z,exports.AnalyticsProvider=e=>{let{trackEvent:t,children:n}=e;return r.createElement(z.Provider,{value:{trackEvent:t}},n)},exports.Animation=re,exports.Button=ee,exports.Div=U,exports.Element=D,exports.Form=J,exports.Horizontal=W,exports.HorizontalResponsive=P,exports.Image=q,exports.ImageBackground=Q,exports.Input=K,exports.ResponsiveContext=b,exports.ResponsiveProvider=e=>{let{breakpoints:n=m,devices:o=g,children:a}=e;const[i,s]=t.useState("undefined"!=typeof window?{width:window.innerWidth,height:window.innerHeight,orientation:window.innerWidth>window.innerHeight?"landscape":"portrait"}:{width:n.xs,height:800,orientation:"portrait"}),d=t.useCallback(p(()=>{s({width:window.innerWidth,height:window.innerHeight,orientation:window.innerWidth>window.innerHeight?"landscape":"portrait"})},150),[]);t.useEffect(()=>{if("undefined"!=typeof window)return window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[d]);const c=t.useMemo(()=>((e,t)=>{const r=Object.keys(t).map(e=>({breakpoint:e,min:t[e]})).sort((e,t)=>e.min-t.min);let n=r[0].breakpoint;for(let t=0;t<r.length&&e>=r[t].min;t++)n=r[t].breakpoint;return n})(i.width,n),[i.width,n]),f=t.useMemo(()=>((e,t)=>{for(const r in t)if(t[r].includes(e))return r;return"desktop"})(c,o),[c,o]),l=t.useMemo(()=>h(n),[n]),u=t.useMemo(()=>({breakpoints:n,devices:o,mediaQueries:l,currentWidth:i.width,currentHeight:i.height,currentBreakpoint:c,currentDevice:f,orientation:i.orientation}),[n,o,l,i.width,i.height,c,f,i.orientation]);return r.createElement(b.Provider,{value:u},a)},exports.SafeArea=G,exports.Scroll=V,exports.Shadows=E,exports.Skeleton=ne,exports.Span=_,exports.Text=Z,exports.ThemeContext=f,exports.ThemeProvider=e=>{let{theme:n=c,mode:i="light",dark:l={main:d,palette:a},light:m={main:s,palette:o},children:g}=e;const[h,p]=t.useState(i);t.useEffect(()=>{p(i)},[i]);const b=u(c,n),w={light:u({main:s,palette:o},m),dark:u({main:d,palette:a},l)},y=function(e,t){if(void 0===t&&(t="light"),"transparent"===e)return e;try{if(e.startsWith("theme.")){const r=e.split(".");let n=b;for(let t=1;t<r.length;t++)if(n=n[r[t]],void 0===n)return e;return"string"==typeof n?y(n,t):e}if(e.startsWith("color.")){const r=e.split(".");if(2===r.length){const n=r[1],o=w[t].main[n];return"string"==typeof o?o:(console.warn(`Color "${n}" is not a singleton color.`),e)}if(3===r.length){const[e,n]=r.splice(1);if(w[t].palette[e][Number(n)])return w[t].palette[e][Number(n)];console.warn(`Color "${e}" with shade "${n}" not found.`)}}}catch(e){console.error("Error fetching color:",e)}return e};return t.useEffect(()=>{"undefined"!=typeof document&&document.body.setAttribute("data-theme",h)},[h]),r.createElement(f.Provider,{value:{getColor:y,theme:b,themeMode:h,setThemeMode:p}},g)},exports.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}},exports.Vertical=B,exports.VerticalResponsive=N,exports.View=H,exports.createQuery=se,exports.debounce=p,exports.defaultColors=i,exports.defaultDarkColors=d,exports.defaultDarkPalette=a,exports.defaultLightColors=s,exports.defaultLightPalette=o,exports.defaultThemeMain=c,exports.extractUtilityClasses=I,exports.getWindowInitialProps=()=>oe()?window.g_initialProps:void 0,exports.isBrowser=oe,exports.isDev=function(){let e=!1;return oe()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},exports.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},exports.isProd=function(){return!!(oe()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},exports.isSSR=ae,exports.useActive=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1),a=()=>r(!0),i=()=>r(!1);return e.addEventListener("mousedown",t),e.addEventListener("mouseup",o),e.addEventListener("mouseleave",o),e.addEventListener("touchstart",a),e.addEventListener("touchend",i),()=>{e.removeEventListener("mousedown",t),e.removeEventListener("mouseup",o),e.removeEventListener("mouseleave",o),e.removeEventListener("touchstart",a),e.removeEventListener("touchend",i)}},[]),[n,e]},exports.useAnalytics=T,exports.useClickOutside=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=e=>{n.current&&!n.current.contains(e.target)?r(!0):r(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),[n,e]},exports.useFocus=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1);return e.addEventListener("focus",t),e.addEventListener("blur",o),()=>{e.removeEventListener("focus",t),e.removeEventListener("blur",o)}},[]),[n,e]},exports.useHover=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1);return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",o),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",o)}},[]),[n,e]},exports.useInfiniteScroll=function(e,r){void 0===r&&(r={});const[n,o]=t.useState(null),a=t.useRef(e),i=t.useRef();return t.useEffect(()=>{a.current=e},[e]),t.useEffect(()=>{if(!n||r.isLoading)return;const e=new IntersectionObserver(e=>{e[0].isIntersecting&&(r.debounceMs?(i.current&&clearTimeout(i.current),i.current=setTimeout(a.current,r.debounceMs)):a.current())},{threshold:r.threshold??0,root:r.root??null,rootMargin:r.rootMargin??"0px"});return e.observe(n),()=>{e.disconnect(),i.current&&clearTimeout(i.current)}},[n,r.threshold,r.isLoading,r.root,r.rootMargin,r.debounceMs]),{sentinelRef:o}},exports.useKeyPress=function(e){const[r,n]=t.useState(!1);return t.useEffect(()=>{const t=t=>{t.key===e&&n(!0)},r=t=>{t.key===e&&n(!1)};return window.addEventListener("keydown",t),window.addEventListener("keyup",r),()=>{window.removeEventListener("keydown",t),window.removeEventListener("keyup",r)}},[e]),r},exports.useMount=ie,exports.useOnScreen=function(e){const r=t.useRef(null),[n,o]=t.useState(!1);return t.useEffect(()=>{const t=r.current;if(!t)return;const n=new IntersectionObserver(e=>{let[t]=e;o(t.isIntersecting)},e);return n.observe(t),()=>{n.unobserve(t)}},[e]),[r,n]},exports.useResponsive=()=>{const{breakpoints:e,devices:r,mediaQueries:n}=w(),[o,a]=t.useState("xs"),[i,s]=t.useState("landscape");return ie(()=>{for(const e in n)se(e,n[e],a);se("landscape","only screen and (orientation: landscape)",s),se("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:e,devices:r,orientation:i,screen:o,on:e=>void 0!==r[e]?r[e].includes(o):e==o,is:e=>void 0!==r[e]?r[e].includes(o):e==o}},exports.useResponsiveContext=w,exports.useScroll=function(e){let{container:r,offset:n=[0,0],throttleMs:o=0,disabled:a=!1}=void 0===e?{}:e;const[i,s]=t.useState({x:0,y:0,xProgress:0,yProgress:0}),d=t.useRef(0),c=t.useRef(),f=t.useCallback(()=>{if(a)return;const e=Date.now();if(o>0&&e-d.current<o)return void(c.current=requestAnimationFrame(f));const t=(e=>{if(e instanceof Window){const e=document.documentElement;return{scrollHeight:Math.max(e.scrollHeight,e.offsetHeight),scrollWidth:Math.max(e.scrollWidth,e.offsetWidth),clientHeight:window.innerHeight,clientWidth:window.innerWidth,scrollTop:window.scrollY,scrollLeft:window.scrollX}}return{scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,clientHeight:e.clientHeight,clientWidth:e.clientWidth,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}})(r&&r.current?r.current:window),i=t.scrollLeft+n[0],l=t.scrollTop+n[1],u=t.scrollWidth-t.clientWidth,m=t.scrollHeight-t.clientHeight,g=u<=0?1:Math.min(Math.max(i/u,0),1),h=m<=0?1:Math.min(Math.max(l/m,0),1);s(t=>t.x!==i||t.y!==l||t.xProgress!==g||t.yProgress!==h?(d.current=e,{x:i,y:l,xProgress:g,yProgress:h}):t)},[r,n,o,a]);return t.useEffect(()=>{if(a)return;const e=r&&r.current?r.current:window;f();const t={passive:!0};return e.addEventListener("scroll",f,t),window.addEventListener("resize",f,t),()=>{e.removeEventListener("scroll",f),window.removeEventListener("resize",f),c.current&&cancelAnimationFrame(c.current)}},[f,r,a]),i},exports.useScrollAnimation=function(e,r){void 0===r&&(r={});const[n,o]=t.useState(!1),[a,i]=t.useState(0);return t.useEffect(()=>{const t=e.current;if(!t)return;const n=new IntersectionObserver(e=>{const t=e[0];o(t.isIntersecting),i(t.intersectionRatio),r.onIntersectionChange&&r.onIntersectionChange(t.isIntersecting,t.intersectionRatio)},{threshold:r.threshold??0,rootMargin:r.rootMargin??"0px",root:r.root??null});return n.observe(t),()=>n.disconnect()},[e,r.threshold,r.rootMargin,r.root,r.onIntersectionChange]),{isInView:n,progress:a}},exports.useScrollDirection=function(e){void 0===e&&(e=5);const[r,n]=t.useState("up"),o=t.useRef(0),a=t.useRef("up"),i=t.useRef(),s=t.useRef(!1);return t.useEffect(()=>{const t=()=>{s.current||(i.current=requestAnimationFrame(()=>{(()=>{const t=window.scrollY||document.documentElement.scrollTop,r=t>o.current?"down":"up",i=Math.abs(t-o.current),d=window.innerHeight+t>=document.documentElement.scrollHeight-1;(i>e||"down"===r&&d)&&r!==a.current&&(a.current=r,n(r)),o.current=Math.max(t,0),s.current=!1})(),s.current=!1}),s.current=!0)};return window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t),i.current&&cancelAnimationFrame(i.current)}},[e]),r},exports.useSmoothScroll=()=>t.useCallback((function(e,t){if(void 0===t&&(t=0),e)try{const r=e.getBoundingClientRect().top+(window.scrollY||window.pageYOffset)-t;"scrollBehavior"in document.documentElement.style?window.scrollTo({top:r,behavior:"smooth"}):window.scrollTo(0,r)}catch(e){console.error("Error during smooth scroll:",e)}}),[]),exports.useTheme=l,exports.useWindowSize=function(){const[e,r]=t.useState({width:window.innerWidth,height:window.innerHeight});return t.useEffect(()=>{const e=()=>{r({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e},exports.utilityClassManager=A;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(t),n=e(require("color-convert"));const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},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"}},a={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},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:"#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"}},i={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",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s={...i,dark:"#a1a1aa",white:"#FFFFFF",black:"#000000"},c={...i,dark:"#adb5bd",white:"#000000",black:"#FFFFFF"},d={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"},f=t.createContext({getColor:e=>e,theme:d,themeMode:"light",setThemeMode:()=>{}}),l=()=>t.useContext(f),u=(e,t)=>{if("object"!=typeof t||null===t)return e;const r={...e};for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n],a=e[n];r[n]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:u(a||{},o)}return r},m={xs:0,sm:340,md:560,lg:1080,xl:1300},g={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},h=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 r={};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)`),r[e.breakpoint]=t.trim()}),r},p=(e,t)=>{let r;return function(){for(var n=arguments.length,o=new Array(n),a=0;a<n;a++)o[a]=arguments[a];clearTimeout(r),r=setTimeout(()=>e(...o),t)}},b=t.createContext({breakpoints:m,devices:g,mediaQueries:h(m),currentWidth:0,currentHeight:0,currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"}),w=()=>t.useContext(b),y=new Set(["numberOfLines","fontWeight","timeStamp","flex","flexGrow","flexShrink","order","zIndex","aspectRatio","shadowOpacity","shadowRadius","scale","opacity","min","max","now"]),x=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),v=new Set(["on","shadow","only","media","css"]),S=new Set(["src","alt","style","as"]),F=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","opacity","border","borderWidth","borderStyle","borderColor","borderRadius","borderTop","borderRight","borderBottom","borderLeft","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","boxShadow","textShadow","transform","transition","animation","filter","backdropFilter","display","visibility","overflow","overflowX","overflowY","float","clear","objectFit","objectPosition","cursor","pointerEvents","userSelect","resize","size","shadow","textJustify","lineClamp","textIndent","perspective"]),C=e=>F.has(e)||v.has(e)||/^(webkit|moz|ms|o)[A-Z]/.test(e)||e.startsWith("--")||e.startsWith("data-style-")&&!S.has(e),k=Array.from(F),E={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}};let R=0;const O=new Map,j=e=>{const{...t}=e,r=JSON.stringify(t);if(O.has(r))return{keyframesName:O.get(r),keyframes:""};const n="animation-"+R++;O.set(r,n);const o=[];return Object.keys(t).sort((e,t)=>{const r=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return r(e)-r(t)}).forEach(e=>{var r;o.push(`${"enter"===e?"to":e} { ${r=t[e],Object.entries(r).filter(e=>{let[t]=e;return C(t)}).map(e=>{let[t,r]=e;return`${n=t,n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}: ${((e,t,r)=>null==t?"":"number"==typeof t?y.has(e)?t:t+"px":e.toLowerCase().indexOf("color")>=0||"fill"===e||"stroke"===e?t:Array.isArray(t)?t.join(" "):"object"==typeof t?JSON.stringify(t):t)(t,r)};`;var n}).join(" ")} }`)}),{keyframesName:n,keyframes:`\n    @keyframes ${n} {\n      ${o.join("\n")}\n    }\n  `}},L=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"]);class X{constructor(e,t){void 0===t&&(t=1e4),this.baseStyleSheet=new Map,this.mediaStyleSheet=new Map,this.modifierStyleSheet=new Map,this.classCache=new Map,this.mainDocument=null,this.propertyShorthand=e,this.maxCacheSize=t,"undefined"!=typeof document&&(this.mainDocument=document,this.initStyleSheets(document))}initStyleSheets(e){if(!this.baseStyleSheet.has(e)){let t=e.getElementById("utility-classes-base");t||(t=e.createElement("style"),t.id="utility-classes-base",e.head.appendChild(t)),this.baseStyleSheet.set(e,t.sheet)}if(!this.mediaStyleSheet.has(e)){let t=e.getElementById("utility-classes-media");t||(t=e.createElement("style"),t.id="utility-classes-media",e.head.appendChild(t)),this.mediaStyleSheet.set(e,t.sheet)}if(!this.modifierStyleSheet.has(e)){let t=e.getElementById("utility-classes-modifier");t||(t=e.createElement("style"),t.id="utility-classes-modifier",e.head.appendChild(t)),this.modifierStyleSheet.set(e,t.sheet)}}getMainDocumentRules(){if(!this.mainDocument)return[];const e=[],t=this.baseStyleSheet.get(this.mainDocument);t&&Array.from(t.cssRules).forEach(t=>{e.push({cssText:t.cssText,context:"base"})});const r=this.mediaStyleSheet.get(this.mainDocument);r&&Array.from(r.cssRules).forEach(t=>{e.push({cssText:t.cssText,context:"media"})});const n=this.modifierStyleSheet.get(this.mainDocument);return n&&Array.from(n.cssRules).forEach(t=>{e.push({cssText:t.cssText,context:"modifier"})}),e}addDocument(e){e!==this.mainDocument&&(this.initStyleSheets(e),this.clearStylesFromDocument(e),this.getMainDocumentRules().forEach(t=>{let{cssText:r,context:n}=t;this.injectRuleToDocument(r,n,e)}))}clearStylesFromDocument(e){const t=this.baseStyleSheet.get(e),r=this.mediaStyleSheet.get(e),n=this.modifierStyleSheet.get(e);t&&this.clearStyleSheet(t),r&&this.clearStyleSheet(r),n&&this.clearStyleSheet(n)}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e,t){void 0===t&&(t="base"),this.mainDocument&&this.injectRuleToDocument(e,t,this.mainDocument);for(const r of this.getAllRegisteredDocuments())r!==this.mainDocument&&this.injectRuleToDocument(e,t,r)}getAllRegisteredDocuments(){return Array.from(this.baseStyleSheet.keys())}addToCache(e,t,r){if(this.classCache.size>=this.maxCacheSize){const e=this.classCache.keys().next().value;e&&this.classCache.delete(e)}this.classCache.set(e,{className:t,rules:r})}getClassNames(e,t,r,n,o,a){void 0===r&&(r="base"),void 0===n&&(n=""),void 0===a&&(a=[]);let i=t;e.toLowerCase().includes("color")&&(i=o(t)),"number"==typeof i&&L.has(e)&&(i+="px");let s=i.toString().split(" ").join("-"),c=`${e}:${s}`;n&&"base"!==r&&(c=`${e}:${s}|${r}:${n}`);const d=this.classCache.get(c);if(d)return[d.className];let f=this.propertyShorthand[e];f||(f=e.replace(/([A-Z])/g,"-$1").toLowerCase());let l=`${f}-${s.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")}`,u=[l],m=[];const g=e.replace(/([A-Z])/g,"-$1").toLowerCase();let h=i;"number"==typeof h&&L.has(g)&&(h+="px");const p=e=>{const t=this.escapeClassName(e);switch(r){case"base":m.push({rule:`.${t} { ${g}: ${h}; }`,context:"base"});break;case"pseudo":m.push({rule:`.${t}:${n} { ${g}: ${h}; }`,context:"pseudo"});break;case"media":a.forEach(e=>{m.push({rule:`@media ${e} { .${t} { ${g}: ${h}; } }`,context:"media"})})}};if("pseudo"===r&&n){const e=`${l}--${n}`;u=[e],p(e)}else if("media"===r&&n){const e=`${n}--${l}`;u=[e],p(e)}else p(l);return m.forEach(e=>{let{rule:t,context:r}=e;this.injectRule(t,r)}),this.addToCache(c,u[0],m),u}removeDocument(e){e!==this.mainDocument&&(this.baseStyleSheet.delete(e),this.mediaStyleSheet.delete(e),this.modifierStyleSheet.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:r}of t)r.forEach(t=>{let{rule:r,context:n}=t;this.injectRuleToDocument(r,n,e)})}else this.addDocument(e)}regenerateAllStyles(){for(const e of this.getAllRegisteredDocuments())this.regenerateStyles(e)}injectRuleToDocument(e,t,r){let n=null;switch(t){case"base":case"pseudo":n=this.baseStyleSheet.get(r)||null;break;case"media":n=this.mediaStyleSheet.get(r)||null;break;case"modifier":n=this.modifierStyleSheet.get(r)||null}if(n)try{n.insertRule(e,n.cssRules.length)}catch(t){console.error(`Error inserting CSS rule to document: "${e}"`,t)}}printStyles(e){console.group("Current styles for document:"),console.group("Base styles:");const t=this.baseStyleSheet.get(e);t&&Array.from(t.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.group("Media styles:");const r=this.mediaStyleSheet.get(e);r&&Array.from(r.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.group("Modifier styles:");const n=this.modifierStyleSheet.get(e);n&&Array.from(n.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.groupEnd()}}function D(e){const t={},r=new Set;function n(e){const t=e[0].toLowerCase(),n=e[e.length-1].toLowerCase();let o=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+n;o.length<2&&(o=e.slice(0,2).toLowerCase());let a=0,i=o;for(;r.has(i);)a++,i=o+e.slice(-a).toLowerCase();return r.add(i),i}for(const r of e)t[r]=n(r);return t}const A=new X(D(k));function $(e){const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const r=parseFloat(t[1]);return"s"===t[2]?1e3*r:r}function Y(e){return e>=1e3&&e%1e3==0?e/1e3+"s":e+"ms"}const T=(e,t,r,o)=>{const a=[],i={},s=void 0!==e.height&&void 0!==e.width&&e.height===e.width?e.height:e.size||null;if(s){const e="number"==typeof s?s+"px":s;i.width=e,i.height=e}if(e.paddingHorizontal){const t="number"==typeof e.paddingHorizontal?e.paddingHorizontal+"px":e.paddingHorizontal;i.paddingLeft=t,i.paddingRight=t}if(e.marginHorizontal){const t="number"==typeof e.marginHorizontal?e.marginHorizontal+"px":e.marginHorizontal;i.marginLeft=t,i.marginRight=t}if(e.paddingVertical){const t="number"==typeof e.paddingVertical?e.paddingVertical+"px":e.paddingVertical;i.paddingTop=t,i.paddingBottom=t}if(e.marginVertical){const t="number"==typeof e.marginVertical?e.marginVertical+"px":e.marginVertical;i.marginTop=t,i.marginBottom=t}if(e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==E[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,E[t]){const{shadowColor:e,shadowOpacity:r,shadowOffset:o,shadowRadius:a}=E[t],s=`rgba(${n.hex.rgb(e).join(",")}, ${r})`;i.boxShadow=`${o.height}px ${o.width}px ${a}px ${s}`}}if(e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate],r=[],n=[],o=[],a=[],s=[],c=[],d=[],f=[];let l=0;t.forEach(e=>{const{keyframesName:t,keyframes:i}=j(e);i&&"undefined"!=typeof document&&A.injectRule(i),r.push(t);const u=$(e.duration||"0s"),m=$(e.delay||"0s"),g=l+m;l=g+u,n.push(Y(u)),o.push(e.timingFunction||"ease"),a.push(Y(g)),s.push(void 0!==e.iterationCount?""+e.iterationCount:"1"),c.push(e.direction||"normal"),d.push(e.fillMode||"none"),f.push(e.playState||"running")}),i.animationName=r.join(", "),i.animationDuration=n.join(", "),i.animationTimingFunction=o.join(", "),i.animationDelay=a.join(", "),i.animationIterationCount=s.join(", "),i.animationDirection=c.join(", "),i.animationFillMode=d.join(", "),i.animationPlayState=f.join(", ")}const c=function(e,n,i){void 0===n&&(n="base"),void 0===i&&(i=""),Object.keys(e).forEach(s=>{const c=e[s];let d=[];if("media"===n&&(r[i]?d=[r[i]]:o[i]&&(d=o[i].map(e=>r[e]).filter(e=>e))),void 0!==c&&""!==c){const e=A.getClassNames(s,c,n,i,t,d);a.push(...e)}})};return c(i,"base"),Object.keys(e).forEach(r=>{if("style"!==r&&(C(r)||["on","media"].includes(r))){const n=e[r];if("object"==typeof n&&null!==n)"on"===r?Object.keys(n).forEach(e=>{const t=n[e],{animate:r,...o}=t;if(r){const e=Array.isArray(r)?r:[r],t=[],n=[],a=[],i=[],s=[],c=[],d=[],f=[];e.forEach(e=>{const{keyframesName:r,keyframes:o}=j(e);o&&"undefined"!=typeof document&&A.injectRule(o),t.push(r),n.push(e.duration||"0s"),a.push(e.timingFunction||"ease"),i.push(e.delay||"0s"),s.push(void 0!==e.iterationCount?""+e.iterationCount:"1"),c.push(e.direction||"normal"),d.push(e.fillMode||"none"),f.push(e.playState||"running")});const l={animationName:t.join(", "),animationDuration:n.join(", "),animationTimingFunction:a.join(", "),animationDelay:i.join(", "),animationIterationCount:s.join(", "),animationDirection:c.join(", "),animationFillMode:d.join(", "),animationPlayState:f.join(", ")};Object.assign(o,l)}if(Object.keys(o).length>0){const t=(e=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[e]||null))(e);t&&c(o,"pseudo",t)}}):"media"===r&&Object.keys(n).forEach(e=>{c(n[e],"media",e)});else if(void 0!==n&&""!==n){const e=A.getClassNames(r,n,"base","",t,[]);a.push(...e)}}}),a},M=t.createContext({}),I=()=>t.useContext(M),z=r.memo(t.forwardRef((e,n)=>{let{as:o="div",...a}=e;(a.onClick||a.onPress)&&null==a.cursor&&(a.cursor="pointer");const{onPress:i,...s}=a,{getColor:c,themeMode:d}=l(),{trackEvent:f}=I(),{mediaQueries:u,devices:m}=w(),g=a.themeMode?a.themeMode:d,h=t.useMemo(()=>T(s,e=>c(e,g),u,m),[s,u,m,g]),p={ref:n};if(i&&(p.onClick=i),h.length>0&&(p.className=h.join(" ")),f&&a.onClick){let e,t;e="string"==typeof o?o:o.displayName||o.name||"div","string"==typeof a.children&&(t=a.children.slice(0,100)),p.onClick=r=>{f({type:"click",target:"div"!==e?e:void 0,text:t}),a.onClick&&a.onClick(r)}}const{style:b,children:y,...v}=s;return Object.keys(v).forEach(e=>{(!x.has(e)&&!C(e)||S.has(e))&&(p[e]=v[e])}),b&&(p.style=b),r.createElement(o,Object.assign({},p),y)})),H=r.forwardRef((e,t)=>r.createElement(z,Object.assign({},e,{ref:t}))),W=r.forwardRef((e,t)=>r.createElement(z,Object.assign({display:"flex",flexDirection:"row"},e,{ref:t}))),B=r.forwardRef((e,t)=>r.createElement(z,Object.assign({display:"flex",flexDirection:"column"},e,{ref:t}))),P=r.forwardRef((e,t)=>{let{media:n={},...o}=e;return r.createElement(W,Object.assign({media:{...n,mobile:{...n.mobile,flexDirection:"column"}}},o,{ref:t}))}),N=r.forwardRef((e,t)=>{let{media:n={},...o}=e;return r.createElement(B,Object.assign({media:{...n,mobile:{...n.mobile,flexDirection:"row"}}},o,{ref:t}))}),V=r.forwardRef((e,t)=>r.createElement(z,Object.assign({},e,{ref:t}))),G=r.forwardRef((e,t)=>r.createElement(z,Object.assign({overflow:"auto"},e,{ref:t}))),U=r.forwardRef((e,t)=>r.createElement(z,Object.assign({},e,{ref:t}))),_=r.forwardRef((e,t)=>r.createElement(z,Object.assign({as:"span"},e,{ref:t}))),q=r.forwardRef((e,t)=>r.createElement(z,Object.assign({as:"img"},e,{ref:t}))),Q=r.forwardRef((e,t)=>{let{src:n,...o}=e;return r.createElement(z,Object.assign({backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},o,{ref:t}))}),Z=r.forwardRef((e,t)=>{const{toUpperCase:n,children:o,...a}=e,i=n&&"string"==typeof o?o.toUpperCase():o;return r.createElement(z,Object.assign({as:"span"},a,{ref:t}),i)}),J=r.forwardRef((e,t)=>r.createElement(z,Object.assign({as:"form"},e,{ref:t}))),K=r.forwardRef((e,t)=>r.createElement(z,Object.assign({as:"input"},e,{ref:t}))),ee=r.forwardRef((e,t)=>r.createElement(z,Object.assign({as:"button"},e,{ref:t}))),te=e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:n="infinite",...o}=e;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,iterationCount:n,...o}};var re={__proto__:null,fadeIn:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:r,...n}},fadeOut:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=e;return{from:{opacity:1},to:{opacity:0},duration:t,timingFunction:r,...n}},slideInLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...n}},slideInRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...n}},slideInDown:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...n}},slideInUp:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...n}},bounce:e=>{let{duration:t="2s",timingFunction:r="ease",iterationCount:n="infinite",...o}=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:r,iterationCount:n,...o}},rotate:e=>{let{duration:t="1s",timingFunction:r="linear",iterationCount:n="infinite",...o}=e;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:t,timingFunction:r,iterationCount:n,...o}},pulse:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",iterationCount:n="infinite",...o}=e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,iterationCount:n,...o}},zoomIn:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,...n}},zoomOut:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:t,timingFunction:r,...n}},flash:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=e;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:t,iterationCount:r,...n}},shake:e=>{let{duration:t="0.5s",iterationCount:r="infinite",...n}=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:r,...n}},swing:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},rubberBand:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",...n}=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:r,...n}},wobble:e=>{let{duration:t="1s",...r}=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,...r}},flip:e=>{let{duration:t="1s",...r}=e;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:t,...r}},heartBeat:e=>{let{duration:t="1.3s",iterationCount:r="infinite",...n}=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:r,...n}},rollIn:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:t,...r}},rollOut:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:t,...r}},lightSpeedIn:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=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:r,...n}},lightSpeedOut:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=e;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:t,timingFunction:r,...n}},hinge:e=>{let{duration:t="2s",timingFunction:r="ease-in-out",...n}=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:r,...n}},jackInTheBox:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=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:r,...n}},flipInX:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},flipInY:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},headShake:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},tada:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},jello:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},fadeInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=e;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...n}},fadeInUp:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=e;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...n}},bounceIn:e=>{let{duration:t="0.75s",timingFunction:r="ease-in",...n}=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:r,...n}},bounceOut:e=>{let{duration:t="0.75s",timingFunction:r="ease-out",...n}=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:r,...n}},slideOutLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...n}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:t,timingFunction:r,...n}},slideOutRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...n}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,...n}},zoomInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=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:r,...n}},zoomOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},backInDown:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},backOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=e;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:t,timingFunction:r,...n}},shimmer:te,progress:e=>{let{duration:t="2s",timingFunction:r="linear",direction:n="forwards",from:o={width:"0%"},to:a={width:"100%"},...i}=e;return{from:o,to:a,duration:t,timingFunction:r,direction:n,...i}},typewriter:e=>{let{duration:t="10s",steps:r=10,iterationCount:n=1,width:o=0,...a}=e;return{from:{width:"0px"},to:{width:o+"px"},timingFunction:`steps(${r})`,duration:t,iterationCount:n,...a}},blinkCursor:e=>{let{duration:t="0.75s",timingFunction:r="step-end",iterationCount:n="infinite",color:o="black",...a}=e;return{from:{color:o},to:{color:o},"0%":{color:o},"50%":{color:"transparent"},"100%":{color:o},duration:t,timingFunction:r,iterationCount:n,...a}}};const ne=r.memo(e=>{let{duration:t="2s",timingFunction:n="linear",iterationCount:o="infinite",...a}=e;return r.createElement(H,Object.assign({backgroundColor:"color.black.300"},a,{overflow:"hidden"}),r.createElement(H,{position:"relative",inset:0,width:"100%",height:"100%",animate:te({duration:t,timingFunction:n,iterationCount:o}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),oe=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,ae=!oe(),ie=e=>{t.useEffect(()=>{e()},[])},se=(e,t,r)=>{const n=window.matchMedia(t),o=()=>{n.matches&&r(e)};return n.addListener(o),n.matches&&r(e),()=>{n.removeListener(o)}};exports.AnalyticsContext=M,exports.AnalyticsProvider=e=>{let{trackEvent:t,children:n}=e;return r.createElement(M.Provider,{value:{trackEvent:t}},n)},exports.Animation=re,exports.Button=ee,exports.Div=U,exports.Element=z,exports.Form=J,exports.Horizontal=W,exports.HorizontalResponsive=P,exports.Image=q,exports.ImageBackground=Q,exports.Input=K,exports.ResponsiveContext=b,exports.ResponsiveProvider=e=>{let{breakpoints:n=m,devices:o=g,children:a}=e;const[i,s]=t.useState("undefined"!=typeof window?{width:window.innerWidth,height:window.innerHeight,orientation:window.innerWidth>window.innerHeight?"landscape":"portrait"}:{width:n.xs,height:800,orientation:"portrait"}),c=t.useCallback(p(()=>{s({width:window.innerWidth,height:window.innerHeight,orientation:window.innerWidth>window.innerHeight?"landscape":"portrait"})},150),[]);t.useEffect(()=>{if("undefined"!=typeof window)return window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[c]);const d=t.useMemo(()=>((e,t)=>{const r=Object.keys(t).map(e=>({breakpoint:e,min:t[e]})).sort((e,t)=>e.min-t.min);let n=r[0].breakpoint;for(let t=0;t<r.length&&e>=r[t].min;t++)n=r[t].breakpoint;return n})(i.width,n),[i.width,n]),f=t.useMemo(()=>((e,t)=>{for(const r in t)if(t[r].includes(e))return r;return"desktop"})(d,o),[d,o]),l=t.useMemo(()=>h(n),[n]),u=t.useMemo(()=>({breakpoints:n,devices:o,mediaQueries:l,currentWidth:i.width,currentHeight:i.height,currentBreakpoint:d,currentDevice:f,orientation:i.orientation}),[n,o,l,i.width,i.height,d,f,i.orientation]);return r.createElement(b.Provider,{value:u},a)},exports.SafeArea=G,exports.Scroll=V,exports.Shadows=E,exports.Skeleton=ne,exports.Span=_,exports.Text=Z,exports.ThemeContext=f,exports.ThemeProvider=e=>{let{theme:n=d,mode:i="light",dark:l={main:c,palette:a},light:m={main:s,palette:o},children:g}=e;const[h,p]=t.useState(i);t.useEffect(()=>{p(i)},[i]);const b=u(d,n),w={light:u({main:s,palette:o},m),dark:u({main:c,palette:a},l)},y=function(e,t){if(void 0===t&&(t="light"),"transparent"===e)return e;try{if(e.startsWith("theme.")){const r=e.split(".");let n=b;for(let t=1;t<r.length;t++)if(n=n[r[t]],void 0===n)return e;return"string"==typeof n?y(n,t):e}if(e.startsWith("color.")){const r=e.split(".");if(2===r.length){const n=r[1],o=w[t].main[n];return"string"==typeof o?o:(console.warn(`Color "${n}" is not a singleton color.`),e)}if(3===r.length){const[e,n]=r.splice(1);if(w[t].palette[e][Number(n)])return w[t].palette[e][Number(n)];console.warn(`Color "${e}" with shade "${n}" not found.`)}}}catch(e){console.error("Error fetching color:",e)}return e};return t.useEffect(()=>{"undefined"!=typeof document&&document.body.setAttribute("data-theme",h)},[h]),r.createElement(f.Provider,{value:{getColor:y,theme:b,themeMode:h,setThemeMode:p}},g)},exports.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}},exports.Vertical=B,exports.VerticalResponsive=N,exports.View=H,exports.createQuery=se,exports.debounce=p,exports.defaultColors=i,exports.defaultDarkColors=c,exports.defaultDarkPalette=a,exports.defaultLightColors=s,exports.defaultLightPalette=o,exports.defaultThemeMain=d,exports.extractUtilityClasses=T,exports.getWindowInitialProps=()=>oe()?window.g_initialProps:void 0,exports.isBrowser=oe,exports.isDev=function(){let e=!1;return oe()&&(e=!(-1===window.location.hostname.indexOf("localhost"))),e},exports.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},exports.isProd=function(){return!!(oe()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},exports.isSSR=ae,exports.useActive=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1),a=()=>r(!0),i=()=>r(!1);return e.addEventListener("mousedown",t),e.addEventListener("mouseup",o),e.addEventListener("mouseleave",o),e.addEventListener("touchstart",a),e.addEventListener("touchend",i),()=>{e.removeEventListener("mousedown",t),e.removeEventListener("mouseup",o),e.removeEventListener("mouseleave",o),e.removeEventListener("touchstart",a),e.removeEventListener("touchend",i)}},[]),[n,e]},exports.useAnalytics=I,exports.useClickOutside=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=e=>{n.current&&!n.current.contains(e.target)?r(!0):r(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),[n,e]},exports.useFocus=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1);return e.addEventListener("focus",t),e.addEventListener("blur",o),()=>{e.removeEventListener("focus",t),e.removeEventListener("blur",o)}},[]),[n,e]},exports.useHover=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1);return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",o),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",o)}},[]),[n,e]},exports.useInfiniteScroll=function(e,r){void 0===r&&(r={});const[n,o]=t.useState(null),a=t.useRef(e),i=t.useRef();return t.useEffect(()=>{a.current=e},[e]),t.useEffect(()=>{if(!n||r.isLoading)return;const e=new IntersectionObserver(e=>{e[0].isIntersecting&&(r.debounceMs?(i.current&&clearTimeout(i.current),i.current=setTimeout(a.current,r.debounceMs)):a.current())},{threshold:r.threshold??0,root:r.root??null,rootMargin:r.rootMargin??"0px"});return e.observe(n),()=>{e.disconnect(),i.current&&clearTimeout(i.current)}},[n,r.threshold,r.isLoading,r.root,r.rootMargin,r.debounceMs]),{sentinelRef:o}},exports.useKeyPress=function(e){const[r,n]=t.useState(!1);return t.useEffect(()=>{const t=t=>{t.key===e&&n(!0)},r=t=>{t.key===e&&n(!1)};return window.addEventListener("keydown",t),window.addEventListener("keyup",r),()=>{window.removeEventListener("keydown",t),window.removeEventListener("keyup",r)}},[e]),r},exports.useMount=ie,exports.useOnScreen=function(e){const r=t.useRef(null),[n,o]=t.useState(!1);return t.useEffect(()=>{const t=r.current;if(!t)return;const n=new IntersectionObserver(e=>{let[t]=e;o(t.isIntersecting)},e);return n.observe(t),()=>{n.unobserve(t)}},[e]),[r,n]},exports.useResponsive=()=>{const{breakpoints:e,devices:r,mediaQueries:n}=w(),[o,a]=t.useState("xs"),[i,s]=t.useState("landscape");return ie(()=>{for(const e in n)se(e,n[e],a);se("landscape","only screen and (orientation: landscape)",s),se("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:e,devices:r,orientation:i,screen:o,on:e=>void 0!==r[e]?r[e].includes(o):e==o,is:e=>void 0!==r[e]?r[e].includes(o):e==o}},exports.useResponsiveContext=w,exports.useScroll=function(e){let{container:r,offset:n=[0,0],throttleMs:o=0,disabled:a=!1}=void 0===e?{}:e;const[i,s]=t.useState({x:0,y:0,xProgress:0,yProgress:0}),c=t.useRef(0),d=t.useRef(),f=t.useCallback(()=>{if(a)return;const e=Date.now();if(o>0&&e-c.current<o)return void(d.current=requestAnimationFrame(f));const t=(e=>{if(e instanceof Window){const e=document.documentElement;return{scrollHeight:Math.max(e.scrollHeight,e.offsetHeight),scrollWidth:Math.max(e.scrollWidth,e.offsetWidth),clientHeight:window.innerHeight,clientWidth:window.innerWidth,scrollTop:window.scrollY,scrollLeft:window.scrollX}}return{scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,clientHeight:e.clientHeight,clientWidth:e.clientWidth,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}})(r&&r.current?r.current:window),i=t.scrollLeft+n[0],l=t.scrollTop+n[1],u=t.scrollWidth-t.clientWidth,m=t.scrollHeight-t.clientHeight,g=u<=0?1:Math.min(Math.max(i/u,0),1),h=m<=0?1:Math.min(Math.max(l/m,0),1);s(t=>t.x!==i||t.y!==l||t.xProgress!==g||t.yProgress!==h?(c.current=e,{x:i,y:l,xProgress:g,yProgress:h}):t)},[r,n,o,a]);return t.useEffect(()=>{if(a)return;const e=r&&r.current?r.current:window;f();const t={passive:!0};return e.addEventListener("scroll",f,t),window.addEventListener("resize",f,t),()=>{e.removeEventListener("scroll",f),window.removeEventListener("resize",f),d.current&&cancelAnimationFrame(d.current)}},[f,r,a]),i},exports.useScrollAnimation=function(e,r){void 0===r&&(r={});const[n,o]=t.useState(!1),[a,i]=t.useState(0);return t.useEffect(()=>{const t=e.current;if(!t)return;const n=new IntersectionObserver(e=>{const t=e[0];o(t.isIntersecting),i(t.intersectionRatio),r.onIntersectionChange&&r.onIntersectionChange(t.isIntersecting,t.intersectionRatio)},{threshold:r.threshold??0,rootMargin:r.rootMargin??"0px",root:r.root??null});return n.observe(t),()=>n.disconnect()},[e,r.threshold,r.rootMargin,r.root,r.onIntersectionChange]),{isInView:n,progress:a}},exports.useScrollDirection=function(e){void 0===e&&(e=5);const[r,n]=t.useState("up"),o=t.useRef(0),a=t.useRef("up"),i=t.useRef(),s=t.useRef(!1);return t.useEffect(()=>{const t=()=>{s.current||(i.current=requestAnimationFrame(()=>{(()=>{const t=window.scrollY||document.documentElement.scrollTop,r=t>o.current?"down":"up",i=Math.abs(t-o.current),c=window.innerHeight+t>=document.documentElement.scrollHeight-1;(i>e||"down"===r&&c)&&r!==a.current&&(a.current=r,n(r)),o.current=Math.max(t,0),s.current=!1})(),s.current=!1}),s.current=!0)};return window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t),i.current&&cancelAnimationFrame(i.current)}},[e]),r},exports.useSmoothScroll=()=>t.useCallback((function(e,t){if(void 0===t&&(t=0),e)try{const r=e.getBoundingClientRect().top+(window.scrollY||window.pageYOffset)-t;"scrollBehavior"in document.documentElement.style?window.scrollTo({top:r,behavior:"smooth"}):window.scrollTo(0,r)}catch(e){console.error("Error during smooth scroll:",e)}}),[]),exports.useTheme=l,exports.useWindowSize=function(){const[e,r]=t.useState({width:window.innerWidth,height:window.innerHeight});return t.useEffect(()=>{const e=()=>{r({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e},exports.utilityClassManager=A;
 //# sourceMappingURL=app-studio.cjs.production.min.js.map

package/dist/app-studio.esm.js

@@ -1253,9 +1253,11 @@ class UtilityClassManager {
     this.mediaStyleSheet = new Map();
     this.modifierStyleSheet = new Map();
     this.classCache = new Map();
+    this.mainDocument = null;
     this.propertyShorthand = propertyShorthand;
     this.maxCacheSize = maxCacheSize;
     if (typeof document !== 'undefined') {
+      this.mainDocument = document;
       this.initStyleSheets(document);
     }
   }
@@ -1288,21 +1290,62 @@ class UtilityClassManager {
       this.modifierStyleSheet.set(targetDocument, modifierStyleTag.sheet);
     }
   }
+  getMainDocumentRules() {
+    if (!this.mainDocument) return [];
+    const rules = [];
+    // Get base rules
+    const baseSheet = this.baseStyleSheet.get(this.mainDocument);
+    if (baseSheet) {
+      Array.from(baseSheet.cssRules).forEach(rule => {
+        rules.push({
+          cssText: rule.cssText,
+          context: 'base'
+        });
+      });
+    }
+    // Get media rules
+    const mediaSheet = this.mediaStyleSheet.get(this.mainDocument);
+    if (mediaSheet) {
+      Array.from(mediaSheet.cssRules).forEach(rule => {
+        rules.push({
+          cssText: rule.cssText,
+          context: 'media'
+        });
+      });
+    }
+    // Get modifier rules
+    const modifierSheet = this.modifierStyleSheet.get(this.mainDocument);
+    if (modifierSheet) {
+      Array.from(modifierSheet.cssRules).forEach(rule => {
+        rules.push({
+          cssText: rule.cssText,
+          context: 'modifier'
+        });
+      });
+    }
+    return rules;
+  }
   addDocument(targetDocument) {
+    if (targetDocument === this.mainDocument) return;
     this.initStyleSheets(targetDocument);
+    this.clearStylesFromDocument(targetDocument);
     // Reinject all cached rules into the new document
-    const values = Array.from(this.classCache.values());
-    for (const {
-      rules
-    } of values) {
-      rules.forEach(_ref => {
-        let {
-          rule,
-          context
-        } = _ref;
-        this.injectRuleToDocument(rule, context, targetDocument);
-      });
-    }
+    const mainRules = this.getMainDocumentRules();
+    mainRules.forEach(_ref => {
+      let {
+        cssText,
+        context
+      } = _ref;
+      this.injectRuleToDocument(cssText, context, targetDocument);
+    });
+  }
+  clearStylesFromDocument(targetDocument) {
+    const baseSheet = this.baseStyleSheet.get(targetDocument);
+    const mediaSheet = this.mediaStyleSheet.get(targetDocument);
+    const modifierSheet = this.modifierStyleSheet.get(targetDocument);
+    if (baseSheet) this.clearStyleSheet(baseSheet);
+    if (mediaSheet) this.clearStyleSheet(mediaSheet);
+    if (modifierSheet) this.clearStyleSheet(modifierSheet);
   }
   escapeClassName(className) {
     return className.replace(/:/g, '\\:');
@@ -1311,9 +1354,15 @@ class UtilityClassManager {
     if (context === void 0) {
       context = 'base';
     }
-    // Inject to all registered documents
-    for (const targetDocument of this.getAllRegisteredDocuments()) {
-      this.injectRuleToDocument(cssRule, context, targetDocument);
+    // First inject to main document
+    if (this.mainDocument) {
+      this.injectRuleToDocument(cssRule, context, this.mainDocument);
+    }
+    // Then inject to all iframe documents
+    for (const document of this.getAllRegisteredDocuments()) {
+      if (document !== this.mainDocument) {
+        this.injectRuleToDocument(cssRule, context, document);
+      }
     }
   }
   getAllRegisteredDocuments() {
@@ -1393,12 +1442,6 @@ class UtilityClassManager {
               rule: `@media ${mq} { .${escapedClassName} { ${cssProperty}: ${valueForCss}; } }`,
               context: 'media'
             });
-            if (window.isResponsive === true) {
-              rules.push({
-                rule: `.${modifier} { .${escapedClassName} { ${cssProperty}: ${valueForCss}; } }`,
-                context: 'media'
-              });
-            }
           });
           break;
       }
@@ -1427,6 +1470,7 @@ class UtilityClassManager {
     return classNames;
   }
   removeDocument(targetDocument) {
+    if (targetDocument === this.mainDocument) return;
     this.baseStyleSheet.delete(targetDocument);
     this.mediaStyleSheet.delete(targetDocument);
     this.modifierStyleSheet.delete(targetDocument);
@@ -1440,26 +1484,24 @@ class UtilityClassManager {
     }
   }
   regenerateStyles(targetDocument) {
-    // Get all stylesheets for this document
-    const baseSheet = this.baseStyleSheet.get(targetDocument);
-    const mediaSheet = this.mediaStyleSheet.get(targetDocument);
-    const modifierSheet = this.modifierStyleSheet.get(targetDocument);
-    // Clear existing rules
-    if (baseSheet) this.clearStyleSheet(baseSheet);
-    if (mediaSheet) this.clearStyleSheet(mediaSheet);
-    if (modifierSheet) this.clearStyleSheet(modifierSheet);
-    // Reinject all cached rules
-    const values = Array.from(this.classCache.values());
-    for (const {
-      rules
-    } of values) {
-      rules.forEach(_ref3 => {
-        let {
-          rule,
-          context
-        } = _ref3;
-        this.injectRuleToDocument(rule, context, targetDocument);
-      });
+    if (targetDocument === this.mainDocument) {
+      // For main document, regenerate from cache
+      this.clearStylesFromDocument(targetDocument);
+      const values = Array.from(this.classCache.values());
+      for (const {
+        rules
+      } of values) {
+        rules.forEach(_ref3 => {
+          let {
+            rule,
+            context
+          } = _ref3;
+          this.injectRuleToDocument(rule, context, targetDocument);
+        });
+      }
+    } else {
+      // For iframes, copy from main document
+      this.addDocument(targetDocument);
     }
   }
   regenerateAllStyles() {

package/dist/app-studio.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-studio.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"app-studio.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/app-studio.umd.development.js

@@ -1259,9 +1259,11 @@
       this.mediaStyleSheet = new Map();
       this.modifierStyleSheet = new Map();
       this.classCache = new Map();
+      this.mainDocument = null;
       this.propertyShorthand = propertyShorthand;
       this.maxCacheSize = maxCacheSize;
       if (typeof document !== 'undefined') {
+        this.mainDocument = document;
         this.initStyleSheets(document);
       }
     }
@@ -1294,21 +1296,62 @@
         this.modifierStyleSheet.set(targetDocument, modifierStyleTag.sheet);
       }
     }
+    getMainDocumentRules() {
+      if (!this.mainDocument) return [];
+      const rules = [];
+      // Get base rules
+      const baseSheet = this.baseStyleSheet.get(this.mainDocument);
+      if (baseSheet) {
+        Array.from(baseSheet.cssRules).forEach(rule => {
+          rules.push({
+            cssText: rule.cssText,
+            context: 'base'
+          });
+        });
+      }
+      // Get media rules
+      const mediaSheet = this.mediaStyleSheet.get(this.mainDocument);
+      if (mediaSheet) {
+        Array.from(mediaSheet.cssRules).forEach(rule => {
+          rules.push({
+            cssText: rule.cssText,
+            context: 'media'
+          });
+        });
+      }
+      // Get modifier rules
+      const modifierSheet = this.modifierStyleSheet.get(this.mainDocument);
+      if (modifierSheet) {
+        Array.from(modifierSheet.cssRules).forEach(rule => {
+          rules.push({
+            cssText: rule.cssText,
+            context: 'modifier'
+          });
+        });
+      }
+      return rules;
+    }
     addDocument(targetDocument) {
+      if (targetDocument === this.mainDocument) return;
       this.initStyleSheets(targetDocument);
+      this.clearStylesFromDocument(targetDocument);
       // Reinject all cached rules into the new document
-      const values = Array.from(this.classCache.values());
-      for (const {
-        rules
-      } of values) {
-        rules.forEach(_ref => {
-          let {
-            rule,
-            context
-          } = _ref;
-          this.injectRuleToDocument(rule, context, targetDocument);
-        });
-      }
+      const mainRules = this.getMainDocumentRules();
+      mainRules.forEach(_ref => {
+        let {
+          cssText,
+          context
+        } = _ref;
+        this.injectRuleToDocument(cssText, context, targetDocument);
+      });
+    }
+    clearStylesFromDocument(targetDocument) {
+      const baseSheet = this.baseStyleSheet.get(targetDocument);
+      const mediaSheet = this.mediaStyleSheet.get(targetDocument);
+      const modifierSheet = this.modifierStyleSheet.get(targetDocument);
+      if (baseSheet) this.clearStyleSheet(baseSheet);
+      if (mediaSheet) this.clearStyleSheet(mediaSheet);
+      if (modifierSheet) this.clearStyleSheet(modifierSheet);
     }
     escapeClassName(className) {
       return className.replace(/:/g, '\\:');
@@ -1317,9 +1360,15 @@
       if (context === void 0) {
         context = 'base';
       }
-      // Inject to all registered documents
-      for (const targetDocument of this.getAllRegisteredDocuments()) {
-        this.injectRuleToDocument(cssRule, context, targetDocument);
+      // First inject to main document
+      if (this.mainDocument) {
+        this.injectRuleToDocument(cssRule, context, this.mainDocument);
+      }
+      // Then inject to all iframe documents
+      for (const document of this.getAllRegisteredDocuments()) {
+        if (document !== this.mainDocument) {
+          this.injectRuleToDocument(cssRule, context, document);
+        }
       }
     }
     getAllRegisteredDocuments() {
@@ -1399,12 +1448,6 @@
                 rule: `@media ${mq} { .${escapedClassName} { ${cssProperty}: ${valueForCss}; } }`,
                 context: 'media'
               });
-              if (window.isResponsive === true) {
-                rules.push({
-                  rule: `.${modifier} { .${escapedClassName} { ${cssProperty}: ${valueForCss}; } }`,
-                  context: 'media'
-                });
-              }
             });
             break;
         }
@@ -1433,6 +1476,7 @@
       return classNames;
     }
     removeDocument(targetDocument) {
+      if (targetDocument === this.mainDocument) return;
       this.baseStyleSheet.delete(targetDocument);
       this.mediaStyleSheet.delete(targetDocument);
       this.modifierStyleSheet.delete(targetDocument);
@@ -1446,26 +1490,24 @@
       }
     }
     regenerateStyles(targetDocument) {
-      // Get all stylesheets for this document
-      const baseSheet = this.baseStyleSheet.get(targetDocument);
-      const mediaSheet = this.mediaStyleSheet.get(targetDocument);
-      const modifierSheet = this.modifierStyleSheet.get(targetDocument);
-      // Clear existing rules
-      if (baseSheet) this.clearStyleSheet(baseSheet);
-      if (mediaSheet) this.clearStyleSheet(mediaSheet);
-      if (modifierSheet) this.clearStyleSheet(modifierSheet);
-      // Reinject all cached rules
-      const values = Array.from(this.classCache.values());
-      for (const {
-        rules
-      } of values) {
-        rules.forEach(_ref3 => {
-          let {
-            rule,
-            context
-          } = _ref3;
-          this.injectRuleToDocument(rule, context, targetDocument);
-        });
+      if (targetDocument === this.mainDocument) {
+        // For main document, regenerate from cache
+        this.clearStylesFromDocument(targetDocument);
+        const values = Array.from(this.classCache.values());
+        for (const {
+          rules
+        } of values) {
+          rules.forEach(_ref3 => {
+            let {
+              rule,
+              context
+            } = _ref3;
+            this.injectRuleToDocument(rule, context, targetDocument);
+          });
+        }
+      } else {
+        // For iframes, copy from main document
+        this.addDocument(targetDocument);
       }
     }
     regenerateAllStyles() {

package/dist/app-studio.umd.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-studio.umd.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"app-studio.umd.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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")):"function"==typeof define&&define.amd?define(["exports","react","color-convert"],t):t((e=e||self)["app-studio"]={},e.React,e.Color)}(this,(function(e,t,r){"use strict";var n="default"in t?t.default:t;r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},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"}},a={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},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:"#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"}},i={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",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s={...i,dark:"#a1a1aa",white:"#FFFFFF",black:"#000000"},d={...i,dark:"#adb5bd",white:"#000000",black:"#FFFFFF"},c={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"},f=t.createContext({getColor:e=>e,theme:c,themeMode:"light",setThemeMode:()=>{}}),l=()=>t.useContext(f),u=(e,t)=>{if("object"!=typeof t||null===t)return e;const r={...e};for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n],a=e[n];r[n]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:u(a||{},o)}return r},m={xs:0,sm:340,md:560,lg:1080,xl:1300},g={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},h=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 r={};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)`),r[e.breakpoint]=t.trim()}),r},p=(e,t)=>{let r;return function(){for(var n=arguments.length,o=new Array(n),a=0;a<n;a++)o[a]=arguments[a];clearTimeout(r),r=setTimeout(()=>e(...o),t)}},b=t.createContext({breakpoints:m,devices:g,mediaQueries:h(m),currentWidth:0,currentHeight:0,currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"}),w=()=>t.useContext(b),y=new Set(["numberOfLines","fontWeight","timeStamp","flex","flexGrow","flexShrink","order","zIndex","aspectRatio","shadowOpacity","shadowRadius","scale","opacity","min","max","now"]),v=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),x=new Set(["on","shadow","only","media","css"]),S=new Set(["src","alt","style","as"]),C=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","opacity","border","borderWidth","borderStyle","borderColor","borderRadius","borderTop","borderRight","borderBottom","borderLeft","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","boxShadow","textShadow","transform","transition","animation","filter","backdropFilter","display","visibility","overflow","overflowX","overflowY","float","clear","objectFit","objectPosition","cursor","pointerEvents","userSelect","resize","size","shadow","textJustify","lineClamp","textIndent","perspective"]),F=e=>C.has(e)||x.has(e)||/^(webkit|moz|ms|o)[A-Z]/.test(e)||e.startsWith("--")||e.startsWith("data-style-")&&!S.has(e),k=Array.from(C),E={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}};let R=0;const O=new Map,j=e=>{const{...t}=e,r=JSON.stringify(t);if(O.has(r))return{keyframesName:O.get(r),keyframes:""};const n="animation-"+R++;O.set(r,n);const o=[];return Object.keys(t).sort((e,t)=>{const r=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return r(e)-r(t)}).forEach(e=>{var r;o.push(`${"enter"===e?"to":e} { ${r=t[e],Object.entries(r).filter(e=>{let[t]=e;return F(t)}).map(e=>{let[t,r]=e;return`${n=t,n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}: ${((e,t,r)=>null==t?"":"number"==typeof t?y.has(e)?t:t+"px":e.toLowerCase().indexOf("color")>=0||"fill"===e||"stroke"===e?t:Array.isArray(t)?t.join(" "):"object"==typeof t?JSON.stringify(t):t)(t,r)};`;var n}).join(" ")} }`)}),{keyframesName:n,keyframes:`\n    @keyframes ${n} {\n      ${o.join("\n")}\n    }\n  `}},L=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"]);class X{constructor(e,t){void 0===t&&(t=1e4),this.baseStyleSheet=new Map,this.mediaStyleSheet=new Map,this.modifierStyleSheet=new Map,this.classCache=new Map,this.propertyShorthand=e,this.maxCacheSize=t,"undefined"!=typeof document&&this.initStyleSheets(document)}initStyleSheets(e){if(!this.baseStyleSheet.has(e)){let t=e.getElementById("utility-classes-base");t||(t=e.createElement("style"),t.id="utility-classes-base",e.head.appendChild(t)),this.baseStyleSheet.set(e,t.sheet)}if(!this.mediaStyleSheet.has(e)){let t=e.getElementById("utility-classes-media");t||(t=e.createElement("style"),t.id="utility-classes-media",e.head.appendChild(t)),this.mediaStyleSheet.set(e,t.sheet)}if(!this.modifierStyleSheet.has(e)){let t=e.getElementById("utility-classes-modifier");t||(t=e.createElement("style"),t.id="utility-classes-modifier",e.head.appendChild(t)),this.modifierStyleSheet.set(e,t.sheet)}}addDocument(e){this.initStyleSheets(e);const t=Array.from(this.classCache.values());for(const{rules:r}of t)r.forEach(t=>{let{rule:r,context:n}=t;this.injectRuleToDocument(r,n,e)})}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e,t){void 0===t&&(t="base");for(const r of this.getAllRegisteredDocuments())this.injectRuleToDocument(e,t,r)}getAllRegisteredDocuments(){return Array.from(this.baseStyleSheet.keys())}addToCache(e,t,r){if(this.classCache.size>=this.maxCacheSize){const e=this.classCache.keys().next().value;e&&this.classCache.delete(e)}this.classCache.set(e,{className:t,rules:r})}getClassNames(e,t,r,n,o,a){void 0===r&&(r="base"),void 0===n&&(n=""),void 0===a&&(a=[]);let i=t;e.toLowerCase().includes("color")&&(i=o(t)),"number"==typeof i&&L.has(e)&&(i+="px");let s=i.toString().split(" ").join("-"),d=`${e}:${s}`;n&&"base"!==r&&(d=`${e}:${s}|${r}:${n}`);const c=this.classCache.get(d);if(c)return[c.className];let f=this.propertyShorthand[e];f||(f=e.replace(/([A-Z])/g,"-$1").toLowerCase());let l=`${f}-${s.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")}`,u=[l],m=[];const g=e.replace(/([A-Z])/g,"-$1").toLowerCase();let h=i;"number"==typeof h&&L.has(g)&&(h+="px");const p=e=>{const t=this.escapeClassName(e);switch(r){case"base":m.push({rule:`.${t} { ${g}: ${h}; }`,context:"base"});break;case"pseudo":m.push({rule:`.${t}:${n} { ${g}: ${h}; }`,context:"pseudo"});break;case"media":a.forEach(e=>{m.push({rule:`@media ${e} { .${t} { ${g}: ${h}; } }`,context:"media"}),!0===window.isResponsive&&m.push({rule:`.${n} { .${t} { ${g}: ${h}; } }`,context:"media"})})}};if("pseudo"===r&&n){const e=`${l}--${n}`;u=[e],p(e)}else if("media"===r&&n){const e=`${n}--${l}`;u=[e],p(e)}else p(l);return m.forEach(e=>{let{rule:t,context:r}=e;this.injectRule(t,r)}),this.addToCache(d,u[0],m),u}removeDocument(e){this.baseStyleSheet.delete(e),this.mediaStyleSheet.delete(e),this.modifierStyleSheet.delete(e)}clearCache(){this.classCache.clear()}clearStyleSheet(e){for(;e.cssRules.length>0;)e.deleteRule(0)}regenerateStyles(e){const t=this.baseStyleSheet.get(e),r=this.mediaStyleSheet.get(e),n=this.modifierStyleSheet.get(e);t&&this.clearStyleSheet(t),r&&this.clearStyleSheet(r),n&&this.clearStyleSheet(n);const o=Array.from(this.classCache.values());for(const{rules:t}of o)t.forEach(t=>{let{rule:r,context:n}=t;this.injectRuleToDocument(r,n,e)})}regenerateAllStyles(){for(const e of this.getAllRegisteredDocuments())this.regenerateStyles(e)}injectRuleToDocument(e,t,r){let n=null;switch(t){case"base":case"pseudo":n=this.baseStyleSheet.get(r)||null;break;case"media":n=this.mediaStyleSheet.get(r)||null;break;case"modifier":n=this.modifierStyleSheet.get(r)||null}if(n)try{n.insertRule(e,n.cssRules.length)}catch(t){console.error(`Error inserting CSS rule to document: "${e}"`,t)}}printStyles(e){console.group("Current styles for document:"),console.group("Base styles:");const t=this.baseStyleSheet.get(e);t&&Array.from(t.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.group("Media styles:");const r=this.mediaStyleSheet.get(e);r&&Array.from(r.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.group("Modifier styles:");const n=this.modifierStyleSheet.get(e);n&&Array.from(n.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.groupEnd()}}function $(e){const t={},r=new Set;function n(e){const t=e[0].toLowerCase(),n=e[e.length-1].toLowerCase();let o=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+n;o.length<2&&(o=e.slice(0,2).toLowerCase());let a=0,i=o;for(;r.has(i);)a++,i=o+e.slice(-a).toLowerCase();return r.add(i),i}for(const r of e)t[r]=n(r);return t}const A=new X($(k));function Y(e){const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const r=parseFloat(t[1]);return"s"===t[2]?1e3*r:r}function M(e){return e>=1e3&&e%1e3==0?e/1e3+"s":e+"ms"}const I=(e,t,n,o)=>{const a=[],i={},s=void 0!==e.height&&void 0!==e.width&&e.height===e.width?e.height:e.size||null;if(s){const e="number"==typeof s?s+"px":s;i.width=e,i.height=e}if(e.paddingHorizontal){const t="number"==typeof e.paddingHorizontal?e.paddingHorizontal+"px":e.paddingHorizontal;i.paddingLeft=t,i.paddingRight=t}if(e.marginHorizontal){const t="number"==typeof e.marginHorizontal?e.marginHorizontal+"px":e.marginHorizontal;i.marginLeft=t,i.marginRight=t}if(e.paddingVertical){const t="number"==typeof e.paddingVertical?e.paddingVertical+"px":e.paddingVertical;i.paddingTop=t,i.paddingBottom=t}if(e.marginVertical){const t="number"==typeof e.marginVertical?e.marginVertical+"px":e.marginVertical;i.marginTop=t,i.marginBottom=t}if(e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==E[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,E[t]){const{shadowColor:e,shadowOpacity:n,shadowOffset:o,shadowRadius:a}=E[t],s=`rgba(${r.hex.rgb(e).join(",")}, ${n})`;i.boxShadow=`${o.height}px ${o.width}px ${a}px ${s}`}}if(e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate],r=[],n=[],o=[],a=[],s=[],d=[],c=[],f=[];let l=0;t.forEach(e=>{const{keyframesName:t,keyframes:i}=j(e);i&&"undefined"!=typeof document&&A.injectRule(i),r.push(t);const u=Y(e.duration||"0s"),m=Y(e.delay||"0s"),g=l+m;l=g+u,n.push(M(u)),o.push(e.timingFunction||"ease"),a.push(M(g)),s.push(void 0!==e.iterationCount?""+e.iterationCount:"1"),d.push(e.direction||"normal"),c.push(e.fillMode||"none"),f.push(e.playState||"running")}),i.animationName=r.join(", "),i.animationDuration=n.join(", "),i.animationTimingFunction=o.join(", "),i.animationDelay=a.join(", "),i.animationIterationCount=s.join(", "),i.animationDirection=d.join(", "),i.animationFillMode=c.join(", "),i.animationPlayState=f.join(", ")}const d=function(e,r,i){void 0===r&&(r="base"),void 0===i&&(i=""),Object.keys(e).forEach(s=>{const d=e[s];let c=[];if("media"===r&&(n[i]?c=[n[i]]:o[i]&&(c=o[i].map(e=>n[e]).filter(e=>e))),void 0!==d&&""!==d){const e=A.getClassNames(s,d,r,i,t,c);a.push(...e)}})};return d(i,"base"),Object.keys(e).forEach(r=>{if("style"!==r&&(F(r)||["on","media"].includes(r))){const n=e[r];if("object"==typeof n&&null!==n)"on"===r?Object.keys(n).forEach(e=>{const t=n[e],{animate:r,...o}=t;if(r){const e=Array.isArray(r)?r:[r],t=[],n=[],a=[],i=[],s=[],d=[],c=[],f=[];e.forEach(e=>{const{keyframesName:r,keyframes:o}=j(e);o&&"undefined"!=typeof document&&A.injectRule(o),t.push(r),n.push(e.duration||"0s"),a.push(e.timingFunction||"ease"),i.push(e.delay||"0s"),s.push(void 0!==e.iterationCount?""+e.iterationCount:"1"),d.push(e.direction||"normal"),c.push(e.fillMode||"none"),f.push(e.playState||"running")});const l={animationName:t.join(", "),animationDuration:n.join(", "),animationTimingFunction:a.join(", "),animationDelay:i.join(", "),animationIterationCount:s.join(", "),animationDirection:d.join(", "),animationFillMode:c.join(", "),animationPlayState:f.join(", ")};Object.assign(o,l)}if(Object.keys(o).length>0){const t=(e=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[e]||null))(e);t&&d(o,"pseudo",t)}}):"media"===r&&Object.keys(n).forEach(e=>{d(n[e],"media",e)});else if(void 0!==n&&""!==n){const e=A.getClassNames(r,n,"base","",t,[]);a.push(...e)}}}),a},z=t.createContext({}),T=()=>t.useContext(z),D=n.memo(t.forwardRef((e,r)=>{let{as:o="div",...a}=e;(a.onClick||a.onPress)&&null==a.cursor&&(a.cursor="pointer");const{onPress:i,...s}=a,{getColor:d,themeMode:c}=l(),{trackEvent:f}=T(),{mediaQueries:u,devices:m}=w(),g=a.themeMode?a.themeMode:c,h=t.useMemo(()=>I(s,e=>d(e,g),u,m),[s,u,m,g]),p={ref:r};if(i&&(p.onClick=i),h.length>0&&(p.className=h.join(" ")),f&&a.onClick){let e,t;e="string"==typeof o?o:o.displayName||o.name||"div","string"==typeof a.children&&(t=a.children.slice(0,100)),p.onClick=r=>{f({type:"click",target:"div"!==e?e:void 0,text:t}),a.onClick&&a.onClick(r)}}const{style:b,children:y,...x}=s;return Object.keys(x).forEach(e=>{(!v.has(e)&&!F(e)||S.has(e))&&(p[e]=x[e])}),b&&(p.style=b),n.createElement(o,Object.assign({},p),y)})),H=n.forwardRef((e,t)=>n.createElement(D,Object.assign({},e,{ref:t}))),W=n.forwardRef((e,t)=>n.createElement(D,Object.assign({display:"flex",flexDirection:"row"},e,{ref:t}))),B=n.forwardRef((e,t)=>n.createElement(D,Object.assign({display:"flex",flexDirection:"column"},e,{ref:t}))),P=n.forwardRef((e,t)=>{let{media:r={},...o}=e;return n.createElement(W,Object.assign({media:{...r,mobile:{...r.mobile,flexDirection:"column"}}},o,{ref:t}))}),N=n.forwardRef((e,t)=>{let{media:r={},...o}=e;return n.createElement(B,Object.assign({media:{...r,mobile:{...r.mobile,flexDirection:"row"}}},o,{ref:t}))}),V=n.forwardRef((e,t)=>n.createElement(D,Object.assign({},e,{ref:t}))),G=n.forwardRef((e,t)=>n.createElement(D,Object.assign({overflow:"auto"},e,{ref:t}))),U=n.forwardRef((e,t)=>n.createElement(D,Object.assign({},e,{ref:t}))),_=n.forwardRef((e,t)=>n.createElement(D,Object.assign({as:"span"},e,{ref:t}))),q=n.forwardRef((e,t)=>n.createElement(D,Object.assign({as:"img"},e,{ref:t}))),Q=n.forwardRef((e,t)=>{let{src:r,...o}=e;return n.createElement(D,Object.assign({backgroundImage:`url(${r})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},o,{ref:t}))}),Z=n.forwardRef((e,t)=>{const{toUpperCase:r,children:o,...a}=e,i=r&&"string"==typeof o?o.toUpperCase():o;return n.createElement(D,Object.assign({as:"span"},a,{ref:t}),i)}),J=n.forwardRef((e,t)=>n.createElement(D,Object.assign({as:"form"},e,{ref:t}))),K=n.forwardRef((e,t)=>n.createElement(D,Object.assign({as:"input"},e,{ref:t}))),ee=n.forwardRef((e,t)=>n.createElement(D,Object.assign({as:"button"},e,{ref:t}))),te=e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:n="infinite",...o}=e;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,iterationCount:n,...o}};var re={__proto__:null,fadeIn:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:r,...n}},fadeOut:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=e;return{from:{opacity:1},to:{opacity:0},duration:t,timingFunction:r,...n}},slideInLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...n}},slideInRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...n}},slideInDown:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...n}},slideInUp:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...n}},bounce:e=>{let{duration:t="2s",timingFunction:r="ease",iterationCount:n="infinite",...o}=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:r,iterationCount:n,...o}},rotate:e=>{let{duration:t="1s",timingFunction:r="linear",iterationCount:n="infinite",...o}=e;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:t,timingFunction:r,iterationCount:n,...o}},pulse:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",iterationCount:n="infinite",...o}=e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,iterationCount:n,...o}},zoomIn:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,...n}},zoomOut:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:t,timingFunction:r,...n}},flash:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=e;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:t,iterationCount:r,...n}},shake:e=>{let{duration:t="0.5s",iterationCount:r="infinite",...n}=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:r,...n}},swing:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},rubberBand:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",...n}=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:r,...n}},wobble:e=>{let{duration:t="1s",...r}=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,...r}},flip:e=>{let{duration:t="1s",...r}=e;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:t,...r}},heartBeat:e=>{let{duration:t="1.3s",iterationCount:r="infinite",...n}=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:r,...n}},rollIn:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:t,...r}},rollOut:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:t,...r}},lightSpeedIn:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=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:r,...n}},lightSpeedOut:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=e;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:t,timingFunction:r,...n}},hinge:e=>{let{duration:t="2s",timingFunction:r="ease-in-out",...n}=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:r,...n}},jackInTheBox:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=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:r,...n}},flipInX:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},flipInY:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},headShake:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},tada:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},jello:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},fadeInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=e;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...n}},fadeInUp:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=e;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...n}},bounceIn:e=>{let{duration:t="0.75s",timingFunction:r="ease-in",...n}=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:r,...n}},bounceOut:e=>{let{duration:t="0.75s",timingFunction:r="ease-out",...n}=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:r,...n}},slideOutLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...n}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:t,timingFunction:r,...n}},slideOutRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...n}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,...n}},zoomInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=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:r,...n}},zoomOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},backInDown:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},backOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=e;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:t,timingFunction:r,...n}},shimmer:te,progress:e=>{let{duration:t="2s",timingFunction:r="linear",direction:n="forwards",from:o={width:"0%"},to:a={width:"100%"},...i}=e;return{from:o,to:a,duration:t,timingFunction:r,direction:n,...i}},typewriter:e=>{let{duration:t="10s",steps:r=10,iterationCount:n=1,width:o=0,...a}=e;return{from:{width:"0px"},to:{width:o+"px"},timingFunction:`steps(${r})`,duration:t,iterationCount:n,...a}},blinkCursor:e=>{let{duration:t="0.75s",timingFunction:r="step-end",iterationCount:n="infinite",color:o="black",...a}=e;return{from:{color:o},to:{color:o},"0%":{color:o},"50%":{color:"transparent"},"100%":{color:o},duration:t,timingFunction:r,iterationCount:n,...a}}};const ne=n.memo(e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:o="infinite",...a}=e;return n.createElement(H,Object.assign({backgroundColor:"color.black.300"},a,{overflow:"hidden"}),n.createElement(H,{position:"relative",inset:0,width:"100%",height:"100%",animate:te({duration:t,timingFunction:r,iterationCount:o}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),oe=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,ae=!oe(),ie=e=>{t.useEffect(()=>{e()},[])},se=(e,t,r)=>{const n=window.matchMedia(t),o=()=>{n.matches&&r(e)};return n.addListener(o),n.matches&&r(e),()=>{n.removeListener(o)}};e.AnalyticsContext=z,e.AnalyticsProvider=e=>{let{trackEvent:t,children:r}=e;return n.createElement(z.Provider,{value:{trackEvent:t}},r)},e.Animation=re,e.Button=ee,e.Div=U,e.Element=D,e.Form=J,e.Horizontal=W,e.HorizontalResponsive=P,e.Image=q,e.ImageBackground=Q,e.Input=K,e.ResponsiveContext=b,e.ResponsiveProvider=e=>{let{breakpoints:r=m,devices:o=g,children:a}=e;const[i,s]=t.useState("undefined"!=typeof window?{width:window.innerWidth,height:window.innerHeight,orientation:window.innerWidth>window.innerHeight?"landscape":"portrait"}:{width:r.xs,height:800,orientation:"portrait"}),d=t.useCallback(p(()=>{s({width:window.innerWidth,height:window.innerHeight,orientation:window.innerWidth>window.innerHeight?"landscape":"portrait"})},150),[]);t.useEffect(()=>{if("undefined"!=typeof window)return window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[d]);const c=t.useMemo(()=>((e,t)=>{const r=Object.keys(t).map(e=>({breakpoint:e,min:t[e]})).sort((e,t)=>e.min-t.min);let n=r[0].breakpoint;for(let t=0;t<r.length&&e>=r[t].min;t++)n=r[t].breakpoint;return n})(i.width,r),[i.width,r]),f=t.useMemo(()=>((e,t)=>{for(const r in t)if(t[r].includes(e))return r;return"desktop"})(c,o),[c,o]),l=t.useMemo(()=>h(r),[r]),u=t.useMemo(()=>({breakpoints:r,devices:o,mediaQueries:l,currentWidth:i.width,currentHeight:i.height,currentBreakpoint:c,currentDevice:f,orientation:i.orientation}),[r,o,l,i.width,i.height,c,f,i.orientation]);return n.createElement(b.Provider,{value:u},a)},e.SafeArea=G,e.Scroll=V,e.Shadows=E,e.Skeleton=ne,e.Span=_,e.Text=Z,e.ThemeContext=f,e.ThemeProvider=e=>{let{theme:r=c,mode:i="light",dark:l={main:d,palette:a},light:m={main:s,palette:o},children:g}=e;const[h,p]=t.useState(i);t.useEffect(()=>{p(i)},[i]);const b=u(c,r),w={light:u({main:s,palette:o},m),dark:u({main:d,palette:a},l)},y=function(e,t){if(void 0===t&&(t="light"),"transparent"===e)return e;try{if(e.startsWith("theme.")){const r=e.split(".");let n=b;for(let t=1;t<r.length;t++)if(n=n[r[t]],void 0===n)return e;return"string"==typeof n?y(n,t):e}if(e.startsWith("color.")){const r=e.split(".");if(2===r.length){const n=r[1],o=w[t].main[n];return"string"==typeof o?o:(console.warn(`Color "${n}" is not a singleton color.`),e)}if(3===r.length){const[e,n]=r.splice(1);if(w[t].palette[e][Number(n)])return w[t].palette[e][Number(n)];console.warn(`Color "${e}" with shade "${n}" not found.`)}}}catch(e){console.error("Error fetching color:",e)}return e};return t.useEffect(()=>{"undefined"!=typeof document&&document.body.setAttribute("data-theme",h)},[h]),n.createElement(f.Provider,{value:{getColor:y,theme:b,themeMode:h,setThemeMode:p}},g)},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.Vertical=B,e.VerticalResponsive=N,e.View=H,e.createQuery=se,e.debounce=p,e.defaultColors=i,e.defaultDarkColors=d,e.defaultDarkPalette=a,e.defaultLightColors=s,e.defaultLightPalette=o,e.defaultThemeMain=c,e.extractUtilityClasses=I,e.getWindowInitialProps=()=>oe()?window.g_initialProps:void 0,e.isBrowser=oe,e.isDev=function(){let e=!1;return oe()&&(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!!(oe()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},e.isSSR=ae,e.useActive=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1),a=()=>r(!0),i=()=>r(!1);return e.addEventListener("mousedown",t),e.addEventListener("mouseup",o),e.addEventListener("mouseleave",o),e.addEventListener("touchstart",a),e.addEventListener("touchend",i),()=>{e.removeEventListener("mousedown",t),e.removeEventListener("mouseup",o),e.removeEventListener("mouseleave",o),e.removeEventListener("touchstart",a),e.removeEventListener("touchend",i)}},[]),[n,e]},e.useAnalytics=T,e.useClickOutside=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=e=>{n.current&&!n.current.contains(e.target)?r(!0):r(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),[n,e]},e.useFocus=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1);return e.addEventListener("focus",t),e.addEventListener("blur",o),()=>{e.removeEventListener("focus",t),e.removeEventListener("blur",o)}},[]),[n,e]},e.useHover=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1);return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",o),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",o)}},[]),[n,e]},e.useInfiniteScroll=function(e,r){void 0===r&&(r={});const[n,o]=t.useState(null),a=t.useRef(e),i=t.useRef();return t.useEffect(()=>{a.current=e},[e]),t.useEffect(()=>{if(!n||r.isLoading)return;const e=new IntersectionObserver(e=>{e[0].isIntersecting&&(r.debounceMs?(i.current&&clearTimeout(i.current),i.current=setTimeout(a.current,r.debounceMs)):a.current())},{threshold:r.threshold??0,root:r.root??null,rootMargin:r.rootMargin??"0px"});return e.observe(n),()=>{e.disconnect(),i.current&&clearTimeout(i.current)}},[n,r.threshold,r.isLoading,r.root,r.rootMargin,r.debounceMs]),{sentinelRef:o}},e.useKeyPress=function(e){const[r,n]=t.useState(!1);return t.useEffect(()=>{const t=t=>{t.key===e&&n(!0)},r=t=>{t.key===e&&n(!1)};return window.addEventListener("keydown",t),window.addEventListener("keyup",r),()=>{window.removeEventListener("keydown",t),window.removeEventListener("keyup",r)}},[e]),r},e.useMount=ie,e.useOnScreen=function(e){const r=t.useRef(null),[n,o]=t.useState(!1);return t.useEffect(()=>{const t=r.current;if(!t)return;const n=new IntersectionObserver(e=>{let[t]=e;o(t.isIntersecting)},e);return n.observe(t),()=>{n.unobserve(t)}},[e]),[r,n]},e.useResponsive=()=>{const{breakpoints:e,devices:r,mediaQueries:n}=w(),[o,a]=t.useState("xs"),[i,s]=t.useState("landscape");return ie(()=>{for(const e in n)se(e,n[e],a);se("landscape","only screen and (orientation: landscape)",s),se("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:e,devices:r,orientation:i,screen:o,on:e=>void 0!==r[e]?r[e].includes(o):e==o,is:e=>void 0!==r[e]?r[e].includes(o):e==o}},e.useResponsiveContext=w,e.useScroll=function(e){let{container:r,offset:n=[0,0],throttleMs:o=0,disabled:a=!1}=void 0===e?{}:e;const[i,s]=t.useState({x:0,y:0,xProgress:0,yProgress:0}),d=t.useRef(0),c=t.useRef(),f=t.useCallback(()=>{if(a)return;const e=Date.now();if(o>0&&e-d.current<o)return void(c.current=requestAnimationFrame(f));const t=(e=>{if(e instanceof Window){const e=document.documentElement;return{scrollHeight:Math.max(e.scrollHeight,e.offsetHeight),scrollWidth:Math.max(e.scrollWidth,e.offsetWidth),clientHeight:window.innerHeight,clientWidth:window.innerWidth,scrollTop:window.scrollY,scrollLeft:window.scrollX}}return{scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,clientHeight:e.clientHeight,clientWidth:e.clientWidth,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}})(r&&r.current?r.current:window),i=t.scrollLeft+n[0],l=t.scrollTop+n[1],u=t.scrollWidth-t.clientWidth,m=t.scrollHeight-t.clientHeight,g=u<=0?1:Math.min(Math.max(i/u,0),1),h=m<=0?1:Math.min(Math.max(l/m,0),1);s(t=>t.x!==i||t.y!==l||t.xProgress!==g||t.yProgress!==h?(d.current=e,{x:i,y:l,xProgress:g,yProgress:h}):t)},[r,n,o,a]);return t.useEffect(()=>{if(a)return;const e=r&&r.current?r.current:window;f();const t={passive:!0};return e.addEventListener("scroll",f,t),window.addEventListener("resize",f,t),()=>{e.removeEventListener("scroll",f),window.removeEventListener("resize",f),c.current&&cancelAnimationFrame(c.current)}},[f,r,a]),i},e.useScrollAnimation=function(e,r){void 0===r&&(r={});const[n,o]=t.useState(!1),[a,i]=t.useState(0);return t.useEffect(()=>{const t=e.current;if(!t)return;const n=new IntersectionObserver(e=>{const t=e[0];o(t.isIntersecting),i(t.intersectionRatio),r.onIntersectionChange&&r.onIntersectionChange(t.isIntersecting,t.intersectionRatio)},{threshold:r.threshold??0,rootMargin:r.rootMargin??"0px",root:r.root??null});return n.observe(t),()=>n.disconnect()},[e,r.threshold,r.rootMargin,r.root,r.onIntersectionChange]),{isInView:n,progress:a}},e.useScrollDirection=function(e){void 0===e&&(e=5);const[r,n]=t.useState("up"),o=t.useRef(0),a=t.useRef("up"),i=t.useRef(),s=t.useRef(!1);return t.useEffect(()=>{const t=()=>{s.current||(i.current=requestAnimationFrame(()=>{(()=>{const t=window.scrollY||document.documentElement.scrollTop,r=t>o.current?"down":"up",i=Math.abs(t-o.current),d=window.innerHeight+t>=document.documentElement.scrollHeight-1;(i>e||"down"===r&&d)&&r!==a.current&&(a.current=r,n(r)),o.current=Math.max(t,0),s.current=!1})(),s.current=!1}),s.current=!0)};return window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t),i.current&&cancelAnimationFrame(i.current)}},[e]),r},e.useSmoothScroll=()=>t.useCallback((function(e,t){if(void 0===t&&(t=0),e)try{const r=e.getBoundingClientRect().top+(window.scrollY||window.pageYOffset)-t;"scrollBehavior"in document.documentElement.style?window.scrollTo({top:r,behavior:"smooth"}):window.scrollTo(0,r)}catch(e){console.error("Error during smooth scroll:",e)}}),[]),e.useTheme=l,e.useWindowSize=function(){const[e,r]=t.useState({width:window.innerWidth,height:window.innerHeight});return t.useEffect(()=>{const e=()=>{r({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e},e.utilityClassManager=A,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("color-convert")):"function"==typeof define&&define.amd?define(["exports","react","color-convert"],t):t((e=e||self)["app-studio"]={},e.React,e.Color)}(this,(function(e,t,r){"use strict";var n="default"in t?t.default:t;r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},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"}},a={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},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:"#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"}},i={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",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s={...i,dark:"#a1a1aa",white:"#FFFFFF",black:"#000000"},c={...i,dark:"#adb5bd",white:"#000000",black:"#FFFFFF"},d={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"},f=t.createContext({getColor:e=>e,theme:d,themeMode:"light",setThemeMode:()=>{}}),l=()=>t.useContext(f),u=(e,t)=>{if("object"!=typeof t||null===t)return e;const r={...e};for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)){const o=t[n],a=e[n];r[n]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:u(a||{},o)}return r},m={xs:0,sm:340,md:560,lg:1080,xl:1300},g={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},h=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 r={};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)`),r[e.breakpoint]=t.trim()}),r},p=(e,t)=>{let r;return function(){for(var n=arguments.length,o=new Array(n),a=0;a<n;a++)o[a]=arguments[a];clearTimeout(r),r=setTimeout(()=>e(...o),t)}},b=t.createContext({breakpoints:m,devices:g,mediaQueries:h(m),currentWidth:0,currentHeight:0,currentBreakpoint:"xs",currentDevice:"mobile",orientation:"portrait"}),w=()=>t.useContext(b),y=new Set(["numberOfLines","fontWeight","timeStamp","flex","flexGrow","flexShrink","order","zIndex","aspectRatio","shadowOpacity","shadowRadius","scale","opacity","min","max","now"]),v=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),x=new Set(["on","shadow","only","media","css"]),S=new Set(["src","alt","style","as"]),F=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","opacity","border","borderWidth","borderStyle","borderColor","borderRadius","borderTop","borderRight","borderBottom","borderLeft","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","boxShadow","textShadow","transform","transition","animation","filter","backdropFilter","display","visibility","overflow","overflowX","overflowY","float","clear","objectFit","objectPosition","cursor","pointerEvents","userSelect","resize","size","shadow","textJustify","lineClamp","textIndent","perspective"]),C=e=>F.has(e)||x.has(e)||/^(webkit|moz|ms|o)[A-Z]/.test(e)||e.startsWith("--")||e.startsWith("data-style-")&&!S.has(e),k=Array.from(F),E={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}};let R=0;const O=new Map,j=e=>{const{...t}=e,r=JSON.stringify(t);if(O.has(r))return{keyframesName:O.get(r),keyframes:""};const n="animation-"+R++;O.set(r,n);const o=[];return Object.keys(t).sort((e,t)=>{const r=e=>"from"===e?0:"to"===e||"enter"===e?100:parseInt(e.replace("%",""),10);return r(e)-r(t)}).forEach(e=>{var r;o.push(`${"enter"===e?"to":e} { ${r=t[e],Object.entries(r).filter(e=>{let[t]=e;return C(t)}).map(e=>{let[t,r]=e;return`${n=t,n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}: ${((e,t,r)=>null==t?"":"number"==typeof t?y.has(e)?t:t+"px":e.toLowerCase().indexOf("color")>=0||"fill"===e||"stroke"===e?t:Array.isArray(t)?t.join(" "):"object"==typeof t?JSON.stringify(t):t)(t,r)};`;var n}).join(" ")} }`)}),{keyframesName:n,keyframes:`\n    @keyframes ${n} {\n      ${o.join("\n")}\n    }\n  `}},L=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"]);class X{constructor(e,t){void 0===t&&(t=1e4),this.baseStyleSheet=new Map,this.mediaStyleSheet=new Map,this.modifierStyleSheet=new Map,this.classCache=new Map,this.mainDocument=null,this.propertyShorthand=e,this.maxCacheSize=t,"undefined"!=typeof document&&(this.mainDocument=document,this.initStyleSheets(document))}initStyleSheets(e){if(!this.baseStyleSheet.has(e)){let t=e.getElementById("utility-classes-base");t||(t=e.createElement("style"),t.id="utility-classes-base",e.head.appendChild(t)),this.baseStyleSheet.set(e,t.sheet)}if(!this.mediaStyleSheet.has(e)){let t=e.getElementById("utility-classes-media");t||(t=e.createElement("style"),t.id="utility-classes-media",e.head.appendChild(t)),this.mediaStyleSheet.set(e,t.sheet)}if(!this.modifierStyleSheet.has(e)){let t=e.getElementById("utility-classes-modifier");t||(t=e.createElement("style"),t.id="utility-classes-modifier",e.head.appendChild(t)),this.modifierStyleSheet.set(e,t.sheet)}}getMainDocumentRules(){if(!this.mainDocument)return[];const e=[],t=this.baseStyleSheet.get(this.mainDocument);t&&Array.from(t.cssRules).forEach(t=>{e.push({cssText:t.cssText,context:"base"})});const r=this.mediaStyleSheet.get(this.mainDocument);r&&Array.from(r.cssRules).forEach(t=>{e.push({cssText:t.cssText,context:"media"})});const n=this.modifierStyleSheet.get(this.mainDocument);return n&&Array.from(n.cssRules).forEach(t=>{e.push({cssText:t.cssText,context:"modifier"})}),e}addDocument(e){e!==this.mainDocument&&(this.initStyleSheets(e),this.clearStylesFromDocument(e),this.getMainDocumentRules().forEach(t=>{let{cssText:r,context:n}=t;this.injectRuleToDocument(r,n,e)}))}clearStylesFromDocument(e){const t=this.baseStyleSheet.get(e),r=this.mediaStyleSheet.get(e),n=this.modifierStyleSheet.get(e);t&&this.clearStyleSheet(t),r&&this.clearStyleSheet(r),n&&this.clearStyleSheet(n)}escapeClassName(e){return e.replace(/:/g,"\\:")}injectRule(e,t){void 0===t&&(t="base"),this.mainDocument&&this.injectRuleToDocument(e,t,this.mainDocument);for(const r of this.getAllRegisteredDocuments())r!==this.mainDocument&&this.injectRuleToDocument(e,t,r)}getAllRegisteredDocuments(){return Array.from(this.baseStyleSheet.keys())}addToCache(e,t,r){if(this.classCache.size>=this.maxCacheSize){const e=this.classCache.keys().next().value;e&&this.classCache.delete(e)}this.classCache.set(e,{className:t,rules:r})}getClassNames(e,t,r,n,o,a){void 0===r&&(r="base"),void 0===n&&(n=""),void 0===a&&(a=[]);let i=t;e.toLowerCase().includes("color")&&(i=o(t)),"number"==typeof i&&L.has(e)&&(i+="px");let s=i.toString().split(" ").join("-"),c=`${e}:${s}`;n&&"base"!==r&&(c=`${e}:${s}|${r}:${n}`);const d=this.classCache.get(c);if(d)return[d.className];let f=this.propertyShorthand[e];f||(f=e.replace(/([A-Z])/g,"-$1").toLowerCase());let l=`${f}-${s.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")}`,u=[l],m=[];const g=e.replace(/([A-Z])/g,"-$1").toLowerCase();let h=i;"number"==typeof h&&L.has(g)&&(h+="px");const p=e=>{const t=this.escapeClassName(e);switch(r){case"base":m.push({rule:`.${t} { ${g}: ${h}; }`,context:"base"});break;case"pseudo":m.push({rule:`.${t}:${n} { ${g}: ${h}; }`,context:"pseudo"});break;case"media":a.forEach(e=>{m.push({rule:`@media ${e} { .${t} { ${g}: ${h}; } }`,context:"media"})})}};if("pseudo"===r&&n){const e=`${l}--${n}`;u=[e],p(e)}else if("media"===r&&n){const e=`${n}--${l}`;u=[e],p(e)}else p(l);return m.forEach(e=>{let{rule:t,context:r}=e;this.injectRule(t,r)}),this.addToCache(c,u[0],m),u}removeDocument(e){e!==this.mainDocument&&(this.baseStyleSheet.delete(e),this.mediaStyleSheet.delete(e),this.modifierStyleSheet.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:r}of t)r.forEach(t=>{let{rule:r,context:n}=t;this.injectRuleToDocument(r,n,e)})}else this.addDocument(e)}regenerateAllStyles(){for(const e of this.getAllRegisteredDocuments())this.regenerateStyles(e)}injectRuleToDocument(e,t,r){let n=null;switch(t){case"base":case"pseudo":n=this.baseStyleSheet.get(r)||null;break;case"media":n=this.mediaStyleSheet.get(r)||null;break;case"modifier":n=this.modifierStyleSheet.get(r)||null}if(n)try{n.insertRule(e,n.cssRules.length)}catch(t){console.error(`Error inserting CSS rule to document: "${e}"`,t)}}printStyles(e){console.group("Current styles for document:"),console.group("Base styles:");const t=this.baseStyleSheet.get(e);t&&Array.from(t.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.group("Media styles:");const r=this.mediaStyleSheet.get(e);r&&Array.from(r.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.group("Modifier styles:");const n=this.modifierStyleSheet.get(e);n&&Array.from(n.cssRules).forEach((e,t)=>{console.log(`${t}: ${e.cssText}`)}),console.groupEnd(),console.groupEnd()}}function D(e){const t={},r=new Set;function n(e){const t=e[0].toLowerCase(),n=e[e.length-1].toLowerCase();let o=t+e.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+n;o.length<2&&(o=e.slice(0,2).toLowerCase());let a=0,i=o;for(;r.has(i);)a++,i=o+e.slice(-a).toLowerCase();return r.add(i),i}for(const r of e)t[r]=n(r);return t}const A=new X(D(k));function $(e){const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const r=parseFloat(t[1]);return"s"===t[2]?1e3*r:r}function Y(e){return e>=1e3&&e%1e3==0?e/1e3+"s":e+"ms"}const T=(e,t,n,o)=>{const a=[],i={},s=void 0!==e.height&&void 0!==e.width&&e.height===e.width?e.height:e.size||null;if(s){const e="number"==typeof s?s+"px":s;i.width=e,i.height=e}if(e.paddingHorizontal){const t="number"==typeof e.paddingHorizontal?e.paddingHorizontal+"px":e.paddingHorizontal;i.paddingLeft=t,i.paddingRight=t}if(e.marginHorizontal){const t="number"==typeof e.marginHorizontal?e.marginHorizontal+"px":e.marginHorizontal;i.marginLeft=t,i.marginRight=t}if(e.paddingVertical){const t="number"==typeof e.paddingVertical?e.paddingVertical+"px":e.paddingVertical;i.paddingTop=t,i.paddingBottom=t}if(e.marginVertical){const t="number"==typeof e.marginVertical?e.marginVertical+"px":e.marginVertical;i.marginTop=t,i.marginBottom=t}if(e.shadow){let t;if(t="number"==typeof e.shadow&&void 0!==E[e.shadow]?e.shadow:"boolean"==typeof e.shadow?e.shadow?2:0:2,E[t]){const{shadowColor:e,shadowOpacity:n,shadowOffset:o,shadowRadius:a}=E[t],s=`rgba(${r.hex.rgb(e).join(",")}, ${n})`;i.boxShadow=`${o.height}px ${o.width}px ${a}px ${s}`}}if(e.animate){const t=Array.isArray(e.animate)?e.animate:[e.animate],r=[],n=[],o=[],a=[],s=[],c=[],d=[],f=[];let l=0;t.forEach(e=>{const{keyframesName:t,keyframes:i}=j(e);i&&"undefined"!=typeof document&&A.injectRule(i),r.push(t);const u=$(e.duration||"0s"),m=$(e.delay||"0s"),g=l+m;l=g+u,n.push(Y(u)),o.push(e.timingFunction||"ease"),a.push(Y(g)),s.push(void 0!==e.iterationCount?""+e.iterationCount:"1"),c.push(e.direction||"normal"),d.push(e.fillMode||"none"),f.push(e.playState||"running")}),i.animationName=r.join(", "),i.animationDuration=n.join(", "),i.animationTimingFunction=o.join(", "),i.animationDelay=a.join(", "),i.animationIterationCount=s.join(", "),i.animationDirection=c.join(", "),i.animationFillMode=d.join(", "),i.animationPlayState=f.join(", ")}const c=function(e,r,i){void 0===r&&(r="base"),void 0===i&&(i=""),Object.keys(e).forEach(s=>{const c=e[s];let d=[];if("media"===r&&(n[i]?d=[n[i]]:o[i]&&(d=o[i].map(e=>n[e]).filter(e=>e))),void 0!==c&&""!==c){const e=A.getClassNames(s,c,r,i,t,d);a.push(...e)}})};return c(i,"base"),Object.keys(e).forEach(r=>{if("style"!==r&&(C(r)||["on","media"].includes(r))){const n=e[r];if("object"==typeof n&&null!==n)"on"===r?Object.keys(n).forEach(e=>{const t=n[e],{animate:r,...o}=t;if(r){const e=Array.isArray(r)?r:[r],t=[],n=[],a=[],i=[],s=[],c=[],d=[],f=[];e.forEach(e=>{const{keyframesName:r,keyframes:o}=j(e);o&&"undefined"!=typeof document&&A.injectRule(o),t.push(r),n.push(e.duration||"0s"),a.push(e.timingFunction||"ease"),i.push(e.delay||"0s"),s.push(void 0!==e.iterationCount?""+e.iterationCount:"1"),c.push(e.direction||"normal"),d.push(e.fillMode||"none"),f.push(e.playState||"running")});const l={animationName:t.join(", "),animationDuration:n.join(", "),animationTimingFunction:a.join(", "),animationDelay:i.join(", "),animationIterationCount:s.join(", "),animationDirection:c.join(", "),animationFillMode:d.join(", "),animationPlayState:f.join(", ")};Object.assign(o,l)}if(Object.keys(o).length>0){const t=(e=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[e]||null))(e);t&&c(o,"pseudo",t)}}):"media"===r&&Object.keys(n).forEach(e=>{c(n[e],"media",e)});else if(void 0!==n&&""!==n){const e=A.getClassNames(r,n,"base","",t,[]);a.push(...e)}}}),a},M=t.createContext({}),I=()=>t.useContext(M),z=n.memo(t.forwardRef((e,r)=>{let{as:o="div",...a}=e;(a.onClick||a.onPress)&&null==a.cursor&&(a.cursor="pointer");const{onPress:i,...s}=a,{getColor:c,themeMode:d}=l(),{trackEvent:f}=I(),{mediaQueries:u,devices:m}=w(),g=a.themeMode?a.themeMode:d,h=t.useMemo(()=>T(s,e=>c(e,g),u,m),[s,u,m,g]),p={ref:r};if(i&&(p.onClick=i),h.length>0&&(p.className=h.join(" ")),f&&a.onClick){let e,t;e="string"==typeof o?o:o.displayName||o.name||"div","string"==typeof a.children&&(t=a.children.slice(0,100)),p.onClick=r=>{f({type:"click",target:"div"!==e?e:void 0,text:t}),a.onClick&&a.onClick(r)}}const{style:b,children:y,...x}=s;return Object.keys(x).forEach(e=>{(!v.has(e)&&!C(e)||S.has(e))&&(p[e]=x[e])}),b&&(p.style=b),n.createElement(o,Object.assign({},p),y)})),H=n.forwardRef((e,t)=>n.createElement(z,Object.assign({},e,{ref:t}))),W=n.forwardRef((e,t)=>n.createElement(z,Object.assign({display:"flex",flexDirection:"row"},e,{ref:t}))),B=n.forwardRef((e,t)=>n.createElement(z,Object.assign({display:"flex",flexDirection:"column"},e,{ref:t}))),P=n.forwardRef((e,t)=>{let{media:r={},...o}=e;return n.createElement(W,Object.assign({media:{...r,mobile:{...r.mobile,flexDirection:"column"}}},o,{ref:t}))}),N=n.forwardRef((e,t)=>{let{media:r={},...o}=e;return n.createElement(B,Object.assign({media:{...r,mobile:{...r.mobile,flexDirection:"row"}}},o,{ref:t}))}),V=n.forwardRef((e,t)=>n.createElement(z,Object.assign({},e,{ref:t}))),G=n.forwardRef((e,t)=>n.createElement(z,Object.assign({overflow:"auto"},e,{ref:t}))),U=n.forwardRef((e,t)=>n.createElement(z,Object.assign({},e,{ref:t}))),_=n.forwardRef((e,t)=>n.createElement(z,Object.assign({as:"span"},e,{ref:t}))),q=n.forwardRef((e,t)=>n.createElement(z,Object.assign({as:"img"},e,{ref:t}))),Q=n.forwardRef((e,t)=>{let{src:r,...o}=e;return n.createElement(z,Object.assign({backgroundImage:`url(${r})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},o,{ref:t}))}),Z=n.forwardRef((e,t)=>{const{toUpperCase:r,children:o,...a}=e,i=r&&"string"==typeof o?o.toUpperCase():o;return n.createElement(z,Object.assign({as:"span"},a,{ref:t}),i)}),J=n.forwardRef((e,t)=>n.createElement(z,Object.assign({as:"form"},e,{ref:t}))),K=n.forwardRef((e,t)=>n.createElement(z,Object.assign({as:"input"},e,{ref:t}))),ee=n.forwardRef((e,t)=>n.createElement(z,Object.assign({as:"button"},e,{ref:t}))),te=e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:n="infinite",...o}=e;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,iterationCount:n,...o}};var re={__proto__:null,fadeIn:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=e;return{from:{opacity:0},to:{opacity:1},duration:t,timingFunction:r,...n}},fadeOut:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=e;return{from:{opacity:1},to:{opacity:0},duration:t,timingFunction:r,...n}},slideInLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...n}},slideInRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:t,timingFunction:r,...n}},slideInDown:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...n}},slideInUp:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:t,timingFunction:r,...n}},bounce:e=>{let{duration:t="2s",timingFunction:r="ease",iterationCount:n="infinite",...o}=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:r,iterationCount:n,...o}},rotate:e=>{let{duration:t="1s",timingFunction:r="linear",iterationCount:n="infinite",...o}=e;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:t,timingFunction:r,iterationCount:n,...o}},pulse:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",iterationCount:n="infinite",...o}=e;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,iterationCount:n,...o}},zoomIn:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:t,timingFunction:r,...n}},zoomOut:e=>{let{duration:t="0.5s",timingFunction:r="ease-out",...n}=e;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:t,timingFunction:r,...n}},flash:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=e;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:t,iterationCount:r,...n}},shake:e=>{let{duration:t="0.5s",iterationCount:r="infinite",...n}=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:r,...n}},swing:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},rubberBand:e=>{let{duration:t="1s",timingFunction:r="ease-in-out",...n}=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:r,...n}},wobble:e=>{let{duration:t="1s",...r}=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,...r}},flip:e=>{let{duration:t="1s",...r}=e;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:t,...r}},heartBeat:e=>{let{duration:t="1.3s",iterationCount:r="infinite",...n}=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:r,...n}},rollIn:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:t,...r}},rollOut:e=>{let{duration:t="1s",...r}=e;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:t,...r}},lightSpeedIn:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=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:r,...n}},lightSpeedOut:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=e;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:t,timingFunction:r,...n}},hinge:e=>{let{duration:t="2s",timingFunction:r="ease-in-out",...n}=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:r,...n}},jackInTheBox:e=>{let{duration:t="1s",timingFunction:r="ease",...n}=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:r,...n}},flipInX:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},flipInY:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},headShake:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},tada:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},jello:e=>{let{duration:t="1s",iterationCount:r="infinite",...n}=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:r,...n}},fadeInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=e;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...n}},fadeInUp:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=e;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:t,timingFunction:r,...n}},bounceIn:e=>{let{duration:t="0.75s",timingFunction:r="ease-in",...n}=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:r,...n}},bounceOut:e=>{let{duration:t="0.75s",timingFunction:r="ease-out",...n}=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:r,...n}},slideOutLeft:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...n}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:t,timingFunction:r,...n}},slideOutRight:e=>{let{duration:t="0.5s",timingFunction:r="ease-in",...n}=e;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:t,timingFunction:r,...n}},zoomInDown:e=>{let{duration:t="1s",timingFunction:r="ease-out",...n}=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:r,...n}},zoomOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},backInDown:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=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:r,...n}},backOutUp:e=>{let{duration:t="1s",timingFunction:r="ease-in",...n}=e;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:t,timingFunction:r,...n}},shimmer:te,progress:e=>{let{duration:t="2s",timingFunction:r="linear",direction:n="forwards",from:o={width:"0%"},to:a={width:"100%"},...i}=e;return{from:o,to:a,duration:t,timingFunction:r,direction:n,...i}},typewriter:e=>{let{duration:t="10s",steps:r=10,iterationCount:n=1,width:o=0,...a}=e;return{from:{width:"0px"},to:{width:o+"px"},timingFunction:`steps(${r})`,duration:t,iterationCount:n,...a}},blinkCursor:e=>{let{duration:t="0.75s",timingFunction:r="step-end",iterationCount:n="infinite",color:o="black",...a}=e;return{from:{color:o},to:{color:o},"0%":{color:o},"50%":{color:"transparent"},"100%":{color:o},duration:t,timingFunction:r,iterationCount:n,...a}}};const ne=n.memo(e=>{let{duration:t="2s",timingFunction:r="linear",iterationCount:o="infinite",...a}=e;return n.createElement(H,Object.assign({backgroundColor:"color.black.300"},a,{overflow:"hidden"}),n.createElement(H,{position:"relative",inset:0,width:"100%",height:"100%",animate:te({duration:t,timingFunction:r,iterationCount:o}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),oe=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,ae=!oe(),ie=e=>{t.useEffect(()=>{e()},[])},se=(e,t,r)=>{const n=window.matchMedia(t),o=()=>{n.matches&&r(e)};return n.addListener(o),n.matches&&r(e),()=>{n.removeListener(o)}};e.AnalyticsContext=M,e.AnalyticsProvider=e=>{let{trackEvent:t,children:r}=e;return n.createElement(M.Provider,{value:{trackEvent:t}},r)},e.Animation=re,e.Button=ee,e.Div=U,e.Element=z,e.Form=J,e.Horizontal=W,e.HorizontalResponsive=P,e.Image=q,e.ImageBackground=Q,e.Input=K,e.ResponsiveContext=b,e.ResponsiveProvider=e=>{let{breakpoints:r=m,devices:o=g,children:a}=e;const[i,s]=t.useState("undefined"!=typeof window?{width:window.innerWidth,height:window.innerHeight,orientation:window.innerWidth>window.innerHeight?"landscape":"portrait"}:{width:r.xs,height:800,orientation:"portrait"}),c=t.useCallback(p(()=>{s({width:window.innerWidth,height:window.innerHeight,orientation:window.innerWidth>window.innerHeight?"landscape":"portrait"})},150),[]);t.useEffect(()=>{if("undefined"!=typeof window)return window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[c]);const d=t.useMemo(()=>((e,t)=>{const r=Object.keys(t).map(e=>({breakpoint:e,min:t[e]})).sort((e,t)=>e.min-t.min);let n=r[0].breakpoint;for(let t=0;t<r.length&&e>=r[t].min;t++)n=r[t].breakpoint;return n})(i.width,r),[i.width,r]),f=t.useMemo(()=>((e,t)=>{for(const r in t)if(t[r].includes(e))return r;return"desktop"})(d,o),[d,o]),l=t.useMemo(()=>h(r),[r]),u=t.useMemo(()=>({breakpoints:r,devices:o,mediaQueries:l,currentWidth:i.width,currentHeight:i.height,currentBreakpoint:d,currentDevice:f,orientation:i.orientation}),[r,o,l,i.width,i.height,d,f,i.orientation]);return n.createElement(b.Provider,{value:u},a)},e.SafeArea=G,e.Scroll=V,e.Shadows=E,e.Skeleton=ne,e.Span=_,e.Text=Z,e.ThemeContext=f,e.ThemeProvider=e=>{let{theme:r=d,mode:i="light",dark:l={main:c,palette:a},light:m={main:s,palette:o},children:g}=e;const[h,p]=t.useState(i);t.useEffect(()=>{p(i)},[i]);const b=u(d,r),w={light:u({main:s,palette:o},m),dark:u({main:c,palette:a},l)},y=function(e,t){if(void 0===t&&(t="light"),"transparent"===e)return e;try{if(e.startsWith("theme.")){const r=e.split(".");let n=b;for(let t=1;t<r.length;t++)if(n=n[r[t]],void 0===n)return e;return"string"==typeof n?y(n,t):e}if(e.startsWith("color.")){const r=e.split(".");if(2===r.length){const n=r[1],o=w[t].main[n];return"string"==typeof o?o:(console.warn(`Color "${n}" is not a singleton color.`),e)}if(3===r.length){const[e,n]=r.splice(1);if(w[t].palette[e][Number(n)])return w[t].palette[e][Number(n)];console.warn(`Color "${e}" with shade "${n}" not found.`)}}}catch(e){console.error("Error fetching color:",e)}return e};return t.useEffect(()=>{"undefined"!=typeof document&&document.body.setAttribute("data-theme",h)},[h]),n.createElement(f.Provider,{value:{getColor:y,theme:b,themeMode:h,setThemeMode:p}},g)},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.Vertical=B,e.VerticalResponsive=N,e.View=H,e.createQuery=se,e.debounce=p,e.defaultColors=i,e.defaultDarkColors=c,e.defaultDarkPalette=a,e.defaultLightColors=s,e.defaultLightPalette=o,e.defaultThemeMain=d,e.extractUtilityClasses=T,e.getWindowInitialProps=()=>oe()?window.g_initialProps:void 0,e.isBrowser=oe,e.isDev=function(){let e=!1;return oe()&&(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!!(oe()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},e.isSSR=ae,e.useActive=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1),a=()=>r(!0),i=()=>r(!1);return e.addEventListener("mousedown",t),e.addEventListener("mouseup",o),e.addEventListener("mouseleave",o),e.addEventListener("touchstart",a),e.addEventListener("touchend",i),()=>{e.removeEventListener("mousedown",t),e.removeEventListener("mouseup",o),e.removeEventListener("mouseleave",o),e.removeEventListener("touchstart",a),e.removeEventListener("touchend",i)}},[]),[n,e]},e.useAnalytics=I,e.useClickOutside=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=e=>{n.current&&!n.current.contains(e.target)?r(!0):r(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),[n,e]},e.useFocus=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1);return e.addEventListener("focus",t),e.addEventListener("blur",o),()=>{e.removeEventListener("focus",t),e.removeEventListener("blur",o)}},[]),[n,e]},e.useHover=function(){const[e,r]=t.useState(!1),n=t.useRef(null);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=()=>r(!0),o=()=>r(!1);return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",o),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",o)}},[]),[n,e]},e.useInfiniteScroll=function(e,r){void 0===r&&(r={});const[n,o]=t.useState(null),a=t.useRef(e),i=t.useRef();return t.useEffect(()=>{a.current=e},[e]),t.useEffect(()=>{if(!n||r.isLoading)return;const e=new IntersectionObserver(e=>{e[0].isIntersecting&&(r.debounceMs?(i.current&&clearTimeout(i.current),i.current=setTimeout(a.current,r.debounceMs)):a.current())},{threshold:r.threshold??0,root:r.root??null,rootMargin:r.rootMargin??"0px"});return e.observe(n),()=>{e.disconnect(),i.current&&clearTimeout(i.current)}},[n,r.threshold,r.isLoading,r.root,r.rootMargin,r.debounceMs]),{sentinelRef:o}},e.useKeyPress=function(e){const[r,n]=t.useState(!1);return t.useEffect(()=>{const t=t=>{t.key===e&&n(!0)},r=t=>{t.key===e&&n(!1)};return window.addEventListener("keydown",t),window.addEventListener("keyup",r),()=>{window.removeEventListener("keydown",t),window.removeEventListener("keyup",r)}},[e]),r},e.useMount=ie,e.useOnScreen=function(e){const r=t.useRef(null),[n,o]=t.useState(!1);return t.useEffect(()=>{const t=r.current;if(!t)return;const n=new IntersectionObserver(e=>{let[t]=e;o(t.isIntersecting)},e);return n.observe(t),()=>{n.unobserve(t)}},[e]),[r,n]},e.useResponsive=()=>{const{breakpoints:e,devices:r,mediaQueries:n}=w(),[o,a]=t.useState("xs"),[i,s]=t.useState("landscape");return ie(()=>{for(const e in n)se(e,n[e],a);se("landscape","only screen and (orientation: landscape)",s),se("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:e,devices:r,orientation:i,screen:o,on:e=>void 0!==r[e]?r[e].includes(o):e==o,is:e=>void 0!==r[e]?r[e].includes(o):e==o}},e.useResponsiveContext=w,e.useScroll=function(e){let{container:r,offset:n=[0,0],throttleMs:o=0,disabled:a=!1}=void 0===e?{}:e;const[i,s]=t.useState({x:0,y:0,xProgress:0,yProgress:0}),c=t.useRef(0),d=t.useRef(),f=t.useCallback(()=>{if(a)return;const e=Date.now();if(o>0&&e-c.current<o)return void(d.current=requestAnimationFrame(f));const t=(e=>{if(e instanceof Window){const e=document.documentElement;return{scrollHeight:Math.max(e.scrollHeight,e.offsetHeight),scrollWidth:Math.max(e.scrollWidth,e.offsetWidth),clientHeight:window.innerHeight,clientWidth:window.innerWidth,scrollTop:window.scrollY,scrollLeft:window.scrollX}}return{scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,clientHeight:e.clientHeight,clientWidth:e.clientWidth,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}})(r&&r.current?r.current:window),i=t.scrollLeft+n[0],l=t.scrollTop+n[1],u=t.scrollWidth-t.clientWidth,m=t.scrollHeight-t.clientHeight,g=u<=0?1:Math.min(Math.max(i/u,0),1),h=m<=0?1:Math.min(Math.max(l/m,0),1);s(t=>t.x!==i||t.y!==l||t.xProgress!==g||t.yProgress!==h?(c.current=e,{x:i,y:l,xProgress:g,yProgress:h}):t)},[r,n,o,a]);return t.useEffect(()=>{if(a)return;const e=r&&r.current?r.current:window;f();const t={passive:!0};return e.addEventListener("scroll",f,t),window.addEventListener("resize",f,t),()=>{e.removeEventListener("scroll",f),window.removeEventListener("resize",f),d.current&&cancelAnimationFrame(d.current)}},[f,r,a]),i},e.useScrollAnimation=function(e,r){void 0===r&&(r={});const[n,o]=t.useState(!1),[a,i]=t.useState(0);return t.useEffect(()=>{const t=e.current;if(!t)return;const n=new IntersectionObserver(e=>{const t=e[0];o(t.isIntersecting),i(t.intersectionRatio),r.onIntersectionChange&&r.onIntersectionChange(t.isIntersecting,t.intersectionRatio)},{threshold:r.threshold??0,rootMargin:r.rootMargin??"0px",root:r.root??null});return n.observe(t),()=>n.disconnect()},[e,r.threshold,r.rootMargin,r.root,r.onIntersectionChange]),{isInView:n,progress:a}},e.useScrollDirection=function(e){void 0===e&&(e=5);const[r,n]=t.useState("up"),o=t.useRef(0),a=t.useRef("up"),i=t.useRef(),s=t.useRef(!1);return t.useEffect(()=>{const t=()=>{s.current||(i.current=requestAnimationFrame(()=>{(()=>{const t=window.scrollY||document.documentElement.scrollTop,r=t>o.current?"down":"up",i=Math.abs(t-o.current),c=window.innerHeight+t>=document.documentElement.scrollHeight-1;(i>e||"down"===r&&c)&&r!==a.current&&(a.current=r,n(r)),o.current=Math.max(t,0),s.current=!1})(),s.current=!1}),s.current=!0)};return window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t),i.current&&cancelAnimationFrame(i.current)}},[e]),r},e.useSmoothScroll=()=>t.useCallback((function(e,t){if(void 0===t&&(t=0),e)try{const r=e.getBoundingClientRect().top+(window.scrollY||window.pageYOffset)-t;"scrollBehavior"in document.documentElement.style?window.scrollTo({top:r,behavior:"smooth"}):window.scrollTo(0,r)}catch(e){console.error("Error during smooth scroll:",e)}}),[]),e.useTheme=l,e.useWindowSize=function(){const[e,r]=t.useState({width:window.innerWidth,height:window.innerHeight});return t.useEffect(()=>{const e=()=>{r({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e},e.utilityClassManager=A,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=app-studio.umd.production.min.js.map

package/dist/components/Image.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ElementProps } from './Element';
 import { ImageStyleProps } from '../types/style';
-export interface ImageProps extends Omit<ImageStyleProps, 'children' | 'style' | 'pointerEvents' | 'onClick'>, Omit<Partial<HTMLImageElement>, 'width' | 'height' | 'children' | 'translate' | 'target' | 'border' | 'animate' | 'draggable' | 'style'>, ElementProps {
+export interface ImageProps extends Omit<ImageStyleProps, 'children' | 'style' | 'pointerEvents' | 'onClick' | 'onLayout'>, Omit<Partial<HTMLImageElement>, 'width' | 'height' | 'children' | 'translate' | 'target' | 'border' | 'animate' | 'draggable' | 'style'>, ElementProps {
 }
 export declare const Image: React.ForwardRefExoticComponent<ElementProps & React.RefAttributes<HTMLElement> & ImageProps>;
 export declare const ImageBackground: React.ForwardRefExoticComponent<ElementProps & React.RefAttributes<HTMLElement> & ImageProps>;

package/dist/components/Text.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ElementProps } from './Element';
 import { TextStyleProps } from '../types/style';
-export interface TextProps extends Omit<TextStyleProps, 'children' | 'style' | 'onPress' | 'pointerEvents' | 'onClick'>, ElementProps {
+export interface TextProps extends Omit<TextStyleProps, 'children' | 'style' | 'onPress' | 'pointerEvents' | 'onClick' | 'accessibilityRole' | 'accessibilityState'>, ElementProps {
     toUpperCase?: boolean;
 }
 export declare const Text: React.ForwardRefExoticComponent<ElementProps & React.RefAttributes<HTMLElement> & TextProps>;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.5.65",
+  "version": "0.5.69",
   "name": "app-studio",
   "description": "App Studio is a responsive and themeable framework to build cross platform applications",
   "repository": "git@github.com:rize-network/app-studio.git",