@jasonshimmy/custom-elements-runtime 0.0.14 → 0.0.16

package/dist/custom-elements-runtime.es.js

@@ -1,4 +1,4 @@
-function Ne(e) {
+function ze(e) {
   let t = new Proxy(e, {
     set: (o, c, d) => (o[c] = d, s(), !0)
   });
@@ -138,21 +138,21 @@ class R extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const je = R.getInstance();
+const Re = R.getInstance();
 function P(e, t = {}, r, n) {
   const i = n ?? t.key;
   return { tag: e, key: i, props: t, children: r };
 }
-function V(e) {
+function I(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
 function z(e) {
-  return typeof e == "object" && e !== null && "tag" in e && !V(e);
+  return typeof e == "object" && e !== null && "tag" in e && !I(e);
 }
-function oe(e, t) {
+function le(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function se(e, t = [], r = {}) {
+function ce(e, t = [], r = {}) {
   const n = {}, i = {}, s = {}, o = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let c;
   for (; c = o.exec(e); ) {
@@ -164,14 +164,14 @@ function se(e, t = [], r = {}) {
       const w = "on" + a.charAt(0).toUpperCase() + a.slice(1);
       n[w] = typeof f == "function" ? f : typeof r[f] == "function" ? r[f] : void 0;
     } else if (d === "#") {
-      const [w, ...p] = a.split("."), C = [...p];
-      let g = f, l = [...C];
+      const [w, ...p] = a.split("."), S = [...p];
+      let g = f, l = [...S];
       if (w === "model" && typeof g == "string" && g.includes(".")) {
         const b = ["trim", "number", "lazy"], m = g.split(".");
         let h = g;
         const x = [];
-        for (let S = m.length - 1; S > 0 && b.includes(m[S]); S--)
-          x.unshift(m[S]), h = m.slice(0, S).join(".");
+        for (let C = m.length - 1; C > 0 && b.includes(m[C]); C--)
+          x.unshift(m[C]), h = m.slice(0, C).join(".");
         g = h, l.push(...x);
       }
       s[w] = {
@@ -183,7 +183,7 @@ function se(e, t = [], r = {}) {
   }
   return { props: n, attrs: i, directives: s };
 }
-function ae(e, t, r) {
+function fe(e, t, r) {
   function n(l, b) {
     return P("#text", {}, l, b);
   }
@@ -192,8 +192,8 @@ function ae(e, t, r) {
     i += e[l], l < t.length && (i += `{{${l}}}`);
   const s = /<\/?([a-zA-Z0-9-]+)([^>]*)\/?>|{{(\d+)}}|([^<]+)/g, o = [];
   let c = null, d, a = [], u = null, y = {}, f, w = 0, p = [];
-  function C(l) {
-    !l || typeof l != "object" || V(l) || (l.props || l.attrs ? (l.props && (y.props || (y.props = {}), Object.assign(y.props, l.props)), l.attrs && (y.attrs || (y.attrs = {}), Object.keys(l.attrs).forEach((b) => {
+  function S(l) {
+    !l || typeof l != "object" || I(l) || (l.props || l.attrs ? (l.props && (y.props || (y.props = {}), Object.assign(y.props, l.props)), l.attrs && (y.attrs || (y.attrs = {}), Object.keys(l.attrs).forEach((b) => {
       if (b === "style" && y.attrs.style) {
         const m = y.attrs.style.replace(
           /;?\s*$/,
@@ -211,7 +211,7 @@ function ae(e, t, r) {
   }
   function g(l, b) {
     const m = u ? a : p;
-    if (V(l)) {
+    if (I(l)) {
       const h = l.key ?? b;
       let x = l.children;
       m.push({
@@ -222,19 +222,19 @@ function ae(e, t, r) {
       return;
     }
     if (z(l)) {
-      m.push(oe(l, void 0));
+      m.push(le(l, void 0));
       return;
     }
     if (Array.isArray(l)) {
       if (l.length === 0) return;
       for (let h = 0; h < l.length; h++) {
         const x = l[h];
-        V(x) || z(x) || Array.isArray(x) ? g(x, `${b}-${h}`) : x !== null && typeof x == "object" ? C(x) : m.push(n(String(x), `${b}-${h}`));
+        I(x) || z(x) || Array.isArray(x) ? g(x, `${b}-${h}`) : x !== null && typeof x == "object" ? S(x) : m.push(n(String(x), `${b}-${h}`));
       }
       return;
     }
     if (l !== null && typeof l == "object") {
-      C(l);
+      S(l);
       return;
     }
     m.push(n(String(l), b));
@@ -244,11 +244,11 @@ function ae(e, t, r) {
       const l = d[1], b = d[0][1] === "/", m = d[0][d[0].length - 2] === "/", {
         props: h,
         attrs: x,
-        directives: S
-      } = se(d[2] || "", t, r), k = { props: {}, attrs: {} };
+        directives: C
+      } = ce(d[2] || "", t, r), k = { props: {}, attrs: {} };
       for (const _ in h) k.props[_] = h[_];
       for (const _ in x) k.attrs[_] = x[_];
-      for (const [_, $] of Object.entries(S))
+      for (const [_, $] of Object.entries(C))
         if (_ === "bind")
           if (typeof $.value == "object" && $.value !== null)
             for (const [A, E] of Object.entries($.value))
@@ -263,15 +263,15 @@ function ae(e, t, r) {
           if (typeof A == "string")
             E = A.split(/\s+/).filter(Boolean);
           else if (Array.isArray(A)) {
-            for (const L of A)
-              if (typeof L == "string")
-                E.push(...L.split(/\s+/).filter(Boolean));
-              else if (L && typeof L == "object")
-                for (const [N, M] of Object.entries(L))
-                  M && E.push(...N.split(/\s+/).filter(Boolean));
+            for (const j of A)
+              if (typeof j == "string")
+                E.push(...j.split(/\s+/).filter(Boolean));
+              else if (j && typeof j == "object")
+                for (const [L, M] of Object.entries(j))
+                  M && E.push(...L.split(/\s+/).filter(Boolean));
           } else if (A && typeof A == "object")
-            for (const [L, N] of Object.entries(A))
-              N && E.push(...L.split(/\s+/).filter(Boolean));
+            for (const [j, L] of Object.entries(A))
+              L && E.push(...j.split(/\s+/).filter(Boolean));
           const B = k.attrs.class || "", O = [
             .../* @__PURE__ */ new Set([
               ...B.split(/\s+/).filter(Boolean),
@@ -286,12 +286,12 @@ function ae(e, t, r) {
             E = A;
           else if (A && typeof A == "object") {
             const O = [];
-            for (const [L, N] of Object.entries(A))
-              if (N != null && N !== "") {
-                const M = L.replace(
+            for (const [j, L] of Object.entries(A))
+              if (L != null && L !== "") {
+                const M = j.replace(
                   /[A-Z]/g,
-                  (ie) => `-${ie.toLowerCase()}`
-                ), ne = [
+                  (ae) => `-${ae.toLowerCase()}`
+                ), se = [
                   "width",
                   "height",
                   "top",
@@ -317,8 +317,8 @@ function ae(e, t, r) {
                   "min-height",
                   "max-height"
                 ];
-                let Q = String(N);
-                typeof N == "number" && ne.includes(M) && (Q = `${N}px`), O.push(`${M}: ${Q}`);
+                let X = String(L);
+                typeof L == "number" && se.includes(M) && (X = `${L}px`), O.push(`${M}: ${X}`);
               }
             E = O.join("; ") + (O.length > 0 ? ";" : "");
           }
@@ -326,7 +326,7 @@ function ae(e, t, r) {
           k.attrs.style = B + (B && !B.endsWith(";") ? "; " : "") + E;
         }
       const v = {};
-      for (const [_, $] of Object.entries(S))
+      for (const [_, $] of Object.entries(C))
         ["bind", "show", "class", "style"].includes(_) || (v[_] = $);
       if (Object.keys(v).length > 0 && (k.directives = v), b) {
         const _ = P(
@@ -351,11 +351,11 @@ function ae(e, t, r) {
         if (!h) continue;
         const x = h.match(/^{{(\d+)}}$/);
         if (x) {
-          const S = Number(x[1]), k = t[S], v = `interp-${S}`;
+          const C = Number(x[1]), k = t[C], v = `interp-${C}`;
           g(k, v);
         } else {
-          const S = `text-${w++}`;
-          b.push(n(h, S));
+          const C = `text-${w++}`;
+          b.push(n(h, C));
         }
       }
     }
@@ -372,20 +372,20 @@ function ae(e, t, r) {
   }
   return P("div", {}, "", "fallback-root");
 }
-function ze(e, ...t) {
+function Be(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return ae(e, t, n);
+  return fe(e, t, n);
 }
-function Re(e, t) {
-  return H(e ? t : [], "when-block");
+function Oe(e, t) {
+  return W(e ? t : [], "when-block");
 }
-function Be(e, t) {
+function Me(e, t) {
   return e.map((r, n) => {
     const i = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
-    return H(t(r, n), `each-${i}`);
+    return W(t(r, n), `each-${i}`);
   });
 }
-function Oe() {
+function Pe() {
   const e = [];
   return {
     when(t, r) {
@@ -395,18 +395,18 @@ function Oe() {
       return e.push([!0, t]), this;
     },
     done() {
-      return le(...e);
+      return de(...e);
     }
   };
 }
-function le(...e) {
+function de(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
-    if (r) return [H(n, `whenChain-branch-${t}`)];
+    if (r) return [W(n, `whenChain-branch-${t}`)];
   }
-  return [H([], "whenChain-empty")];
+  return [W([], "whenChain-empty")];
 }
-function H(e, t) {
+function W(e, t) {
   const r = e ? Array.isArray(e) ? e.filter(Boolean) : [e].filter(Boolean) : [];
   return {
     tag: "#anchor",
@@ -414,20 +414,20 @@ function H(e, t) {
     children: r
   };
 }
-function j(e, t) {
+function N(e, t) {
   return t.split(".").reduce((r, n) => r?.[n], e);
 }
-function X(e, t, r) {
+function Y(e, t, r) {
   const n = t.split("."), i = n.pop();
   if (!i) return;
   const s = n.reduce((o, c) => (c in o || (o[c] = {}), o[c]), e);
   s[i] = r;
 }
-function ce(e, t, r, n, i, s, o) {
+function ue(e, t, r, n, i, s, o) {
   if (!s) return;
   const c = t.includes("lazy"), d = t.includes("trim"), a = t.includes("number"), u = () => {
     const g = s._state || s;
-    return j(g, e);
+    return N(g, e);
   }, y = u();
   let f = "text";
   const w = n?.type;
@@ -459,7 +459,7 @@ function ce(e, t, r, n, i, s, o) {
     const g = String(y ?? "");
     (!o || o.value !== g) && (r.value = y);
   }
-  const p = c || f === "checkbox" || f === "radio" || f === "select" ? "change" : "input", C = (g) => {
+  const p = c || f === "checkbox" || f === "radio" || f === "select" ? "change" : "input", S = (g) => {
     if (g.isComposing || i._isComposing || g.isTrusted === !1) return;
     const l = g.target;
     if (l._modelUpdating) return;
@@ -490,15 +490,15 @@ function ce(e, t, r, n, i, s, o) {
       const k = Number(m);
       isNaN(k) || (m = k);
     }
-    const h = s._state || s, x = j(h, e);
+    const h = s._state || s, x = N(h, e);
     if (Array.isArray(m) && Array.isArray(x) ? JSON.stringify([...m].sort()) !== JSON.stringify([...x].sort()) : m !== x) {
       const k = g.target;
-      k._modelUpdating = !0, X(h, e, m), setTimeout(() => {
+      k._modelUpdating = !0, Y(h, e, m), setTimeout(() => {
         k._modelUpdating = !1;
       }, 0), s._requestRender && s._requestRender();
     }
   };
-  if (i[p] = C, f === "text" || f === "textarea") {
+  if (i[p] = S, f === "text" || f === "textarea") {
     const g = () => {
       i._isComposing = !0;
     }, l = (b) => {
@@ -511,17 +511,17 @@ function ce(e, t, r, n, i, s, o) {
             const v = Number(h);
             isNaN(v) || (h = v);
           }
-          const x = s._state || s, S = j(x, e);
-          (Array.isArray(h) && Array.isArray(S) ? JSON.stringify([...h].sort()) !== JSON.stringify([...S].sort()) : h !== S) && (m && (m._modelUpdating = !0, setTimeout(() => {
+          const x = s._state || s, C = N(x, e);
+          (Array.isArray(h) && Array.isArray(C) ? JSON.stringify([...h].sort()) !== JSON.stringify([...C].sort()) : h !== C) && (m && (m._modelUpdating = !0, setTimeout(() => {
             m._modelUpdating = !1;
-          }, 0)), X(x, e, h), s._requestRender && s._requestRender());
+          }, 0)), Y(x, e, h), s._requestRender && s._requestRender());
         }
       }, 0);
     };
     i.compositionstart = g, i.compositionend = l;
   }
 }
-function fe(e, t, r, n) {
+function he(e, t, r, n) {
   if (n)
     try {
       const i = JSON.parse(e);
@@ -529,13 +529,13 @@ function fe(e, t, r, n) {
         for (const [s, o] of Object.entries(i))
           t[s] = o;
     } catch {
-      const i = j(n, e);
+      const i = N(n, e);
       r[e] = i;
     }
 }
-function de(e, t, r) {
+function pe(e, t, r) {
   if (!r) return;
-  const n = j(r, e), i = t.style || "", s = n ? "" : "none";
+  const n = N(r, e), i = t.style || "", s = n ? "" : "none";
   if (i) {
     const o = i.split(";").filter(Boolean), c = o.findIndex(
       (d) => d.trim().startsWith("display:")
@@ -544,19 +544,19 @@ function de(e, t, r) {
   } else
     t.style = `display: ${s}`;
 }
-function ue(e, t, r) {
+function ge(e, t, r) {
   if (!r) return;
-  const n = j(r, e);
+  const n = N(r, e);
   let i = [];
   typeof n == "string" ? i = [n] : Array.isArray(n) ? i = n.filter(Boolean) : typeof n == "object" && (i = Object.entries(n).filter(([, c]) => !!c).map(([c]) => c));
   const s = t.class || "", o = s ? `${s} ${i.join(" ")}`.trim() : i.join(" ");
   o && (t.class = o);
 }
-function he(e, t, r) {
+function me(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = j(r, e);
+    n = N(r, e);
   } else
     n = e;
   let i = "";
@@ -603,13 +603,13 @@ function he(e, t, r) {
   const s = t.style || "";
   t.style = s + (s && !s.endsWith(";") ? "; " : "") + i;
 }
-function re(e, t, r, n) {
+function ie(e, t, r, n) {
   const i = {}, s = { ...n || {} }, o = {};
   for (const [c, d] of Object.entries(e)) {
     const { value: a, modifiers: u } = d;
     switch (c) {
       case "model":
-        ce(
+        ue(
           typeof a == "string" ? a : String(a),
           u,
           i,
@@ -620,22 +620,22 @@ function re(e, t, r, n) {
         );
         break;
       case "bind":
-        fe(a, i, s, t);
+        he(a, i, s, t);
         break;
       case "show":
-        de(a, s, t);
+        pe(a, s, t);
         break;
       case "class":
-        ue(a, s, t);
+        ge(a, s, t);
         break;
       case "style":
-        he(a, s, t);
+        me(a, s, t);
         break;
     }
   }
   return { props: i, attrs: s, listeners: o };
 }
-function J(e, t) {
+function Z(e, t) {
   if (Array.isArray(e)) {
     const s = /* @__PURE__ */ new Set();
     return e.map((o) => {
@@ -650,15 +650,15 @@ function J(e, t) {
         d = `${c}#${a++}`;
       s.add(d);
       let u = o.children;
-      return Array.isArray(u) && (u = J(u, d)), { ...o, key: d, children: u };
+      return Array.isArray(u) && (u = Z(u, d)), { ...o, key: d, children: u };
     });
   }
   const r = e;
   let n = r.props?.key ?? r.key ?? t, i = r.children;
-  return Array.isArray(i) && (i = J(i, n)), { ...r, key: n, children: i };
+  return Array.isArray(i) && (i = Z(i, n)), { ...r, key: n, children: i };
 }
-function pe(e, t, r, n) {
-  const i = r.directives ?? {}, s = re(
+function ye(e, t, r, n) {
+  const i = r.directives ?? {}, s = ie(
     i,
     n,
     e,
@@ -706,7 +706,7 @@ function T(e, t) {
   }
   const r = document.createElement(e.tag);
   e.key != null && (r.key = e.key);
-  const { props: n = {}, attrs: i = {}, directives: s = {} } = e.props ?? {}, o = re(s, t, r, i), c = {
+  const { props: n = {}, attrs: i = {}, directives: s = {} } = e.props ?? {}, o = ie(s, t, r, i), c = {
     ...n,
     ...o.props
   }, d = {
@@ -741,7 +741,7 @@ function T(e, t) {
   else typeof e.children == "string" && (r.textContent = e.children);
   return r;
 }
-function ge(e, t, r, n) {
+function be(e, t, r, n) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
@@ -762,13 +762,13 @@ function ge(e, t, r, n) {
     for (; p && (d.add(p), p !== w); )
       p = p.nextSibling;
   }
-  function y(f, w, p, C) {
+  function y(f, w, p, S) {
     const g = [];
     let l = f.nextSibling;
     for (; l && l !== w; )
       g.push(l), l = l.nextSibling;
     const b = Array.isArray(p) ? p : [];
-    if (C.some((h) => h && h.key != null) || b.some((h) => h && h.key != null)) {
+    if (S.some((h) => h && h.key != null) || b.some((h) => h && h.key != null)) {
       const h = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
       for (const v of b)
         v && v.key != null && h.set(v.key, v);
@@ -776,35 +776,35 @@ function ge(e, t, r, n) {
         const _ = v.key;
         _ != null && x.set(_, v);
       }
-      const S = /* @__PURE__ */ new Set();
+      const C = /* @__PURE__ */ new Set();
       let k = f.nextSibling;
-      for (const v of C) {
+      for (const v of S) {
         let _;
         if (v.key != null && x.has(v.key)) {
           const $ = h.get(v.key);
-          _ = I(
+          _ = D(
             x.get(v.key),
             $,
             v,
             n
-          ), S.add(_), _ !== k && e.contains(_) && e.insertBefore(_, k);
+          ), C.add(_), _ !== k && e.contains(_) && e.insertBefore(_, k);
         } else
-          _ = T(v, n), e.insertBefore(_, k), S.add(_);
+          _ = T(v, n), e.insertBefore(_, k), C.add(_);
         k = _.nextSibling;
       }
       for (const v of g)
-        !S.has(v) && e.contains(v) && e.removeChild(v);
+        !C.has(v) && e.contains(v) && e.removeChild(v);
     } else {
       const h = Math.min(
         b.length,
-        C.length
+        S.length
       );
       for (let x = 0; x < h; x++) {
-        const S = b[x], k = C[x], v = I(g[x], S, k, n);
+        const C = b[x], k = S[x], v = D(g[x], C, k, n);
         v !== g[x] && (e.insertBefore(v, g[x]), e.removeChild(g[x]));
       }
-      for (let x = h; x < C.length; x++)
-        e.insertBefore(T(C[x], n), w);
+      for (let x = h; x < S.length; x++)
+        e.insertBefore(T(S[x], n), w);
       for (let x = h; x < g.length; x++)
         e.removeChild(g[x]);
     }
@@ -812,10 +812,10 @@ function ge(e, t, r, n) {
   for (const f of r) {
     let w;
     if (f.tag === "#anchor") {
-      const p = f.key, C = `${p}:start`, g = `${p}:end`;
-      let l = c.get(C), b = c.get(g);
+      const p = f.key, S = `${p}:start`, g = `${p}:end`;
+      let l = c.get(S), b = c.get(g);
       const m = Array.isArray(f.children) ? f.children : [];
-      if (l || (l = document.createTextNode(""), l.key = C), b || (b = document.createTextNode(""), b.key = g), f._startNode = l, f._endNode = b, !e.contains(l) || !e.contains(b)) {
+      if (l || (l = document.createTextNode(""), l.key = S), b || (b = document.createTextNode(""), b.key = g), f._startNode = l, f._endNode = b, !e.contains(l) || !e.contains(b)) {
         e.insertBefore(l, a);
         for (const h of m)
           e.insertBefore(T(h, n), a);
@@ -832,7 +832,7 @@ function ge(e, t, r, n) {
     }
     if (f.key != null && c.has(f.key)) {
       const p = o.get(f.key);
-      w = I(
+      w = D(
         c.get(f.key),
         p,
         f,
@@ -845,7 +845,7 @@ function ge(e, t, r, n) {
   for (const f of i)
     !d.has(f) && e.contains(f) && e.removeChild(f);
 }
-function I(e, t, r, n) {
+function D(e, t, r, n) {
   if (t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
@@ -883,18 +883,18 @@ function I(e, t, r, n) {
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const s = e;
-    return pe(s, t.props || {}, r.props || {}, n), ge(s, t.children, r.children, n), s;
+    return ye(s, t.props || {}, r.props || {}, n), be(s, t.children, r.children, n), s;
   }
   const i = T(r, n);
   return e.parentNode?.replaceChild(i, e), i;
 }
-function me(e, t, r) {
+function xe(e, t, r) {
   const n = (a) => a.key == null ? { ...a, key: "__root__" } : a;
   let i = Array.isArray(t) ? { tag: "div", key: "__root__", children: t } : n(t);
-  i = J(i, String(i.key ?? "root"));
+  i = Z(i, String(i.key ?? "root"));
   const s = e._prevVNode ?? null, o = e._prevDom ?? e.firstChild ?? null;
   let c;
-  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? c = I(o, s, i, r) : (c = T(i, r), e.replaceChild(c, o)) : (c = T(i, r), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
+  s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? c = D(o, s, i, r) : (c = T(i, r), e.replaceChild(c, o)) : (c = T(i, r), e.firstChild ? e.replaceChild(c, e.firstChild) : e.appendChild(c));
   const d = [];
   for (let a = 0; a < e.childNodes.length; a++) {
     const u = e.childNodes[a];
@@ -902,24 +902,141 @@ function me(e, t, r) {
   }
   d.forEach((a) => e.removeChild(a)), e._prevVNode = i, e._prevDom = c;
 }
-function ye(e) {
+function oe(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
-const be = `
+let V = null;
+function G() {
+  return V || (V = new CSSStyleSheet(), V.replaceSync(oe(we))), V;
+}
+function ve(e) {
+  return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
+}
+const we = `
+  :host, *, ::before, ::after {
+    box-sizing: border-box;
+    border-width: 0;
+    border-style: solid;
+    border-color: currentColor;
+  }
   :host {
-    box-sizing:border-box;
-    line-height:1.5;
-    font-family:ui-sans-serif,system-ui,sans-serif;
-    -webkit-text-size-adjust:100%;
-    text-size-adjust:100%;
-  }
-  *,::before,::after {
-    box-sizing:inherit;
-    margin:0;
-    padding:0;
-    border:0 solid currentColor;
-  }
-`, xe = {
+    font-size: 16px;
+    line-height: 1.5;
+    font-family: ui-sans-serif, system-ui, sans-serif;
+    -webkit-text-size-adjust: 100%;
+    text-size-adjust: 100%;
+    color: inherit;
+    background-color: transparent;
+  }
+  *, ::before, ::after {
+    -webkit-tap-highlight-color: transparent;
+    margin: 0;
+    padding: 0;
+    font: inherit;
+    vertical-align: baseline;
+    background: transparent;
+    color: inherit;
+  }
+  button, input, optgroup, select, textarea {
+    font: inherit;
+    color: inherit;
+    background: transparent;
+    border: none;
+    outline: none;
+    margin: 0;
+    padding: 0;
+  }
+  textarea {
+    resize: vertical;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  button, textarea {
+    overflow: visible;
+  }
+  input[type="search"]::-webkit-search-decoration,
+  input[type="search"]::-webkit-search-cancel-button,
+  input[type="search"]::-webkit-search-results-button,
+  input[type="search"]::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    vertical-align: middle;
+  }
+  select {
+    text-transform: none;
+  }
+  optgroup {
+    font-weight: bold;
+  }
+  fieldset {
+    border: none;
+  }
+  svg {
+    fill: currentColor;
+    stroke: none;
+  }
+  a {
+    color: inherit;
+    text-decoration: inherit;
+  }
+  a, button {
+    cursor: pointer;
+  }
+  input[type="file"] {
+    border: 0;
+  }
+  button, [type="button"], [type="reset"], [type="submit"] {
+    appearance: button;
+    background-color: transparent;
+    background-image: none;
+  }
+  [type='button'], [type='reset'], [type='submit'] {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  ::-webkit-input-placeholder { color: inherit; opacity: 0.5; }
+  ::placeholder { color: inherit; opacity: 0.5; }
+  *:focus {
+    outline: 2px solid #3b82f6;
+    outline-offset: 2px;
+  }
+  ol, ul {
+    list-style: none;
+  }
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+  strong {
+    font-weight: bolder;
+  }
+  sub, sup {
+    font-size: 0.75em;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  [disabled] {
+    cursor: not-allowed;
+  }
+  [hidden] {
+    display: none;
+  }
+  [aria-disabled="true"] {
+    cursor: not-allowed;
+  }
+`, ke = {
   gray: {
     50: "var(--color-gray-50, #f9fafb)",
     100: "var(--color-gray-100, #f3f4f6)",
@@ -1042,7 +1159,7 @@ const be = `
   },
   white: { DEFAULT: "var(--color-white, #ffffff)" },
   black: { DEFAULT: "var(--color-black, #000000)" }
-}, W = {
+}, K = {
   /* Display */
   block: "display:block;",
   inline: "display:inline;",
@@ -1121,6 +1238,7 @@ const be = `
   border: "border-width:1px;",
   "rounded-none": "border-radius:0;",
   "rounded-xs": "border-radius:0.125rem;",
+  rounded: "border-radius:0.25rem;",
   "rounded-sm": "border-radius:0.25rem;",
   "rounded-md": "border-radius:0.375rem;",
   "rounded-lg": "border-radius:0.5rem;",
@@ -1147,6 +1265,16 @@ const be = `
   visible: "visibility:visible;",
   invisible: "visibility:hidden;",
   /* Flex Grow/Shrink/Basis */
+  "items-center": "align-items:center;",
+  "items-start": "align-items:flex-start;",
+  "items-end": "align-items:flex-end;",
+  "items-baseline": "align-items:baseline;",
+  "items-stretch": "align-items:stretch;",
+  "justify-center": "justify-content:center;",
+  "justify-start": "justify-content:flex-start;",
+  "justify-end": "justify-content:flex-end;",
+  "flex-col": "flex-direction:column;",
+  "flex-row": "flex-direction:row;",
   grow: "flex-grow:1;",
   shrink: "flex-shrink:1;",
   "grow-0": "flex-grow:0;",
@@ -1164,7 +1292,7 @@ const be = `
   "transition-colors": "transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;",
   "transition-opacity": "transition-property:opacity;",
   "transition-transform": "transition-property:transform;"
-}, ve = "0.25rem", Y = {
+}, _e = "0.25rem", ee = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1189,7 +1317,7 @@ const be = `
   gap: ["gap"],
   "gap-x": ["column-gap"],
   "gap-y": ["row-gap"]
-}, we = {
+}, $e = {
   // State variants
   before: (e, t) => `${e}::before{${t}}`,
   after: (e, t) => `${e}::after{${t}}`,
@@ -1215,7 +1343,7 @@ const be = `
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, G = {
+}, te = {
   // Responsive
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -1224,23 +1352,23 @@ const be = `
   "2xl": "(min-width:1536px)",
   // Dark mode (now plain string)
   dark: "(prefers-color-scheme: dark)"
-}, K = ["sm", "md", "lg", "xl", "2xl"];
-function F(e) {
+}, F = ["sm", "md", "lg", "xl", "2xl"];
+function U(e) {
   const t = e.startsWith("-"), n = (t ? e.slice(1) : e).split("-");
   if (n.length < 2) return null;
   const i = n.slice(0, -1).join("-"), s = n[n.length - 1], o = parseFloat(s);
-  if (Number.isNaN(o) || !Y[i]) return null;
+  if (Number.isNaN(o) || !ee[i]) return null;
   const c = t ? "-" : "";
-  return Y[i].map((d) => `${d}:calc(${c}${ve} * ${o});`).join("");
+  return ee[i].map((d) => `${d}:calc(${c}${_e} * ${o});`).join("");
 }
-function ee(e) {
+function re(e) {
   const t = e.replace("#", ""), r = parseInt(t, 16), n = r >> 16 & 255, i = r >> 8 & 255, s = r & 255;
   return `${n} ${i} ${s}`;
 }
-function ke(e) {
+function Se(e) {
   const t = /^(bg|text|border|shadow|outline|caret|accent)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
   if (!t) return null;
-  const [, r, n, i = "DEFAULT"] = t, s = xe[n]?.[i];
+  const [, r, n, i = "DEFAULT"] = t, s = ke[n]?.[i];
   return s ? `${{
     bg: "background-color",
     text: "color",
@@ -1251,35 +1379,35 @@ function ke(e) {
     accent: "accent-color"
   }[r]}:${s};` : null;
 }
-function _e(e) {
+function Ce(e) {
   const [t, r] = e.split("/");
   if (!r) return { base: t };
   const n = parseInt(r, 10);
   return isNaN(n) || n < 0 || n > 100 ? { base: t } : { base: t, opacity: n / 100 };
 }
-function U(e) {
-  const { base: t, opacity: r } = _e(e), n = ke(t);
+function q(e) {
+  const { base: t, opacity: r } = Ce(e), n = Se(t);
   if (n) {
     if (r !== void 0) {
       const s = /#([0-9a-f]{6})/i.exec(n);
       if (s) {
-        const o = ee(s[0]);
+        const o = re(s[0]);
         return n.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
       }
     }
     return n;
   }
-  const i = D(t);
+  const i = H(t);
   if (i && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(i);
     if (s) {
-      const o = ee(s[0]);
+      const o = re(s[0]);
       return i.replace(/#([0-9a-f]{6})/i, `rgb(${o} / ${r})`);
     }
   }
   return i;
 }
-function D(e) {
+function H(e) {
   const t = e.indexOf("-["), r = e.endsWith("]");
   if (t > 0 && r) {
     const n = e.slice(0, t);
@@ -1329,10 +1457,10 @@ function D(e) {
   }
   return null;
 }
-function $e(e) {
+function Ae(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function Ce(e) {
+function Ee(e) {
   const t = /class\s*=\s*["']([^"']+)["']/g, r = [];
   let n;
   for (; n = t.exec(e); ) {
@@ -1343,47 +1471,47 @@ function Ce(e) {
   }
   return r.filter(Boolean);
 }
-const te = /* @__PURE__ */ new Map(), Se = 16;
-function Ae(e) {
-  const t = Date.now(), r = te.get(e);
-  if (r && t - r.timestamp < Se) return r.css;
-  const n = Ce(e), i = new Set(n), s = [], o = [], c = [], d = [], a = {};
-  function u(p, C = !1) {
-    const g = (C ? "dark|" : "") + p;
+const ne = /* @__PURE__ */ new Map(), Te = 16;
+function je(e) {
+  const t = Date.now(), r = ne.get(e);
+  if (r && t - r.timestamp < Te) return r.css;
+  const n = Ee(e), i = new Set(n), s = [], o = [], c = [], d = [], a = {};
+  function u(p, S = !1) {
+    const g = (S ? "dark|" : "") + p;
     if (g in a) return a[g];
-    const l = f(p, C);
+    const l = f(p, S);
     return a[g] = l, l;
   }
   function y(p) {
-    const C = p.some((l) => K.includes(l)), g = p.includes("dark");
-    return p.length === 0 ? 1 : !C && !g ? 2 : C && !g ? 3 : 4;
+    const S = p.some((l) => F.includes(l)), g = p.includes("dark");
+    return p.length === 0 ? 1 : !S && !g ? 2 : S && !g ? 3 : 4;
   }
-  function f(p, C = !1) {
+  function f(p, S = !1) {
     const g = p.split(":"), l = g.find(
-      ($) => W[$] || F($) || U($) || D($)
+      ($) => K[$] || U($) || q($) || H($)
     );
     if (!l) return null;
-    const b = W[l] ?? F(l) ?? U(l) ?? D(l);
+    const b = K[l] ?? U(l) ?? q(l) ?? H(l);
     if (!b) return null;
-    let m = `.${$e(p)}`, h = b;
+    let m = `.${Ae(p)}`, h = b;
     const x = g.indexOf(l);
-    let S = x >= 0 ? g.slice(0, x) : [];
-    C && (S = S.filter(($) => $ !== "dark"));
-    const k = S.filter(($) => K.includes($)), v = k.length ? k[k.length - 1] : null;
-    for (const $ of S) {
-      if (K.includes($)) continue;
-      const A = we[$];
+    let C = x >= 0 ? g.slice(0, x) : [];
+    S && (C = C.filter(($) => $ !== "dark"));
+    const k = C.filter(($) => F.includes($)), v = k.length ? k[k.length - 1] : null;
+    for (const $ of C) {
+      if (F.includes($)) continue;
+      const A = $e[$];
       typeof A == "function" && (m = A(m, h).replace(/\{.*$/, ""));
     }
     let _ = `${m}{${h}}`;
-    return C && v ? _ = `@media (prefers-color-scheme: dark) and ${G[v]}{${_}}` : C ? _ = `@media (prefers-color-scheme: dark){${_}}` : v && (_ = `@media ${G[v]}{${_}}`), _;
+    return S && v ? _ = `@media (prefers-color-scheme: dark) and ${te[v]}{${_}}` : S ? _ = `@media (prefers-color-scheme: dark){${_}}` : v && (_ = `@media ${te[v]}{${_}}`), _;
   }
   for (const p of i) {
-    const C = p.split(":"), g = C.find(
-      (h) => W[h] || F(h) || U(h) || D(h)
+    const S = p.split(":"), g = S.find(
+      (h) => K[h] || U(h) || q(h) || H(h)
     );
     if (!g) continue;
-    const l = C.indexOf(g), b = l >= 0 ? C.slice(0, l) : [], m = y(b);
+    const l = S.indexOf(g), b = l >= 0 ? S.slice(0, l) : [], m = y(b);
     if (m === 4) {
       const h = u(p, !0);
       h && d.push(h);
@@ -1393,13 +1521,13 @@ function Ae(e) {
     }
   }
   const w = [...s, ...o, ...c, ...d].join("");
-  return te.set(e, { css: w, timestamp: t }), w;
+  return ne.set(e, { css: w, timestamp: t }), w;
 }
-const Ee = /* @__PURE__ */ new Map();
-function Z(e) {
+const Le = /* @__PURE__ */ new Map();
+function Q(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function q(e) {
+function J(e) {
   return typeof e == "string" ? e.replace(
     /[&<>"']/g,
     (t) => ({
@@ -1411,24 +1539,21 @@ function q(e) {
     })[t]
   ) : e;
 }
-function Te(e) {
-  return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
-}
-function Me(e, ...t) {
+function Ve(e, ...t) {
   let r = "";
   for (let n = 0; n < e.length; n++)
     r += e[n], n < t.length && (r += t[n]);
   return r;
 }
-function Pe(e, t, r) {
-  let n = Z(e);
+function Ie(e, t, r) {
+  let n = Q(e);
   n.includes("-") || (n = `cer-${n}`);
   let i;
   typeof t == "function" ? i = { ...r, render: t } : i = t, typeof i.onError != "function" && (i.onError = (s, o) => {
     console.error(`[${n}] Error:`, s, o);
-  }), Ee.set(n, i), typeof window < "u" && !customElements.get(n) && customElements.define(n, Le(i));
+  }), Le.set(n, i), typeof window < "u" && !customElements.get(n) && customElements.define(n, Ne(i));
 }
-function Le(e) {
+function Ne(e) {
   if (!e.render)
     throw new Error(
       "Component must have a render function"
@@ -1479,7 +1604,7 @@ function Le(e) {
       });
     }
     static get observedAttributes() {
-      return e.props ? Object.keys(e.props).map(Z) : [];
+      return e.props ? Object.keys(e.props).map(Q) : [];
     }
     _applyComputed(t) {
       this._runLogicWithinErrorBoundary(e, () => {
@@ -1487,7 +1612,7 @@ function Le(e) {
           Object.defineProperty(this.context, r, {
             get: () => {
               const i = n(this.context);
-              return q(i);
+              return J(i);
             },
             enumerable: !0
           });
@@ -1535,7 +1660,7 @@ function Le(e) {
           return n[i] = s, !0;
         }
       });
-      me(
+      xe(
         this.shadowRoot,
         Array.isArray(t) ? t : [t],
         r
@@ -1559,18 +1684,17 @@ function Le(e) {
     _applyStyle(t) {
       this._runLogicWithinErrorBoundary(t, () => {
         if (!this.shadowRoot) return;
-        const r = Ae(this._lastHtmlStringForJitCSS);
+        const r = je(this._lastHtmlStringForJitCSS);
         if (!t.style && (!r || r.trim() === "")) {
-          this._styleSheet = null;
+          this._styleSheet = null, this.shadowRoot.adoptedStyleSheets = [G()];
           return;
         }
         let n = "";
         t.style && (typeof t.style == "string" ? n = t.style : typeof t.style == "function" && (n = t.style(this.context)));
-        let i = Te(`${be}
-${n}
+        let i = ve(`${n}
 ${r}
 `);
-        t.minifyCSS && (i = ye(i)), this._styleSheet || (this._styleSheet = new CSSStyleSheet()), this._styleSheet.replaceSync(i), this.shadowRoot.adoptedStyleSheets = [this._styleSheet];
+        i = oe(i), this._styleSheet || (this._styleSheet = new CSSStyleSheet()), (this._styleSheet.cssRules.length === 0 || this._styleSheet.toString() !== i) && this._styleSheet.replaceSync(i), this.shadowRoot.adoptedStyleSheets = [G(), this._styleSheet];
       });
     }
     // --- Error Boundary function ---
@@ -1699,10 +1823,10 @@ ${r}
         };
         if (!t.props) return;
         Object.entries(t.props).forEach(([n, i]) => {
-          const s = this.getAttribute(Z(n));
-          s !== null ? this.context[n] = q(
+          const s = this.getAttribute(Q(n));
+          s !== null ? this.context[n] = J(
             r(s, i.type)
-          ) : "default" in i && i.default !== void 0 && (this.context[n] = q(i.default));
+          ) : "default" in i && i.default !== void 0 && (this.context[n] = J(i.default));
         });
       } catch (r) {
         this._hasError = !0, t.onError && t.onError(r, this.context), t.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = t.errorFallback(
@@ -1714,14 +1838,14 @@ ${r}
   };
 }
 export {
-  Pe as component,
-  Le as createElementClass,
-  Ne as createStore,
-  Me as css,
-  Be as each,
-  je as eventBus,
-  ze as html,
-  Oe as match,
-  Re as when
+  Ie as component,
+  Ne as createElementClass,
+  ze as createStore,
+  Ve as css,
+  Me as each,
+  Re as eventBus,
+  Be as html,
+  Pe as match,
+  Oe as when
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map