@africode/core 5.0.0

package/dist/africode.js

@@ -0,0 +1,2905 @@
+var Oo=Object.defineProperty;var mo=(t)=>t;function Uo(t,n){this[t]=mo.bind(null,n)}var Q=(t,n)=>{for(var o in n)Oo(t,o,{get:n[o],enumerable:!0,configurable:!0,set:Uo.bind(n,o)})};var Y=(t,n)=>()=>(t&&(n=t(t=0)),n);function at(t){if(Wt.has(t))return Wt.get(t);let o=new Proxy(t,{get(b,l,a){let f=Reflect.get(b,l,a);if(f!==null&&typeof f==="object")return at(f);return f},set(b,l,a,f){let h=Reflect.get(b,l,f);if(h!==a){let g=Reflect.set(b,l,a,f);if(g)qn(f,a,h,l);return g}return!0},deleteProperty(b,l){let a=Reflect.get(b,l),f=Reflect.deleteProperty(b,l);if(f){let h=Wt.get(b);qn(h,void 0,a,l)}return f}});return Wt.set(t,o),o}function T(t,n){if(!Ot.has(t))Ot.set(t,new Set);let o=Ot.get(t);return o.add(n),()=>{o.delete(n)}}function qn(t,n,o,b){let l=Ot.get(t);if(!l)return;l.forEach((a)=>{try{a(n,o,b)}catch(f){console.error("[AfriCode State] Subscriber error:",f)}})}function Hn(t){let n=t,o=new Set,b=()=>{return n},l=(a)=>{if(n!==a)n=typeof a==="function"?a(n):a,o.forEach((f)=>f()),qn()};return b.subscribe=(a)=>{return o.add(a),()=>o.delete(a)},[b,l]}function En(t){return t(),T(t)}var Ot,Wt;var z=Y(()=>{Ot=new WeakMap,Wt=new WeakMap});var Vo,W,t0;var kt=Y(()=>{z();Vo={theme:"light",language:"en",ui:{sidebarCollapsed:!1,theme:"dark",activePage:"home"},user:{name:"Guest",permissions:[]},config:{animationsEnabled:!0,soundEnabled:!1}},W=at(Vo),t0={setTheme(t){if(["dark","light","system"].includes(t))W.theme=t,W.ui.theme=t},setLanguage(t){W.language=t},toggleSidebar(t){if(typeof t==="boolean")W.ui.sidebarCollapsed=t;else W.ui.sidebarCollapsed=!W.ui.sidebarCollapsed},setActivePage(t){W.ui.activePage=t}}});function jo(t,n,o=50,b=50){let l=[];for(let a=0;a<t;a++){let f=2*Math.PI*a/t-Math.PI/2,h=o+n*Math.cos(f),g=b+n*Math.sin(f);l.push(`${h.toFixed(2)},${g.toFixed(2)}`)}return l.join(" ")}function Yn({primaryColor:t="#FF0000",secondaryColor:n="#000000",backgroundColor:o="#8B0000",stripeWidth:b=4,size:l=40}={}){let a=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${l}" height="${l}" viewBox="0 0 ${l} ${l}">
+      <rect width="${l}" height="${l}" fill="${o}"/>
+      <rect x="0" y="0" width="${l}" height="${b}" fill="${t}" opacity="0.8"/>
+      <rect x="0" y="${l/2-b/2}" width="${l}" height="${b}" fill="${n}" opacity="0.6"/>
+      <rect x="0" y="${l-b}" width="${l}" height="${b}" fill="${t}" opacity="0.8"/>
+      <rect x="0" y="0" width="${b}" height="${l}" fill="${t}" opacity="0.5"/>
+      <rect x="${l/2-b/2}" y="0" width="${b}" height="${l}" fill="${n}" opacity="0.4"/>
+      <rect x="${l-b}" y="0" width="${b}" height="${l}" fill="${t}" opacity="0.5"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(a.trim())}`}function xn({earthColor:t="#8B4513",ochreColor:n="#CD853F",charcoalColor:o="#2F2F2F",size:b=50}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${t}"/>
+      <!-- Cave art inspired figures -->
+      <circle cx="${b*0.3}" cy="${b*0.3}" r="${b*0.08}" fill="${n}"/>
+      <line x1="${b*0.3}" y1="${b*0.38}" x2="${b*0.3}" y2="${b*0.6}" stroke="${o}" stroke-width="2"/>
+      <line x1="${b*0.2}" y1="${b*0.45}" x2="${b*0.4}" y2="${b*0.45}" stroke="${o}" stroke-width="2"/>
+      <!-- Animal figure -->
+      <ellipse cx="${b*0.7}" cy="${b*0.5}" rx="${b*0.15}" ry="${b*0.08}" fill="${n}"/>
+      <line x1="${b*0.6}" y1="${b*0.58}" x2="${b*0.6}" y2="${b*0.7}" stroke="${o}" stroke-width="2"/>
+      <line x1="${b*0.8}" y1="${b*0.58}" x2="${b*0.8}" y2="${b*0.7}" stroke="${o}" stroke-width="2"/>
+      <!-- Dots like ancient markings -->
+      <circle cx="${b*0.15}" cy="${b*0.8}" r="3" fill="${n}"/>
+      <circle cx="${b*0.85}" cy="${b*0.2}" r="3" fill="${n}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function kn({primaryColor:t="#1EB53A",accentColor:n="#FCD116",size:o=30}={}){let b=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${o}" viewBox="0 0 ${o} ${o}">
+      <rect width="${o}" height="${o}" fill="${t}"/>
+      <!-- Pindo (Border) Motifs: Cashew/Triangle -->
+      <path d="M0,0 L${o/2},${o/2} L0,${o} Z" fill="${n}"/>
+      <path d="M${o},0 L${o/2},${o/2} L${o},${o} Z" fill="${n}"/>
+      <circle cx="${o/2}" cy="${o/2}" r="${o*0.15}" fill="none" stroke="${n}" stroke-width="2"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(b.trim())}`}function No({primaryColor:t="#FF6B00",secondaryColor:n="#002B5C",backgroundColor:o="#FFFFFF",size:b=40}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${o}"/>
+      <!-- Border pattern -->
+      <rect x="0" y="0" width="${b}" height="${b*0.1}" fill="${t}"/>
+      <rect x="0" y="${b*0.9}" width="${b}" height="${b*0.1}" fill="${t}"/>
+      <rect x="0" y="0" width="${b*0.1}" height="${b}" fill="${t}"/>
+      <rect x="${b*0.9}" y="0" width="${b*0.1}" height="${b}" fill="${t}"/>
+      <!-- Center motif -->
+      <circle cx="${b*0.5}" cy="${b*0.5}" r="${b*0.15}" fill="${n}"/>
+      <text x="${b*0.5}" y="${b*0.55}" text-anchor="middle" fill="${t}" font-size="${b*0.08}">KANGA</text>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function Ko({primaryColor:t="#8B4513",secondaryColor:n="#DAA520",backgroundColor:o="#F5F5DC",size:b=30}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${o}"/>
+      <!-- Kuba geometric border -->
+      <polygon points="0,0 ${b*0.3},0 0,${b*0.3}" fill="${t}"/>
+      <polygon points="${b},0 ${b*0.7},0 ${b},${b*0.3}" fill="${t}"/>
+      <polygon points="0,${b} ${b*0.3},${b} 0,${b*0.7}" fill="${t}"/>
+      <polygon points="${b},${b} ${b*0.7},${b} ${b},${b*0.7}" fill="${t}"/>
+      <!-- Center diamond -->
+      <polygon points="${b*0.5},${b*0.3} ${b*0.7},${b*0.5} ${b*0.5},${b*0.7} ${b*0.3},${b*0.5}" fill="${n}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function po({primaryColor:t="#FF0000",secondaryColor:n="#000000",accentColor:o="#FFFFFF",size:b=40}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${o}"/>
+      <!-- Bead pattern -->
+      <circle cx="${b*0.2}" cy="${b*0.2}" r="${b*0.08}" fill="${t}"/>
+      <circle cx="${b*0.5}" cy="${b*0.2}" r="${b*0.08}" fill="${n}"/>
+      <circle cx="${b*0.8}" cy="${b*0.2}" r="${b*0.08}" fill="${t}"/>
+      <circle cx="${b*0.2}" cy="${b*0.5}" r="${b*0.08}" fill="${n}"/>
+      <circle cx="${b*0.5}" cy="${b*0.5}" r="${b*0.08}" fill="${t}"/>
+      <circle cx="${b*0.8}" cy="${b*0.5}" r="${b*0.08}" fill="${n}"/>
+      <circle cx="${b*0.2}" cy="${b*0.8}" r="${b*0.08}" fill="${t}"/>
+      <circle cx="${b*0.5}" cy="${b*0.8}" r="${b*0.08}" fill="${n}"/>
+      <circle cx="${b*0.8}" cy="${b*0.8}" r="${b*0.08}" fill="${t}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function Io({primaryColor:t="#8B0000",secondaryColor:n="#FFD700",backgroundColor:o="#654321",size:b=50}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <ellipse cx="${b*0.5}" cy="${b*0.5}" rx="${b*0.4}" ry="${b*0.45}" fill="${o}"/>
+      <!-- Shield patterns -->
+      <ellipse cx="${b*0.5}" cy="${b*0.3}" rx="${b*0.2}" ry="${b*0.15}" fill="${t}"/>
+      <rect x="${b*0.4}" y="${b*0.5}" width="${b*0.2}" height="${b*0.3}" fill="${n}"/>
+      <!-- Decorative lines -->
+      <line x1="${b*0.3}" y1="${b*0.2}" x2="${b*0.7}" y2="${b*0.2}" stroke="${t}" stroke-width="3"/>
+      <line x1="${b*0.3}" y1="${b*0.8}" x2="${b*0.7}" y2="${b*0.8}" stroke="${t}" stroke-width="3"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function uo({primaryColor:t="#FF1493",secondaryColor:n="#00FF00",accentColor:o="#FFFF00",backgroundColor:b="#FFFFFF",size:l=50}={}){let a=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${l}" height="${l}" viewBox="0 0 ${l} ${l}">
+      <rect width="${l}" height="${l}" fill="${b}"/>
+      <!-- Ndebele geometric patterns -->
+      <polygon points="${l*0.2},${l*0.2} ${l*0.4},${l*0.2} ${l*0.3},${l*0.4}" fill="${t}"/>
+      <polygon points="${l*0.6},${l*0.2} ${l*0.8},${l*0.2} ${l*0.7},${l*0.4}" fill="${n}"/>
+      <polygon points="${l*0.2},${l*0.6} ${l*0.4},${l*0.6} ${l*0.3},${l*0.8}" fill="${o}"/>
+      <polygon points="${l*0.6},${l*0.6} ${l*0.8},${l*0.6} ${l*0.7},${l*0.8}" fill="${t}"/>
+      <!-- Center design -->
+      <circle cx="${l*0.5}" cy="${l*0.5}" r="${l*0.15}" fill="${n}"/>
+      <rect x="${l*0.45}" y="${l*0.45}" width="${l*0.1}" height="${l*0.1}" fill="${o}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(a.trim())}`}function Xn({primaryColor:t="#00A3DD",secondaryColor:n="#FCD116",backgroundColor:o="#1EB53A",size:b=50}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${o}"/>
+      <circle cx="${b*0.25}" cy="${b*0.25}" r="${b*0.2}" fill="${t}" opacity="0.8"/>
+      <circle cx="${b*0.75}" cy="${b*0.75}" r="${b*0.2}" fill="${t}" opacity="0.8"/>
+      <circle cx="${b*0.25}" cy="${b*0.25}" r="${b*0.1}" fill="${n}"/>
+      <circle cx="${b*0.75}" cy="${b*0.75}" r="${b*0.1}" fill="${n}"/>
+      <circle cx="${b*0.75}" cy="${b*0.25}" r="${b*0.08}" fill="${n}" opacity="0.6"/>
+      <circle cx="${b*0.25}" cy="${b*0.75}" r="${b*0.08}" fill="${n}" opacity="0.6"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function Sn({colors:t=["#FFD700","#228B22","#DC143C","#000000"],size:n=60}={}){let[o,b,l,a]=t,f=n/6,h=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${n}" viewBox="0 0 ${n} ${n}">
+      <rect width="${n}" height="${n}" fill="${a}"/>
+      <!-- Horizontal bands -->
+      <rect x="0" y="0" width="${n}" height="${f}" fill="${o}"/>
+      <rect x="0" y="${f}" width="${n}" height="${f}" fill="${b}"/>
+      <rect x="0" y="${f*2}" width="${n}" height="${f}" fill="${l}"/>
+      <rect x="0" y="${f*3}" width="${n}" height="${f}" fill="${o}"/>
+      <rect x="0" y="${f*4}" width="${n}" height="${f}" fill="${b}"/>
+      <rect x="0" y="${f*5}" width="${n}" height="${f}" fill="${l}"/>
+      <!-- Vertical accents -->
+      <rect x="${n*0.2}" y="0" width="3" height="${n}" fill="${a}" opacity="0.5"/>
+      <rect x="${n*0.4}" y="0" width="3" height="${n}" fill="${a}" opacity="0.5"/>
+      <rect x="${n*0.6}" y="0" width="3" height="${n}" fill="${a}" opacity="0.5"/>
+      <rect x="${n*0.8}" y="0" width="3" height="${n}" fill="${a}" opacity="0.5"/>
+      <!-- Kente squares -->
+      <rect x="${n*0.1}" y="${n*0.1}" width="${n*0.15}" height="${n*0.15}" fill="${o}" stroke="${a}" stroke-width="1"/>
+      <rect x="${n*0.75}" y="${n*0.75}" width="${n*0.15}" height="${n*0.15}" fill="${l}" stroke="${a}" stroke-width="1"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(h.trim())}`}function Mn({symbolColor:t="#000000",backgroundColor:n="#CD853F",size:o=50}={}){let b=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${o}" viewBox="0 0 ${o} ${o}">
+      <rect width="${o}" height="${o}" fill="${n}"/>
+      <!-- Sankofa-inspired heart shape (go back and get it) -->
+      <path d="M${o*0.5} ${o*0.2} 
+               C${o*0.3} ${o*0.1} ${o*0.15} ${o*0.3} ${o*0.25} ${o*0.5}
+               L${o*0.5} ${o*0.8}
+               L${o*0.75} ${o*0.5}
+               C${o*0.85} ${o*0.3} ${o*0.7} ${o*0.1} ${o*0.5} ${o*0.2}" 
+            fill="none" stroke="${t}" stroke-width="3"/>
+      <!-- Spiral detail -->
+      <circle cx="${o*0.35}" cy="${o*0.45}" r="${o*0.08}" fill="none" stroke="${t}" stroke-width="2"/>
+      <circle cx="${o*0.65}" cy="${o*0.45}" r="${o*0.08}" fill="none" stroke="${t}" stroke-width="2"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(b.trim())}`}function Qn({colors:t=["#4B0082","#FFD700","#FFFFFF"],size:n=50}={}){let[o,b,l]=t,a=n/10,f=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${n}" viewBox="0 0 ${n} ${n}">
+      <rect width="${n}" height="${n}" fill="${o}"/>
+      <!-- Horizontal stripes -->
+      <rect x="0" y="${a}" width="${n}" height="${a*0.5}" fill="${b}"/>
+      <rect x="0" y="${a*3}" width="${n}" height="${a*0.5}" fill="${l}"/>
+      <rect x="0" y="${a*5}" width="${n}" height="${a*0.5}" fill="${b}"/>
+      <rect x="0" y="${a*7}" width="${n}" height="${a*0.5}" fill="${l}"/>
+      <rect x="0" y="${a*9}" width="${n}" height="${a*0.5}" fill="${b}"/>
+      <!-- Vertical accent lines -->
+      <rect x="${n*0.48}" y="0" width="${a*0.4}" height="${n}" fill="${b}" opacity="0.7"/>
+      <!-- Diamond motifs -->
+      <polygon points="${n*0.25},${n*0.3} ${n*0.35},${n*0.5} ${n*0.25},${n*0.7} ${n*0.15},${n*0.5}" 
+               fill="${b}" stroke="${l}" stroke-width="1"/>
+      <polygon points="${n*0.75},${n*0.3} ${n*0.85},${n*0.5} ${n*0.75},${n*0.7} ${n*0.65},${n*0.5}" 
+               fill="${b}" stroke="${l}" stroke-width="1"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(f.trim())}`}function Jn({primaryColor:t="#FF6B00",secondaryColor:n="#00A86B",accentColor:o="#FFD700",backgroundColor:b="#FFFFFF",size:l=60}={}){let a=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${l}" height="${l}" viewBox="0 0 ${l} ${l}">
+      <rect width="${l}" height="${l}" fill="${b}"/>
+      <!-- Bold circular motifs -->
+      <circle cx="${l*0.3}" cy="${l*0.3}" r="${l*0.25}" fill="${t}"/>
+      <circle cx="${l*0.3}" cy="${l*0.3}" r="${l*0.15}" fill="${n}"/>
+      <circle cx="${l*0.3}" cy="${l*0.3}" r="${l*0.08}" fill="${o}"/>
+      
+      <circle cx="${l*0.8}" cy="${l*0.8}" r="${l*0.2}" fill="${n}"/>
+      <circle cx="${l*0.8}" cy="${l*0.8}" r="${l*0.1}" fill="${t}"/>
+      
+      <!-- Connecting lines -->
+      <line x1="${l*0.45}" y1="${l*0.45}" x2="${l*0.65}" y2="${l*0.65}" 
+            stroke="${t}" stroke-width="4"/>
+      
+      <!-- Small dots -->
+      <circle cx="${l*0.1}" cy="${l*0.8}" r="${l*0.05}" fill="${o}"/>
+      <circle cx="${l*0.9}" cy="${l*0.2}" r="${l*0.05}" fill="${o}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(a.trim())}`}function Gn({primaryColor:t="#000000",secondaryColor:n="#FFFFFF",accentColor:o="#8B4513",size:b=60}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${t}"/>
+      <!-- Zigzags -->
+      <polyline points="0,${b*0.2} ${b*0.25},0 ${b*0.5},${b*0.2} ${b*0.75},0 ${b},${b*0.2}" 
+                fill="none" stroke="${n}" stroke-width="3"/>
+      <polyline points="0,${b*0.8} ${b*0.25},${b} ${b*0.5},${b*0.8} ${b*0.75},${b} ${b},${b*0.8}" 
+                fill="none" stroke="${n}" stroke-width="3"/>
+      <!-- Crosses -->
+      <line x1="${b*0.25}" y1="${b*0.4}" x2="${b*0.25}" y2="${b*0.6}" stroke="${n}" stroke-width="2"/>
+      <line x1="${b*0.15}" y1="${b*0.5}" x2="${b*0.35}" y2="${b*0.5}" stroke="${n}" stroke-width="2"/>
+      <line x1="${b*0.75}" y1="${b*0.4}" x2="${b*0.75}" y2="${b*0.6}" stroke="${n}" stroke-width="2"/>
+      <line x1="${b*0.65}" y1="${b*0.5}" x2="${b*0.85}" y2="${b*0.5}" stroke="${n}" stroke-width="2"/>
+      <!-- Dots -->
+      <circle cx="${b*0.5}" cy="${b*0.5}" r="${b*0.08}" fill="${o}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function Ln({primaryColor:t="#D2B48C",secondaryColor:n="#3E2723",size:o=60}={}){let b=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${o}" viewBox="0 0 ${o} ${o}">
+      <rect width="${o}" height="${o}" fill="${t}"/>
+      <!-- Interlocking diamonds/rectangles -->
+      <rect x="${o*0.1}" y="${o*0.1}" width="${o*0.3}" height="${o*0.3}" fill="${n}"/>
+      <rect x="${o*0.6}" y="${o*0.6}" width="${o*0.3}" height="${o*0.3}" fill="${n}"/>
+      <rect x="${o*0.6}" y="${o*0.1}" width="${o*0.3}" height="${o*0.3}" 
+            fill="none" stroke="${n}" stroke-width="4"/>
+      <rect x="${o*0.1}" y="${o*0.6}" width="${o*0.3}" height="${o*0.3}" 
+            fill="none" stroke="${n}" stroke-width="4"/>
+      <!-- Center lines -->
+      <line x1="${o*0.4}" y1="${o*0.5}" x2="${o*0.6}" y2="${o*0.5}" stroke="${n}" stroke-width="2"/>
+      <line x1="${o*0.5}" y1="${o*0.4}" x2="${o*0.5}" y2="${o*0.6}" stroke="${n}" stroke-width="2"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(b.trim())}`}function Fn({primaryColor:t="#000000",secondaryColor:n="#FFFFFF",accentColor:o="#B22222",size:b=60}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${n}"/>
+      <!-- Spiral/Diamond Motif -->
+      <path d="M${b*0.5} ${b*0.1} 
+               L${b*0.9} ${b*0.5} 
+               L${b*0.5} ${b*0.9} 
+               L${b*0.1} ${b*0.5} Z" 
+            fill="${t}"/>
+      <path d="M${b*0.5} ${b*0.3} 
+               L${b*0.7} ${b*0.5} 
+               L${b*0.5} ${b*0.7} 
+               L${b*0.3} ${b*0.5} Z" 
+            fill="${n}"/>
+      <circle cx="${b*0.5}" cy="${b*0.5}" r="${b*0.1}" fill="${o}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function Bn({colors:t=["#009E60","#FCDD09","#EF3340"],backgroundColor:n="#FFFFFF",size:o=40}={}){let[b,l,a]=t,f=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${o}" viewBox="0 0 ${o} ${o}">
+      <rect width="${o}" height="${o}" fill="${n}"/>
+      <!-- Diamond Chain -->
+      <polygon points="${o*0.5},0 ${o},${o*0.5} ${o*0.5},${o} 0,${o*0.5}" 
+               fill="${b}" opacity="0.2"/>
+      <polygon points="${o*0.5},${o*0.2} ${o*0.8},${o*0.5} ${o*0.5},${o*0.8} ${o*0.2},${o*0.5}" 
+               fill="${l}"/>
+      <rect x="${o*0.4}" y="${o*0.4}" width="${o*0.2}" height="${o*0.2}" fill="${a}"/>
+      <!-- Side accents -->
+      <line x1="0" y1="0" x2="0" y2="${o}" stroke="${b}" stroke-width="4"/>
+      <line x1="${o}" y1="0" x2="${o}" y2="${o}" stroke="${b}" stroke-width="4"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(f.trim())}`}function Rn({colors:t=["#FFD700","#4169E1","#FF69B4","#228B22"],size:n=60,strokeWidth:o=2}={}){let[b,l,a,f]=t,h=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${n}" viewBox="0 0 ${n} ${n}">
+      <rect width="${n}" height="${n}" fill="#FFFFFF"/>
+      <rect x="${o}" y="${o}" 
+            width="${n-o*2}" height="${n-o*2}" 
+            fill="none" stroke="#000000" stroke-width="${o}"/>
+      <rect x="${n*0.15}" y="${n*0.15}" width="${n*0.35}" height="${n*0.35}" 
+            fill="${b}" stroke="#000000" stroke-width="${o/2}"/>
+      <rect x="${n*0.5}" y="${n*0.15}" width="${n*0.35}" height="${n*0.35}" 
+            fill="${l}" stroke="#000000" stroke-width="${o/2}"/>
+      <rect x="${n*0.15}" y="${n*0.5}" width="${n*0.35}" height="${n*0.35}" 
+            fill="${a}" stroke="#000000" stroke-width="${o/2}"/>
+      <rect x="${n*0.5}" y="${n*0.5}" width="${n*0.35}" height="${n*0.35}" 
+            fill="${f}" stroke="#000000" stroke-width="${o/2}"/>
+      <polygon points="${n/2},${n*0.3} ${n*0.7},${n/2} ${n/2},${n*0.7} ${n*0.3},${n/2}"
+               fill="#FFFFFF" stroke="#000000" stroke-width="${o}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(h.trim())}`}function Dn({colors:t=["#FFFFFF","#000000","#FF0000","#00A86B","#FFD700"],size:n=50}={}){let[o,b,l,a,f]=t,h=n/10,g=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${n}" viewBox="0 0 ${n} ${n}">
+      <rect width="${n}" height="${n}" fill="${b}"/>
+      <!-- Triangle pattern (isivivane - sacred cairn) -->
+      <polygon points="${n*0.5},${n*0.1} ${n*0.9},${n*0.9} ${n*0.1},${n*0.9}" 
+               fill="none" stroke="${o}" stroke-width="2"/>
+      <polygon points="${n*0.5},${n*0.25} ${n*0.75},${n*0.75} ${n*0.25},${n*0.75}" 
+               fill="${l}"/>
+      <!-- Beadwork dots -->
+      <circle cx="${n*0.5}" cy="${n*0.35}" r="${h}" fill="${o}"/>
+      <circle cx="${n*0.35}" cy="${n*0.6}" r="${h}" fill="${a}"/>
+      <circle cx="${n*0.65}" cy="${n*0.6}" r="${h}" fill="${f}"/>
+      <circle cx="${n*0.5}" cy="${n*0.8}" r="${h}" fill="${o}"/>
+      <!-- Border dots -->
+      <circle cx="${n*0.1}" cy="${n*0.1}" r="${h*0.7}" fill="${l}"/>
+      <circle cx="${n*0.9}" cy="${n*0.1}" r="${h*0.7}" fill="${a}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(g.trim())}`}function Wn({colors:t=["#3E5EB9","#FECD00","#B10C0C","#FFFFFF"],size:n=50}={}){let[o,b,l,a]=t,f=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${n}" viewBox="0 0 ${n} ${n}">
+      <rect width="${n}" height="${n}" fill="${o}"/>
+      <!-- Shield shape (central to Eswatini culture) -->
+      <ellipse cx="${n*0.5}" cy="${n*0.45}" rx="${n*0.35}" ry="${n*0.4}" 
+               fill="${b}" stroke="${l}" stroke-width="3"/>
+      <!-- Inner pattern -->
+      <ellipse cx="${n*0.5}" cy="${n*0.45}" rx="${n*0.2}" ry="${n*0.25}" 
+               fill="${l}"/>
+      <!-- Feather accents -->
+      <line x1="${n*0.5}" y1="${n*0.05}" x2="${n*0.5}" y2="${n*0.2}" 
+            stroke="${a}" stroke-width="3"/>
+      <line x1="${n*0.4}" y1="${n*0.08}" x2="${n*0.45}" y2="${n*0.15}" 
+            stroke="${a}" stroke-width="2"/>
+      <line x1="${n*0.6}" y1="${n*0.08}" x2="${n*0.55}" y2="${n*0.15}" 
+            stroke="${a}" stroke-width="2"/>
+      <!-- Spear points -->
+      <polygon points="${n*0.1},${n*0.3} ${n*0.05},${n*0.5} ${n*0.15},${n*0.5}" fill="${a}"/>
+      <polygon points="${n*0.9},${n*0.3} ${n*0.85},${n*0.5} ${n*0.95},${n*0.5}" fill="${a}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(f.trim())}`}function On({primaryColor:t="#FFFFFF",accentColor:n="#00A86B",backgroundColor:o="#1a1a2e",size:b=50}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${o}"/>
+      <!-- Horizontal bands -->
+      <rect x="0" y="${b*0.2}" width="${b}" height="${b*0.1}" fill="${t}"/>
+      <rect x="0" y="${b*0.7}" width="${b}" height="${b*0.1}" fill="${t}"/>
+      <!-- Vertical bands -->
+      <rect x="${b*0.2}" y="0" width="${b*0.1}" height="${b}" fill="${n}"/>
+      <rect x="${b*0.7}" y="0" width="${b*0.1}" height="${b}" fill="${n}"/>
+      <!-- Central diamond -->
+      <polygon points="${b*0.5},${b*0.35} ${b*0.65},${b*0.5} ${b*0.5},${b*0.65} ${b*0.35},${b*0.5}" 
+               fill="${n}" stroke="${t}" stroke-width="2"/>
+      <!-- Corner triangles -->
+      <polygon points="0,0 ${b*0.15},0 0,${b*0.15}" fill="${n}"/>
+      <polygon points="${b},0 ${b*0.85},0 ${b},${b*0.15}" fill="${n}"/>
+      <polygon points="0,${b} ${b*0.15},${b} 0,${b*0.85}" fill="${n}"/>
+      <polygon points="${b},${b} ${b*0.85},${b} ${b},${b*0.85}" fill="${n}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function Po(t,n){t.style.backgroundImage=`url("${n}")`,t.style.backgroundRepeat="repeat"}function mn({primaryColor:t="#8B0000",secondaryColor:n="#000000",accentColor:o="#FFD700",backgroundColor:b="#F5F5DC",size:l=60}={}){let a=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${l}" height="${l}" viewBox="0 0 ${l} ${l}">
+      <rect width="${l}" height="${l}" fill="${b}"/>
+      <!-- Lozenge (Diamond) - universal protective symbol -->
+      <polygon points="${l*0.5},${l*0.1} ${l*0.9},${l*0.5} ${l*0.5},${l*0.9} ${l*0.1},${l*0.5}" 
+               fill="${t}" stroke="${n}" stroke-width="2"/>
+      <!-- Inner geometric details -->
+      <line x1="${l*0.5}" y1="${l*0.1}" x2="${l*0.5}" y2="${l*0.9}" stroke="${o}" stroke-width="2"/>
+      <line x1="${l*0.1}" y1="${l*0.5}" x2="${l*0.9}" y2="${l*0.5}" stroke="${o}" stroke-width="2"/>
+      <!-- X symbols (Fibula/Cross) -->
+      <line x1="${l*0.4}" y1="${l*0.4}" x2="${l*0.6}" y2="${l*0.6}" stroke="${n}" stroke-width="2"/>
+      <line x1="${l*0.6}" y1="${l*0.4}" x2="${l*0.4}" y2="${l*0.6}" stroke="${n}" stroke-width="2"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(a.trim())}`}function Un({primaryColor:t="#4B0082",secondaryColor:n="#8A2BE2",accentColor:o="#FFFFFF",size:b=50}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${t}"/>
+      <!-- Resist circles (Oniko) -->
+      <circle cx="${b*0.5}" cy="${b*0.5}" r="${b*0.35}" fill="none" stroke="${n}" stroke-width="3"/>
+      <circle cx="${b*0.5}" cy="${b*0.5}" r="${b*0.25}" fill="none" stroke="${o}" stroke-width="2" stroke-dasharray="4 2"/>
+      <circle cx="${b*0.5}" cy="${b*0.5}" r="${b*0.1}" fill="${o}" opacity="0.8"/>
+      <!-- Corner ripples -->
+      <path d="M0,0 Q${b*0.2},0 ${b*0.2},${b*0.2} Q0,${b*0.2} 0,0" fill="${n}"/>
+      <path d="M${b},${b} Q${b*0.8},${b} ${b*0.8},${b*0.8} Q${b},${b*0.8} ${b},${b}" fill="${n}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function io({primaryColor:t="#2D3D6B",secondaryColor:n="#6B8CC7",accentColor:o="#FFFFFF",size:b=60}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${t}"/>
+      <!-- Southern Cross / Tuareg Star -->
+      <path d="M${b*0.5} 0 L${b*0.6} ${b*0.4} L${b} ${b*0.5} L${b*0.6} ${b*0.6} L${b*0.5} ${b} L${b*0.4} ${b*0.6} L0 ${b*0.5} L${b*0.4} ${b*0.4} Z" 
+            fill="none" stroke="${o}" stroke-width="2"/>
+      <circle cx="${b*0.5}" cy="${b*0.5}" r="${b*0.1}" fill="${n}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function To({inkColor:t="#3A2E2C",parchmentColor:n="#F4E4BC",size:o=50}={}){let b=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${o}" viewBox="0 0 ${o} ${o}">
+      <rect width="${o}" height="${o}" fill="${n}"/>
+      <path d="M${o*0.2} ${o*0.2} L${o*0.4} ${o*0.2} M${o*0.3} ${o*0.2} L${o*0.3} ${o*0.5} Q${o*0.4} ${o*0.6} ${o*0.2} ${o*0.7}" 
+            fill="none" stroke="${t}" stroke-width="3" stroke-linecap="round"/>
+      <path d="M${o*0.6} ${o*0.3} C${o*0.8} ${o*0.3} ${o*0.8} ${o*0.6} ${o*0.6} ${o*0.6} L${o*0.8} ${o*0.8}" 
+            fill="none" stroke="${t}" stroke-width="3" stroke-linecap="round"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(b.trim())}`}function Co({clayColor:t="#4E342E",earthColor:n="#3E2723",accentColor:o="#BCAAA4",size:b=60}={}){let l=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${b}" height="${b}" viewBox="0 0 ${b} ${b}">
+      <rect width="${b}" height="${b}" fill="${n}"/>
+      <path d="M${b*0.2} ${b*0.5} Q${b*0.3} ${b*0.2} ${b*0.5} ${b*0.3} T${b*0.8} ${b*0.5} Q${b*0.7} ${b*0.8} ${b*0.5} ${b*0.7} T${b*0.2} ${b*0.5}" 
+            fill="${t}" stroke="${o}" stroke-width="2"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(l.trim())}`}function n0({primaryColor:t="#334155",secondaryColor:n="#1e293b",size:o=100}={}){let b=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${o}" height="${o}" viewBox="0 0 100 100">
+      <rect width="100" height="100" fill="${n}"/>
+      <path d="M10 10 H90 V90 H10 Z" fill="none" stroke="${t}" stroke-width="0.5" opacity="0.3"/>
+      <path d="M20 20 V50 H50 V80 H80" fill="none" stroke="${t}" stroke-width="1"/>
+      <circle cx="20" cy="20" r="2" fill="${t}"/>
+      <circle cx="80" cy="80" r="2" fill="${t}"/>
+      <circle cx="50" cy="50" r="1.5" fill="${t}"/>
+    </svg>
+  `;return`data:image/svg+xml,${encodeURIComponent(b.trim())}`}var Xt;var St=Y(()=>{Xt={generatePolygon:jo,generateShuka:Yn,generateHadzabe:xn,generateKanga:No,generateKangaBorder:kn,generateKitenge:Xn,generateMasaiShield:Io,generateTibeb:Bn,generateImigongo:Fn,generateKente:Sn,generateAdinkra:Mn,generateAsoOke:Qn,generateAnkara:Jn,generateBogolan:Gn,generateAdire:Un,generateKuba:Ln,generateKubaBorder:Ko,generateBerber:mn,generateNdebele:Rn,generateNdebelePaint:uo,generateZulu:Dn,generateZuluBeads:po,generateSwazi:Wn,generateXhosa:On,applyPattern:Po,generateTuareg:io,generateGeez:To,generateBoli:Co,generateCircuit:n0,circuit:n0}});class Vn{constructor(t){this.content=t}toString(){return this.content}valueOf(){return this.content}}function a0(t){if(typeof t!=="string")return t;let n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"};return t.replace(/[&<>"']/g,(o)=>n[o])}function f0(t){if(t instanceof Vn)return t.toString();if(Array.isArray(t))return t.map((n)=>f0(n)).join("");if(t===null||t===void 0||t===!1)return"";if(typeof t==="function")return a0(String(t));return a0(String(t))}function D(t,...n){let o="";for(let b=0;b<n.length;b++)o+=t[b],o+=f0(n[b]);return o+=t[t.length-1],new Vn(o)}function h0({title:t="AfriCode App",meta:n="",children:o}){return D`<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>${t}</title>
+    ${n}
+    <link rel="stylesheet" href="/styles/africanity.css">
+    <script type="module" src="/core/sdk.js"></script>
+    <script type="module">
+        import { init } from '/core/sdk.js';
+        init();
+    </script>
+</head>
+<body>
+    ${o}
+</body>
+</html>`}var Ut=()=>{};function A(t,n){if(!customElements.get(t))customElements.define(t,n)}var c;var M=Y(()=>{Ut();c=class c extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"});let t=this.render;if(t&&typeof t==="function")this.render=()=>{try{t.call(this),this.removeAttribute("has-error")}catch(n){console.error(`[AfriCode] Rendering error in <${this.localName}>:`,n),this.setAttribute("has-error","true"),this.shadowRoot.innerHTML=`
+                       <style>
+                         .af-local-error {
+                           padding: 1rem;
+                           border: 1px dashed rgba(220, 20, 60, 0.4);
+                           border-radius: 4px;
+                           color: #DC143C;
+                           font-family: 'Inter', system-ui, sans-serif;
+                           font-size: 0.85rem;
+                           display: flex;
+                           align-items: center;
+                           gap: 8px;
+                           background: rgba(220, 20, 60, 0.05);
+                         }
+                       </style>
+                       <div class="af-local-error">
+                          <span aria-hidden="true">⚠️</span>
+                          <span>Failed to render</span>
+                       </div>
+                    `,this.emit("af-component-error",{component:this.localName,message:n.message,stack:n.stack})}}}connectedCallback(){}static styleCache=new Map;static globalSheets=[];static injectGlobalSheet(t){if(!(t instanceof CSSStyleSheet)){console.error("[AfriCode] injectGlobalSheet requires a CSSStyleSheet instance.");return}if(!c.globalSheets.includes(t))c.globalSheets.push(t)}async loadStyles(){if(c.styleCache.has("/styles/africanity.css")){this.shadowRoot.adoptedStyleSheets=[c.styleCache.get("/styles/africanity.css"),...c.globalSheets];return}try{let o=await(await fetch("/styles/africanity.css")).text(),b=new CSSStyleSheet;b.replaceSync(o),c.styleCache.set("/styles/africanity.css",b),this.shadowRoot.adoptedStyleSheets=[b,...c.globalSheets]}catch(n){console.warn("AfriCode: Failed to load core styles",n)}}spacing(t){return`var(--space-${t})`}createElement(t,{classes:n=[],attributes:o={},text:b=""}={}){let l=document.createElement(t);if(n.length)l.classList.add(...n);if(Object.entries(o).forEach(([a,f])=>l.setAttribute(a,f)),b)l.textContent=b;return l}emit(t,n){this.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0}))}}});var g0={};Q(g0,{default:()=>eo,AfriButton:()=>dt});var dt,eo;var r0=Y(()=>{M();dt=class dt extends c{static get observedAttributes(){return["variant","size","theme","disabled","loading","icon","aria-label"]}constructor(){super();this.render()}connectedCallback(){this.shadowRoot.querySelector("button")?.addEventListener("click",(n)=>{if(this.hasAttribute("disabled")||this.hasAttribute("loading")){n.preventDefault();return}this.emit("af-click",{originalEvent:n})})}attributeChangedCallback(){this.render()}render(){let t=this.getAttribute("variant")||"primary",n=this.getAttribute("size")||"md",o=this.getAttribute("theme")||"tanzania",b=this.hasAttribute("disabled"),l=this.hasAttribute("loading"),a=this.getAttribute("icon"),f=this.getAttribute("aria-label"),h={tanzania:{primary:"#1EB53A",accent:"#FCD116",text:"#FFFFFF"},maasai:{primary:"#FF0000",accent:"#8B0000",text:"#FFFFFF"},ndebele:{primary:"#4169E1",accent:"#FFD700",text:"#FFFFFF"},ocean:{primary:"#00A3DD",accent:"#0077BE",text:"#FFFFFF"}},g=h[o]||h.tanzania;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: inline-block;
+        }
+
+        button {
+          font-family: 'Inter', system-ui, sans-serif;
+          font-weight: 600;
+          border: none;
+          border-radius: 5px;
+          cursor: pointer;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          gap: 8px;
+          transition: all 200ms ease-out;
+          position: relative;
+          overflow: hidden;
+        }
+
+        /* Sizes */
+        .size-sm { padding: 5px 13px; font-size: 13px; }
+        .size-md { padding: 8px 21px; font-size: 15px; }
+        .size-lg { padding: 13px 34px; font-size: 17px; }
+
+        /* Variants */
+        .variant-primary {
+          background: ${g.primary};
+          color: ${g.text};
+        }
+        .variant-primary:hover:not(:disabled) {
+          filter: brightness(1.1);
+          transform: translateY(-2px);
+          box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+        }
+
+        .variant-secondary {
+          background: transparent;
+          color: ${g.primary};
+          border: 2px solid ${g.primary};
+        }
+        .variant-secondary:hover:not(:disabled) {
+          background: ${g.primary};
+          color: ${g.text};
+        }
+
+        .variant-ghost {
+          background: transparent;
+          color: ${g.primary};
+        }
+        .variant-ghost:hover:not(:disabled) {
+          background: rgba(0,0,0,0.05);
+        }
+
+        .variant-gradient {
+          background: linear-gradient(135deg, ${g.primary} 0%, ${g.accent} 100%);
+          color: ${g.text};
+        }
+        .variant-gradient:hover:not(:disabled) {
+          transform: translateY(-2px);
+          box-shadow: 0 6px 20px rgba(0,0,0,0.25);
+        }
+
+        /* States */
+        button:disabled {
+          opacity: 0.5;
+          cursor: not-allowed;
+        }
+
+        button:active:not(:disabled) {
+          transform: translateY(0);
+        }
+
+        /* Loading spinner */
+        .spinner {
+          width: 16px;
+          height: 16px;
+          border: 2px solid transparent;
+          border-top-color: currentColor;
+          border-radius: 50%;
+          animation: spin 0.8s linear infinite;
+        }
+
+        @keyframes spin {
+          to { transform: rotate(360deg); }
+        }
+
+        /* Icon */
+        .icon {
+          font-size: 1.1em;
+        }
+      </style>
+
+      <button 
+        class="variant-${t} size-${n}"
+        ${b?"disabled":""}
+        ${f?`aria-label="${f}"`:""}
+        ${l?'aria-busy="true"':""}
+      >
+        ${l?'<span class="spinner"></span>':""}
+        ${a&&!l?`<span class="icon">${a}</span>`:""}
+        <slot></slot>
+      </button>
+    `}};A("af-button",dt);eo=dt});var $0={};Q($0,{default:()=>so,AfriCard:()=>Vt});var Vt,so;var v0=Y(()=>{M();Vt=class Vt extends c{static get observedAttributes(){return["theme","variant","clickable","image"]}constructor(){super();this.render()}connectedCallback(){if(this.hasAttribute("clickable"))this.shadowRoot.querySelector(".card").addEventListener("click",()=>{this.emit("af-click")})}attributeChangedCallback(){this.render()}render(){let t=this.getAttribute("theme")||"default",n=this.getAttribute("variant")||"elevated",o=this.hasAttribute("clickable"),b=this.getAttribute("image"),l={default:{accent:"#333",border:"#eee"},tanzania:{accent:"#1EB53A",border:"#1EB53A"},maasai:{accent:"#FF0000",border:"#8B0000"},ndebele:{accent:"#4169E1",border:"#4169E1"}},f={elevated:"box-shadow: 0 2px 12px rgba(0,0,0,0.1);",outlined:`border: 2px solid ${(l[t]||l.default).border};`,flat:"background: #f8f9fa;"};this.shadowRoot.innerHTML=html`
+      <style>
+        :host {
+          display: block;
+          font-family: var(--font-body, 'Inter', sans-serif);
+        }
+
+        .card {
+          background: var(--glass-bg, rgba(15, 23, 42, 0.7));
+          backdrop-filter: blur(var(--glass-blur, 12px));
+          border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
+          border-radius: var(--radius-lg, 16px);
+          overflow: hidden;
+          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+          position: relative;
+          ${o?"cursor: pointer;":""}
+        }
+
+        .card::before {
+          content: '';
+          position: absolute;
+          inset: 0;
+          background: radial-gradient(circle at top left, rgba(255,255,255,0.05), transparent);
+          pointer-events: none;
+        }
+
+        ${o?`
+          .card:hover {
+            transform: translateY(-8px);
+            border-color: rgba(252, 209, 22, 0.4);
+            box-shadow: 0 20px 40px rgba(0,0,0,0.4);
+          }
+        `:""}
+
+        .card-image {
+          width: 100%;
+          height: 200px;
+          object-fit: cover;
+          border-bottom: 1px solid var(--glass-border);
+        }
+
+        .card-body {
+          padding: 32px;
+        }
+
+        ::slotted(h1), ::slotted(h2), ::slotted(h3), ::slotted(h4) {
+          margin: 0 0 12px 0;
+          font-family: 'Outfit', sans-serif;
+          font-weight: 700;
+          color: var(--text-primary, #fff);
+          letter-spacing: -0.02em;
+        }
+
+        ::slotted(p) {
+          margin: 0;
+          color: var(--text-muted, #94a3b8);
+          line-height: 1.6;
+          font-size: 0.95rem;
+        }
+
+        .card-footer {
+          padding: 20px 32px;
+          background: rgba(0,0,0,0.2);
+          border-top: 1px solid var(--glass-border);
+        }
+      </style>
+
+      <article class="card">
+        ${b?`<img class="card-image" src="${b}" alt="" />`:""}
+        <div class="card-body">
+          <slot></slot>
+        </div>
+        ${this.querySelector('[slot="footer"]')?`
+          <div class="card-footer">
+            <slot name="footer"></slot>
+          </div>
+        `:""}
+      </article>
+    `}};A("af-card",Vt);so=Vt});var w0={};Q(w0,{default:()=>zo,AfriNavbar:()=>jt});var jt,zo;var c0=Y(()=>{M();kt();z();jt=class jt extends c{static get observedAttributes(){return["theme","logo","sticky"]}constructor(){super();this._isOpen=!1,this._unsubscribe=null,this.render()}connectedCallback(){super.connectedCallback(),this.shadowRoot.querySelector(".menu-toggle")?.addEventListener("click",()=>{this._isOpen=!this._isOpen;let t=this.shadowRoot.querySelector(".nav-links"),n=this.shadowRoot.querySelector(".menu-toggle");if(t)t.classList.toggle("open",this._isOpen);if(n)n.classList.toggle("open",this._isOpen),n.setAttribute("aria-expanded",String(this._isOpen))})}disconnectedCallback(){if(this._unsubscribe)this._unsubscribe()}attributeChangedCallback(){this.render()}render(){let t=this.getAttribute("theme")||"dark",n=this.getAttribute("logo")||"AfriCode",o=this.hasAttribute("sticky");this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          --nav-height: 80px;
+        }
+
+        nav {
+          height: var(--nav-height);
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding-inline: 5%;
+          background: var(--glass-bg);
+          backdrop-filter: blur(12px);
+          -webkit-backdrop-filter: blur(12px);
+          border-bottom: 1px solid var(--glass-border);
+          position: fixed;
+          top: 0;
+          inset-inline: 0;
+          z-index: 1000;
+          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+
+        .logo-container {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          text-decoration: none;
+          z-index: 1002;
+        }
+
+        .logo-mark {
+          width: 32px;
+          height: 32px;
+          background: linear-gradient(135deg, var(--afri-green, #1eb53a), var(--afri-gold, #fcd116));
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-weight: 900;
+          color: black;
+          font-size: 1rem;
+        }
+
+        .logo-text {
+          font-family: 'Outfit', 'Space Grotesk', sans-serif;
+          font-size: 1.5rem;
+          font-weight: 800;
+          color: var(--text-primary);
+          letter-spacing: -0.02em;
+        }
+
+        .nav-links {
+          display: flex;
+          gap: 32px;
+          align-items: center;
+          list-style: none;
+          margin: 0;
+          padding: 0;
+        }
+
+        .nav-links ::slotted(a) {
+          color: var(--text-muted);
+          text-decoration: none;
+          font-size: 0.95rem;
+          font-weight: 500;
+          transition: all 0.2s ease;
+          position: relative;
+          padding: 8px 0;
+        }
+
+        .nav-links ::slotted(a:hover),
+        .nav-links ::slotted(a.active) {
+          color: var(--text-primary);
+        }
+
+        .nav-links ::slotted(a)::after {
+          content: '';
+          position: absolute;
+          bottom: 0;
+          left: 50%;
+          width: 0;
+          height: 2px;
+          background: var(--afri-gold, #fcd116);
+          transition: all 0.3s ease;
+          transform: translateX(-50%);
+        }
+
+        .nav-links ::slotted(a:hover)::after,
+        .nav-links ::slotted(a.active)::after {
+          width: 100%;
+        }
+
+        /* Mobile Toggle */
+        .menu-toggle {
+          display: none;
+          flex-direction: column;
+          gap: 6px;
+          background: none;
+          border: none;
+          cursor: pointer;
+          z-index: 1002;
+          padding: 8px;
+        }
+
+        .menu-toggle span {
+          width: 24px;
+          height: 2px;
+          background: var(--text-primary);
+          border-radius: 2px;
+          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+
+        /* Mobile State */
+        .menu-toggle.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
+        .menu-toggle.open span:nth-child(2) { opacity: 0; transform: translateX(-10px); }
+        .menu-toggle.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
+
+        @media (max-width: 768px) {
+          .menu-toggle {
+            display: flex;
+          }
+
+          .nav-links {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100vh;
+            background: var(--bg-base, #020617);
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            gap: 24px;
+            opacity: 0;
+            visibility: hidden;
+            transform: translateY(-20px);
+            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+            z-index: 1001;
+          }
+
+          .nav-links.open {
+            opacity: 1;
+            visibility: visible;
+            transform: translateY(0);
+          }
+
+          .nav-links ::slotted(a) {
+            font-size: 1.5rem;
+            font-weight: 700;
+          }
+        }
+      </style>
+
+      <nav>
+        <a href="/" class="logo-container">
+          <div class="logo-mark">A</div>
+          <span class="logo-text">${n}</span>
+        </a>
+
+        <button
+          class="menu-toggle"
+          aria-label="Toggle menu"
+          aria-controls="nav-links"
+          aria-expanded="${this._isOpen}"
+        >
+          <span></span>
+          <span></span>
+          <span></span>
+        </button>
+
+        <div id="nav-links" class="nav-links ${this._isOpen?"open":""}">
+          <slot></slot>
+        </div>
+      </nav>
+    `}};A("af-navbar",jt);zo=jt});var S,Nn,$,N=(t)=>{switch(typeof t){case"undefined":return $.undefined;case"string":return $.string;case"number":return Number.isNaN(t)?$.nan:$.number;case"boolean":return $.boolean;case"function":return $.function;case"bigint":return $.bigint;case"symbol":return $.symbol;case"object":if(Array.isArray(t))return $.array;if(t===null)return $.null;if(t.then&&typeof t.then==="function"&&t.catch&&typeof t.catch==="function")return $.promise;if(typeof Map<"u"&&t instanceof Map)return $.map;if(typeof Set<"u"&&t instanceof Set)return $.set;if(typeof Date<"u"&&t instanceof Date)return $.date;return $.object;default:return $.unknown}};var Mt=Y(()=>{(function(t){t.assertEqual=(l)=>{};function n(l){}t.assertIs=n;function o(l){throw Error()}t.assertNever=o,t.arrayToEnum=(l)=>{let a={};for(let f of l)a[f]=f;return a},t.getValidEnumValues=(l)=>{let a=t.objectKeys(l).filter((h)=>typeof l[l[h]]!=="number"),f={};for(let h of a)f[h]=l[h];return t.objectValues(f)},t.objectValues=(l)=>{return t.objectKeys(l).map(function(a){return l[a]})},t.objectKeys=typeof Object.keys==="function"?(l)=>Object.keys(l):(l)=>{let a=[];for(let f in l)if(Object.prototype.hasOwnProperty.call(l,f))a.push(f);return a},t.find=(l,a)=>{for(let f of l)if(a(f))return f;return},t.isInteger=typeof Number.isInteger==="function"?(l)=>Number.isInteger(l):(l)=>typeof l==="number"&&Number.isFinite(l)&&Math.floor(l)===l;function b(l,a=" | "){return l.map((f)=>typeof f==="string"?`'${f}'`:f).join(a)}t.joinValues=b,t.jsonStringifyReplacer=(l,a)=>{if(typeof a==="bigint")return a.toString();return a}})(S||(S={}));(function(t){t.mergeShapes=(n,o)=>{return{...n,...o}}})(Nn||(Nn={}));$=S.arrayToEnum(["string","nan","number","integer","float","boolean","date","bigint","symbol","function","undefined","null","array","object","unknown","promise","void","never","map","set"])});var r,tb=(t)=>{return JSON.stringify(t,null,2).replace(/"([^"]+)":/g,"$1:")},O;var Nt=Y(()=>{Mt();r=S.arrayToEnum(["invalid_type","invalid_literal","custom","invalid_union","invalid_union_discriminator","invalid_enum_value","unrecognized_keys","invalid_arguments","invalid_return_type","invalid_date","invalid_string","too_small","too_big","invalid_intersection_types","not_multiple_of","not_finite"]);O=class O extends Error{get errors(){return this.issues}constructor(t){super();this.issues=[],this.addIssue=(o)=>{this.issues=[...this.issues,o]},this.addIssues=(o=[])=>{this.issues=[...this.issues,...o]};let n=new.target.prototype;if(Object.setPrototypeOf)Object.setPrototypeOf(this,n);else this.__proto__=n;this.name="ZodError",this.issues=t}format(t){let n=t||function(l){return l.message},o={_errors:[]},b=(l)=>{for(let a of l.issues)if(a.code==="invalid_union")a.unionErrors.map(b);else if(a.code==="invalid_return_type")b(a.returnTypeError);else if(a.code==="invalid_arguments")b(a.argumentsError);else if(a.path.length===0)o._errors.push(n(a));else{let f=o,h=0;while(h<a.path.length){let g=a.path[h];if(h!==a.path.length-1)f[g]=f[g]||{_errors:[]};else f[g]=f[g]||{_errors:[]},f[g]._errors.push(n(a));f=f[g],h++}}};return b(this),o}static assert(t){if(!(t instanceof O))throw Error(`Not a ZodError: ${t}`)}toString(){return this.message}get message(){return JSON.stringify(this.issues,S.jsonStringifyReplacer,2)}get isEmpty(){return this.issues.length===0}flatten(t=(n)=>n.message){let n={},o=[];for(let b of this.issues)if(b.path.length>0){let l=b.path[0];n[l]=n[l]||[],n[l].push(t(b))}else o.push(t(b));return{formErrors:o,fieldErrors:n}}get formErrors(){return this.flatten()}};O.create=(t)=>{return new O(t)}});var nb=(t,n)=>{let o;switch(t.code){case r.invalid_type:if(t.received===$.undefined)o="Required";else o=`Expected ${t.expected}, received ${t.received}`;break;case r.invalid_literal:o=`Invalid literal value, expected ${JSON.stringify(t.expected,S.jsonStringifyReplacer)}`;break;case r.unrecognized_keys:o=`Unrecognized key(s) in object: ${S.joinValues(t.keys,", ")}`;break;case r.invalid_union:o="Invalid input";break;case r.invalid_union_discriminator:o=`Invalid discriminator value. Expected ${S.joinValues(t.options)}`;break;case r.invalid_enum_value:o=`Invalid enum value. Expected ${S.joinValues(t.options)}, received '${t.received}'`;break;case r.invalid_arguments:o="Invalid function arguments";break;case r.invalid_return_type:o="Invalid function return type";break;case r.invalid_date:o="Invalid date";break;case r.invalid_string:if(typeof t.validation==="object")if("includes"in t.validation){if(o=`Invalid input: must include "${t.validation.includes}"`,typeof t.validation.position==="number")o=`${o} at one or more positions greater than or equal to ${t.validation.position}`}else if("startsWith"in t.validation)o=`Invalid input: must start with "${t.validation.startsWith}"`;else if("endsWith"in t.validation)o=`Invalid input: must end with "${t.validation.endsWith}"`;else S.assertNever(t.validation);else if(t.validation!=="regex")o=`Invalid ${t.validation}`;else o="Invalid";break;case r.too_small:if(t.type==="array")o=`Array must contain ${t.exact?"exactly":t.inclusive?"at least":"more than"} ${t.minimum} element(s)`;else if(t.type==="string")o=`String must contain ${t.exact?"exactly":t.inclusive?"at least":"over"} ${t.minimum} character(s)`;else if(t.type==="number")o=`Number must be ${t.exact?"exactly equal to ":t.inclusive?"greater than or equal to ":"greater than "}${t.minimum}`;else if(t.type==="bigint")o=`Number must be ${t.exact?"exactly equal to ":t.inclusive?"greater than or equal to ":"greater than "}${t.minimum}`;else if(t.type==="date")o=`Date must be ${t.exact?"exactly equal to ":t.inclusive?"greater than or equal to ":"greater than "}${new Date(Number(t.minimum))}`;else o="Invalid input";break;case r.too_big:if(t.type==="array")o=`Array must contain ${t.exact?"exactly":t.inclusive?"at most":"less than"} ${t.maximum} element(s)`;else if(t.type==="string")o=`String must contain ${t.exact?"exactly":t.inclusive?"at most":"under"} ${t.maximum} character(s)`;else if(t.type==="number")o=`Number must be ${t.exact?"exactly":t.inclusive?"less than or equal to":"less than"} ${t.maximum}`;else if(t.type==="bigint")o=`BigInt must be ${t.exact?"exactly":t.inclusive?"less than or equal to":"less than"} ${t.maximum}`;else if(t.type==="date")o=`Date must be ${t.exact?"exactly":t.inclusive?"smaller than or equal to":"smaller than"} ${new Date(Number(t.maximum))}`;else o="Invalid input";break;case r.custom:o="Invalid input";break;case r.invalid_intersection_types:o="Intersection results could not be merged";break;case r.not_multiple_of:o=`Number must be a multiple of ${t.multipleOf}`;break;case r.not_finite:o="Number must be finite";break;default:o=n.defaultError,S.assertNever(t)}return{message:o}},I;var Kn=Y(()=>{Nt();Mt();I=nb});function ob(t){_0=t}function ft(){return _0}var _0;var Kt=Y(()=>{Kn();_0=I});function v(t,n){let o=ft(),b=Qt({issueData:n,data:t.data,path:t.path,errorMaps:[t.common.contextualErrorMap,t.schemaErrorMap,o,o===I?void 0:I].filter((l)=>!!l)});t.common.issues.push(b)}class F{constructor(){this.value="valid"}dirty(){if(this.value==="valid")this.value="dirty"}abort(){if(this.value!=="aborted")this.value="aborted"}static mergeArray(t,n){let o=[];for(let b of n){if(b.status==="aborted")return H;if(b.status==="dirty")t.dirty();o.push(b.value)}return{status:t.value,value:o}}static async mergeObjectAsync(t,n){let o=[];for(let b of n){let l=await b.key,a=await b.value;o.push({key:l,value:a})}return F.mergeObjectSync(t,o)}static mergeObjectSync(t,n){let o={};for(let b of n){let{key:l,value:a}=b;if(l.status==="aborted")return H;if(a.status==="aborted")return H;if(l.status==="dirty")t.dirty();if(a.status==="dirty")t.dirty();if(l.value!=="__proto__"&&(typeof a.value<"u"||b.alwaysSet))o[l.value]=a.value}return{status:t.value,value:o}}}var Qt=(t)=>{let{data:n,path:o,errorMaps:b,issueData:l}=t,a=[...o,...l.path||[]],f={...l,path:a};if(l.message!==void 0)return{...l,path:a,message:l.message};let h="",g=b.filter((_)=>!!_).slice().reverse();for(let _ of g)h=_(f,{data:n,defaultError:h}).message;return{...l,path:a,message:h}},bb,H,tt=(t)=>({status:"dirty",value:t}),B=(t)=>({status:"valid",value:t}),pt=(t)=>t.status==="aborted",It=(t)=>t.status==="dirty",C=(t)=>t.status==="valid",ht=(t)=>typeof Promise<"u"&&t instanceof Promise;var pn=Y(()=>{Kt();Kn();bb=[];H=Object.freeze({status:"aborted"})});var A0=()=>{};var q;var q0=Y(()=>{(function(t){t.errToObj=(n)=>typeof n==="string"?{message:n}:n||{},t.toString=(n)=>typeof n==="string"?n:n?.message})(q||(q={}))});class V{constructor(t,n,o,b){this._cachedPath=[],this.parent=t,this.data=n,this._path=o,this._key=b}get path(){if(!this._cachedPath.length)if(Array.isArray(this._key))this._cachedPath.push(...this._path,...this._key);else this._cachedPath.push(...this._path,this._key);return this._cachedPath}}function x(t){if(!t)return{};let{errorMap:n,invalid_type_error:o,required_error:b,description:l}=t;if(n&&(o||b))throw Error(`Can't use "invalid_type_error" or "required_error" in conjunction with custom error map.`);if(n)return{errorMap:n,description:l};return{errorMap:(f,h)=>{let{message:g}=t;if(f.code==="invalid_enum_value")return{message:g??h.defaultError};if(typeof h.data>"u")return{message:g??b??h.defaultError};if(f.code!=="invalid_type")return{message:h.defaultError};return{message:g??o??h.defaultError}},description:l}}class k{get description(){return this._def.description}_getType(t){return N(t.data)}_getOrReturnCtx(t,n){return n||{common:t.parent.common,data:t.data,parsedType:N(t.data),schemaErrorMap:this._def.errorMap,path:t.path,parent:t.parent}}_processInputParams(t){return{status:new F,ctx:{common:t.parent.common,data:t.data,parsedType:N(t.data),schemaErrorMap:this._def.errorMap,path:t.path,parent:t.parent}}}_parseSync(t){let n=this._parse(t);if(ht(n))throw Error("Synchronous parse encountered promise.");return n}_parseAsync(t){let n=this._parse(t);return Promise.resolve(n)}parse(t,n){let o=this.safeParse(t,n);if(o.success)return o.data;throw o.error}safeParse(t,n){let o={common:{issues:[],async:n?.async??!1,contextualErrorMap:n?.errorMap},path:n?.path||[],schemaErrorMap:this._def.errorMap,parent:null,data:t,parsedType:N(t)},b=this._parseSync({data:t,path:o.path,parent:o});return H0(o,b)}"~validate"(t){let n={common:{issues:[],async:!!this["~standard"].async},path:[],schemaErrorMap:this._def.errorMap,parent:null,data:t,parsedType:N(t)};if(!this["~standard"].async)try{let o=this._parseSync({data:t,path:[],parent:n});return C(o)?{value:o.value}:{issues:n.common.issues}}catch(o){if(o?.message?.toLowerCase()?.includes("encountered"))this["~standard"].async=!0;n.common={issues:[],async:!0}}return this._parseAsync({data:t,path:[],parent:n}).then((o)=>C(o)?{value:o.value}:{issues:n.common.issues})}async parseAsync(t,n){let o=await this.safeParseAsync(t,n);if(o.success)return o.data;throw o.error}async safeParseAsync(t,n){let o={common:{issues:[],contextualErrorMap:n?.errorMap,async:!0},path:n?.path||[],schemaErrorMap:this._def.errorMap,parent:null,data:t,parsedType:N(t)},b=this._parse({data:t,path:o.path,parent:o}),l=await(ht(b)?b:Promise.resolve(b));return H0(o,l)}refine(t,n){let o=(b)=>{if(typeof n==="string"||typeof n>"u")return{message:n};else if(typeof n==="function")return n(b);else return n};return this._refinement((b,l)=>{let a=t(b),f=()=>l.addIssue({code:r.custom,...o(b)});if(typeof Promise<"u"&&a instanceof Promise)return a.then((h)=>{if(!h)return f(),!1;else return!0});if(!a)return f(),!1;else return!0})}refinement(t,n){return this._refinement((o,b)=>{if(!t(o))return b.addIssue(typeof n==="function"?n(o,b):n),!1;else return!0})}_refinement(t){return new j({schema:this,typeName:E.ZodEffects,effect:{type:"refinement",refinement:t}})}superRefine(t){return this._refinement(t)}constructor(t){this.spa=this.safeParseAsync,this._def=t,this.parse=this.parse.bind(this),this.safeParse=this.safeParse.bind(this),this.parseAsync=this.parseAsync.bind(this),this.safeParseAsync=this.safeParseAsync.bind(this),this.spa=this.spa.bind(this),this.refine=this.refine.bind(this),this.refinement=this.refinement.bind(this),this.superRefine=this.superRefine.bind(this),this.optional=this.optional.bind(this),this.nullable=this.nullable.bind(this),this.nullish=this.nullish.bind(this),this.array=this.array.bind(this),this.promise=this.promise.bind(this),this.or=this.or.bind(this),this.and=this.and.bind(this),this.transform=this.transform.bind(this),this.brand=this.brand.bind(this),this.default=this.default.bind(this),this.catch=this.catch.bind(this),this.describe=this.describe.bind(this),this.pipe=this.pipe.bind(this),this.readonly=this.readonly.bind(this),this.isNullable=this.isNullable.bind(this),this.isOptional=this.isOptional.bind(this),this["~standard"]={version:1,vendor:"zod",validate:(n)=>this["~validate"](n)}}optional(){return d.create(this,this._def)}nullable(){return P.create(this,this._def)}nullish(){return this.nullable().optional()}array(){return U.create(this)}promise(){return lt.create(this,this._def)}or(t){return ct.create([this,t],this._def)}and(t){return _t.create(this,t,this._def)}transform(t){return new j({...x(this._def),schema:this,typeName:E.ZodEffects,effect:{type:"transform",transform:t}})}default(t){let n=typeof t==="function"?t:()=>t;return new Et({...x(this._def),innerType:this,defaultValue:n,typeName:E.ZodDefault})}brand(){return new Pt({typeName:E.ZodBranded,type:this,...x(this._def)})}catch(t){let n=typeof t==="function"?t:()=>t;return new Yt({...x(this._def),innerType:this,catchValue:n,typeName:E.ZodCatch})}describe(t){return new this.constructor({...this._def,description:t})}pipe(t){return Rt.create(this,t)}readonly(){return xt.create(this)}isOptional(){return this.safeParse(void 0).success}isNullable(){return this.safeParse(null).success}}function x0(t){let n="[0-5]\\d";if(t.precision)n=`${n}\\.\\d{${t.precision}}`;else if(t.precision==null)n=`${n}(\\.\\d+)?`;let o=t.precision?"+":"?";return`([01]\\d|2[0-3]):[0-5]\\d(:${n})${o}`}function xb(t){return new RegExp(`^${x0(t)}$`)}function k0(t){let n=`${Y0}T${x0(t)}`,o=[];if(o.push(t.local?"Z?":"Z"),t.offset)o.push("([+-]\\d{2}:?\\d{2})");return n=`${n}(${o.join("|")})`,new RegExp(`^${n}$`)}function kb(t,n){if((n==="v4"||!n)&&cb.test(t))return!0;if((n==="v6"||!n)&&Ab.test(t))return!0;return!1}function Xb(t,n){if(!rb.test(t))return!1;try{let[o]=t.split(".");if(!o)return!1;let b=o.replace(/-/g,"+").replace(/_/g,"/").padEnd(o.length+(4-o.length%4)%4,"="),l=JSON.parse(atob(b));if(typeof l!=="object"||l===null)return!1;if("typ"in l&&l?.typ!=="JWT")return!1;if(!l.alg)return!1;if(n&&l.alg!==n)return!1;return!0}catch{return!1}}function Sb(t,n){if((n==="v4"||!n)&&_b.test(t))return!0;if((n==="v6"||!n)&&qb.test(t))return!0;return!1}function Mb(t,n){let o=(t.toString().split(".")[1]||"").length,b=(n.toString().split(".")[1]||"").length,l=o>b?o:b,a=Number.parseInt(t.toFixed(l).replace(".","")),f=Number.parseInt(n.toFixed(l).replace(".",""));return a%f/10**l}function gt(t){if(t instanceof J){let n={};for(let o in t.shape){let b=t.shape[o];n[o]=d.create(gt(b))}return new J({...t._def,shape:()=>n})}else if(t instanceof U)return new U({...t._def,type:gt(t.element)});else if(t instanceof d)return d.create(gt(t.unwrap()));else if(t instanceof P)return P.create(gt(t.unwrap()));else if(t instanceof p)return p.create(t.items.map((n)=>gt(n)));else return t}function un(t,n){let o=N(t),b=N(n);if(t===n)return{valid:!0,data:t};else if(o===$.object&&b===$.object){let l=S.objectKeys(n),a=S.objectKeys(t).filter((h)=>l.indexOf(h)!==-1),f={...t,...n};for(let h of a){let g=un(t[h],n[h]);if(!g.valid)return{valid:!1};f[h]=g.data}return{valid:!0,data:f}}else if(o===$.array&&b===$.array){if(t.length!==n.length)return{valid:!1};let l=[];for(let a=0;a<t.length;a++){let f=t[a],h=n[a],g=un(f,h);if(!g.valid)return{valid:!1};l.push(g.data)}return{valid:!0,data:l}}else if(o===$.date&&b===$.date&&+t===+n)return{valid:!0,data:t};else return{valid:!1}}function X0(t,n){return new s({values:t,typeName:E.ZodEnum,...x(n)})}function E0(t,n){let o=typeof t==="function"?t(n):typeof t==="string"?{message:t}:t;return typeof o==="string"?{message:o}:o}function S0(t,n={},o){if(t)return ot.create().superRefine((b,l)=>{let a=t(b);if(a instanceof Promise)return a.then((f)=>{if(!f){let h=E0(n,b),g=h.fatal??o??!0;l.addIssue({code:"custom",...h,fatal:g})}});if(!a){let f=E0(n,b),h=f.fatal??o??!0;l.addIssue({code:"custom",...f,fatal:h})}return});return ot.create()}var H0=(t,n)=>{if(C(n))return{success:!0,data:n.value};else{if(!t.common.issues.length)throw Error("Validation failed but no issues detected.");return{success:!1,get error(){if(this._error)return this._error;let o=new O(t.common.issues);return this._error=o,this._error}}}},lb,ab,fb,hb,gb,rb,$b,vb,wb="^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$",In,cb,_b,Ab,qb,Hb,Eb,Y0="((\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-((0[13578]|1[02])-(0[1-9]|[12]\\d|3[01])|(0[469]|11)-(0[1-9]|[12]\\d|30)|(02)-(0[1-9]|1\\d|2[0-8])))",Yb,m,Z,e,$t,nt,Jt,vt,wt,ot,y,K,Gt,U,J,ct,u=(t)=>{if(t instanceof At)return u(t.schema);else if(t instanceof j)return u(t.innerType());else if(t instanceof qt)return[t.value];else if(t instanceof s)return t.options;else if(t instanceof Ht)return S.objectValues(t.enum);else if(t instanceof Et)return u(t._def.innerType);else if(t instanceof vt)return[void 0];else if(t instanceof wt)return[null];else if(t instanceof d)return[void 0,...u(t.unwrap())];else if(t instanceof P)return[null,...u(t.unwrap())];else if(t instanceof Pt)return u(t.unwrap());else if(t instanceof xt)return u(t.unwrap());else if(t instanceof Yt)return u(t._def.innerType);else return[]},ut,_t,p,Lt,Ft,bt,rt,At,qt,s,Ht,lt,j,d,P,Et,Yt,Bt,Qb,Pt,Rt,xt,Jb,E,Gb=(t,n={message:`Input not instance of ${t.name}`})=>S0((o)=>o instanceof t,n),M0,Q0,Lb,Fb,J0,Bb,Rb,Db,Wb,Ob,mb,Ub,db,Vb,jb,Nb,Kb,pb,Ib,ub,Pb,ib,Tb,Cb,yb,Zb,eb,sb,zb,tl,nl,ol,bl,ll,al=()=>M0().optional(),fl=()=>Q0().optional(),hl=()=>J0().optional(),gl,rl;var G0=Y(()=>{Nt();Kt();q0();pn();Mt();lb=/^c[^\s-]{8,}$/i,ab=/^[0-9a-z]+$/,fb=/^[0-9A-HJKMNP-TV-Z]{26}$/i,hb=/^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i,gb=/^[a-z0-9_-]{21}$/i,rb=/^[A-Za-z0-9-_]+\.[A-Za-z0-9-_]+\.[A-Za-z0-9-_]*$/,$b=/^[-+]?P(?!$)(?:(?:[-+]?\d+Y)|(?:[-+]?\d+[.,]\d+Y$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:(?:[-+]?\d+W)|(?:[-+]?\d+[.,]\d+W$))?(?:(?:[-+]?\d+D)|(?:[-+]?\d+[.,]\d+D$))?(?:T(?=[\d+-])(?:(?:[-+]?\d+H)|(?:[-+]?\d+[.,]\d+H$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:[-+]?\d+(?:[.,]\d+)?S)?)??$/,vb=/^(?!\.)(?!.*\.\.)([A-Z0-9_'+\-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i,cb=/^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/,_b=/^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\/(3[0-2]|[12]?[0-9])$/,Ab=/^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/,qb=/^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])$/,Hb=/^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/,Eb=/^([0-9a-zA-Z-_]{4})*(([0-9a-zA-Z-_]{2}(==)?)|([0-9a-zA-Z-_]{3}(=)?))?$/,Yb=new RegExp(`^${Y0}$`);m=class m extends k{_parse(t){if(this._def.coerce)t.data=String(t.data);if(this._getType(t)!==$.string){let l=this._getOrReturnCtx(t);return v(l,{code:r.invalid_type,expected:$.string,received:l.parsedType}),H}let o=new F,b=void 0;for(let l of this._def.checks)if(l.kind==="min"){if(t.data.length<l.value)b=this._getOrReturnCtx(t,b),v(b,{code:r.too_small,minimum:l.value,type:"string",inclusive:!0,exact:!1,message:l.message}),o.dirty()}else if(l.kind==="max"){if(t.data.length>l.value)b=this._getOrReturnCtx(t,b),v(b,{code:r.too_big,maximum:l.value,type:"string",inclusive:!0,exact:!1,message:l.message}),o.dirty()}else if(l.kind==="length"){let a=t.data.length>l.value,f=t.data.length<l.value;if(a||f){if(b=this._getOrReturnCtx(t,b),a)v(b,{code:r.too_big,maximum:l.value,type:"string",inclusive:!0,exact:!0,message:l.message});else if(f)v(b,{code:r.too_small,minimum:l.value,type:"string",inclusive:!0,exact:!0,message:l.message});o.dirty()}}else if(l.kind==="email"){if(!vb.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"email",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="emoji"){if(!In)In=new RegExp(wb,"u");if(!In.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"emoji",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="uuid"){if(!hb.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"uuid",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="nanoid"){if(!gb.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"nanoid",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="cuid"){if(!lb.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"cuid",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="cuid2"){if(!ab.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"cuid2",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="ulid"){if(!fb.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"ulid",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="url")try{new URL(t.data)}catch{b=this._getOrReturnCtx(t,b),v(b,{validation:"url",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="regex"){if(l.regex.lastIndex=0,!l.regex.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"regex",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="trim")t.data=t.data.trim();else if(l.kind==="includes"){if(!t.data.includes(l.value,l.position))b=this._getOrReturnCtx(t,b),v(b,{code:r.invalid_string,validation:{includes:l.value,position:l.position},message:l.message}),o.dirty()}else if(l.kind==="toLowerCase")t.data=t.data.toLowerCase();else if(l.kind==="toUpperCase")t.data=t.data.toUpperCase();else if(l.kind==="startsWith"){if(!t.data.startsWith(l.value))b=this._getOrReturnCtx(t,b),v(b,{code:r.invalid_string,validation:{startsWith:l.value},message:l.message}),o.dirty()}else if(l.kind==="endsWith"){if(!t.data.endsWith(l.value))b=this._getOrReturnCtx(t,b),v(b,{code:r.invalid_string,validation:{endsWith:l.value},message:l.message}),o.dirty()}else if(l.kind==="datetime"){if(!k0(l).test(t.data))b=this._getOrReturnCtx(t,b),v(b,{code:r.invalid_string,validation:"datetime",message:l.message}),o.dirty()}else if(l.kind==="date"){if(!Yb.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{code:r.invalid_string,validation:"date",message:l.message}),o.dirty()}else if(l.kind==="time"){if(!xb(l).test(t.data))b=this._getOrReturnCtx(t,b),v(b,{code:r.invalid_string,validation:"time",message:l.message}),o.dirty()}else if(l.kind==="duration"){if(!$b.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"duration",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="ip"){if(!kb(t.data,l.version))b=this._getOrReturnCtx(t,b),v(b,{validation:"ip",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="jwt"){if(!Xb(t.data,l.alg))b=this._getOrReturnCtx(t,b),v(b,{validation:"jwt",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="cidr"){if(!Sb(t.data,l.version))b=this._getOrReturnCtx(t,b),v(b,{validation:"cidr",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="base64"){if(!Hb.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"base64",code:r.invalid_string,message:l.message}),o.dirty()}else if(l.kind==="base64url"){if(!Eb.test(t.data))b=this._getOrReturnCtx(t,b),v(b,{validation:"base64url",code:r.invalid_string,message:l.message}),o.dirty()}else S.assertNever(l);return{status:o.value,value:t.data}}_regex(t,n,o){return this.refinement((b)=>t.test(b),{validation:n,code:r.invalid_string,...q.errToObj(o)})}_addCheck(t){return new m({...this._def,checks:[...this._def.checks,t]})}email(t){return this._addCheck({kind:"email",...q.errToObj(t)})}url(t){return this._addCheck({kind:"url",...q.errToObj(t)})}emoji(t){return this._addCheck({kind:"emoji",...q.errToObj(t)})}uuid(t){return this._addCheck({kind:"uuid",...q.errToObj(t)})}nanoid(t){return this._addCheck({kind:"nanoid",...q.errToObj(t)})}cuid(t){return this._addCheck({kind:"cuid",...q.errToObj(t)})}cuid2(t){return this._addCheck({kind:"cuid2",...q.errToObj(t)})}ulid(t){return this._addCheck({kind:"ulid",...q.errToObj(t)})}base64(t){return this._addCheck({kind:"base64",...q.errToObj(t)})}base64url(t){return this._addCheck({kind:"base64url",...q.errToObj(t)})}jwt(t){return this._addCheck({kind:"jwt",...q.errToObj(t)})}ip(t){return this._addCheck({kind:"ip",...q.errToObj(t)})}cidr(t){return this._addCheck({kind:"cidr",...q.errToObj(t)})}datetime(t){if(typeof t==="string")return this._addCheck({kind:"datetime",precision:null,offset:!1,local:!1,message:t});return this._addCheck({kind:"datetime",precision:typeof t?.precision>"u"?null:t?.precision,offset:t?.offset??!1,local:t?.local??!1,...q.errToObj(t?.message)})}date(t){return this._addCheck({kind:"date",message:t})}time(t){if(typeof t==="string")return this._addCheck({kind:"time",precision:null,message:t});return this._addCheck({kind:"time",precision:typeof t?.precision>"u"?null:t?.precision,...q.errToObj(t?.message)})}duration(t){return this._addCheck({kind:"duration",...q.errToObj(t)})}regex(t,n){return this._addCheck({kind:"regex",regex:t,...q.errToObj(n)})}includes(t,n){return this._addCheck({kind:"includes",value:t,position:n?.position,...q.errToObj(n?.message)})}startsWith(t,n){return this._addCheck({kind:"startsWith",value:t,...q.errToObj(n)})}endsWith(t,n){return this._addCheck({kind:"endsWith",value:t,...q.errToObj(n)})}min(t,n){return this._addCheck({kind:"min",value:t,...q.errToObj(n)})}max(t,n){return this._addCheck({kind:"max",value:t,...q.errToObj(n)})}length(t,n){return this._addCheck({kind:"length",value:t,...q.errToObj(n)})}nonempty(t){return this.min(1,q.errToObj(t))}trim(){return new m({...this._def,checks:[...this._def.checks,{kind:"trim"}]})}toLowerCase(){return new m({...this._def,checks:[...this._def.checks,{kind:"toLowerCase"}]})}toUpperCase(){return new m({...this._def,checks:[...this._def.checks,{kind:"toUpperCase"}]})}get isDatetime(){return!!this._def.checks.find((t)=>t.kind==="datetime")}get isDate(){return!!this._def.checks.find((t)=>t.kind==="date")}get isTime(){return!!this._def.checks.find((t)=>t.kind==="time")}get isDuration(){return!!this._def.checks.find((t)=>t.kind==="duration")}get isEmail(){return!!this._def.checks.find((t)=>t.kind==="email")}get isURL(){return!!this._def.checks.find((t)=>t.kind==="url")}get isEmoji(){return!!this._def.checks.find((t)=>t.kind==="emoji")}get isUUID(){return!!this._def.checks.find((t)=>t.kind==="uuid")}get isNANOID(){return!!this._def.checks.find((t)=>t.kind==="nanoid")}get isCUID(){return!!this._def.checks.find((t)=>t.kind==="cuid")}get isCUID2(){return!!this._def.checks.find((t)=>t.kind==="cuid2")}get isULID(){return!!this._def.checks.find((t)=>t.kind==="ulid")}get isIP(){return!!this._def.checks.find((t)=>t.kind==="ip")}get isCIDR(){return!!this._def.checks.find((t)=>t.kind==="cidr")}get isBase64(){return!!this._def.checks.find((t)=>t.kind==="base64")}get isBase64url(){return!!this._def.checks.find((t)=>t.kind==="base64url")}get minLength(){let t=null;for(let n of this._def.checks)if(n.kind==="min"){if(t===null||n.value>t)t=n.value}return t}get maxLength(){let t=null;for(let n of this._def.checks)if(n.kind==="max"){if(t===null||n.value<t)t=n.value}return t}};m.create=(t)=>{return new m({checks:[],typeName:E.ZodString,coerce:t?.coerce??!1,...x(t)})};Z=class Z extends k{constructor(){super(...arguments);this.min=this.gte,this.max=this.lte,this.step=this.multipleOf}_parse(t){if(this._def.coerce)t.data=Number(t.data);if(this._getType(t)!==$.number){let l=this._getOrReturnCtx(t);return v(l,{code:r.invalid_type,expected:$.number,received:l.parsedType}),H}let o=void 0,b=new F;for(let l of this._def.checks)if(l.kind==="int"){if(!S.isInteger(t.data))o=this._getOrReturnCtx(t,o),v(o,{code:r.invalid_type,expected:"integer",received:"float",message:l.message}),b.dirty()}else if(l.kind==="min"){if(l.inclusive?t.data<l.value:t.data<=l.value)o=this._getOrReturnCtx(t,o),v(o,{code:r.too_small,minimum:l.value,type:"number",inclusive:l.inclusive,exact:!1,message:l.message}),b.dirty()}else if(l.kind==="max"){if(l.inclusive?t.data>l.value:t.data>=l.value)o=this._getOrReturnCtx(t,o),v(o,{code:r.too_big,maximum:l.value,type:"number",inclusive:l.inclusive,exact:!1,message:l.message}),b.dirty()}else if(l.kind==="multipleOf"){if(Mb(t.data,l.value)!==0)o=this._getOrReturnCtx(t,o),v(o,{code:r.not_multiple_of,multipleOf:l.value,message:l.message}),b.dirty()}else if(l.kind==="finite"){if(!Number.isFinite(t.data))o=this._getOrReturnCtx(t,o),v(o,{code:r.not_finite,message:l.message}),b.dirty()}else S.assertNever(l);return{status:b.value,value:t.data}}gte(t,n){return this.setLimit("min",t,!0,q.toString(n))}gt(t,n){return this.setLimit("min",t,!1,q.toString(n))}lte(t,n){return this.setLimit("max",t,!0,q.toString(n))}lt(t,n){return this.setLimit("max",t,!1,q.toString(n))}setLimit(t,n,o,b){return new Z({...this._def,checks:[...this._def.checks,{kind:t,value:n,inclusive:o,message:q.toString(b)}]})}_addCheck(t){return new Z({...this._def,checks:[...this._def.checks,t]})}int(t){return this._addCheck({kind:"int",message:q.toString(t)})}positive(t){return this._addCheck({kind:"min",value:0,inclusive:!1,message:q.toString(t)})}negative(t){return this._addCheck({kind:"max",value:0,inclusive:!1,message:q.toString(t)})}nonpositive(t){return this._addCheck({kind:"max",value:0,inclusive:!0,message:q.toString(t)})}nonnegative(t){return this._addCheck({kind:"min",value:0,inclusive:!0,message:q.toString(t)})}multipleOf(t,n){return this._addCheck({kind:"multipleOf",value:t,message:q.toString(n)})}finite(t){return this._addCheck({kind:"finite",message:q.toString(t)})}safe(t){return this._addCheck({kind:"min",inclusive:!0,value:Number.MIN_SAFE_INTEGER,message:q.toString(t)})._addCheck({kind:"max",inclusive:!0,value:Number.MAX_SAFE_INTEGER,message:q.toString(t)})}get minValue(){let t=null;for(let n of this._def.checks)if(n.kind==="min"){if(t===null||n.value>t)t=n.value}return t}get maxValue(){let t=null;for(let n of this._def.checks)if(n.kind==="max"){if(t===null||n.value<t)t=n.value}return t}get isInt(){return!!this._def.checks.find((t)=>t.kind==="int"||t.kind==="multipleOf"&&S.isInteger(t.value))}get isFinite(){let t=null,n=null;for(let o of this._def.checks)if(o.kind==="finite"||o.kind==="int"||o.kind==="multipleOf")return!0;else if(o.kind==="min"){if(n===null||o.value>n)n=o.value}else if(o.kind==="max"){if(t===null||o.value<t)t=o.value}return Number.isFinite(n)&&Number.isFinite(t)}};Z.create=(t)=>{return new Z({checks:[],typeName:E.ZodNumber,coerce:t?.coerce||!1,...x(t)})};e=class e extends k{constructor(){super(...arguments);this.min=this.gte,this.max=this.lte}_parse(t){if(this._def.coerce)try{t.data=BigInt(t.data)}catch{return this._getInvalidInput(t)}if(this._getType(t)!==$.bigint)return this._getInvalidInput(t);let o=void 0,b=new F;for(let l of this._def.checks)if(l.kind==="min"){if(l.inclusive?t.data<l.value:t.data<=l.value)o=this._getOrReturnCtx(t,o),v(o,{code:r.too_small,type:"bigint",minimum:l.value,inclusive:l.inclusive,message:l.message}),b.dirty()}else if(l.kind==="max"){if(l.inclusive?t.data>l.value:t.data>=l.value)o=this._getOrReturnCtx(t,o),v(o,{code:r.too_big,type:"bigint",maximum:l.value,inclusive:l.inclusive,message:l.message}),b.dirty()}else if(l.kind==="multipleOf"){if(t.data%l.value!==BigInt(0))o=this._getOrReturnCtx(t,o),v(o,{code:r.not_multiple_of,multipleOf:l.value,message:l.message}),b.dirty()}else S.assertNever(l);return{status:b.value,value:t.data}}_getInvalidInput(t){let n=this._getOrReturnCtx(t);return v(n,{code:r.invalid_type,expected:$.bigint,received:n.parsedType}),H}gte(t,n){return this.setLimit("min",t,!0,q.toString(n))}gt(t,n){return this.setLimit("min",t,!1,q.toString(n))}lte(t,n){return this.setLimit("max",t,!0,q.toString(n))}lt(t,n){return this.setLimit("max",t,!1,q.toString(n))}setLimit(t,n,o,b){return new e({...this._def,checks:[...this._def.checks,{kind:t,value:n,inclusive:o,message:q.toString(b)}]})}_addCheck(t){return new e({...this._def,checks:[...this._def.checks,t]})}positive(t){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!1,message:q.toString(t)})}negative(t){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!1,message:q.toString(t)})}nonpositive(t){return this._addCheck({kind:"max",value:BigInt(0),inclusive:!0,message:q.toString(t)})}nonnegative(t){return this._addCheck({kind:"min",value:BigInt(0),inclusive:!0,message:q.toString(t)})}multipleOf(t,n){return this._addCheck({kind:"multipleOf",value:t,message:q.toString(n)})}get minValue(){let t=null;for(let n of this._def.checks)if(n.kind==="min"){if(t===null||n.value>t)t=n.value}return t}get maxValue(){let t=null;for(let n of this._def.checks)if(n.kind==="max"){if(t===null||n.value<t)t=n.value}return t}};e.create=(t)=>{return new e({checks:[],typeName:E.ZodBigInt,coerce:t?.coerce??!1,...x(t)})};$t=class $t extends k{_parse(t){if(this._def.coerce)t.data=Boolean(t.data);if(this._getType(t)!==$.boolean){let o=this._getOrReturnCtx(t);return v(o,{code:r.invalid_type,expected:$.boolean,received:o.parsedType}),H}return B(t.data)}};$t.create=(t)=>{return new $t({typeName:E.ZodBoolean,coerce:t?.coerce||!1,...x(t)})};nt=class nt extends k{_parse(t){if(this._def.coerce)t.data=new Date(t.data);if(this._getType(t)!==$.date){let l=this._getOrReturnCtx(t);return v(l,{code:r.invalid_type,expected:$.date,received:l.parsedType}),H}if(Number.isNaN(t.data.getTime())){let l=this._getOrReturnCtx(t);return v(l,{code:r.invalid_date}),H}let o=new F,b=void 0;for(let l of this._def.checks)if(l.kind==="min"){if(t.data.getTime()<l.value)b=this._getOrReturnCtx(t,b),v(b,{code:r.too_small,message:l.message,inclusive:!0,exact:!1,minimum:l.value,type:"date"}),o.dirty()}else if(l.kind==="max"){if(t.data.getTime()>l.value)b=this._getOrReturnCtx(t,b),v(b,{code:r.too_big,message:l.message,inclusive:!0,exact:!1,maximum:l.value,type:"date"}),o.dirty()}else S.assertNever(l);return{status:o.value,value:new Date(t.data.getTime())}}_addCheck(t){return new nt({...this._def,checks:[...this._def.checks,t]})}min(t,n){return this._addCheck({kind:"min",value:t.getTime(),message:q.toString(n)})}max(t,n){return this._addCheck({kind:"max",value:t.getTime(),message:q.toString(n)})}get minDate(){let t=null;for(let n of this._def.checks)if(n.kind==="min"){if(t===null||n.value>t)t=n.value}return t!=null?new Date(t):null}get maxDate(){let t=null;for(let n of this._def.checks)if(n.kind==="max"){if(t===null||n.value<t)t=n.value}return t!=null?new Date(t):null}};nt.create=(t)=>{return new nt({checks:[],coerce:t?.coerce||!1,typeName:E.ZodDate,...x(t)})};Jt=class Jt extends k{_parse(t){if(this._getType(t)!==$.symbol){let o=this._getOrReturnCtx(t);return v(o,{code:r.invalid_type,expected:$.symbol,received:o.parsedType}),H}return B(t.data)}};Jt.create=(t)=>{return new Jt({typeName:E.ZodSymbol,...x(t)})};vt=class vt extends k{_parse(t){if(this._getType(t)!==$.undefined){let o=this._getOrReturnCtx(t);return v(o,{code:r.invalid_type,expected:$.undefined,received:o.parsedType}),H}return B(t.data)}};vt.create=(t)=>{return new vt({typeName:E.ZodUndefined,...x(t)})};wt=class wt extends k{_parse(t){if(this._getType(t)!==$.null){let o=this._getOrReturnCtx(t);return v(o,{code:r.invalid_type,expected:$.null,received:o.parsedType}),H}return B(t.data)}};wt.create=(t)=>{return new wt({typeName:E.ZodNull,...x(t)})};ot=class ot extends k{constructor(){super(...arguments);this._any=!0}_parse(t){return B(t.data)}};ot.create=(t)=>{return new ot({typeName:E.ZodAny,...x(t)})};y=class y extends k{constructor(){super(...arguments);this._unknown=!0}_parse(t){return B(t.data)}};y.create=(t)=>{return new y({typeName:E.ZodUnknown,...x(t)})};K=class K extends k{_parse(t){let n=this._getOrReturnCtx(t);return v(n,{code:r.invalid_type,expected:$.never,received:n.parsedType}),H}};K.create=(t)=>{return new K({typeName:E.ZodNever,...x(t)})};Gt=class Gt extends k{_parse(t){if(this._getType(t)!==$.undefined){let o=this._getOrReturnCtx(t);return v(o,{code:r.invalid_type,expected:$.void,received:o.parsedType}),H}return B(t.data)}};Gt.create=(t)=>{return new Gt({typeName:E.ZodVoid,...x(t)})};U=class U extends k{_parse(t){let{ctx:n,status:o}=this._processInputParams(t),b=this._def;if(n.parsedType!==$.array)return v(n,{code:r.invalid_type,expected:$.array,received:n.parsedType}),H;if(b.exactLength!==null){let a=n.data.length>b.exactLength.value,f=n.data.length<b.exactLength.value;if(a||f)v(n,{code:a?r.too_big:r.too_small,minimum:f?b.exactLength.value:void 0,maximum:a?b.exactLength.value:void 0,type:"array",inclusive:!0,exact:!0,message:b.exactLength.message}),o.dirty()}if(b.minLength!==null){if(n.data.length<b.minLength.value)v(n,{code:r.too_small,minimum:b.minLength.value,type:"array",inclusive:!0,exact:!1,message:b.minLength.message}),o.dirty()}if(b.maxLength!==null){if(n.data.length>b.maxLength.value)v(n,{code:r.too_big,maximum:b.maxLength.value,type:"array",inclusive:!0,exact:!1,message:b.maxLength.message}),o.dirty()}if(n.common.async)return Promise.all([...n.data].map((a,f)=>{return b.type._parseAsync(new V(n,a,n.path,f))})).then((a)=>{return F.mergeArray(o,a)});let l=[...n.data].map((a,f)=>{return b.type._parseSync(new V(n,a,n.path,f))});return F.mergeArray(o,l)}get element(){return this._def.type}min(t,n){return new U({...this._def,minLength:{value:t,message:q.toString(n)}})}max(t,n){return new U({...this._def,maxLength:{value:t,message:q.toString(n)}})}length(t,n){return new U({...this._def,exactLength:{value:t,message:q.toString(n)}})}nonempty(t){return this.min(1,t)}};U.create=(t,n)=>{return new U({type:t,minLength:null,maxLength:null,exactLength:null,typeName:E.ZodArray,...x(n)})};J=class J extends k{constructor(){super(...arguments);this._cached=null,this.nonstrict=this.passthrough,this.augment=this.extend}_getCached(){if(this._cached!==null)return this._cached;let t=this._def.shape(),n=S.objectKeys(t);return this._cached={shape:t,keys:n},this._cached}_parse(t){if(this._getType(t)!==$.object){let g=this._getOrReturnCtx(t);return v(g,{code:r.invalid_type,expected:$.object,received:g.parsedType}),H}let{status:o,ctx:b}=this._processInputParams(t),{shape:l,keys:a}=this._getCached(),f=[];if(!(this._def.catchall instanceof K&&this._def.unknownKeys==="strip")){for(let g in b.data)if(!a.includes(g))f.push(g)}let h=[];for(let g of a){let _=l[g],X=b.data[g];h.push({key:{status:"valid",value:g},value:_._parse(new V(b,X,b.path,g)),alwaysSet:g in b.data})}if(this._def.catchall instanceof K){let g=this._def.unknownKeys;if(g==="passthrough")for(let _ of f)h.push({key:{status:"valid",value:_},value:{status:"valid",value:b.data[_]}});else if(g==="strict"){if(f.length>0)v(b,{code:r.unrecognized_keys,keys:f}),o.dirty()}else if(g==="strip");else throw Error("Internal ZodObject error: invalid unknownKeys value.")}else{let g=this._def.catchall;for(let _ of f){let X=b.data[_];h.push({key:{status:"valid",value:_},value:g._parse(new V(b,X,b.path,_)),alwaysSet:_ in b.data})}}if(b.common.async)return Promise.resolve().then(async()=>{let g=[];for(let _ of h){let X=await _.key,L=await _.value;g.push({key:X,value:L,alwaysSet:_.alwaysSet})}return g}).then((g)=>{return F.mergeObjectSync(o,g)});else return F.mergeObjectSync(o,h)}get shape(){return this._def.shape()}strict(t){return q.errToObj,new J({...this._def,unknownKeys:"strict",...t!==void 0?{errorMap:(n,o)=>{let b=this._def.errorMap?.(n,o).message??o.defaultError;if(n.code==="unrecognized_keys")return{message:q.errToObj(t).message??b};return{message:b}}}:{}})}strip(){return new J({...this._def,unknownKeys:"strip"})}passthrough(){return new J({...this._def,unknownKeys:"passthrough"})}extend(t){return new J({...this._def,shape:()=>({...this._def.shape(),...t})})}merge(t){return new J({unknownKeys:t._def.unknownKeys,catchall:t._def.catchall,shape:()=>({...this._def.shape(),...t._def.shape()}),typeName:E.ZodObject})}setKey(t,n){return this.augment({[t]:n})}catchall(t){return new J({...this._def,catchall:t})}pick(t){let n={};for(let o of S.objectKeys(t))if(t[o]&&this.shape[o])n[o]=this.shape[o];return new J({...this._def,shape:()=>n})}omit(t){let n={};for(let o of S.objectKeys(this.shape))if(!t[o])n[o]=this.shape[o];return new J({...this._def,shape:()=>n})}deepPartial(){return gt(this)}partial(t){let n={};for(let o of S.objectKeys(this.shape)){let b=this.shape[o];if(t&&!t[o])n[o]=b;else n[o]=b.optional()}return new J({...this._def,shape:()=>n})}required(t){let n={};for(let o of S.objectKeys(this.shape))if(t&&!t[o])n[o]=this.shape[o];else{let l=this.shape[o];while(l instanceof d)l=l._def.innerType;n[o]=l}return new J({...this._def,shape:()=>n})}keyof(){return X0(S.objectKeys(this.shape))}};J.create=(t,n)=>{return new J({shape:()=>t,unknownKeys:"strip",catchall:K.create(),typeName:E.ZodObject,...x(n)})};J.strictCreate=(t,n)=>{return new J({shape:()=>t,unknownKeys:"strict",catchall:K.create(),typeName:E.ZodObject,...x(n)})};J.lazycreate=(t,n)=>{return new J({shape:t,unknownKeys:"strip",catchall:K.create(),typeName:E.ZodObject,...x(n)})};ct=class ct extends k{_parse(t){let{ctx:n}=this._processInputParams(t),o=this._def.options;function b(l){for(let f of l)if(f.result.status==="valid")return f.result;for(let f of l)if(f.result.status==="dirty")return n.common.issues.push(...f.ctx.common.issues),f.result;let a=l.map((f)=>new O(f.ctx.common.issues));return v(n,{code:r.invalid_union,unionErrors:a}),H}if(n.common.async)return Promise.all(o.map(async(l)=>{let a={...n,common:{...n.common,issues:[]},parent:null};return{result:await l._parseAsync({data:n.data,path:n.path,parent:a}),ctx:a}})).then(b);else{let l=void 0,a=[];for(let h of o){let g={...n,common:{...n.common,issues:[]},parent:null},_=h._parseSync({data:n.data,path:n.path,parent:g});if(_.status==="valid")return _;else if(_.status==="dirty"&&!l)l={result:_,ctx:g};if(g.common.issues.length)a.push(g.common.issues)}if(l)return n.common.issues.push(...l.ctx.common.issues),l.result;let f=a.map((h)=>new O(h));return v(n,{code:r.invalid_union,unionErrors:f}),H}}get options(){return this._def.options}};ct.create=(t,n)=>{return new ct({options:t,typeName:E.ZodUnion,...x(n)})};ut=class ut extends k{_parse(t){let{ctx:n}=this._processInputParams(t);if(n.parsedType!==$.object)return v(n,{code:r.invalid_type,expected:$.object,received:n.parsedType}),H;let o=this.discriminator,b=n.data[o],l=this.optionsMap.get(b);if(!l)return v(n,{code:r.invalid_union_discriminator,options:Array.from(this.optionsMap.keys()),path:[o]}),H;if(n.common.async)return l._parseAsync({data:n.data,path:n.path,parent:n});else return l._parseSync({data:n.data,path:n.path,parent:n})}get discriminator(){return this._def.discriminator}get options(){return this._def.options}get optionsMap(){return this._def.optionsMap}static create(t,n,o){let b=new Map;for(let l of n){let a=u(l.shape[t]);if(!a.length)throw Error(`A discriminator value for key \`${t}\` could not be extracted from all schema options`);for(let f of a){if(b.has(f))throw Error(`Discriminator property ${String(t)} has duplicate value ${String(f)}`);b.set(f,l)}}return new ut({typeName:E.ZodDiscriminatedUnion,discriminator:t,options:n,optionsMap:b,...x(o)})}};_t=class _t extends k{_parse(t){let{status:n,ctx:o}=this._processInputParams(t),b=(l,a)=>{if(pt(l)||pt(a))return H;let f=un(l.value,a.value);if(!f.valid)return v(o,{code:r.invalid_intersection_types}),H;if(It(l)||It(a))n.dirty();return{status:n.value,value:f.data}};if(o.common.async)return Promise.all([this._def.left._parseAsync({data:o.data,path:o.path,parent:o}),this._def.right._parseAsync({data:o.data,path:o.path,parent:o})]).then(([l,a])=>b(l,a));else return b(this._def.left._parseSync({data:o.data,path:o.path,parent:o}),this._def.right._parseSync({data:o.data,path:o.path,parent:o}))}};_t.create=(t,n,o)=>{return new _t({left:t,right:n,typeName:E.ZodIntersection,...x(o)})};p=class p extends k{_parse(t){let{status:n,ctx:o}=this._processInputParams(t);if(o.parsedType!==$.array)return v(o,{code:r.invalid_type,expected:$.array,received:o.parsedType}),H;if(o.data.length<this._def.items.length)return v(o,{code:r.too_small,minimum:this._def.items.length,inclusive:!0,exact:!1,type:"array"}),H;if(!this._def.rest&&o.data.length>this._def.items.length)v(o,{code:r.too_big,maximum:this._def.items.length,inclusive:!0,exact:!1,type:"array"}),n.dirty();let l=[...o.data].map((a,f)=>{let h=this._def.items[f]||this._def.rest;if(!h)return null;return h._parse(new V(o,a,o.path,f))}).filter((a)=>!!a);if(o.common.async)return Promise.all(l).then((a)=>{return F.mergeArray(n,a)});else return F.mergeArray(n,l)}get items(){return this._def.items}rest(t){return new p({...this._def,rest:t})}};p.create=(t,n)=>{if(!Array.isArray(t))throw Error("You must pass an array of schemas to z.tuple([ ... ])");return new p({items:t,typeName:E.ZodTuple,rest:null,...x(n)})};Lt=class Lt extends k{get keySchema(){return this._def.keyType}get valueSchema(){return this._def.valueType}_parse(t){let{status:n,ctx:o}=this._processInputParams(t);if(o.parsedType!==$.object)return v(o,{code:r.invalid_type,expected:$.object,received:o.parsedType}),H;let b=[],l=this._def.keyType,a=this._def.valueType;for(let f in o.data)b.push({key:l._parse(new V(o,f,o.path,f)),value:a._parse(new V(o,o.data[f],o.path,f)),alwaysSet:f in o.data});if(o.common.async)return F.mergeObjectAsync(n,b);else return F.mergeObjectSync(n,b)}get element(){return this._def.valueType}static create(t,n,o){if(n instanceof k)return new Lt({keyType:t,valueType:n,typeName:E.ZodRecord,...x(o)});return new Lt({keyType:m.create(),valueType:t,typeName:E.ZodRecord,...x(n)})}};Ft=class Ft extends k{get keySchema(){return this._def.keyType}get valueSchema(){return this._def.valueType}_parse(t){let{status:n,ctx:o}=this._processInputParams(t);if(o.parsedType!==$.map)return v(o,{code:r.invalid_type,expected:$.map,received:o.parsedType}),H;let b=this._def.keyType,l=this._def.valueType,a=[...o.data.entries()].map(([f,h],g)=>{return{key:b._parse(new V(o,f,o.path,[g,"key"])),value:l._parse(new V(o,h,o.path,[g,"value"]))}});if(o.common.async){let f=new Map;return Promise.resolve().then(async()=>{for(let h of a){let g=await h.key,_=await h.value;if(g.status==="aborted"||_.status==="aborted")return H;if(g.status==="dirty"||_.status==="dirty")n.dirty();f.set(g.value,_.value)}return{status:n.value,value:f}})}else{let f=new Map;for(let h of a){let{key:g,value:_}=h;if(g.status==="aborted"||_.status==="aborted")return H;if(g.status==="dirty"||_.status==="dirty")n.dirty();f.set(g.value,_.value)}return{status:n.value,value:f}}}};Ft.create=(t,n,o)=>{return new Ft({valueType:n,keyType:t,typeName:E.ZodMap,...x(o)})};bt=class bt extends k{_parse(t){let{status:n,ctx:o}=this._processInputParams(t);if(o.parsedType!==$.set)return v(o,{code:r.invalid_type,expected:$.set,received:o.parsedType}),H;let b=this._def;if(b.minSize!==null){if(o.data.size<b.minSize.value)v(o,{code:r.too_small,minimum:b.minSize.value,type:"set",inclusive:!0,exact:!1,message:b.minSize.message}),n.dirty()}if(b.maxSize!==null){if(o.data.size>b.maxSize.value)v(o,{code:r.too_big,maximum:b.maxSize.value,type:"set",inclusive:!0,exact:!1,message:b.maxSize.message}),n.dirty()}let l=this._def.valueType;function a(h){let g=new Set;for(let _ of h){if(_.status==="aborted")return H;if(_.status==="dirty")n.dirty();g.add(_.value)}return{status:n.value,value:g}}let f=[...o.data.values()].map((h,g)=>l._parse(new V(o,h,o.path,g)));if(o.common.async)return Promise.all(f).then((h)=>a(h));else return a(f)}min(t,n){return new bt({...this._def,minSize:{value:t,message:q.toString(n)}})}max(t,n){return new bt({...this._def,maxSize:{value:t,message:q.toString(n)}})}size(t,n){return this.min(t,n).max(t,n)}nonempty(t){return this.min(1,t)}};bt.create=(t,n)=>{return new bt({valueType:t,minSize:null,maxSize:null,typeName:E.ZodSet,...x(n)})};rt=class rt extends k{constructor(){super(...arguments);this.validate=this.implement}_parse(t){let{ctx:n}=this._processInputParams(t);if(n.parsedType!==$.function)return v(n,{code:r.invalid_type,expected:$.function,received:n.parsedType}),H;function o(f,h){return Qt({data:f,path:n.path,errorMaps:[n.common.contextualErrorMap,n.schemaErrorMap,ft(),I].filter((g)=>!!g),issueData:{code:r.invalid_arguments,argumentsError:h}})}function b(f,h){return Qt({data:f,path:n.path,errorMaps:[n.common.contextualErrorMap,n.schemaErrorMap,ft(),I].filter((g)=>!!g),issueData:{code:r.invalid_return_type,returnTypeError:h}})}let l={errorMap:n.common.contextualErrorMap},a=n.data;if(this._def.returns instanceof lt){let f=this;return B(async function(...h){let g=new O([]),_=await f._def.args.parseAsync(h,l).catch((G)=>{throw g.addIssue(o(h,G)),g}),X=await Reflect.apply(a,this,_);return await f._def.returns._def.type.parseAsync(X,l).catch((G)=>{throw g.addIssue(b(X,G)),g})})}else{let f=this;return B(function(...h){let g=f._def.args.safeParse(h,l);if(!g.success)throw new O([o(h,g.error)]);let _=Reflect.apply(a,this,g.data),X=f._def.returns.safeParse(_,l);if(!X.success)throw new O([b(_,X.error)]);return X.data})}}parameters(){return this._def.args}returnType(){return this._def.returns}args(...t){return new rt({...this._def,args:p.create(t).rest(y.create())})}returns(t){return new rt({...this._def,returns:t})}implement(t){return this.parse(t)}strictImplement(t){return this.parse(t)}static create(t,n,o){return new rt({args:t?t:p.create([]).rest(y.create()),returns:n||y.create(),typeName:E.ZodFunction,...x(o)})}};At=class At extends k{get schema(){return this._def.getter()}_parse(t){let{ctx:n}=this._processInputParams(t);return this._def.getter()._parse({data:n.data,path:n.path,parent:n})}};At.create=(t,n)=>{return new At({getter:t,typeName:E.ZodLazy,...x(n)})};qt=class qt extends k{_parse(t){if(t.data!==this._def.value){let n=this._getOrReturnCtx(t);return v(n,{received:n.data,code:r.invalid_literal,expected:this._def.value}),H}return{status:"valid",value:t.data}}get value(){return this._def.value}};qt.create=(t,n)=>{return new qt({value:t,typeName:E.ZodLiteral,...x(n)})};s=class s extends k{_parse(t){if(typeof t.data!=="string"){let n=this._getOrReturnCtx(t),o=this._def.values;return v(n,{expected:S.joinValues(o),received:n.parsedType,code:r.invalid_type}),H}if(!this._cache)this._cache=new Set(this._def.values);if(!this._cache.has(t.data)){let n=this._getOrReturnCtx(t),o=this._def.values;return v(n,{received:n.data,code:r.invalid_enum_value,options:o}),H}return B(t.data)}get options(){return this._def.values}get enum(){let t={};for(let n of this._def.values)t[n]=n;return t}get Values(){let t={};for(let n of this._def.values)t[n]=n;return t}get Enum(){let t={};for(let n of this._def.values)t[n]=n;return t}extract(t,n=this._def){return s.create(t,{...this._def,...n})}exclude(t,n=this._def){return s.create(this.options.filter((o)=>!t.includes(o)),{...this._def,...n})}};s.create=X0;Ht=class Ht extends k{_parse(t){let n=S.getValidEnumValues(this._def.values),o=this._getOrReturnCtx(t);if(o.parsedType!==$.string&&o.parsedType!==$.number){let b=S.objectValues(n);return v(o,{expected:S.joinValues(b),received:o.parsedType,code:r.invalid_type}),H}if(!this._cache)this._cache=new Set(S.getValidEnumValues(this._def.values));if(!this._cache.has(t.data)){let b=S.objectValues(n);return v(o,{received:o.data,code:r.invalid_enum_value,options:b}),H}return B(t.data)}get enum(){return this._def.values}};Ht.create=(t,n)=>{return new Ht({values:t,typeName:E.ZodNativeEnum,...x(n)})};lt=class lt extends k{unwrap(){return this._def.type}_parse(t){let{ctx:n}=this._processInputParams(t);if(n.parsedType!==$.promise&&n.common.async===!1)return v(n,{code:r.invalid_type,expected:$.promise,received:n.parsedType}),H;let o=n.parsedType===$.promise?n.data:Promise.resolve(n.data);return B(o.then((b)=>{return this._def.type.parseAsync(b,{path:n.path,errorMap:n.common.contextualErrorMap})}))}};lt.create=(t,n)=>{return new lt({type:t,typeName:E.ZodPromise,...x(n)})};j=class j extends k{innerType(){return this._def.schema}sourceType(){return this._def.schema._def.typeName===E.ZodEffects?this._def.schema.sourceType():this._def.schema}_parse(t){let{status:n,ctx:o}=this._processInputParams(t),b=this._def.effect||null,l={addIssue:(a)=>{if(v(o,a),a.fatal)n.abort();else n.dirty()},get path(){return o.path}};if(l.addIssue=l.addIssue.bind(l),b.type==="preprocess"){let a=b.transform(o.data,l);if(o.common.async)return Promise.resolve(a).then(async(f)=>{if(n.value==="aborted")return H;let h=await this._def.schema._parseAsync({data:f,path:o.path,parent:o});if(h.status==="aborted")return H;if(h.status==="dirty")return tt(h.value);if(n.value==="dirty")return tt(h.value);return h});else{if(n.value==="aborted")return H;let f=this._def.schema._parseSync({data:a,path:o.path,parent:o});if(f.status==="aborted")return H;if(f.status==="dirty")return tt(f.value);if(n.value==="dirty")return tt(f.value);return f}}if(b.type==="refinement"){let a=(f)=>{let h=b.refinement(f,l);if(o.common.async)return Promise.resolve(h);if(h instanceof Promise)throw Error("Async refinement encountered during synchronous parse operation. Use .parseAsync instead.");return f};if(o.common.async===!1){let f=this._def.schema._parseSync({data:o.data,path:o.path,parent:o});if(f.status==="aborted")return H;if(f.status==="dirty")n.dirty();return a(f.value),{status:n.value,value:f.value}}else return this._def.schema._parseAsync({data:o.data,path:o.path,parent:o}).then((f)=>{if(f.status==="aborted")return H;if(f.status==="dirty")n.dirty();return a(f.value).then(()=>{return{status:n.value,value:f.value}})})}if(b.type==="transform")if(o.common.async===!1){let a=this._def.schema._parseSync({data:o.data,path:o.path,parent:o});if(!C(a))return H;let f=b.transform(a.value,l);if(f instanceof Promise)throw Error("Asynchronous transform encountered during synchronous parse operation. Use .parseAsync instead.");return{status:n.value,value:f}}else return this._def.schema._parseAsync({data:o.data,path:o.path,parent:o}).then((a)=>{if(!C(a))return H;return Promise.resolve(b.transform(a.value,l)).then((f)=>({status:n.value,value:f}))});S.assertNever(b)}};j.create=(t,n,o)=>{return new j({schema:t,typeName:E.ZodEffects,effect:n,...x(o)})};j.createWithPreprocess=(t,n,o)=>{return new j({schema:n,effect:{type:"preprocess",transform:t},typeName:E.ZodEffects,...x(o)})};d=class d extends k{_parse(t){if(this._getType(t)===$.undefined)return B(void 0);return this._def.innerType._parse(t)}unwrap(){return this._def.innerType}};d.create=(t,n)=>{return new d({innerType:t,typeName:E.ZodOptional,...x(n)})};P=class P extends k{_parse(t){if(this._getType(t)===$.null)return B(null);return this._def.innerType._parse(t)}unwrap(){return this._def.innerType}};P.create=(t,n)=>{return new P({innerType:t,typeName:E.ZodNullable,...x(n)})};Et=class Et extends k{_parse(t){let{ctx:n}=this._processInputParams(t),o=n.data;if(n.parsedType===$.undefined)o=this._def.defaultValue();return this._def.innerType._parse({data:o,path:n.path,parent:n})}removeDefault(){return this._def.innerType}};Et.create=(t,n)=>{return new Et({innerType:t,typeName:E.ZodDefault,defaultValue:typeof n.default==="function"?n.default:()=>n.default,...x(n)})};Yt=class Yt extends k{_parse(t){let{ctx:n}=this._processInputParams(t),o={...n,common:{...n.common,issues:[]}},b=this._def.innerType._parse({data:o.data,path:o.path,parent:{...o}});if(ht(b))return b.then((l)=>{return{status:"valid",value:l.status==="valid"?l.value:this._def.catchValue({get error(){return new O(o.common.issues)},input:o.data})}});else return{status:"valid",value:b.status==="valid"?b.value:this._def.catchValue({get error(){return new O(o.common.issues)},input:o.data})}}removeCatch(){return this._def.innerType}};Yt.create=(t,n)=>{return new Yt({innerType:t,typeName:E.ZodCatch,catchValue:typeof n.catch==="function"?n.catch:()=>n.catch,...x(n)})};Bt=class Bt extends k{_parse(t){if(this._getType(t)!==$.nan){let o=this._getOrReturnCtx(t);return v(o,{code:r.invalid_type,expected:$.nan,received:o.parsedType}),H}return{status:"valid",value:t.data}}};Bt.create=(t)=>{return new Bt({typeName:E.ZodNaN,...x(t)})};Qb=Symbol("zod_brand");Pt=class Pt extends k{_parse(t){let{ctx:n}=this._processInputParams(t),o=n.data;return this._def.type._parse({data:o,path:n.path,parent:n})}unwrap(){return this._def.type}};Rt=class Rt extends k{_parse(t){let{status:n,ctx:o}=this._processInputParams(t);if(o.common.async)return(async()=>{let l=await this._def.in._parseAsync({data:o.data,path:o.path,parent:o});if(l.status==="aborted")return H;if(l.status==="dirty")return n.dirty(),tt(l.value);else return this._def.out._parseAsync({data:l.value,path:o.path,parent:o})})();else{let b=this._def.in._parseSync({data:o.data,path:o.path,parent:o});if(b.status==="aborted")return H;if(b.status==="dirty")return n.dirty(),{status:"dirty",value:b.value};else return this._def.out._parseSync({data:b.value,path:o.path,parent:o})}}static create(t,n){return new Rt({in:t,out:n,typeName:E.ZodPipeline})}};xt=class xt extends k{_parse(t){let n=this._def.innerType._parse(t),o=(b)=>{if(C(b))b.value=Object.freeze(b.value);return b};return ht(n)?n.then((b)=>o(b)):o(n)}unwrap(){return this._def.innerType}};xt.create=(t,n)=>{return new xt({innerType:t,typeName:E.ZodReadonly,...x(n)})};Jb={object:J.lazycreate};(function(t){t.ZodString="ZodString",t.ZodNumber="ZodNumber",t.ZodNaN="ZodNaN",t.ZodBigInt="ZodBigInt",t.ZodBoolean="ZodBoolean",t.ZodDate="ZodDate",t.ZodSymbol="ZodSymbol",t.ZodUndefined="ZodUndefined",t.ZodNull="ZodNull",t.ZodAny="ZodAny",t.ZodUnknown="ZodUnknown",t.ZodNever="ZodNever",t.ZodVoid="ZodVoid",t.ZodArray="ZodArray",t.ZodObject="ZodObject",t.ZodUnion="ZodUnion",t.ZodDiscriminatedUnion="ZodDiscriminatedUnion",t.ZodIntersection="ZodIntersection",t.ZodTuple="ZodTuple",t.ZodRecord="ZodRecord",t.ZodMap="ZodMap",t.ZodSet="ZodSet",t.ZodFunction="ZodFunction",t.ZodLazy="ZodLazy",t.ZodLiteral="ZodLiteral",t.ZodEnum="ZodEnum",t.ZodEffects="ZodEffects",t.ZodNativeEnum="ZodNativeEnum",t.ZodOptional="ZodOptional",t.ZodNullable="ZodNullable",t.ZodDefault="ZodDefault",t.ZodCatch="ZodCatch",t.ZodPromise="ZodPromise",t.ZodBranded="ZodBranded",t.ZodPipeline="ZodPipeline",t.ZodReadonly="ZodReadonly"})(E||(E={}));M0=m.create,Q0=Z.create,Lb=Bt.create,Fb=e.create,J0=$t.create,Bb=nt.create,Rb=Jt.create,Db=vt.create,Wb=wt.create,Ob=ot.create,mb=y.create,Ub=K.create,db=Gt.create,Vb=U.create,jb=J.create,Nb=J.strictCreate,Kb=ct.create,pb=ut.create,Ib=_t.create,ub=p.create,Pb=Lt.create,ib=Ft.create,Tb=bt.create,Cb=rt.create,yb=At.create,Zb=qt.create,eb=s.create,sb=Ht.create,zb=lt.create,tl=j.create,nl=d.create,ol=P.create,bl=j.createWithPreprocess,ll=Rt.create,gl={string:(t)=>m.create({...t,coerce:!0}),number:(t)=>Z.create({...t,coerce:!0}),boolean:(t)=>$t.create({...t,coerce:!0}),bigint:(t)=>e.create({...t,coerce:!0}),date:(t)=>nt.create({...t,coerce:!0})},rl=H});var w={};Q(w,{void:()=>db,util:()=>S,unknown:()=>mb,union:()=>Kb,undefined:()=>Db,tuple:()=>ub,transformer:()=>tl,symbol:()=>Rb,string:()=>M0,strictObject:()=>Nb,setErrorMap:()=>ob,set:()=>Tb,record:()=>Pb,quotelessJson:()=>tb,promise:()=>zb,preprocess:()=>bl,pipeline:()=>ll,ostring:()=>al,optional:()=>nl,onumber:()=>fl,oboolean:()=>hl,objectUtil:()=>Nn,object:()=>jb,number:()=>Q0,nullable:()=>ol,null:()=>Wb,never:()=>Ub,nativeEnum:()=>sb,nan:()=>Lb,map:()=>ib,makeIssue:()=>Qt,literal:()=>Zb,lazy:()=>yb,late:()=>Jb,isValid:()=>C,isDirty:()=>It,isAsync:()=>ht,isAborted:()=>pt,intersection:()=>Ib,instanceof:()=>Gb,getParsedType:()=>N,getErrorMap:()=>ft,function:()=>Cb,enum:()=>eb,effect:()=>tl,discriminatedUnion:()=>pb,defaultErrorMap:()=>I,datetimeRegex:()=>k0,date:()=>Bb,custom:()=>S0,coerce:()=>gl,boolean:()=>J0,bigint:()=>Fb,array:()=>Vb,any:()=>Ob,addIssueToContext:()=>v,ZodVoid:()=>Gt,ZodUnknown:()=>y,ZodUnion:()=>ct,ZodUndefined:()=>vt,ZodType:()=>k,ZodTuple:()=>p,ZodTransformer:()=>j,ZodSymbol:()=>Jt,ZodString:()=>m,ZodSet:()=>bt,ZodSchema:()=>k,ZodRecord:()=>Lt,ZodReadonly:()=>xt,ZodPromise:()=>lt,ZodPipeline:()=>Rt,ZodParsedType:()=>$,ZodOptional:()=>d,ZodObject:()=>J,ZodNumber:()=>Z,ZodNullable:()=>P,ZodNull:()=>wt,ZodNever:()=>K,ZodNativeEnum:()=>Ht,ZodNaN:()=>Bt,ZodMap:()=>Ft,ZodLiteral:()=>qt,ZodLazy:()=>At,ZodIssueCode:()=>r,ZodIntersection:()=>_t,ZodFunction:()=>rt,ZodFirstPartyTypeKind:()=>E,ZodError:()=>O,ZodEnum:()=>s,ZodEffects:()=>j,ZodDiscriminatedUnion:()=>ut,ZodDefault:()=>Et,ZodDate:()=>nt,ZodCatch:()=>Yt,ZodBranded:()=>Pt,ZodBoolean:()=>$t,ZodBigInt:()=>e,ZodArray:()=>U,ZodAny:()=>ot,Schema:()=>k,ParseStatus:()=>F,OK:()=>B,NEVER:()=>rl,INVALID:()=>H,EMPTY_PATH:()=>bb,DIRTY:()=>tt,BRAND:()=>Qb});var Pn=Y(()=>{Kt();pn();A0();Mt();G0();Nt()});var L0=Y(()=>{Pn();Pn()});function Tn(t){if(t===null||typeof t!=="object")return t;if(Array.isArray(t))return t.map(Tn);let n={};for(let o of Object.keys(t))n[o]=Tn(t[o]);return n}var $l,Ma;var F0=Y(()=>{$l={validation:{trimStrings:!1,emptyAsNullDefault:!1},security:{csrf:{enabled:!0,excludePaths:[],sameSite:"Strict",secure:!1},rateLimit:{enabled:!0,windowMs:60000,maxRequests:60,excludePaths:[]}},hooks:{onValidationError:null,onSecurityViolation:null,onRateLimit:null,onDatabaseError:null,onRequest:null}},Ma=Tn($l)});class Dt{static validate(t,n){try{return{success:!0,data:t.parse(n)}}catch(o){if(o instanceof w.ZodError){let b={};return o.errors.forEach((l)=>{let a=l.path.join(".");b[a]=l.message}),{success:!1,errors:b}}return{success:!1,errors:{general:"Validation failed"}}}}static validateField(t,n){try{return t.parse(n),{success:!0}}catch(o){if(o instanceof w.ZodError)return{success:!1,error:o.errors[0]?.message||"Invalid value"};return{success:!1,error:"Validation failed"}}}static getFieldError(t,n){if(t.success)return null;return t.errors?.[n]||null}static hasFieldError(t,n){return!!this.getFieldError(t,n)}}var B0,i;var Cn=Y(()=>{L0();F0();B0={login:w.object({email:w.string().min(1,"Email is required").email("Please enter a valid email address"),password:w.string().min(8,"Password must be at least 8 characters").regex(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/,"Password must contain at least one uppercase letter, one lowercase letter, and one number")}),register:w.object({name:w.string().min(2,"Name must be at least 2 characters").max(50,"Name must be less than 50 characters").regex(/^[a-zA-Z\s'-]+$/,"Name can only contain letters, spaces, hyphens, and apostrophes"),email:w.string().min(1,"Email is required").email("Please enter a valid email address"),password:w.string().min(8,"Password must be at least 8 characters").regex(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])/,"Password must contain uppercase, lowercase, number, and special character"),confirmPassword:w.string()}).refine((t)=>t.password===t.confirmPassword,{message:"Passwords don't match",path:["confirmPassword"]}),auth:{register:w.object({action:w.literal("register"),email:w.string().min(1,"Email is required").email("Please enter a valid email address"),username:w.string().min(3,"Username must be at least 3 characters").max(30,"Username must be less than 30 characters"),password:w.string().min(8,"Password must be at least 8 characters"),full_name:w.string().min(2,"Full name is required").max(100,"Full name is too long")}),login:w.object({action:w.literal("login"),email:w.string().min(1,"Email is required").email("Please enter a valid email address"),password:w.string().min(8,"Password must be at least 8 characters")}),logout:w.object({action:w.literal("logout")}),action:w.discriminatedUnion("action",[w.object({action:w.literal("register")}).merge(w.object({email:w.string().min(1,"Email is required").email("Please enter a valid email address"),username:w.string().min(3,"Username must be at least 3 characters").max(30,"Username must be less than 30 characters"),password:w.string().min(8,"Password must be at least 8 characters"),full_name:w.string().min(2,"Full name is required").max(100,"Full name is too long")})),w.object({action:w.literal("login")}).merge(w.object({email:w.string().min(1,"Email is required").email("Please enter a valid email address"),password:w.string().min(8,"Password must be at least 8 characters")})),w.object({action:w.literal("logout")})])},contact:w.object({name:w.string().min(2,"Name must be at least 2 characters").max(100,"Name is too long"),email:w.string().email("Please enter a valid email address"),message:w.string().min(10,"Message must be at least 10 characters").max(1000,"Message is too long")}),email:w.string().min(1,"Email is required").email("Please enter a valid email address"),password:w.string().min(8,"Password must be at least 8 characters").regex(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/,"Password must contain uppercase, lowercase, and number"),phone:w.string().regex(/^[\+]?[1-9][\d]{0,15}$/,"Please enter a valid phone number"),url:w.string().min(1,"URL is required").url("Please enter a valid URL"),required:w.string().min(1,"This field is required"),positiveNumber:w.number().positive("Must be a positive number"),integer:w.number().int("Must be a whole number"),futureDate:w.date().min(new Date,"Date must be in the future"),imageFile:w.instanceof(File).refine((t)=>t.size<=5242880,"File size must be less than 5MB").refine((t)=>["image/jpeg","image/png","image/gif","image/webp"].includes(t.type),"File must be a JPEG, PNG, GIF, or WebP image"),userProfile:w.object({full_name:w.string().min(2,"Full name must be at least 2 characters").max(100,"Full name is too long").optional(),bio:w.string().max(500,"Bio must be less than 500 characters").nullable().optional(),avatar_url:w.string().url("Please enter a valid URL").nullable().optional(),theme:w.enum(["africanity","dark","light","system"]).optional(),language:w.string().min(2).max(10).optional()}),project:w.object({name:w.string().min(1,"Project name is required").max(100,"Project name is too long"),description:w.string().max(1000,"Description is too long").nullable().optional(),repository_url:w.string().url("Please enter a valid repository URL").nullable().optional(),demo_url:w.string().url("Please enter a valid demo URL").nullable().optional(),tags:w.array(w.string()).optional(),is_public:w.boolean().optional()})};i={required:(t="This field is required")=>w.string().min(1,t),email:(t="Please enter a valid email address")=>w.string().email(t),minLength:(t,n)=>w.string().min(t,n||`Must be at least ${t} characters`),maxLength:(t,n)=>w.string().max(t,n||`Must be less than ${t} characters`),pattern:(t,n)=>w.string().regex(t,n),numeric:(t="Must be a number")=>w.string().regex(/^\d+$/,t),phone:(t="Please enter a valid phone number")=>w.string().regex(/^[\+]?[1-9][\d]{0,15}$/,t),url:(t="Please enter a valid URL")=>w.string().min(1,"URL is required").url(t)}});var R0={};Q(R0,{default:()=>vl,AfriInput:()=>it});var it,vl;var D0=Y(()=>{M();Cn();it=class it extends c{static get observedAttributes(){return["type","name","label","placeholder","error","helper","theme","icon","required","aria-label","aria-describedby","validation"]}constructor(){super();this._uniqueId=Math.random().toString(36).substr(2,9),this.render()}get value(){return this.shadowRoot.querySelector("input")?.value||""}set value(t){let n=this.shadowRoot.querySelector("input");if(n)n.value=t}connectedCallback(){this._attachInputListeners(),this.loadStyles()}attributeChangedCallback(){this.render(),this._attachInputListeners()}_attachInputListeners(){let t=this.shadowRoot.querySelector("input");if(!t)return;t.addEventListener("input",(n)=>{if(this.emit("af-input",{value:n.target.value}),this.hasAttribute("error"))this.removeAttribute("error")}),t.addEventListener("blur",()=>{this.emit("af-blur",{value:this.value}),this._validateInput()})}_setupValidation(){if(!this.getAttribute("validation"))return;let n=this.shadowRoot.querySelector("input");if(!n)return;n.addEventListener("input",()=>{if(this.hasAttribute("error"))this.removeAttribute("error")})}_validateInput(){let t=this.shadowRoot.querySelector("input");if(!t)return;let n=this.getAttribute("validation"),o=t.value;if(this.hasAttribute("required")&&!o.trim()){this.setAttribute("error","This field is required");return}if(n&&o.trim()){let l=this._getValidationSchema(n);if(l){let a=Dt.validateField(l,o);if(!a.success)this.setAttribute("error",a.error);else this.removeAttribute("error")}}}_getValidationSchema(t){let n={email:i.email(),password:i.password(),phone:i.phone(),url:i.url(),required:i.required()};if(t.includes(":")){let[o,b]=t.split(":"),l=parseInt(b);switch(o){case"minLength":return i.minLength(l);case"maxLength":return i.maxLength(l);case"pattern":return i.pattern(new RegExp(b),"Invalid format")}}return n[t]||null}attributeChangedCallback(){this.render()}render(){let t=this.getAttribute("type")||"text",n=this.getAttribute("name")||"",o=this.getAttribute("label")||"",b=this.getAttribute("placeholder")||"",l=this.getAttribute("error")||"",a=this.getAttribute("helper")||"",f=this.getAttribute("theme")||"tanzania",h=this.getAttribute("icon")||"",g=this.hasAttribute("required"),_=this.getAttribute("aria-label"),X=this.getAttribute("aria-describedby"),L={tanzania:{focus:"#1EB53A",error:"#DC3545"},maasai:{focus:"#FF0000",error:"#8B0000"},ndebele:{focus:"#4169E1",error:"#DC143C"}},G=L[f]||L.tanzania,R=[];if(l)R.push(`error-${this._uniqueId}`);else if(a)R.push(`helper-${this._uniqueId}`);if(X)R.push(...X.split(" "));let An=R.length>0?`aria-describedby="${R.join(" ")}"`:"";this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .input-wrapper {
+          position: relative;
+        }
+
+        label {
+          display: block;
+          font-weight: 500;
+          margin-bottom: 5px;
+          color: #333;
+          font-size: 14px;
+        }
+
+        .required-star {
+          color: ${G.error};
+          margin-left: 2px;
+        }
+
+        .input-container {
+          position: relative;
+          display: flex;
+          align-items: center;
+        }
+
+        input {
+          width: 100%;
+          padding: 10px 13px;
+          ${h?"padding-left: 40px;":""}
+          font-size: 15px;
+          border: 2px solid #ddd;
+          border-radius: 5px;
+          transition: all 200ms ease;
+          font-family: inherit;
+          box-sizing: border-box;
+        }
+
+        input:focus {
+          outline: none;
+          border-color: ${l?G.error:G.focus};
+          box-shadow: 0 0 0 3px ${l?G.error+"20":G.focus+"20"};
+        }
+
+        input.has-error {
+          border-color: ${G.error};
+        }
+
+        .icon {
+          position: absolute;
+          left: 13px;
+          color: #888;
+          font-size: 16px;
+          pointer-events: none;
+        }
+
+        .helper-text {
+          font-size: 12px;
+          margin-top: 4px;
+          color: #666;
+        }
+
+        .error-text {
+          font-size: 12px;
+          margin-top: 4px;
+          color: ${G.error};
+        }
+      </style>
+
+      <div class="input-wrapper">
+        ${o?`<label for="input-${this._uniqueId}">${o}${g?'<span class="required-star">*</span>':""}</label>`:""}
+        <div class="input-container">
+          ${h?`<span class="icon">${h}</span>`:""}
+          <input 
+            id="input-${this._uniqueId}"
+            name="${n}"
+            type="${t}"
+            placeholder="${b}"
+            class="${l?"has-error":""}"
+            ${g?"required":""}
+            ${_?`aria-label="${_}"`:""}
+            ${l?'aria-invalid="true"':""}
+            ${An}
+          />
+        </div>
+        ${l?`<div id="error-${this._uniqueId}" class="error-text" role="alert">${l}</div>`:""}
+        ${a&&!l?`<div id="helper-${this._uniqueId}" class="helper-text">${a}</div>`:""}
+      </div>
+    `}};A("af-input",it);vl=it});var W0={};Q(W0,{default:()=>wl,AfriAlert:()=>Tt});var Tt,wl;var O0=Y(()=>{M();Tt=class Tt extends c{static get observedAttributes(){return["type","title","dismissible"]}constructor(){super();this.render()}connectedCallback(){this.shadowRoot.querySelector(".close-btn")?.addEventListener("click",()=>{this.remove(),this.emit("af-dismiss")})}attributeChangedCallback(){this.render()}render(){let t=this.getAttribute("type")||"info",n=this.getAttribute("title")||"",o=this.hasAttribute("dismissible"),b={success:{bg:"#d4edda",border:"#1EB53A",text:"#155724",icon:"✓"},warning:{bg:"#fff3cd",border:"#FCD116",text:"#856404",icon:"⚠"},error:{bg:"#f8d7da",border:"#DC3545",text:"#721c24",icon:"✕"},info:{bg:"#d1ecf1",border:"#00A3DD",text:"#0c5460",icon:"ℹ"}},l=b[t]||b.info;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .alert {
+          padding: 13px 21px;
+          border-radius: 5px;
+          border-left: 4px solid ${l.border};
+          background: ${l.bg};
+          color: ${l.text};
+          display: flex;
+          align-items: flex-start;
+          gap: 13px;
+          animation: slideIn 300ms ease-out;
+        }
+
+        @keyframes slideIn {
+          from {
+            opacity: 0;
+            transform: translateY(-10px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+
+        .icon {
+          font-size: 18px;
+          flex-shrink: 0;
+          width: 24px;
+          height: 24px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background: ${l.border};
+          color: white;
+          border-radius: 50%;
+        }
+
+        .content {
+          flex: 1;
+        }
+
+        .title {
+          font-weight: 600;
+          margin-bottom: 3px;
+        }
+
+        .close-btn {
+          background: none;
+          border: none;
+          font-size: 18px;
+          cursor: pointer;
+          color: ${l.text};
+          opacity: 0.7;
+          padding: 0;
+          line-height: 1;
+        }
+
+        .close-btn:hover {
+          opacity: 1;
+        }
+
+        ::slotted(*) {
+          margin: 0;
+        }
+      </style>
+
+      <div class="alert" role="alert">
+        <span class="icon">${l.icon}</span>
+        <div class="content">
+          ${n?`<div class="title">${n}</div>`:""}
+          <slot></slot>
+        </div>
+        ${o?'<button class="close-btn" aria-label="Dismiss">×</button>':""}
+      </div>
+    `}};A("af-alert",Tt);wl=Tt});var m0={};Q(m0,{AfriGrid:()=>yn});function cl(t,n){let{sidebarSide:o="left",sidebarWidth:b="280px",minWidth:l="280px",gap:a="24px",columns:f,rows:h,align:g="stretch",justify:_="stretch",dense:X=!1}=n,L=X?"dense":"",G=`
+        align-items: ${g};
+        justify-items: ${_};
+        gap: ${a};
+    `;switch(t){case"sidebar":return o==="right"?`display: grid; grid-template-columns: 1fr ${b}; ${G}`:`display: grid; grid-template-columns: ${b} 1fr; ${G}`;case"holy-grail":return`
+                display: grid;
+                grid-template-columns: ${b} 1fr ${b};
+                grid-template-rows: auto 1fr auto;
+                ${G}
+            `;case"bento":return`
+                display: grid;
+                grid-template-columns: repeat(12, 1fr);
+                grid-auto-rows: minmax(120px, auto);
+                grid-auto-flow: row ${L};
+                ${G}
+            `;case"masonry":return`
+                display: grid;
+                grid-template-columns: repeat(auto-fill, minmax(${l}, 1fr));
+                grid-template-rows: masonry;
+                grid-auto-flow: row ${L};
+                ${G}
+            `;case"auto":default:{let R=f?`repeat(${f}, 1fr)`:`repeat(auto-fit, minmax(${l}, 1fr))`,An=h?`repeat(${h}, 1fr)`:"auto";return`
+                display: grid;
+                grid-template-columns: ${R};
+                ${h?`grid-template-rows: ${An};`:""}
+                grid-auto-flow: row ${L};
+                ${G}
+            `}}}var yn;var U0=Y(()=>{M();yn=class yn extends c{static get observedAttributes(){return["min-width","gap","columns","rows","layout","align","justify","dense","sidebar-side","sidebar-width"]}attributeChangedCallback(){if(this.isConnected)this.render()}_getAttrs(){return{minWidth:this.getAttribute("min-width")||"280px",gap:this.getAttribute("gap")||"24px",columns:this.getAttribute("columns")||null,rows:this.getAttribute("rows")||null,layout:this.getAttribute("layout")||"auto",align:this.getAttribute("align")||"stretch",justify:this.getAttribute("justify")||"stretch",dense:this.hasAttribute("dense"),sidebarSide:this.getAttribute("sidebar-side")||"left",sidebarWidth:this.getAttribute("sidebar-width")||"280px"}}_buildResponsiveBreakpoints(t){if(t.layout!=="auto"&&t.layout!=="masonry")return"";return`
+            @media (max-width: 768px) {
+                .grid {
+                    grid-template-columns: repeat(auto-fit, minmax(min(${t.minWidth}, 100%), 1fr));
+                }
+            }
+            @media (max-width: 480px) {
+                .grid {
+                    grid-template-columns: 1fr;
+                }
+            }
+        `}_buildSidebarResponsive(t){if(t.layout!=="sidebar"&&t.layout!=="holy-grail")return"";return`
+            @media (max-width: 768px) {
+                .grid {
+                    grid-template-columns: 1fr;
+                }
+            }
+        `}render(){let t=this._getAttrs(),n=cl(t.layout,t),o=this._buildResponsiveBreakpoints(t)+this._buildSidebarResponsive(t);this.shadowRoot.innerHTML=D`
+      <style>
+        :host {
+            display: block;
+            width: 100%;
+            box-sizing: border-box;
+        }
+
+        .grid {
+            ${n}
+            width: 100%;
+            box-sizing: border-box;
+        }
+
+        /* Slotted children base styles */
+        ::slotted(*) {
+            min-width: 0; /* Prevent overflow in grid context */
+        }
+
+        ${o}
+      </style>
+
+      <div
+        class="grid"
+        role="list"
+        part="grid"
+        aria-label="${this.getAttribute("aria-label")||"Grid layout"}"
+      >
+        <slot></slot>
+      </div>
+    `}connectedCallback(){this.render(),this._setupResizeObserver()}disconnectedCallback(){if(this._resizeObserver)this._resizeObserver.disconnect()}_setupResizeObserver(){if(typeof ResizeObserver>"u")return;let t=this.offsetWidth;this._resizeObserver=new ResizeObserver((n)=>{for(let o of n){let b=o.contentRect.width;if(Math.abs(b-t)>10)t=b,this.emit("af-grid-resize",{width:b,height:o.contentRect.height,layout:this.getAttribute("layout")||"auto"})}}),this._resizeObserver.observe(this)}setLayout(t){this.setAttribute("layout",t)}setColumns(t){this.setAttribute("columns",String(t))}setDense(t){if(t)this.setAttribute("dense","");else this.removeAttribute("dense")}};A("af-grid",yn)});var d0={};Q(d0,{AfriSection:()=>Zn});var Zn;var V0=Y(()=>{M();Zn=class Zn extends c{render(){let t=this.getAttribute("variant")||"default",n=this.getAttribute("title");this.shadowRoot.innerHTML=D`
+            <style>
+                :host { display: block; width: 100%; }
+                .section {
+                    padding: 100px 5%;
+                    max-width: var(--page-max-width, 1280px);
+                    margin: 0 auto;
+                }
+                .section-header {
+                    text-align: center;
+                    margin-bottom: 60px;
+                }
+                .section-header h2 {
+                    font-size: 3rem;
+                    font-family: 'Outfit', sans-serif;
+                    margin: 0;
+                    color: var(--text-primary);
+                }
+                
+                :host([variant="muted"]) { background: var(--bg-surface, rgba(30, 41, 59, 0.3)); }
+                :host([variant="brand"]) { 
+                    background: linear-gradient(135deg, var(--bg-base) 0%, var(--bg-surface) 100%);
+                    border-top: 1px solid var(--glass-border);
+                    border-bottom: 1px solid var(--glass-border);
+                }
+            </style>
+            <section class="section">
+                ${n?D`
+                    <div class="section-header">
+                        <h2>${n}</h2>
+                    </div>
+                `:""}
+                <slot></slot>
+            </section>
+        `}connectedCallback(){this.render()}};A("af-section",Zn)});var j0={};Q(j0,{default:()=>_l,AfriIcon:()=>Ct});var Ct,_l;var N0=Y(()=>{M();Ct=class Ct extends c{static get observedAttributes(){return["name","size"]}connectedCallback(){this.render()}render(){let t=this.getAttribute("name")||"circle",n=this.getAttribute("size")||"24",b={check:'<path d="M20 6L9 17l-5-5" />',x:'<path d="M18 6L6 18M6 6l12 12" />',"arrow-right":'<path d="M5 12h14M12 5l7 7-7 7" />',menu:'<path d="M3 12h18M3 6h18M3 18h18" />',search:'<circle cx="11" cy="11" r="8" /><path d="M21 21l-4.35-4.35" />'}[t]||"";this.shadowRoot.innerHTML=`
+            <style>
+                :host { display: inline-flex; vertical-align: middle; }
+                svg { width: ${n}px; height: ${n}px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
+            </style>
+            <svg viewBox="0 0 24 24">${b}</svg>
+        `}};A("af-icon",Ct);_l=Ct});var K0={};Q(K0,{default:()=>Al,AfriAccordion:()=>yt});var yt,Al;var p0=Y(()=>{M();yt=class yt extends c{static get observedAttributes(){return["theme","multiple"]}constructor(){super();this._openItems=new Set,this._uniqueId=Math.random().toString(36).substr(2,9),this.render()}connectedCallback(){this._setupAccordion()}_setupAccordion(){this.shadowRoot.querySelectorAll(".accordion-header").forEach((n,o)=>{n.addEventListener("click",()=>{this._toggleItem(o)})})}_toggleItem(t){let n=this.hasAttribute("multiple");if(this._openItems.has(t))this._openItems.delete(t);else{if(!n)this._openItems.clear();this._openItems.add(t)}this.render(),this._setupAccordion(),this.emit("af-toggle",{index:t,open:this._openItems.has(t)})}attributeChangedCallback(){this.render(),this._setupAccordion()}render(){let t=this.getAttribute("theme")||"tanzania",n=this.querySelector('[slot="items"]'),o=n?Array.from(n.children):[],b={tanzania:{accent:"#1EB53A"},maasai:{accent:"#FF0000"},ndebele:{accent:"#4169E1"}},l=b[t]||b.tanzania;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .accordion {
+          border-radius: 8px;
+          overflow: hidden;
+          box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+        }
+
+        .accordion-item {
+          border-bottom: 1px solid #eee;
+        }
+
+        .accordion-item:last-child {
+          border-bottom: none;
+        }
+
+        .accordion-header {
+          width: 100%;
+          padding: 16px 21px;
+          background: white;
+          border: none;
+          text-align: left;
+          font-family: inherit;
+          font-size: 15px;
+          font-weight: 600;
+          color: #333;
+          cursor: pointer;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          transition: all 200ms ease;
+        }
+
+        .accordion-header:hover {
+          background: #f8f9fa;
+        }
+
+        .accordion-header.active {
+          color: ${l.accent};
+        }
+
+        .accordion-icon {
+          font-size: 12px;
+          transition: transform 300ms ease;
+        }
+
+        .accordion-header.active .accordion-icon {
+          transform: rotate(180deg);
+        }
+
+        .accordion-content {
+          max-height: 0;
+          overflow: hidden;
+          background: #fafafa;
+          transition: max-height 300ms ease-out;
+        }
+
+        .accordion-content.open {
+          max-height: 500px;
+        }
+
+        .accordion-body {
+          padding: 16px 21px;
+          color: #555;
+          line-height: 1.6;
+        }
+
+        ::slotted([slot="items"]) {
+          display: none;
+        }
+      </style>
+
+      <div class="accordion">
+        ${o.map((a,f)=>{let h=this._openItems.has(f),g=`accordion-header-${this._uniqueId}-${f}`,_=`accordion-panel-${this._uniqueId}-${f}`;return`
+          <div class="accordion-item">
+            <button
+              class="accordion-header ${h?"active":""}"
+              aria-expanded="${h}"
+              aria-controls="${_}"
+              id="${g}"
+            >
+              <span>${a.getAttribute("title")||`Item ${f+1}`}</span>
+              <span class="accordion-icon">▼</span>
+            </button>
+            <div
+              class="accordion-content ${h?"open":""}"
+              id="${_}"
+              role="region"
+              aria-labelledby="${g}"
+            >
+              <div class="accordion-body">
+                ${a.innerHTML}
+              </div>
+            </div>
+          </div>
+        `}).join("")}
+      </div>
+      <slot name="items"></slot>
+    `}};A("af-accordion",yt);Al=yt});var I0={};Q(I0,{default:()=>ql,AfriHero:()=>Zt});var Zt,ql;var u0=Y(()=>{M();Ut();kt();z();Zt=class Zt extends c{static get observedAttributes(){return["title","subtitle","pattern","overlay"]}connectedCallback(){super.connectedCallback(),this.render(),this.loadStyles()}render(){let t=this.getAttribute("title")||"AfriCode",n=this.getAttribute("subtitle")||"",o=this.getAttribute("pattern")||"",b=this.getAttribute("variant")||"default";this.shadowRoot.innerHTML=`
+            <style>
+                :host {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    justify-content: center;
+                    text-align: center;
+                    padding: 120px 5%;
+                    min-height: 60vh;
+                    background: var(--bg-base, #020617);
+                    color: var(--text-main, white);
+                    position: relative;
+                    overflow: hidden;
+                }
+
+                .content {
+                    position: relative;
+                    z-index: 10;
+                    max-width: 900px;
+                    opacity: 0;
+                    transform: translateY(20px);
+                    animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+                }
+
+                @keyframes fadeInUp {
+                    to { opacity: 1; transform: translateY(0); }
+                }
+
+                h1 {
+                    font-family: 'Outfit', 'Space Grotesk', sans-serif;
+                    font-size: clamp(3rem, 8vw, 5rem);
+                    font-weight: 900;
+                    line-height: 1.1;
+                    margin-bottom: 24px;
+                    letter-spacing: -0.04em;
+                    background: linear-gradient(135deg, var(--text-main, #fff) 30%, var(--text-muted, rgba(255,255,255,0.5)) 100%);
+                    -webkit-background-clip: text;
+                    -webkit-text-fill-color: transparent;
+                }
+
+                p {
+                    font-family: 'Inter', sans-serif;
+                    font-size: clamp(1.1rem, 2vw, 1.5rem);
+                    color: var(--text-secondary, #94a3b8);
+                    line-height: 1.5;
+                    margin-bottom: 40px;
+                    max-width: 700px;
+                    margin-left: auto;
+                    margin-right: auto;
+                }
+
+                /* Visual Accents */
+                .aura {
+                    position: absolute;
+                    inset: 0;
+                    background: radial-gradient(circle at 50% -20%, rgba(30,181,58,0.15), transparent 70%);
+                    z-index: 1;
+                }
+
+                .mesh {
+                    position: absolute;
+                    inset: 0;
+                    background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
+                    background-size: 40px 40px;
+                    z-index: 2;
+                }
+
+                ${o?`
+                .pattern-bg {
+                    position: absolute;
+                    inset: 0;
+                    background-image: url('${o}');
+                    background-size: cover;
+                    background-position: center;
+                    opacity: 0.15;
+                    z-index: 1;
+                }
+                `:""}
+
+                ::slotted([slot="actions"]) {
+                    display: flex;
+                    gap: 16px;
+                    justify-content: center;
+                    flex-wrap: wrap;
+                }
+            </style>
+            
+            <div class="aura"></div>
+            <div class="mesh"></div>
+            ${o?'<div class="pattern-bg"></div>':""}
+            
+            <div class="content">
+                <h1>${t}</h1>
+                ${n?`<p>${n}</p>`:""}
+                <div class="actions">
+                    <slot name="actions"></slot>
+                </div>
+                <slot></slot>
+            </div>
+        `}};A("af-hero",Zt);ql=Zt});var P0={};Q(P0,{default:()=>Hl,AfriTable:()=>et});var et,Hl;var i0=Y(()=>{M();et=class et extends c{static get observedAttributes(){return["theme","striped","hoverable"]}constructor(){super();this._columns=[],this._data=[],this._sortColumn=null,this._sortDirection="asc",this.render()}set columns(t){this._columns=t,this.render()}set data(t){this._data=t,this.render()}attributeChangedCallback(){this.render()}_handleSort(t){if(this._sortColumn===t)this._sortDirection=this._sortDirection==="asc"?"desc":"asc";else this._sortColumn=t,this._sortDirection="asc";this.emit("af-sort",{column:t,direction:this._sortDirection}),this.render()}_getSortedData(){if(!this._sortColumn)return this._data;return[...this._data].sort((t,n)=>{let o=t[this._sortColumn],b=n[this._sortColumn],l=this._sortDirection==="asc"?1:-1;if(typeof o==="number")return(o-b)*l;return String(o).localeCompare(String(b))*l})}render(){let t=this.getAttribute("theme")||"tanzania",n=this.hasAttribute("striped"),o=this.hasAttribute("hoverable"),b={tanzania:{header:"#1EB53A",text:"#FFFFFF",accent:"#FCD116"},maasai:{header:"#8B0000",text:"#FFFFFF",accent:"#FF0000"},ndebele:{header:"#4169E1",text:"#FFFFFF",accent:"#FFD700"}},l=b[t]||b.tanzania,a=this._getSortedData();this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .table-container {
+          overflow-x: auto;
+          border-radius: 8px;
+          box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+        }
+
+        table {
+          width: 100%;
+          border-collapse: collapse;
+          background: white;
+        }
+
+        th {
+          background: ${l.header};
+          color: ${l.text};
+          padding: 13px;
+          text-align: left;
+          font-weight: 600;
+          cursor: pointer;
+          user-select: none;
+          white-space: nowrap;
+        }
+
+        th:hover {
+          filter: brightness(1.1);
+        }
+
+        th .sort-icon {
+          margin-left: 5px;
+          opacity: 0.7;
+        }
+
+        td {
+          padding: 13px;
+          border-bottom: 1px solid #eee;
+        }
+
+        ${n?`
+          tbody tr:nth-child(even) {
+            background: #f8f9fa;
+          }
+        `:""}
+
+        ${o?`
+          tbody tr:hover {
+            background: ${l.accent}20;
+          }
+        `:""}
+
+        .empty-state {
+          text-align: center;
+          padding: 34px;
+          color: #888;
+        }
+      </style>
+
+      <div class="table-container">
+        <table>
+          <thead>
+            <tr>
+              ${this._columns.map((f)=>`
+                <th data-column="${f.key}">
+                  ${f.label}
+                  <span class="sort-icon">
+                    ${this._sortColumn===f.key?this._sortDirection==="asc"?"↑":"↓":"↕"}
+                  </span>
+                </th>
+              `).join("")}
+            </tr>
+          </thead>
+          <tbody>
+            ${a.length?a.map((f)=>`
+              <tr>
+                ${this._columns.map((h)=>`<td>${f[h.key]??""}</td>`).join("")}
+              </tr>
+            `).join(""):`
+              <tr>
+                <td colspan="${this._columns.length}" class="empty-state">No data available</td>
+              </tr>
+            `}
+          </tbody>
+        </table>
+      </div>
+    `,this.shadowRoot.querySelectorAll("th").forEach((f)=>{f.addEventListener("click",()=>{this._handleSort(f.dataset.column)})})}};A("af-table",et);Hl=et});var T0={};Q(T0,{default:()=>El,AfriModal:()=>st});var st,El;var C0=Y(()=>{M();st=class st extends c{static get observedAttributes(){return["open","theme","size","aria-label","aria-labelledby"]}constructor(){super();this.render()}connectedCallback(){this._setupListeners()}_setupListeners(){this.shadowRoot.querySelector(".backdrop")?.addEventListener("click",(t)=>{if(t.target.classList.contains("backdrop"))this.close()}),this.shadowRoot.querySelector(".close-btn")?.addEventListener("click",()=>{this.close()}),document.addEventListener("keydown",(t)=>{if(t.key==="Escape"&&this.hasAttribute("open"))this.close()}),this.shadowRoot.addEventListener("keydown",(t)=>{if(t.key==="Tab"&&this.hasAttribute("open"))this._handleTabKey(t)})}_getFocusableElements(){let t=this.shadowRoot.querySelector(".modal"),n='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',o=Array.from(t?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')||[]),b=Array.from(this.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));return[...o,...b]}_focusFirstFocusableElement(){let t=this._getFocusableElements();if(t.length>0)t[0].focus();else this.shadowRoot.querySelector(".close-btn")?.focus()}_handleTabKey(t){let n=this._getFocusableElements();if(n.length===0){t.preventDefault();return}let o=n[0],b=n[n.length-1];if(t.shiftKey){if(document.activeElement===o)t.preventDefault(),b.focus()}else if(document.activeElement===b)t.preventDefault(),o.focus()}open(){this.setAttribute("open",""),document.body.style.overflow="hidden",this._previousFocus=document.activeElement,this._focusFirstFocusableElement(),this.emit("af-open")}close(){if(this.removeAttribute("open"),document.body.style.overflow="",this._previousFocus&&this._previousFocus.focus)this._previousFocus.focus();this.emit("af-close")}attributeChangedCallback(t,n,o){if(this.render(),t==="open")this._setupListeners()}render(){let t=this.hasAttribute("open"),n=this.getAttribute("theme")||"tanzania",o=this.getAttribute("size")||"md",b={tanzania:{accent:"#1EB53A"},maasai:{accent:"#FF0000"},ndebele:{accent:"#4169E1"}},l=b[n]||b.tanzania,a={sm:"400px",md:"560px",lg:"720px",full:"95vw"},f=this.getAttribute("aria-label"),h=this.getAttribute("aria-labelledby")||"modal-title";this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .backdrop {
+          position: fixed;
+          inset: 0;
+          background: rgba(0, 0, 0, 0.5);
+          display: ${t?"flex":"none"};
+          align-items: center;
+          justify-content: center;
+          z-index: 10000;
+          animation: fadeIn 200ms ease-out;
+          padding: 21px;
+        }
+
+        @keyframes fadeIn {
+          from { opacity: 0; }
+          to { opacity: 1; }
+        }
+
+        .modal {
+          background: white;
+          border-radius: 8px;
+          width: 100%;
+          max-width: ${a[o]||a.md};
+          max-height: 90vh;
+          overflow: hidden;
+          display: flex;
+          flex-direction: column;
+          animation: slideUp 300ms ease-out;
+          box-shadow: 0 10px 40px rgba(0,0,0,0.3);
+        }
+
+        @keyframes slideUp {
+          from {
+            opacity: 0;
+            transform: translateY(20px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+
+        .modal-header {
+          padding: 13px 21px;
+          border-bottom: 1px solid #eee;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+        }
+
+        .modal-header ::slotted(*) {
+          margin: 0;
+          font-size: 18px;
+          font-weight: 600;
+        }
+
+        .close-btn {
+          background: none;
+          border: none;
+          font-size: 24px;
+          cursor: pointer;
+          color: #666;
+          padding: 0;
+          line-height: 1;
+        }
+
+        .close-btn:hover {
+          color: ${l.accent};
+        }
+
+        .modal-body {
+          padding: 21px;
+          overflow-y: auto;
+          flex: 1;
+        }
+
+        .modal-footer {
+          padding: 13px 21px;
+          border-top: 1px solid #eee;
+          display: flex;
+          gap: 8px;
+          justify-content: flex-end;
+        }
+      </style>
+
+      <div class="backdrop">
+        <div class="modal" role="dialog" aria-modal="true" ${f?`aria-label="${f}"`:`aria-labelledby="${h}"`}>
+          <div class="modal-header">
+            <slot name="header" id="modal-title"></slot>
+            <button class="close-btn" aria-label="Close modal">×</button>
+          </div>
+          <div class="modal-body">
+            <slot></slot>
+          </div>
+          <div class="modal-footer">
+            <slot name="footer"></slot>
+          </div>
+        </div>
+      </div>
+    `}};A("af-modal",st);El=st});var y0={};Q(y0,{default:()=>Yl,AfriTabs:()=>zt});var zt,Yl;var Z0=Y(()=>{M();zt=class zt extends c{static get observedAttributes(){return["theme"]}constructor(){super();this._activeTab=0,this.render()}connectedCallback(){this._setupTabs(),this.addEventListener("keydown",this._handleKeydown.bind(this))}_handleKeydown(t){let n=this.querySelector('[slot="tabs"]'),o=n?Array.from(n.children):[];if(o.length===0)return;switch(t.key){case"ArrowLeft":t.preventDefault(),this._activeTab=this._activeTab>0?this._activeTab-1:o.length-1,this.render(),this._setupTabs(),this._focusActiveTab();break;case"ArrowRight":t.preventDefault(),this._activeTab=this._activeTab<o.length-1?this._activeTab+1:0,this.render(),this._setupTabs(),this._focusActiveTab();break;case"Home":t.preventDefault(),this._activeTab=0,this.render(),this._setupTabs(),this._focusActiveTab();break;case"End":t.preventDefault(),this._activeTab=o.length-1,this.render(),this._setupTabs(),this._focusActiveTab();break}}_focusActiveTab(){let t=this.shadowRoot.querySelectorAll(".tab-button");if(t[this._activeTab])t[this._activeTab].focus()}_setupTabs(){this.shadowRoot.querySelectorAll(".tab-button").forEach((n,o)=>{n.addEventListener("click",()=>{this._activeTab=o,this.render(),this._setupTabs(),this.emit("af-tab-change",{index:o,tab:n.textContent})})})}attributeChangedCallback(){this.render(),this._setupTabs()}render(){let t=this.getAttribute("theme")||"tanzania",n=this.querySelector('[slot="tabs"]'),o=n?Array.from(n.children):[],b={tanzania:{active:"#1EB53A",text:"#FFFFFF"},maasai:{active:"#FF0000",text:"#FFFFFF"},ndebele:{active:"#4169E1",text:"#FFFFFF"}},l=b[t]||b.tanzania;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .tabs-container {
+          border-radius: 8px;
+          overflow: hidden;
+          box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+        }
+
+        .tab-list {
+          display: flex;
+          background: #f5f5f5;
+          border-bottom: 2px solid #eee;
+          overflow-x: auto;
+        }
+
+        .tab-button {
+          padding: 13px 21px;
+          background: none;
+          border: none;
+          font-family: inherit;
+          font-size: 14px;
+          font-weight: 500;
+          color: #666;
+          cursor: pointer;
+          white-space: nowrap;
+          transition: all 200ms ease;
+          border-bottom: 2px solid transparent;
+          margin-bottom: -2px;
+        }
+
+        .tab-button:hover {
+          color: ${l.active};
+          background: rgba(0,0,0,0.03);
+        }
+
+        .tab-button.active {
+          color: ${l.active};
+          border-bottom-color: ${l.active};
+          background: white;
+        }
+
+        .tab-panels {
+          background: white;
+          padding: 21px;
+        }
+
+        .tab-panel {
+          display: none;
+        }
+
+        .tab-panel.active {
+          display: block;
+          animation: fadeIn 200ms ease-out;
+        }
+
+        @keyframes fadeIn {
+          from { opacity: 0; }
+          to { opacity: 1; }
+        }
+
+        ::slotted([slot="tabs"]) {
+          display: none;
+        }
+      </style>
+
+      <div class="tabs-container">
+        <div class="tab-list" role="tablist">
+          ${o.map((a,f)=>`
+            <button class="tab-button ${f===this._activeTab?"active":""}" 
+                    role="tab" 
+                    aria-selected="${f===this._activeTab}"
+                    aria-controls="panel-${f}"
+                    tabindex="${f===this._activeTab?"0":"-1"}"
+                    id="tab-${f}">
+              ${a.getAttribute("label")||`Tab ${f+1}`}
+            </button>
+          `).join("")}
+        </div>
+        <div class="tab-panels">
+          ${o.map((a,f)=>`
+            <div class="tab-panel ${f===this._activeTab?"active":""}" 
+                 role="tabpanel"
+                 id="panel-${f}"
+                 aria-labelledby="tab-${f}">
+              ${a.innerHTML}
+            </div>
+          `).join("")}
+        </div>
+      </div>
+      <slot name="tabs"></slot>
+    `}};A("af-tabs",zt);Yl=zt});var e0={};Q(e0,{default:()=>xl,AfriSidebar:()=>tn});var tn,xl;var s0=Y(()=>{M();kt();z();tn=class tn extends c{static get observedAttributes(){return["position"]}constructor(){super();this._unsubscribe=null}connectedCallback(){super.connectedCallback(),this._unsubscribe=T(()=>{this.updateUI()}),this.render()}disconnectedCallback(){if(this._unsubscribe)this._unsubscribe()}updateUI(){let t=W.ui.sidebarCollapsed,n=this.shadowRoot.querySelector(".sidebar"),o=this.shadowRoot.querySelector(".sidebar-title"),b=this.shadowRoot.getElementById("toggle"),l=this.shadowRoot.querySelector(".sidebar-content");if(n)n.style.width=t?"60px":"260px";if(o)o.style.opacity=t?"0":"1";if(l)l.style.padding=t?"12px":"20px";if(b)b.innerHTML=t?"→":"← Collapse"}render(){let t=this.getAttribute("position")||"left",n=W.ui.sidebarCollapsed;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          position: fixed;
+          top: 0;
+          ${t}: 0;
+          height: 100vh;
+          z-index: 900;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .sidebar {
+          width: ${n?"60px":"260px"};
+          height: 100%;
+          background: #121212;
+          border-${t==="left"?"right":"left"}: 1px solid #1e1e1e;
+          display: flex;
+          flex-direction: column;
+          transition: width 0.3s var(--ease-drum, ease);
+          overflow: hidden;
+        }
+
+        .sidebar-header {
+          padding: 20px;
+          border-bottom: 1px solid #1e1e1e;
+          display: flex;
+          align-items: center;
+          gap: 12px;
+        }
+
+        .sidebar-logo {
+          width: 32px;
+          height: 32px;
+          background: linear-gradient(135deg, #1EB53A, #FCD116);
+          border-radius: 8px;
+          flex-shrink: 0;
+        }
+
+        .sidebar-title {
+          font-weight: 700;
+          font-size: 1.1rem;
+          color: #FCD116;
+          white-space: nowrap;
+          opacity: ${n?0:1};
+          transition: opacity 0.2s;
+        }
+
+        .sidebar-content {
+          flex: 1;
+          padding: ${n?"12px":"20px"};
+          overflow-y: auto;
+        }
+
+        .sidebar-footer {
+          padding: 16px;
+          border-top: 1px solid #1e1e1e;
+        }
+
+        .toggle-btn {
+          width: 100%;
+          padding: 10px;
+          background: #1e1e1e;
+          border: none;
+          border-radius: 8px;
+          color: #a0a0a0;
+          cursor: pointer;
+          font-size: 0.85rem;
+          transition: all 0.2s;
+        }
+
+        .toggle-btn:hover {
+          background: #2a2a2a;
+          color: #1EB53A;
+        }
+
+        /* Slotted Content Styles */
+        ::slotted(a), ::slotted(button) {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          padding: 12px 16px;
+          color: #a0a0a0;
+          text-decoration: none;
+          border-radius: 8px;
+          margin-bottom: 4px;
+          transition: all 0.2s;
+        }
+
+        ::slotted(a:hover), ::slotted(button:hover) {
+          background: #1e1e1e;
+          color: #1EB53A;
+        }
+      </style>
+
+      <aside class="sidebar">
+        <div class="sidebar-header">
+          <div class="sidebar-logo"></div>
+          <span class="sidebar-title">AfriCode</span>
+        </div>
+        <nav class="sidebar-content">
+          <slot></slot>
+        </nav>
+        <div class="sidebar-footer">
+          <button class="toggle-btn" id="toggle">
+            ${n?"→":"← Collapse"}
+          </button>
+        </div>
+      </aside>
+    `,this.shadowRoot.getElementById("toggle").addEventListener("click",()=>{actions.toggleSidebar()})}};A("af-sidebar",tn);xl=tn});var z0={};Q(z0,{default:()=>kl,AfriDropdown:()=>nn});var nn,kl;var to=Y(()=>{M();nn=class nn extends c{static get observedAttributes(){return["label","open"]}constructor(){super();this._open=!1,this.render()}toggle(){if(this._open=!this._open,this._open)this.setAttribute("open","");else this.removeAttribute("open");this.render()}close(){this._open=!1,this.removeAttribute("open"),this.render()}connectedCallback(){document.addEventListener("click",(t)=>{if(!this.contains(t.target))this.close()}),this.addEventListener("keydown",this._handleKeydown.bind(this))}_handleKeydown(t){let n=this.shadowRoot.getElementById("trigger");switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggle();break;case"Escape":if(this._open)t.preventDefault(),this.close(),n.focus();break;case"ArrowDown":if(!this._open)t.preventDefault(),this.toggle();break}}render(){let t=this.getAttribute("label")||"Menu",n=this.hasAttribute("open");this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: inline-block;
+          position: relative;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .dropdown-trigger {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          padding: 10px 16px;
+          background: #1e1e1e;
+          border: 1px solid #2a2a2a;
+          border-radius: 8px;
+          color: #ffffff;
+          font-size: 0.9rem;
+          cursor: pointer;
+          transition: all 0.2s;
+        }
+
+        .dropdown-trigger:hover {
+          border-color: #1EB53A;
+        }
+
+        .dropdown-arrow {
+          transition: transform 0.2s;
+          ${n?"transform: rotate(180deg);":""}
+        }
+
+        .dropdown-menu {
+          position: absolute;
+          top: 100%;
+          left: 0;
+          min-width: 180px;
+          margin-top: 4px;
+          background: #121212;
+          border: 1px solid #1e1e1e;
+          border-radius: 8px;
+          box-shadow: 0 10px 40px rgba(0,0,0,0.5);
+          opacity: ${n?1:0};
+          visibility: ${n?"visible":"hidden"};
+          transform: translateY(${n?0:"-10px"});
+          transition: all 0.2s ease;
+          z-index: 1000;
+          overflow: hidden;
+        }
+
+        ::slotted(a), ::slotted(button), ::slotted(div) {
+          display: block;
+          padding: 12px 16px;
+          color: #a0a0a0;
+          text-decoration: none;
+          border: none;
+          background: none;
+          width: 100%;
+          text-align: left;
+          font-size: 0.9rem;
+          cursor: pointer;
+          transition: all 0.15s;
+        }
+
+        ::slotted(a:hover), ::slotted(button:hover), ::slotted(div:hover) {
+          background: #1e1e1e;
+          color: #1EB53A;
+        }
+
+        ::slotted(hr) {
+          border: none;
+          border-top: 1px solid #1e1e1e;
+          margin: 4px 0;
+        }
+      </style>
+
+      <button class="dropdown-trigger" id="trigger" aria-expanded="${n}" aria-haspopup="menu">
+        ${t}
+        <span class="dropdown-arrow" aria-hidden="true">▼</span>
+      </button>
+      <div class="dropdown-menu" role="menu" ${n?"":'aria-hidden="true"'}>
+        <slot></slot>
+      </div>
+    `,this.shadowRoot.getElementById("trigger").addEventListener("click",(o)=>{o.stopPropagation(),this.toggle()})}};A("af-dropdown",nn);kl=nn});var no={};Q(no,{default:()=>Xl,AfriSelect:()=>on});var on,Xl;var oo=Y(()=>{M();on=class on extends c{static get observedAttributes(){return["label","placeholder","theme","error","required","aria-label","aria-describedby"]}constructor(){super();this._uniqueId=Math.random().toString(36).substr(2,9),this._isOpen=!1,this._selectedIndex=-1,this._options=[],this.render()}get value(){return this._selectedIndex>=0?this._options[this._selectedIndex]?.value:""}connectedCallback(){this._options=Array.from(this.querySelectorAll("option")).map((t)=>({value:t.value,label:t.textContent})),this.render(),this._setupListeners()}_setupListeners(){let t=this.shadowRoot.querySelector(".select-trigger"),n=this.shadowRoot.querySelector(".select-dropdown");t?.addEventListener("click",()=>{this._toggleDropdown()}),t?.addEventListener("keydown",(o)=>{this._handleKeydown(o)}),this.shadowRoot.querySelectorAll(".select-option").forEach((o,b)=>{o.addEventListener("click",()=>{this._selectOption(b)})}),document.addEventListener("click",(o)=>{if(!this.contains(o.target)&&this._isOpen)this._closeDropdown()})}_toggleDropdown(){this._isOpen=!this._isOpen;let t=this.shadowRoot.querySelector(".select-trigger"),n=this.shadowRoot.querySelector(".select-dropdown");if(n?.classList.toggle("open",this._isOpen),t?.classList.toggle("open",this._isOpen),this._isOpen)t?.setAttribute("aria-expanded","true"),n?.setAttribute("aria-hidden","false");else t?.setAttribute("aria-expanded","false"),n?.setAttribute("aria-hidden","true")}_closeDropdown(){this._isOpen=!1;let t=this.shadowRoot.querySelector(".select-trigger"),n=this.shadowRoot.querySelector(".select-dropdown");n?.classList.remove("open"),t?.classList.remove("open"),t?.setAttribute("aria-expanded","false"),n?.setAttribute("aria-hidden","true")}_selectOption(t){this._selectedIndex=t,this._closeDropdown(),this.render(),this._setupListeners(),this.emit("af-change",{value:this.value,label:this._options[t].label})}_handleKeydown(t){let n=this.shadowRoot.querySelector(".select-trigger");switch(t.key){case"Enter":case" ":t.preventDefault(),this._toggleDropdown();break;case"Escape":if(this._isOpen)t.preventDefault(),this._closeDropdown(),n.focus();break;case"ArrowDown":if(!this._isOpen)t.preventDefault(),this._toggleDropdown();else t.preventDefault(),this._navigateOptions(1);break;case"ArrowUp":if(this._isOpen)t.preventDefault(),this._navigateOptions(-1);break}}_navigateOptions(t){let n=this.shadowRoot.querySelectorAll(".select-option");if(n.length===0)return;let o=this._selectedIndex+t;if(o<0)o=n.length-1;if(o>=n.length)o=0;this._selectedIndex=o,this.render(),this._setupListeners(),this.shadowRoot.querySelector(".select-option.selected")?.scrollIntoView({block:"nearest"})}attributeChangedCallback(){this.render(),this._setupListeners()}render(){let t=this.getAttribute("label")||"",n=this.getAttribute("placeholder")||"Select an option",o=this.getAttribute("theme")||"tanzania",b=this.getAttribute("error")||"",l=this.hasAttribute("required"),a=this.getAttribute("aria-label"),f=this.getAttribute("aria-describedby"),h={tanzania:{focus:"#1EB53A",error:"#DC3545"},maasai:{focus:"#FF0000",error:"#8B0000"},ndebele:{focus:"#4169E1",error:"#DC143C"}},g=h[o]||h.tanzania,_=[];if(b)_.push(`error-${this._uniqueId}`);if(f)_.push(...f.split(" "));let X=_.length>0?`aria-describedby="${_.join(" ")}"`:"",L=this._selectedIndex>=0?this._options[this._selectedIndex]?.label:n;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+          position: relative;
+        }
+
+        label {
+          display: block;
+          font-weight: 500;
+          margin-bottom: 5px;
+          color: #333;
+          font-size: 14px;
+        }
+
+        .required-star {
+          color: ${g.error};
+          margin-left: 2px;
+        }
+
+        .select-container {
+          position: relative;
+        }
+
+        .select-trigger {
+          width: 100%;
+          padding: 10px 40px 10px 13px;
+          font-size: 15px;
+          border: 2px solid ${b?g.error:"#ddd"};
+          border-radius: 5px;
+          background: white;
+          cursor: pointer;
+          text-align: left;
+          font-family: inherit;
+          transition: all 200ms ease;
+          color: ${this._selectedIndex>=0?"#333":"#888"};
+        }
+
+        .select-trigger:focus,
+        .select-trigger.open {
+          outline: none;
+          border-color: ${b?g.error:g.focus};
+          box-shadow: 0 0 0 3px ${b?g.error+"20":g.focus+"20"};
+        }
+
+        .select-arrow {
+          position: absolute;
+          right: 13px;
+          top: 50%;
+          transform: translateY(-50%);
+          pointer-events: none;
+          transition: transform 200ms ease;
+        }
+
+        .select-trigger.open + .select-arrow {
+          transform: translateY(-50%) rotate(180deg);
+        }
+
+        .select-dropdown {
+          position: absolute;
+          top: 100%;
+          left: 0;
+          right: 0;
+          background: white;
+          border: 2px solid #ddd;
+          border-radius: 5px;
+          margin-top: 4px;
+          max-height: 0;
+          overflow: hidden;
+          opacity: 0;
+          transition: all 200ms ease;
+          z-index: 1000;
+          box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+        }
+
+        .select-dropdown.open {
+          max-height: 200px;
+          overflow-y: auto;
+          opacity: 1;
+        }
+
+        .select-option {
+          padding: 10px 13px;
+          cursor: pointer;
+          transition: background 150ms ease;
+        }
+
+        .select-option:hover {
+          background: ${g.focus}15;
+        }
+
+        .select-option.selected {
+          background: ${g.focus};
+          color: white;
+        }
+
+        .error-text {
+          font-size: 12px;
+          margin-top: 4px;
+          color: ${g.error};
+        }
+
+        ::slotted(option) {
+          display: none;
+        }
+      </style>
+
+      ${t?`<label for="select-${this._uniqueId}">${t}${l?'<span class="required-star">*</span>':""}</label>`:""}
+      <div class="select-container">
+        <button type="button" 
+                id="select-${this._uniqueId}"
+                class="select-trigger ${this._isOpen?"open":""}"
+                aria-expanded="${this._isOpen}"
+                aria-haspopup="listbox"
+                ${a?`aria-label="${a}"`:""}
+                ${b?'aria-invalid="true"':""}
+                ${X}>
+          ${L}
+        </button>
+        <span class="select-arrow" aria-hidden="true">▼</span>
+        <div class="select-dropdown ${this._isOpen?"open":""}" 
+             role="listbox"
+             aria-hidden="${!this._isOpen}">
+          ${this._options.map((G,R)=>`
+            <div class="select-option ${R===this._selectedIndex?"selected":""}" 
+                 data-index="${R}"
+                 role="option"
+                 aria-selected="${R===this._selectedIndex}">
+              ${G.label}
+            </div>
+          `).join("")}
+        </div>
+      </div>
+      ${b?`<div id="error-${this._uniqueId}" class="error-text" role="alert">${b}</div>`:""}
+      <slot></slot>
+    `}};A("af-select",on);Xl=on});var bo={};Q(bo,{default:()=>Sl,AfriForm:()=>bn});var bn,Sl;var lo=Y(()=>{M();Cn();bn=class bn extends c{static get observedAttributes(){return["action","method","error","success","schema"]}constructor(){super();this.handleSubmit=this.handleSubmit.bind(this)}connectedCallback(){this.render(),this.shadowRoot.querySelector("form").addEventListener("submit",this.handleSubmit),this.loadStyles()}async handleSubmit(t){t.preventDefault();let n=t.target,o=this.querySelector('[type="submit"]')||this.shadowRoot.querySelector('button[type="submit"]'),b=this.getAttribute("schema"),l=b?this._getSchema(b):null,a=this.getAttribute("action"),f=this.getAttribute("method")||"GET",h=new FormData(n),g=Object.fromEntries(h.entries());if(Array.from(this.querySelectorAll("af-input")).forEach((X)=>{let L=X.getAttribute("name");if(L)g[L]=X.value}),l){let X=Dt.validate(l,g);if(!X.success){this._showValidationErrors(X.errors),this.emit("af-validation-error",{errors:X.errors});return}}if(!a)return;if(o){var _=o.textContent;o.textContent="Wait...",o.disabled=!0}try{let X=await fetch(a,{method:f,headers:{"Content-Type":"application/json"},body:JSON.stringify(g)});if(X.ok)this.emit("success",await X.json()),this.setAttribute("success","Form submitted successfully!"),this.removeAttribute("error");else{let L=await X.text();this.emit("error",L),this.setAttribute("error",L),this.removeAttribute("success")}}catch(X){this.emit("error",X.message),this.setAttribute("error",X.message),this.removeAttribute("success")}finally{if(o)o.textContent=_,o.disabled=!1}}_getSchema(t){return B0[t]||null}_showValidationErrors(t){this.shadowRoot.querySelectorAll(".field-error").forEach((n)=>n.remove()),Object.entries(t).forEach(([n,o])=>{let b=this.querySelector(`[name="${n}"]`);if(b)if(b.tagName==="AF-INPUT")b.setAttribute("error",o);else{let l=document.createElement("div");l.className="field-error",l.textContent=o,l.style.color="red",l.style.fontSize="12px",l.style.marginTop="4px",b.parentNode.insertBefore(l,b.nextSibling)}})}};A("af-form",bn);Sl=bn});var ao={};Q(ao,{default:()=>Ml,AfriTooltip:()=>ln});var ln,Ml;var fo=Y(()=>{M();ln=class ln extends c{static get observedAttributes(){return["text","position"]}constructor(){super();this._tooltipId=`af-tooltip-${Math.random().toString(36).substr(2,9)}`,this.render()}connectedCallback(){this._setupTooltipListeners()}attributeChangedCallback(){this.render(),this._setupTooltipListeners()}_setupTooltipListeners(){let t=this.shadowRoot.querySelector(".tooltip-trigger"),n=this.shadowRoot.querySelector(".tooltip-content");if(!t||!n)return;t.addEventListener("focus",()=>{n.style.opacity="1",n.style.visibility="visible",n.setAttribute("aria-hidden","false")}),t.addEventListener("blur",()=>{n.style.opacity="0",n.style.visibility="hidden",n.setAttribute("aria-hidden","true")}),t.addEventListener("mouseenter",()=>{n.style.opacity="1",n.style.visibility="visible",n.setAttribute("aria-hidden","false")}),t.addEventListener("mouseleave",()=>{n.style.opacity="0",n.style.visibility="hidden",n.setAttribute("aria-hidden","true")})}render(){let t=this.getAttribute("text")||"Tooltip",n=this.getAttribute("position")||"top",o={top:`
+        bottom: 100%;
+        left: 50%;
+        transform: translateX(-50%) translateY(-8px);
+      `,bottom:`
+        top: 100%;
+        left: 50%;
+        transform: translateX(-50%) translateY(8px);
+      `,left:`
+        right: 100%;
+        top: 50%;
+        transform: translateY(-50%) translateX(-8px);
+      `,right:`
+        left: 100%;
+        top: 50%;
+        transform: translateY(-50%) translateX(8px);
+      `};this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: inline-block;
+          position: relative;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .tooltip-trigger {
+          display: inline-block;
+          cursor: help;
+        }
+
+        .tooltip-content {
+          position: absolute;
+          ${o[n]}
+          padding: 8px 12px;
+          background: #1e1e1e;
+          border: 1px solid #2a2a2a;
+          border-radius: 6px;
+          color: #ffffff;
+          font-size: 0.85rem;
+          white-space: nowrap;
+          opacity: 0;
+          visibility: hidden;
+          transition: all 0.2s ease;
+          z-index: 1000;
+          box-shadow: 0 4px 20px rgba(0,0,0,0.4);
+        }
+
+        .tooltip-trigger:hover + .tooltip-content,
+        .tooltip-trigger:focus + .tooltip-content,
+        .tooltip-content:hover {
+          opacity: 1;
+          visibility: visible;
+        }
+
+        /* Arrow */
+        .tooltip-content::after {
+          content: '';
+          position: absolute;
+          border: 6px solid transparent;
+          ${n==="top"?`
+            top: 100%;
+            left: 50%;
+            transform: translateX(-50%);
+            border-top-color: #1e1e1e;
+          `:""}
+          ${n==="bottom"?`
+            bottom: 100%;
+            left: 50%;
+            transform: translateX(-50%);
+            border-bottom-color: #1e1e1e;
+          `:""}
+          ${n==="left"?`
+            left: 100%;
+            top: 50%;
+            transform: translateY(-50%);
+            border-left-color: #1e1e1e;
+          `:""}
+          ${n==="right"?`
+            right: 100%;
+            top: 50%;
+            transform: translateY(-50%);
+            border-right-color: #1e1e1e;
+          `:""}
+        }
+      </style>
+
+      <span class="tooltip-trigger" tabindex="0" aria-describedby="${this._tooltipId}">
+        <slot></slot>
+      </span>
+      <div class="tooltip-content" id="${this._tooltipId}" role="tooltip" aria-hidden="true">${t}</div>
+    `}};A("af-tooltip",ln);Ml=ln});var ho={};Q(ho,{default:()=>Ql,AfriToast:()=>an});var an,Ql;var go=Y(()=>{M();an=class an extends c{static get observedAttributes(){return["type","message","duration"]}constructor(){super();this.render()}show(t,n="info",o=4000){if(this.setAttribute("message",t),this.setAttribute("type",n),this.render(),this.shadowRoot.querySelector(".toast").classList.add("show"),o>0)setTimeout(()=>this.hide(),o)}hide(){this.shadowRoot.querySelector(".toast").classList.remove("show"),setTimeout(()=>this.emit("af-toast-close"),300)}render(){let t=this.getAttribute("type")||"info",n=this.getAttribute("message")||"",o={success:"✓",error:"✗",warning:"⚠",info:"ℹ"},b={success:"#1EB53A",error:"#EF3340",warning:"#FCD116",info:"#00A3DD"};this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          position: fixed;
+          bottom: 20px;
+          right: 20px;
+          z-index: 9999;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .toast {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          padding: 16px 20px;
+          background: #121212;
+          border: 1px solid #1e1e1e;
+          border-left: 4px solid ${b[t]};
+          border-radius: 8px;
+          box-shadow: 0 10px 40px rgba(0,0,0,0.5);
+          transform: translateX(120%);
+          opacity: 0;
+          transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+        }
+
+        .toast.show {
+          transform: translateX(0);
+          opacity: 1;
+        }
+
+        .toast-icon {
+          width: 28px;
+          height: 28px;
+          border-radius: 50%;
+          background: ${b[t]}20;
+          color: ${b[t]};
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 14px;
+          font-weight: bold;
+        }
+
+        .toast-content {
+          flex: 1;
+        }
+
+        .toast-message {
+          color: #ffffff;
+          font-size: 0.95rem;
+        }
+
+        .toast-close {
+          background: none;
+          border: none;
+          color: #606060;
+          cursor: pointer;
+          padding: 4px;
+          font-size: 18px;
+          line-height: 1;
+        }
+
+        .toast-close:hover {
+          color: #ffffff;
+        }
+      </style>
+
+      <div class="toast">
+        <span class="toast-icon">${o[t]}</span>
+        <div class="toast-content">
+          <div class="toast-message">${n}</div>
+        </div>
+        <button class="toast-close" id="close">×</button>
+      </div>
+    `,this.shadowRoot.getElementById("close")?.addEventListener("click",()=>this.hide())}};A("af-toast",an);Ql=an});var ro={};Q(ro,{default:()=>Jl,AfriBadge:()=>fn});var fn,Jl;var $o=Y(()=>{M();fn=class fn extends c{static get observedAttributes(){return["variant","size","removable"]}constructor(){super();this.render()}connectedCallback(){this.shadowRoot.querySelector(".remove-btn")?.addEventListener("click",()=>{this.emit("af-remove"),this.remove()})}attributeChangedCallback(){this.render()}render(){let t=this.getAttribute("variant")||"default",n=this.getAttribute("size")||"md",o=this.hasAttribute("removable"),b={default:{bg:"#e9ecef",text:"#495057"},success:{bg:"#d4edda",text:"#155724"},warning:{bg:"#fff3cd",text:"#856404"},error:{bg:"#f8d7da",text:"#721c24"},info:{bg:"#d1ecf1",text:"#0c5460"},tanzania:{bg:"#1EB53A",text:"#FFFFFF"},maasai:{bg:"#FF0000",text:"#FFFFFF"},ndebele:{bg:"#4169E1",text:"#FFFFFF"},gold:{bg:"#FCD116",text:"#000000"}},l=b[t]||b.default,a={sm:{padding:"2px 6px",fontSize:"11px"},md:{padding:"4px 10px",fontSize:"13px"},lg:{padding:"6px 14px",fontSize:"15px"}},f=a[n]||a.md;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: inline-block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .badge {
+          display: inline-flex;
+          align-items: center;
+          gap: 5px;
+          padding: ${f.padding};
+          font-size: ${f.fontSize};
+          font-weight: 600;
+          background: ${l.bg};
+          color: ${l.text};
+          border-radius: 100px;
+          white-space: nowrap;
+        }
+
+        .remove-btn {
+          background: none;
+          border: none;
+          cursor: pointer;
+          padding: 0;
+          font-size: 14px;
+          line-height: 1;
+          color: inherit;
+          opacity: 0.7;
+          margin-left: 2px;
+        }
+
+        .remove-btn:hover {
+          opacity: 1;
+        }
+      </style>
+
+      <span class="badge">
+        <slot></slot>
+        ${o?'<button class="remove-btn" aria-label="Remove">×</button>':""}
+      </span>
+    `}};A("af-badge",fn);Jl=fn});var vo={};Q(vo,{default:()=>Gl,AfriAvatar:()=>hn});var hn,Gl;var wo=Y(()=>{M();hn=class hn extends c{static get observedAttributes(){return["src","name","size","status","theme"]}constructor(){super();this.render()}attributeChangedCallback(){this.render()}_getInitials(t){if(!t)return"?";let n=t.trim().split(" ");if(n.length>=2)return(n[0][0]+n[n.length-1][0]).toUpperCase();return t.substring(0,2).toUpperCase()}render(){let t=this.getAttribute("src"),n=this.getAttribute("name")||"",o=this.getAttribute("size")||"md",b=this.getAttribute("status"),l=this.getAttribute("theme")||"tanzania",a={tanzania:"#1EB53A",maasai:"#FF0000",ndebele:"#4169E1",gold:"#FCD116"},f=a[l]||a.tanzania,h={sm:{size:"32px",font:"12px",status:"8px"},md:{size:"44px",font:"16px",status:"10px"},lg:{size:"64px",font:"22px",status:"14px"},xl:{size:"96px",font:"32px",status:"18px"}},g=h[o]||h.md,_={online:"#28a745",offline:"#6c757d",busy:"#dc3545",away:"#ffc107"};this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: inline-block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .avatar {
+          position: relative;
+          width: ${g.size};
+          height: ${g.size};
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background: ${f};
+          color: white;
+          font-weight: 600;
+          font-size: ${g.font};
+          overflow: hidden;
+        }
+
+        .avatar img {
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+        }
+
+        .status {
+          position: absolute;
+          bottom: 0;
+          right: 0;
+          width: ${g.status};
+          height: ${g.status};
+          border-radius: 50%;
+          border: 2px solid white;
+          background: ${b?_[b]||_.offline:"transparent"};
+        }
+      </style>
+
+      <div class="avatar" title="${n}">
+        ${t?`<img src="${t}" alt="${n}" />`:this._getInitials(n)}
+        ${b?'<span class="status"></span>':""}
+      </div>
+    `}};A("af-avatar",hn);Gl=hn});var co={};Q(co,{default:()=>Ll,AfriProgress:()=>gn});var gn,Ll;var _o=Y(()=>{M();gn=class gn extends c{static get observedAttributes(){return["value","max","theme","size","label","animated"]}constructor(){super();this.render()}attributeChangedCallback(){this.render()}render(){let t=parseFloat(this.getAttribute("value"))||0,n=parseFloat(this.getAttribute("max"))||100,o=this.getAttribute("theme")||"tanzania",b=this.getAttribute("size")||"md",l=this.getAttribute("label"),a=this.hasAttribute("animated"),f=Math.min(100,Math.max(0,t/n*100)),h={tanzania:{bar:"#1EB53A",track:"#e9ecef"},maasai:{bar:"#FF0000",track:"#e9ecef"},ndebele:{bar:"#4169E1",track:"#e9ecef"},gold:{bar:"#FCD116",track:"#e9ecef"},gradient:{bar:"linear-gradient(90deg, #1EB53A 0%, #FCD116 50%, #00A3DD 100%)",track:"#e9ecef"}},g=h[o]||h.tanzania,_={sm:"6px",md:"10px",lg:"16px"},X=_[b]||_.md;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .progress-container {
+          width: 100%;
+        }
+
+        .progress-header {
+          display: flex;
+          justify-content: space-between;
+          margin-bottom: 5px;
+          font-size: 13px;
+        }
+
+        .progress-label {
+          color: #333;
+          font-weight: 500;
+        }
+
+        .progress-value {
+          color: #666;
+        }
+
+        .progress-track {
+          width: 100%;
+          height: ${X};
+          background: ${g.track};
+          border-radius: 100px;
+          overflow: hidden;
+        }
+
+        .progress-bar {
+          height: 100%;
+          width: ${f}%;
+          background: ${g.bar};
+          border-radius: 100px;
+          transition: width 500ms ease-out;
+          ${a?`
+            background-size: 30px 30px;
+            background-image: linear-gradient(
+              135deg,
+              rgba(255,255,255,0.2) 25%,
+              transparent 25%,
+              transparent 50%,
+              rgba(255,255,255,0.2) 50%,
+              rgba(255,255,255,0.2) 75%,
+              transparent 75%,
+              transparent
+            );
+            animation: stripes 1s linear infinite;
+          `:""}
+        }
+
+        @keyframes stripes {
+          0% { background-position: 0 0; }
+          100% { background-position: 30px 0; }
+        }
+      </style>
+
+      <div class="progress-container">
+        ${`
+          <div class="progress-header">
+            <span class="progress-label">${l||""}</span>
+            <span class="progress-value">${f.toFixed(0)}%</span>
+          </div>
+        `}
+        <div class="progress-track">
+          <div class="progress-bar" role="progressbar" 
+               aria-valuenow="${t}" 
+               aria-valuemin="0" 
+               aria-valuemax="${n}"></div>
+        </div>
+      </div>
+    `}};A("af-progress",gn);Ll=gn});var Ao={};Q(Ao,{default:()=>Fl,AfriLoader:()=>rn});var rn,Fl;var qo=Y(()=>{M();rn=class rn extends c{static get observedAttributes(){return["size","color","type"]}constructor(){super();this.render()}attributeChangedCallback(){this.render()}render(){let t=this.getAttribute("size")||"40",n=this.getAttribute("color")||"currentColor",o=this.getAttribute("type")||"spiral",b={spiral:`M25,25 m0,-20 a20,20 0 1,1 0,40 a20,20 0 1,1 0,-40 
+               M25,25 m0,-15 a15,15 0 1,0 0,30 a15,15 0 1,0 0,-30`,sun:"M25,5 L25,45 M5,25 L45,25 M11,11 L39,39 M39,11 L11,39",diamond:"M25,5 L45,25 L25,45 L5,25 Z"};this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: inline-block;
+          color: ${n};
+        }
+        .loader {
+          width: ${t}px;
+          height: ${t}px;
+          animation: spin 1.5s linear infinite;
+        }
+        svg {
+          width: 100%;
+          height: 100%;
+        }
+        @keyframes spin {
+          100% { transform: rotate(360deg); }
+        }
+        circle {
+          opacity: 0.25;
+        }
+        path, line, rect {
+          opacity: 0.75;
+        }
+      </style>
+      <div class="loader">
+        <svg viewBox="0 0 50 50">
+          ${o==="spiral"?`<path d="${b.spiral}" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" />`:o==="sun"?`<path d="${b.sun}" stroke="currentColor" stroke-width="4" stroke-linecap="round" />`:`<path d="${b.diamond}" fill="none" stroke="currentColor" stroke-width="4" />`}
+        </svg>
+      </div>
+    `}};A("af-loader",rn);Fl=rn});var Ho={};Q(Ho,{default:()=>Bl,AfriSkeleton:()=>$n});var $n,Bl;var Eo=Y(()=>{M();$n=class $n extends c{static get observedAttributes(){return["variant","width","height","lines"]}constructor(){super();this.render()}attributeChangedCallback(){this.render()}render(){let t=this.getAttribute("variant")||"text",n=this.getAttribute("width")||"100%",o=this.getAttribute("height")||"auto",b=parseInt(this.getAttribute("lines"))||1,l={text:{height:"16px",borderRadius:"4px"},title:{height:"28px",borderRadius:"4px"},avatar:{width:"48px",height:"48px",borderRadius:"50%"},card:{height:"200px",borderRadius:"12px"},button:{height:"40px",borderRadius:"6px",width:"120px"}},a=l[t]||l.text;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+        }
+
+        .skeleton {
+          background: linear-gradient(
+            90deg,
+            #1e1e1e 0%,
+            #2a2a2a 50%,
+            #1e1e1e 100%
+          );
+          background-size: 200% 100%;
+          animation: shimmer 1.5s infinite;
+          border-radius: ${a.borderRadius};
+        }
+
+        @keyframes shimmer {
+          0% { background-position: 200% 0; }
+          100% { background-position: -200% 0; }
+        }
+
+        .skeleton-line {
+          width: ${t==="text"?n:a.width||n};
+          height: ${a.height};
+          margin-bottom: 8px;
+        }
+
+        .skeleton-line:last-child {
+          margin-bottom: 0;
+          width: ${t==="text"?"70%":"100%"};
+        }
+      </style>
+
+      ${t==="text"||t==="title"?Array(b).fill(0).map(()=>'<div class="skeleton skeleton-line"></div>').join(""):`<div class="skeleton" style="width: ${a.width||n}; height: ${a.height||o};"></div>`}
+    `}};A("af-skeleton",$n);Bl=$n});var Yo={};Q(Yo,{default:()=>Rl,AfriDivider:()=>vn});var vn,Rl;var xo=Y(()=>{M();vn=class vn extends c{static get observedAttributes(){return["pattern","height","color","flip"]}constructor(){super();this.render()}attributeChangedCallback(){this.render()}_getPatternPath(t,n,o){switch(t||"zigzag"){case"zigzag":return`M0,${o} L${n/4},0 L${n/2},${o} L${n*0.75},0 L${n},${o} V${o+10} H0 Z`;case"waves":return`M0,${o/2} Q${n/4},0 ${n/2},${o/2} T${n},${o/2} V${o} H0 Z`;case"triangles":return`M0,${o} L${n/8},0 L${n/4},${o} L${n*0.375},0 L${n/2},${o} 
+                L${n*0.625},0 L${n*0.75},${o} L${n*0.875},0 L${n},${o} V${o+10} H0 Z`;case"diamonds":return`M0,0 H${n} V${o/2} 
+                L${n*0.9},${o} L${n*0.8},${o/2} 
+                L${n*0.7},${o} L${n*0.6},${o/2} 
+                L${n*0.5},${o} L${n*0.4},${o/2} 
+                L${n*0.3},${o} L${n*0.2},${o/2} 
+                L${n*0.1},${o} L0,${o/2} Z`;default:return`M0,0 H${n} V${o} H0 Z`}}render(){let t=this.getAttribute("pattern")||"zigzag",n=this.getAttribute("height")||"50",o=this.getAttribute("color")||"currentColor",b=this.hasAttribute("flip");this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          line-height: 0;
+          width: 100%;
+          overflow: hidden;
+          color: ${o};
+        }
+        svg {
+          display: block;
+          width: 100%;
+          height: ${n}px;
+          ${b?"transform: rotate(180deg);":""}
+        }
+      </style>
+      <svg viewBox="0 0 100 ${n}" preserveAspectRatio="none">
+        <path d="${this._getPatternPath(t,100,parseInt(n))}" fill="currentColor" />
+      </svg>
+    `}};A("af-divider",vn);Rl=vn});var ko={};Q(ko,{default:()=>Dl,KangaCard:()=>wn});var wn,Dl;var Xo=Y(()=>{M();St();wn=class wn extends c{static get observedAttributes(){return["theme","proverb","proverb-translation"]}constructor(){super();this.render()}connectedCallback(){this.loadStyles(),this.applyTheme()}attributeChangedCallback(t,n,o){if(n!==o)if(t==="theme")this.applyTheme();else this.render()}getThemeColors(){let t=this.getAttribute("theme")||"tanzania",n={tanzania:{primary:"#1EB53A",accent:"#FCD116",border:"#00A3DD",text:"#000000"},maasai:{primary:"#8B0000",accent:"#FF0000",border:"#000000",text:"#FFFFFF"},ndebele:{primary:"#4169E1",accent:"#FFD700",border:"#FF69B4",text:"#000000"}};return n[t]||n.tanzania}applyTheme(){let t=this.getThemeColors(),n=this.shadowRoot.querySelector(".pindo");if(n){let o=generateKangaBorder({primaryColor:t.primary,accentColor:t.accent});n.style.backgroundImage=`url("${o}")`,n.style.backgroundRepeat="repeat"}}render(){let t=this.getAttribute("proverb")||"",n=this.getAttribute("proverb-translation")||"",o=this.getThemeColors();this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .kanga-card {
+          border-radius: var(--radius-lg, 8px);
+          overflow: hidden;
+          box-shadow: var(--shadow-lg, 0 5px 21px rgba(0, 0, 0, 0.2));
+          transition: transform var(--transition-base, 250ms ease-out),
+                      box-shadow var(--transition-base, 250ms ease-out);
+        }
+
+        .kanga-card:hover {
+          transform: translateY(-3px);
+          box-shadow: 0 8px 34px rgba(0, 0, 0, 0.25);
+        }
+
+        /* Pindo - Decorative Border */
+        .pindo {
+          padding: var(--space-13, 13px);
+          background-color: ${o.primary};
+        }
+
+        /* Mji - Central Content Area */
+        .mji {
+          background: linear-gradient(135deg, #FFFFFF 0%, #F5F5F5 100%);
+          padding: var(--space-21, 21px);
+          min-height: 120px;
+        }
+
+        /* Jina - Proverb Inscription */
+        .jina {
+          background-color: ${o.border};
+          color: ${o.text};
+          padding: var(--space-8, 8px) var(--space-13, 13px);
+          text-align: center;
+          font-style: italic;
+        }
+
+        .jina .swahili {
+          font-weight: 600;
+          font-size: 1rem;
+          margin-bottom: var(--space-3, 3px);
+        }
+
+        .jina .translation {
+          font-size: 0.85rem;
+          opacity: 0.9;
+        }
+
+        .jina:empty {
+          display: none;
+        }
+
+        /* Content slot styles */
+        ::slotted(*) {
+          margin: 0;
+        }
+
+        ::slotted(h1), ::slotted(h2), ::slotted(h3) {
+          color: ${o.primary};
+          margin-bottom: var(--space-8, 8px);
+        }
+      </style>
+
+      <article class="kanga-card">
+        <div class="pindo">
+          <div class="mji">
+            <slot></slot>
+          </div>
+        </div>
+        
+        ${t?`
+          <div class="jina">
+            <p class="swahili">${t}</p>
+            ${n?`<p class="translation">${n}</p>`:""}
+          </div>
+        `:'<div class="jina"><slot name="proverb"></slot></div>'}
+      </article>
+    `,this.applyTheme()}};A("af-kanga-card",wn);Dl=wn});var So={};Q(So,{default:()=>Wl,CulturalCard:()=>cn});var cn,Wl;var Mo=Y(()=>{M();St();cn=class cn extends c{static get observedAttributes(){return["culture","interactive"]}constructor(){super();this._cultures={maasai:{name:"Maasai",region:"Tanzania/Kenya",pattern:"generateShuka",colors:{primary:"#FF0000",accent:"#000000"}},hadzabe:{name:"Hadzabe",region:"Tanzania",pattern:"generateHadzabe",colors:{primary:"#8B4513",accent:"#CD853F"}},swahili:{name:"Swahili",region:"East Africa",pattern:"generateKangaBorder",colors:{primary:"#1EB53A",accent:"#FCD116"}},kitenge:{name:"Kitenge",region:"East Africa",pattern:"generateKitenge",colors:{primary:"#00A3DD",accent:"#1EB53A"}},tibeb:{name:"Tibeb",region:"Ethiopia",pattern:"generateTibeb",colors:{primary:"#009E60",accent:"#FCDD09"}},ashanti:{name:"Ashanti/Akan",region:"Ghana",pattern:"generateKente",colors:{primary:"#FFD700",accent:"#228B22"}},adinkra:{name:"Adinkra",region:"Ghana",pattern:"generateAdinkra",colors:{primary:"#000000",accent:"#CD853F"}},bogolan:{name:"Bogolan",region:"Mali",pattern:"generateBogolan",colors:{primary:"#3E2723",accent:"#D7CCC8"}},yoruba:{name:"Yoruba",region:"Nigeria",pattern:"generateAsoOke",colors:{primary:"#4B0082",accent:"#FFD700"}},ankara:{name:"Ankara",region:"West Africa",pattern:"generateAnkara",colors:{primary:"#FF6B00",accent:"#00A86B"}},kuba:{name:"Kuba Shoowa",region:"DRC",pattern:"generateKuba",colors:{primary:"#D2B48C",accent:"#3E2723"}},imigongo:{name:"Imigongo",region:"Rwanda",pattern:"generateImigongo",colors:{primary:"#000000",accent:"#B22222"}},ndebele:{name:"Ndebele",region:"South Africa",pattern:"generateNdebele",colors:{primary:"#4169E1",accent:"#FFD700"}},zulu:{name:"Zulu",region:"South Africa",pattern:"generateZulu",colors:{primary:"#FF0000",accent:"#000000"}},swazi:{name:"Swazi",region:"Eswatini",pattern:"generateSwazi",colors:{primary:"#3E5EB9",accent:"#FECD00"}},xhosa:{name:"Xhosa",region:"South Africa",pattern:"generateXhosa",colors:{primary:"#00A86B",accent:"#1a1a2e"}}},this.render()}connectedCallback(){this._setupInteraction()}_setupInteraction(){if(!this.hasAttribute("interactive"))return;this.shadowRoot.querySelector(".culture-selector")?.addEventListener("change",(n)=>{this.setAttribute("culture",n.target.value),this.emit("af-culture-change",{culture:n.target.value})})}attributeChangedCallback(){this.render(),this._setupInteraction()}render(){let t=this.getAttribute("culture")||"maasai",n=this.hasAttribute("interactive"),o=this._cultures[t]||this._cultures.maasai,b=Xt[o.pattern],l=b?b():"";this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .cultural-card {
+          border-radius: 12px;
+          overflow: hidden;
+          box-shadow: 0 4px 20px rgba(0,0,0,0.15);
+          transition: transform 300ms ease, box-shadow 300ms ease;
+        }
+
+        .cultural-card:hover {
+          transform: translateY(-5px);
+          box-shadow: 0 8px 30px rgba(0,0,0,0.2);
+        }
+
+        .pattern-header {
+          height: 120px;
+          background-image: url("${l}");
+          background-repeat: repeat;
+          position: relative;
+          animation: patternShift 20s linear infinite;
+        }
+
+        @keyframes patternShift {
+          0% { background-position: 0 0; }
+          100% { background-position: 100px 100px; }
+        }
+
+        .pattern-overlay {
+          position: absolute;
+          inset: 0;
+          background: linear-gradient(transparent 0%, rgba(0,0,0,0.3) 100%);
+        }
+
+        .culture-badge {
+          position: absolute;
+          bottom: 10px;
+          left: 10px;
+          background: ${o.colors.primary};
+          color: white;
+          padding: 4px 12px;
+          border-radius: 20px;
+          font-size: 12px;
+          font-weight: 600;
+          text-shadow: 0 1px 2px rgba(0,0,0,0.3);
+        }
+
+        .region-badge {
+          position: absolute;
+          bottom: 10px;
+          right: 10px;
+          background: rgba(255,255,255,0.9);
+          color: #333;
+          padding: 4px 10px;
+          border-radius: 20px;
+          font-size: 11px;
+        }
+
+        .card-body {
+          background: white;
+          padding: 20px;
+        }
+
+        .card-title {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          margin-bottom: 12px;
+        }
+
+        .card-title h3 {
+          margin: 0;
+          font-size: 18px;
+          color: ${o.colors.primary};
+        }
+
+        .culture-icon {
+          width: 40px;
+          height: 40px;
+          border-radius: 50%;
+          background-image: url("${l}");
+          background-size: cover;
+          border: 2px solid ${o.colors.accent};
+        }
+
+        .card-content {
+          color: #555;
+          line-height: 1.6;
+        }
+
+        .culture-selector {
+          width: 100%;
+          padding: 10px;
+          margin-top: 15px;
+          border: 2px solid ${o.colors.primary};
+          border-radius: 6px;
+          font-family: inherit;
+          font-size: 14px;
+          cursor: pointer;
+          background: white;
+        }
+
+        .culture-selector:focus {
+          outline: none;
+          box-shadow: 0 0 0 3px ${o.colors.primary}30;
+        }
+
+        select option {
+          padding: 8px;
+        }
+
+        optgroup {
+          font-weight: 600;
+          color: #333;
+        }
+      </style>
+
+      <article class="cultural-card">
+        <div class="pattern-header">
+          <div class="pattern-overlay"></div>
+          <span class="culture-badge">${o.name}</span>
+          <span class="region-badge">\uD83D\uDCCD ${o.region}</span>
+        </div>
+        <div class="card-body">
+          <div class="card-title">
+            <div class="culture-icon"></div>
+            <h3>${o.name} Pattern</h3>
+          </div>
+          <div class="card-content">
+            <slot></slot>
+          </div>
+          ${n?`
+            <select class="culture-selector">
+              <optgroup label="\uD83C\uDF0D East Africa">
+                <option value="maasai" ${t==="maasai"?"selected":""}>Maasai (Tanzania/Kenya)</option>
+                <option value="hadzabe" ${t==="hadzabe"?"selected":""}>Hadzabe (Tanzania)</option>
+                <option value="swahili" ${t==="swahili"?"selected":""}>Swahili Kanga</option>
+                <option value="kitenge" ${t==="kitenge"?"selected":""}>Kitenge</option>
+                <option value="tibeb" ${t==="tibeb"?"selected":""}>Ethiopian Tibeb</option>
+              </optgroup>
+              <optgroup label="\uD83C\uDF0D West Africa">
+                <option value="ashanti" ${t==="ashanti"?"selected":""}>Ashanti Kente (Ghana)</option>
+                <option value="adinkra" ${t==="adinkra"?"selected":""}>Adinkra (Ghana)</option>
+                <option value="bogolan" ${t==="bogolan"?"selected":""}>Mali Bogolan (Mud Cloth)</option>
+                <option value="yoruba" ${t==="yoruba"?"selected":""}>Yoruba Aso-Oke (Nigeria)</option>
+                <option value="ankara" ${t==="ankara"?"selected":""}>Ankara Wax Print</option>
+              </optgroup>
+              <optgroup label="\uD83C\uDF0D Central Africa">
+                <option value="kuba" ${t==="kuba"?"selected":""}>Kuba Shoowa (DRC)</option>
+                <option value="imigongo" ${t==="imigongo"?"selected":""}>Imigongo (Rwanda)</option>
+              </optgroup>
+              <optgroup label="\uD83C\uDF0D Southern Africa">
+                <option value="ndebele" ${t==="ndebele"?"selected":""}>Ndebele (South Africa)</option>
+                <option value="zulu" ${t==="zulu"?"selected":""}>Zulu (South Africa)</option>
+                <option value="swazi" ${t==="swazi"?"selected":""}>Swazi (Eswatini)</option>
+                <option value="xhosa" ${t==="xhosa"?"selected":""}>Xhosa (South Africa)</option>
+              </optgroup>
+            </select>
+          `:""}
+        </div>
+      </article>
+    `}};A("af-cultural-card",cn);Wl=cn});var Qo={};Q(Qo,{default:()=>Ol,PatternShowcase:()=>_n});var _n,Ol;var Jo=Y(()=>{M();St();_n=class _n extends c{static get observedAttributes(){return["region","size"]}constructor(){super();this._allPatterns=[{key:"shuka",name:"Maasai Shuka",region:"east",country:"Tanzania/Kenya",fn:Yn,meaning:"Bravery, Unity, Identity"},{key:"hadzabe",name:"Hadzabe",region:"east",country:"Tanzania",fn:xn,meaning:"Ancient traditions, Hunter-gatherer heritage"},{key:"kanga",name:"Kanga",region:"east",country:"Tanzania/Kenya",fn:kn,meaning:"Communication, Proverbs, Femininity"},{key:"kitenge",name:"Kitenge",region:"east",country:"East Africa",fn:Xn,meaning:"Celebration, African identity"},{key:"tibeb",name:"Tibeb",region:"east",country:"Ethiopia",fn:Bn,meaning:"Faith, Tradition, Celebration"},{key:"kente",name:"Kente",region:"west",country:"Ghana",fn:Sn,meaning:"Royalty, Wisdom, Celebration"},{key:"adinkra",name:"Adinkra",region:"west",country:"Ghana",fn:Mn,meaning:"Philosophy, Proverbs, Wisdom"},{key:"bogolan",name:"Bogolan",region:"west",country:"Mali",fn:Gn,meaning:"Earth energy, Protection, Healing"},{key:"asooke",name:"Aso-Oke",region:"west",country:"Nigeria",fn:Qn,meaning:"Prestige, Celebration, Heritage"},{key:"adire",name:"Adire (Indigo)",region:"west",country:"Nigeria",fn:Un,meaning:"Creativity, Uniqueness, Depth"},{key:"ankara",name:"Ankara",region:"west",country:"West Africa",fn:Jn,meaning:"Boldness, Pan-African pride"},{key:"kuba",name:"Kuba Shoowa",region:"central",country:"DRC",fn:Ln,meaning:"Status, Mathematics, Eternity"},{key:"imigongo",name:"Imigongo",region:"central",country:"Rwanda",fn:Fn,meaning:"Resilience, Strength, Artistry"},{key:"berber",name:"Berber",region:"north",country:"North Africa",fn:mn,meaning:"Protection, Nature, Identity"},{key:"ndebele",name:"Ndebele",region:"south",country:"South Africa",fn:Rn,meaning:"Artistry, Marriage, Status"},{key:"zulu",name:"Zulu Beadwork",region:"south",country:"South Africa",fn:Dn,meaning:"Love letters, Community"},{key:"swazi",name:"Swazi",region:"south",country:"Eswatini",fn:Wn,meaning:"Monarchy, Warriors, Pride"},{key:"xhosa",name:"Xhosa",region:"south",country:"South Africa",fn:On,meaning:"Dignity, Coming of age"}],this.render()}connectedCallback(){this._setupHovers()}_setupHovers(){this.shadowRoot.querySelectorAll(".pattern-item").forEach((t)=>{t.addEventListener("click",()=>{let n=t.dataset.key,o=this._allPatterns.find((b)=>b.key===n);if(o)this.emit("af-pattern-select",{pattern:o})})})}attributeChangedCallback(){this.render(),this._setupHovers()}render(){let t=this.getAttribute("region")||"all",n=this.getAttribute("size")||"md",o=t==="all"?this._allPatterns:this._allPatterns.filter((a)=>a.region===t),b={sm:80,md:120,lg:160},l=b[n]||b.md;this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+          display: block;
+          font-family: 'Inter', system-ui, sans-serif;
+        }
+
+        .showcase-container {
+          padding: 10px;
+        }
+
+        .region-tabs {
+          display: flex;
+          gap: 8px;
+          margin-block-end: 20px;
+          flex-wrap: wrap;
+        }
+
+        .region-tab {
+          padding: 8px 16px;
+          border: none;
+          border-radius: 20px;
+          font-family: inherit;
+          font-size: 13px;
+          font-weight: 500;
+          cursor: pointer;
+          background: #e9ecef;
+          color: #495057;
+          transition: all 200ms ease;
+        }
+
+        .region-tab:hover {
+          background: #dee2e6;
+        }
+
+        .region-tab.active {
+          background: linear-gradient(135deg, #1EB53A 0%, #00A3DD 100%);
+          color: white;
+        }
+
+        .pattern-grid {
+          display: grid;
+          grid-template-columns: repeat(auto-fill, minmax(${l+40}px, 1fr));
+          gap: 16px;
+        }
+
+        .pattern-item {
+          background: white;
+          border-radius: 12px;
+          overflow: hidden;
+          box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+          cursor: pointer;
+          transition: all 300ms ease;
+        }
+
+        .pattern-item:hover {
+          transform: scale(1.05);
+          box-shadow: 0 8px 25px rgba(0,0,0,0.2);
+        }
+
+        .pattern-preview {
+          inline-size: 100%;
+          block-size: ${l}px;
+          background-repeat: repeat;
+          transition: background-position 10s linear;
+        }
+
+        .pattern-item:hover .pattern-preview {
+          background-position: 50px 50px;
+        }
+
+        .pattern-info {
+          padding: 12px;
+        }
+
+        .pattern-name {
+          font-weight: 600;
+          font-size: 14px;
+          margin-block-end: 4px;
+          color: #333;
+        }
+
+        .pattern-country {
+          font-size: 11px;
+          color: #888;
+          margin-block-end: 6px;
+        }
+
+        .pattern-meaning {
+          font-size: 11px;
+          color: #666;
+          font-style: italic;
+          line-height: 1.4;
+          margin-block-end: 6px;
+        }
+
+        .region-label {
+          font-size: 12px;
+          padding: 3px 8px;
+          border-radius: 10px;
+          display: inline-block;
+          margin-block-end: 6px;
+        }
+
+        .region-east { background: #d4edda; color: #155724; }
+        .region-west { background: #fff3cd; color: #856404; }
+        .region-central { background: #e2e3ff; color: #3e2723; }
+        .region-south { background: #d1ecf1; color: #0c5460; }
+      </style>
+
+      <div class="showcase-container">
+        <div class="region-tabs">
+          <button class="region-tab ${t==="all"?"active":""}" data-region="all">All Regions</button>
+          <button class="region-tab ${t==="east"?"active":""}" data-region="east">East Africa</button>
+          <button class="region-tab ${t==="west"?"active":""}" data-region="west">West Africa</button>
+          <button class="region-tab ${t==="central"?"active":""}" data-region="central">Central Africa</button>
+          <button class="region-tab ${t==="south"?"active":""}" data-region="south">Southern Africa</button>
+        </div>
+
+        <div class="pattern-grid">
+          ${o.map((a)=>`
+            <div class="pattern-item" data-key="${a.key}">
+              <div class="pattern-preview" style="background-image: url('${a.fn()}')"></div>
+              <div class="pattern-info">
+                <span class="region-label region-${a.region}">${a.region.charAt(0).toUpperCase()+a.region.slice(1)}</span>
+                <div class="pattern-name">${a.name}</div>
+                <div class="pattern-country">${a.country}</div>
+                <div class="pattern-meaning">${a.meaning}</div>
+              </div>
+            </div>
+          `).join("")}
+        </div>
+      </div>
+    `,this.shadowRoot.querySelectorAll(".region-tab").forEach((a)=>{a.addEventListener("click",()=>{this.setAttribute("region",a.dataset.region)})})}};A("af-pattern-showcase",_n);Ol=_n});var Go={};Q(Go,{AfriLanguageSwitcher:()=>en});var en;var Lo=Y(()=>{M();en=class en extends c{static get observedAttributes(){return["current"]}render(){let t=[{code:"en",name:"English"},{code:"sw",name:"Kiswahili"},{code:"fr",name:"Français"},{code:"ar",name:"العربية",dir:"rtl"},{code:"am",name:"አማርኛ"},{code:"yo",name:"Yorùbá"}],n=this.getAttribute("current")||"en",o=t.find((b)=>b.code===n)||t[0];this.shadowRoot.innerHTML=D`
+            <style>
+                :host { display: inline-block; position: relative; font-family: var(--font-body); }
+                .switcher-btn {
+                    padding: 8px 16px;
+                    background: var(--glass-bg);
+                    border: 1px solid var(--glass-border);
+                    border-radius: var(--radius-md);
+                    color: var(--text-primary);
+                    cursor: pointer;
+                    display: flex;
+                    align-items: center;
+                    gap: 8px;
+                    transition: all 0.3s ease;
+                }
+                .switcher-btn:hover { background: rgba(255,255,255,0.1); }
+                .dropdown {
+                    position: absolute;
+                    top: calc(100% + 8px);
+                    right: 0;
+                    background: var(--afri-void);
+                    border: 1px solid var(--glass-border);
+                    border-radius: var(--radius-md);
+                    padding: 8px;
+                    display: none;
+                    min-width: 150px;
+                    z-index: 1000;
+                    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
+                }
+                :host([open]) .dropdown { display: block; }
+                .lang-option {
+                    padding: 8px 12px;
+                    border-radius: var(--radius-sm);
+                    cursor: pointer;
+                    transition: all 0.2s ease;
+                }
+                .lang-option:hover { background: var(--glass-bg); color: var(--accent-gold); }
+            </style>
+
+            <button class="switcher-btn">
+                <span>🌍</span>
+                <span>${o.name}</span>
+            </button>
+
+            <div class="dropdown">
+                ${t.map((b)=>D`
+                    <div class="lang-option" data-code="${b.code}" dir="${b.dir||"ltr"}">
+                        ${b.name}
+                    </div>
+                `)}
+            </div>
+        `,this.shadowRoot.querySelector(".switcher-btn").onclick=()=>{this.toggleAttribute("open")},this.shadowRoot.querySelectorAll(".lang-option").forEach((b)=>{b.onclick=()=>{let l=b.dataset.code;if(this.setAttribute("current",l),this.removeAttribute("open"),this.emit("lang-change",{code:l}),l==="ar")document.documentElement.dir="rtl";else document.documentElement.dir="ltr"}})}connectedCallback(){this.render()}attributeChangedCallback(){this.render()}};A("af-language-switcher",en)});var Fo={};Q(Fo,{AfriAuth:()=>sn});var sn;var Bo=Y(()=>{M();sn=class sn extends c{constructor(){super();this.mode="login"}connectedCallback(){this.render(),this.setupEvents()}setupEvents(){let t=this.shadowRoot.querySelector("form"),n=this.shadowRoot.querySelector(".toggle-mode");if(n)n.addEventListener("click",(o)=>{o.preventDefault(),this.mode=this.mode==="login"?"register":"login",this.render(),this.setupEvents()});if(t)t.addEventListener("submit",async(o)=>{o.preventDefault();let b=this.shadowRoot.querySelector("#email").value,l=this.shadowRoot.querySelector("#password").value,a=this.shadowRoot.querySelector(".feedback");a.textContent="Processing...";try{let h=await(await fetch("/api/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:this.mode,email:b,password:l})})).json();if(h.error)a.textContent=h.error,a.style.color="#ef4444";else a.textContent="Success! Redirecting...",a.style.color="#22c55e",setTimeout(()=>window.location.href="/",1000)}catch(f){a.textContent="Network Error"}})}render(){let t=this.mode==="login";this.shadowRoot.innerHTML=`
+      <style>
+        :host {
+            display: block;
+            font-family: 'Inter', system-ui;
+            max-width: 400px;
+            margin: 0 auto;
+        }
+        .auth-card {
+            background: #1e293b;
+            border: 1px solid #334155;
+            border-radius: 12px;
+            padding: 32px;
+            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
+        }
+        h2 {
+            margin-top: 0;
+            color: white;
+            text-align: center;
+            font-weight: 800;
+        }
+        .input-group {
+            margin-bottom: 20px;
+        }
+        label {
+            display: block;
+            color: #94a3b8;
+            font-size: 0.9rem;
+            margin-bottom: 8px;
+        }
+        input {
+            width: 100%;
+            padding: 12px;
+            background: #0f172a;
+            border: 1px solid #334155;
+            border-radius: 6px;
+            color: white;
+            font-size: 1rem;
+            box-sizing: border-box; 
+        }
+        input:focus {
+            border-color: #1EB53A;
+            outline: none;
+        }
+        button {
+            width: 100%;
+            padding: 12px;
+            background: #1EB53A;
+            color: white;
+            border: none;
+            border-radius: 6px;
+            font-weight: 700;
+            cursor: pointer;
+            font-size: 1rem;
+            transition: all 0.2s;
+        }
+        button:hover {
+            opacity: 0.9;
+            transform: translateY(-1px);
+        }
+        .footer {
+            margin-top: 20px;
+            text-align: center;
+            font-size: 0.9rem;
+            color: #94a3b8;
+        }
+        .toggle-mode {
+            color: #FCD116;
+            cursor: pointer;
+            text-decoration: underline;
+        }
+        .feedback {
+            text-align: center;
+            margin-bottom: 16px;
+            min-height: 20px;
+            font-size: 0.9rem;
+        }
+      </style>
+
+      <div class="auth-card">
+        <h2>${t?"Welcome Back":"Create Account"}</h2>
+        <div class="feedback"></div>
+        <form>
+            <div class="input-group">
+                <label for="email">Email Address</label>
+                <input type="email" id="email" required placeholder="you@example.com">
+            </div>
+            <div class="input-group">
+                <label for="password">Password</label>
+                <input type="password" id="password" required placeholder="••••••••">
+            </div>
+            <button type="submit">${t?"Sign In":"Sign Up"}</button>
+        </form>
+        <div class="footer">
+            ${t?"New here?":"Already have an account?"}
+            <span class="toggle-mode">${t?"Create an account":"Sign in"}</span>
+        </div>
+      </div>
+    `}};A("af-auth",sn)});var Ro={};Q(Ro,{default:()=>ml});var zn,ml;var Do=Y(()=>{M();zn=class zn extends c{constructor(){super();this.currentTheme="dark"}connectedCallback(){this.loadStyles();let t=localStorage.getItem("africode-theme");if(t)this.currentTheme=t,document.documentElement.setAttribute("data-theme",t);else{let n=window.matchMedia("(prefers-color-scheme: light)").matches;this.currentTheme=n?"light":"dark",document.documentElement.setAttribute("data-theme",this.currentTheme)}this.render()}toggleTheme(){this.currentTheme=this.currentTheme==="dark"?"light":"dark",document.documentElement.setAttribute("data-theme",this.currentTheme),localStorage.setItem("africode-theme",this.currentTheme),window.dispatchEvent(new CustomEvent("theme-changed",{detail:{theme:this.currentTheme}})),this.render()}render(){let t=this.currentTheme==="dark";this.shadowRoot.innerHTML=D`
+            <style>
+                .toggle-btn {
+                    background: var(--bg-surface-elevated, var(--afri-obsidian));
+                    border: 1px solid var(--border-color);
+                    color: var(--text-main);
+                    padding: var(--space-8) var(--space-13);
+                    border-radius: var(--radius-lg);
+                    cursor: pointer;
+                    display: flex;
+                    align-items: center;
+                    gap: 8px;
+                    font-family: var(--font-body);
+                    font-size: 0.9rem;
+                    transition: all 0.3s var(--ease-snap);
+                }
+                .toggle-btn:hover {
+                    border-color: var(--brand-green);
+                    transform: translateY(-2px);
+                }
+                .icon {
+                    font-size: 1.1rem;
+                }
+            </style>
+            
+            <button class="toggle-btn" @click="\${() => this.toggleTheme()}">
+                <span class="icon">\${isDark ? '🌙' : '☀️'}</span>
+                <span>\${isDark ? 'Dark Mode' : 'Light Mode'}</span>
+            </button>
+        `;let n=this.shadowRoot.querySelector(".toggle-btn");if(n)n.addEventListener("click",()=>this.toggleTheme())}};A("af-theme-toggle",zn);ml=zn});z();kt();St();var dn={};Q(dn,{transitionPage:()=>b0,default:()=>Zo,animateStaggered:()=>o0,Easing:()=>mt});var mt={DrumBeat:"cubic-bezier(0.1, 0.9, 0.2, 1.0)",KoraPluck:"cubic-bezier(0.34, 1.56, 0.64, 1)",RiverFlow:"cubic-bezier(0.4, 0.0, 0.2, 1)"};function o0(t,{delay:n=50,duration:o=600,easing:b=mt.DrumBeat,y:l=20,scale:a=0.95}={}){let f=typeof t==="string"?document.querySelectorAll(t):t;if(!f||f.length===0)return;let h=new IntersectionObserver((g)=>{g.forEach((_,X)=>{if(_.isIntersecting){let L=Math.random()*10,G=X*n+L,R=_.target;R.animate([{opacity:0,transform:`translateY(${l}px) scale(${a})`},{opacity:1,transform:"translateY(0) scale(1)"}],{duration:o,delay:G,easing:b,fill:"forwards"}),h.unobserve(R),R.style.opacity="1"}})},{threshold:0.1});f.forEach((g)=>{g.style.opacity="0",h.observe(g)})}function b0(t){document.body.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.98)"}],{duration:200,easing:"ease-in"}).onfinish=()=>{t(),document.body.animate([{opacity:0,transform:"scale(1.02)"},{opacity:1,transform:"scale(1)"}],{duration:400,easing:mt.DrumBeat})}}var Zo={Easing:mt,animateStaggered:o0,transitionPage:b0};function l0(t){if(typeof window>"u")return;if(!("IntersectionObserver"in window)){Object.values(t).forEach((o)=>o());return}let n=new IntersectionObserver((o)=>{o.forEach((b)=>{if(b.isIntersecting){let l=b.target.tagName.toLowerCase(),a=t[l];if(a)console.log(`\uD83C\uDFDD️ Hydrating Island: <${l}>`),a().then(()=>{delete t[l]}).catch((f)=>console.error(`Failed to hydrate <${l}>`,f));n.unobserve(b.target)}})},{rootMargin:"50px 0px"});Object.keys(t).forEach((o)=>{document.querySelectorAll(o).forEach((b)=>n.observe(b))})}Ut();M();M();class jn extends c{static get observedAttributes(){return["theme","fallback-message"]}constructor(){super();this._hasError=!1,this._errorDetail=null,this.render()}connectedCallback(){this.addEventListener("af-component-error",this._handleError.bind(this))}disconnectedCallback(){this.removeEventListener("af-component-error",this._handleError.bind(this))}_handleError(t){t.stopPropagation(),this._hasError=!0,this._errorDetail=t.detail,console.warn("[AfriCode Boundary] Caught error:",this._errorDetail),this.render()}reset(){this._hasError=!1,this._errorDetail=null,this.render()}attributeChangedCallback(){this.render()}render(){let t=this.getAttribute("theme")||"tanzania",n=this.getAttribute("fallback-message")||"A part of this page failed to load.",o={tanzania:{bg:"#FFF9E6",border:"#FCD116",text:"#5A4A00"},maasai:{bg:"#FFEEEE",border:"#FF0000",text:"#8B0000"},ndebele:{bg:"#EBF0FF",border:"#4169E1",text:"#002B5C"},ocean:{bg:"#E6FAFF",border:"#00A3DD",text:"#004A66"}},b=o[t]||o.tanzania;if(this._hasError){this.shadowRoot.innerHTML=`
+                <style>
+                    :host { display: block; width: 100%; font-family: 'Inter', system-ui, sans-serif; }
+                    .boundary-error {
+                        background: ${b.bg};
+                        border-left: 4px solid ${b.border};
+                        color: ${b.text};
+                        padding: 16px 20px;
+                        border-radius: 4px;
+                        margin: 12px 0;
+                        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
+                    }
+                    .boundary-header {
+                        display: flex;
+                        align-items: center;
+                        gap: 12px;
+                        font-weight: 600;
+                        margin-bottom: 8px;
+                        font-size: 16px;
+                    }
+                    .boundary-message {
+                        font-size: 14px;
+                        opacity: 0.9;
+                        margin-bottom: 12px;
+                    }
+                    .boundary-dev-detail {
+                        font-family: monospace;
+                        font-size: 12px;
+                        background: rgba(0,0,0,0.05);
+                        padding: 8px;
+                        border-radius: 4px;
+                        overflow-x: auto;
+                        white-space: pre-wrap;
+                    }
+                    .boundary-action {
+                        margin-top: 12px;
+                    }
+                    button {
+                        background: transparent;
+                        border: 1px solid ${b.border};
+                        color: ${b.text};
+                        padding: 6px 12px;
+                        border-radius: 4px;
+                        cursor: pointer;
+                        font-weight: 500;
+                        transition: background 0.2s;
+                    }
+                    button:hover {
+                        background: rgba(0,0,0,0.05);
+                    }
+                </style>
+                <div class="boundary-error" role="alert">
+                    <div class="boundary-header">
+                        <span aria-hidden="true">\uD83D\uDD04</span>
+                        <span>Component Recovery</span>
+                    </div>
+                    <div class="boundary-message">${n}</div>
+                    
+                    ${this._errorDetail?`
+                    <div class="boundary-dev-detail">
+                        <code>&lt;${this._errorDetail.component}&gt;: ${this._errorDetail.message}</code>
+                    </div>
+                    `:""}
+
+                    <div class="boundary-action">
+                        <button id="retry-btn">Try Again</button>
+                    </div>
+                </div>
+            `,this.shadowRoot.getElementById("retry-btn").addEventListener("click",()=>{this.reset()});return}this.shadowRoot.innerHTML=`
+            <style>:host { display: block; }</style>
+            <slot></slot>
+        `}}A("af-error-boundary",jn);var Wo={"af-button":()=>Promise.resolve().then(() => (r0(),g0)),"af-card":()=>Promise.resolve().then(() => (v0(),$0)),"af-navbar":()=>Promise.resolve().then(() => (c0(),w0)),"af-input":()=>Promise.resolve().then(() => (D0(),R0)),"af-alert":()=>Promise.resolve().then(() => (O0(),W0)),"af-grid":()=>Promise.resolve().then(() => (U0(),m0)),"af-section":()=>Promise.resolve().then(() => (V0(),d0)),"af-icon":()=>Promise.resolve().then(() => (N0(),j0)),"af-accordion":()=>Promise.resolve().then(() => (p0(),K0)),"af-hero":()=>Promise.resolve().then(() => (u0(),I0)),"af-table":()=>Promise.resolve().then(() => (i0(),P0)),"af-modal":()=>Promise.resolve().then(() => (C0(),T0)),"af-tabs":()=>Promise.resolve().then(() => (Z0(),y0)),"af-sidebar":()=>Promise.resolve().then(() => (s0(),e0)),"af-dropdown":()=>Promise.resolve().then(() => (to(),z0)),"af-select":()=>Promise.resolve().then(() => (oo(),no)),"af-form":()=>Promise.resolve().then(() => (lo(),bo)),"af-tooltip":()=>Promise.resolve().then(() => (fo(),ao)),"af-toast":()=>Promise.resolve().then(() => (go(),ho)),"af-badge":()=>Promise.resolve().then(() => ($o(),ro)),"af-avatar":()=>Promise.resolve().then(() => (wo(),vo)),"af-progress":()=>Promise.resolve().then(() => (_o(),co)),"af-loader":()=>Promise.resolve().then(() => (qo(),Ao)),"af-skeleton":()=>Promise.resolve().then(() => (Eo(),Ho)),"af-divider":()=>Promise.resolve().then(() => (xo(),Yo)),"af-kanga-card":()=>Promise.resolve().then(() => (Xo(),ko)),"af-cultural-card":()=>Promise.resolve().then(() => (Mo(),So)),"af-pattern-showcase":()=>Promise.resolve().then(() => (Jo(),Qo)),"af-language-switcher":()=>Promise.resolve().then(() => (Lo(),Go)),"af-auth":()=>Promise.resolve().then(() => (Bo(),Fo)),"af-theme-toggle":()=>Promise.resolve().then(() => (Do(),Ro))};z();function Ul(t={}){if(typeof window<"u"){console.log("\uD83C\uDF0D AfriCode Client SDK Initialized (Zero-Config Mode)");let n={...Wo,...t};if(Object.keys(n).length>0)l0(n)}}var Xf={createReactiveState:at,subscribe:T,createSignal:Hn,createEffect:En,store:W,actions:t0,patterns:Xt,motion:dn,html:D,Layout:h0,init:Ul};export{T as subscribe,W as store,Xt as patterns,dn as motion,Ul as init,D as html,Xf as default,Hn as createSignal,at as createReactiveState,En as createEffect,t0 as actions,h0 as Layout};
+
+//# debugId=E59F2706CA9FA53664756E2164756E21