@aura-group/aura-design - npm Package Compare versions

Comparing version 0.3.5 to 0.3.6

dist/aura-design.es.js

@@ -1,6 +0,6 @@
-const Ae = (e, n) => e === n, Se = Symbol("solid-track"), M = {
-  equals: Ae
+const ke = (e, n) => e === n, Ce = Symbol("solid-track"), U = {
+  equals: ke
 };
-let fe = pe;
-const R = 1, U = 2, he = {
+let he = $e;
+const P = 1, M = 2, ge = {
   owned: null,
@@ -11,6 +11,6 @@ cleanups: null,
 };
-var _ = null;
-let Z = null, p = null, w = null, j = null, J = 0;
+var y = null;
+let Z = null, $ = null, _ = null, j = null, W = 0;
 function G(e, n) {
-  const t = p, o = _, r = e.length === 0, s = r ? he : {
+  const t = $, o = y, r = e.length === 0, s = r ? ge : {
     owned: null,
@@ -20,12 +20,12 @@ cleanups: null,
     owner: n === void 0 ? o : n
-  }, l = r ? e : () => e(() => P(() => X(s)));
-  _ = s, p = null;
+  }, i = r ? e : () => e(() => O(() => X(s)));
+  y = s, $ = null;
   try {
-    return D(l, !0);
+    return K(i, !0);
   } finally {
-    p = t, _ = o;
+    $ = t, y = o;
   }
 }
-function E(e, n) {
-  n = n ? Object.assign({}, M, n) : M;
+function A(e, n) {
+  n = n ? Object.assign({}, U, n) : U;
   const t = {
@@ -36,72 +36,72 @@ value: e,
     comparator: n.equals || void 0
-  }, o = (r) => (typeof r == "function" && (r = r(t.value)), $e(t, r));
+  }, o = (r) => (typeof r == "function" && (r = r(t.value)), pe(t, r));
   return [be.bind(t), o];
 }
-function b(e, n, t) {
-  const o = oe(e, n, !1, R);
-  H(o);
+function g(e, n, t) {
+  const o = se(e, n, !1, P);
+  F(o);
 }
-function ge(e, n, t) {
-  fe = Pe;
-  const o = oe(e, n, !1, R);
-  o.user = !0, j ? j.push(o) : H(o);
+function re(e, n, t) {
+  he = Ae;
+  const o = se(e, n, !1, P);
+  o.user = !0, j ? j.push(o) : F(o);
 }
-function I(e, n, t) {
-  t = t ? Object.assign({}, M, t) : M;
-  const o = oe(e, n, !0, 0);
-  return o.observers = null, o.observerSlots = null, o.comparator = t.equals || void 0, H(o), be.bind(o);
+function N(e, n, t) {
+  t = t ? Object.assign({}, U, t) : U;
+  const o = se(e, n, !0, 0);
+  return o.observers = null, o.observerSlots = null, o.comparator = t.equals || void 0, F(o), be.bind(o);
 }
-function P(e) {
-  if (p === null)
+function O(e) {
+  if ($ === null)
     return e();
-  const n = p;
-  p = null;
+  const n = $;
+  $ = null;
   try {
     return e();
   } finally {
-    p = n;
+    $ = n;
   }
 }
-function re(e) {
-  ge(() => P(e));
+function oe(e) {
+  re(() => O(e));
 }
-function ze(e) {
-  return _ === null || (_.cleanups === null ? _.cleanups = [e] : _.cleanups.push(e)), e;
+function Ee(e) {
+  return y === null || (y.cleanups === null ? y.cleanups = [e] : y.cleanups.push(e)), e;
 }
 function h() {
-  return _;
+  return y;
 }
 function be() {
   if (this.sources && this.state)
-    if (this.state === R)
-      H(this);
+    if (this.state === P)
+      F(this);
     else {
-      const e = w;
-      w = null, D(() => q(this), !1), w = e;
+      const e = _;
+      _ = null, K(() => q(this), !1), _ = e;
     }
-  if (p) {
+  if ($) {
     const e = this.observers ? this.observers.length : 0;
-    p.sources ? (p.sources.push(this), p.sourceSlots.push(e)) : (p.sources = [this], p.sourceSlots = [e]), this.observers ? (this.observers.push(p), this.observerSlots.push(p.sources.length - 1)) : (this.observers = [p], this.observerSlots = [p.sources.length - 1]);
+    $.sources ? ($.sources.push(this), $.sourceSlots.push(e)) : ($.sources = [this], $.sourceSlots = [e]), this.observers ? (this.observers.push($), this.observerSlots.push($.sources.length - 1)) : (this.observers = [$], this.observerSlots = [$.sources.length - 1]);
   }
   return this.value;
 }
-function $e(e, n, t) {
+function pe(e, n, t) {
   let o = e.value;
-  return (!e.comparator || !e.comparator(o, n)) && (e.value = n, e.observers && e.observers.length && D(() => {
+  return (!e.comparator || !e.comparator(o, n)) && (e.value = n, e.observers && e.observers.length && K(() => {
     for (let r = 0; r < e.observers.length; r += 1) {
-      const s = e.observers[r], l = Z && Z.running;
-      l && Z.disposed.has(s), (l ? !s.tState : !s.state) && (s.pure ? w.push(s) : j.push(s), s.observers && me(s)), l || (s.state = R);
+      const s = e.observers[r], i = Z && Z.running;
+      i && Z.disposed.has(s), (i ? !s.tState : !s.state) && (s.pure ? _.push(s) : j.push(s), s.observers && me(s)), i || (s.state = P);
     }
-    if (w.length > 1e6)
-      throw w = [], new Error();
+    if (_.length > 1e6)
+      throw _ = [], new Error();
   }, !1)), n;
 }
-function H(e) {
+function F(e) {
   if (!e.fn)
     return;
   X(e);
-  const n = _, t = p, o = J;
-  p = _ = e, Te(e, e.value, o), p = t, _ = n;
+  const n = y, t = $, o = W;
+  $ = y = e, Se(e, e.value, o), $ = t, y = n;
 }
-function Te(e, n, t) {
+function Se(e, n, t) {
   let o;
@@ -111,7 +111,7 @@ try {
   } catch (r) {
-    return e.pure && (e.state = R, e.owned && e.owned.forEach(X), e.owned = null), e.updatedAt = t + 1, ye(r);
+    return e.pure && (e.state = P, e.owned && e.owned.forEach(X), e.owned = null), e.updatedAt = t + 1, ve(r);
   }
-  (!e.updatedAt || e.updatedAt <= t) && (e.updatedAt != null && "observers" in e ? $e(e, o) : e.value = o, e.updatedAt = t);
+  (!e.updatedAt || e.updatedAt <= t) && (e.updatedAt != null && "observers" in e ? pe(e, o) : e.value = o, e.updatedAt = t);
 }
-function oe(e, n, t, o = R, r) {
+function se(e, n, t, o = P, r) {
   const s = {
@@ -126,7 +126,7 @@ fn: e,
     value: n,
-    owner: _,
+    owner: y,
     context: null,
     pure: t
   };
-  return _ === null || _ !== he && (_.owned ? _.owned.push(s) : _.owned = [s]), s;
+  return y === null || y !== ge && (y.owned ? y.owned.push(s) : y.owned = [s]), s;
 }
@@ -136,40 +136,40 @@ function V(e) {
     return;
-  if (e.state === U)
+  if (e.state === M)
     return q(e);
-  if (e.suspense && P(e.suspense.inFallback))
+  if (e.suspense && O(e.suspense.inFallback))
     return e.suspense.effects.push(e);
   const n = [e];
-  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < J); )
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < W); )
     e.state && n.push(e);
   for (let t = n.length - 1; t >= 0; t--)
-    if (e = n[t], e.state === R)
-      H(e);
-    else if (e.state === U) {
-      const o = w;
-      w = null, D(() => q(e, n[0]), !1), w = o;
+    if (e = n[t], e.state === P)
+      F(e);
+    else if (e.state === M) {
+      const o = _;
+      _ = null, K(() => q(e, n[0]), !1), _ = o;
     }
 }
-function D(e, n) {
-  if (w)
+function K(e, n) {
+  if (_)
     return e();
   let t = !1;
-  n || (w = []), j ? t = !0 : j = [], J++;
+  n || (_ = []), j ? t = !0 : j = [], W++;
   try {
     const o = e();
-    return je(t), o;
+    return ze(t), o;
   } catch (o) {
-    t || (j = null), w = null, ye(o);
+    t || (j = null), _ = null, ve(o);
   }
 }
-function je(e) {
-  if (w && (pe(w), w = null), e)
+function ze(e) {
+  if (_ && ($e(_), _ = null), e)
     return;
   const n = j;
-  j = null, n.length && D(() => fe(n), !1);
+  j = null, n.length && K(() => he(n), !1);
 }
-function pe(e) {
+function $e(e) {
   for (let n = 0; n < e.length; n++)
     V(e[n]);
 }
-function Pe(e) {
+function Ae(e) {
   let n, t = 0;
@@ -189,3 +189,3 @@ for (n = 0; n < e.length; n++) {
       const r = o.state;
-      r === R ? o !== n && (!o.updatedAt || o.updatedAt < J) && V(o) : r === U && q(o, n);
+      r === P ? o !== n && (!o.updatedAt || o.updatedAt < W) && V(o) : r === M && q(o, n);
     }
@@ -197,3 +197,3 @@ }
     const t = e.observers[n];
-    t.state || (t.state = U, t.pure ? w.push(t) : j.push(t), t.observers && me(t));
+    t.state || (t.state = M, t.pure ? _.push(t) : j.push(t), t.observers && me(t));
   }
@@ -207,4 +207,4 @@ }
       if (r && r.length) {
-        const s = r.pop(), l = t.observerSlots.pop();
-        o < r.length && (s.sourceSlots[l] = o, r[o] = s, t.observerSlots[o] = l);
+        const s = r.pop(), i = t.observerSlots.pop();
+        o < r.length && (s.sourceSlots[i] = o, r[o] = s, t.observerSlots[o] = i);
       }
@@ -224,6 +224,6 @@ }
 }
-function ye(e) {
+function ve(e) {
   throw e;
 }
-const Re = Symbol("fallback");
+const Te = Symbol("fallback");
 function le(e) {
@@ -233,33 +233,33 @@ for (let n = 0; n < e.length; n++)
 }
-function Be(e, n, t = {}) {
-  let o = [], r = [], s = [], l = 0, i = n.length > 1 ? [] : null;
-  return ze(() => le(s)), () => {
+function je(e, n, t = {}) {
+  let o = [], r = [], s = [], i = 0, l = n.length > 1 ? [] : null;
+  return Ee(() => le(s)), () => {
     let d = e() || [], c, a;
-    return d[Se], P(() => {
-      let $ = d.length, k, C, L, F, K, A, S, T, O;
-      if ($ === 0)
-        l !== 0 && (le(s), s = [], o = [], r = [], l = 0, i && (i = [])), t.fallback && (o = [Re], r[0] = G((Ee) => (s[0] = Ee, t.fallback())), l = 1);
-      else if (l === 0) {
-        for (r = new Array($), a = 0; a < $; a++)
-          o[a] = d[a], r[a] = G(g);
-        l = $;
+    return d[Ce], O(() => {
+      let p = d.length, w, E, L, H, D, S, z, T, R;
+      if (p === 0)
+        i !== 0 && (le(s), s = [], o = [], r = [], i = 0, l && (l = [])), t.fallback && (o = [Te], r[0] = G((we) => (s[0] = we, t.fallback())), i = 1);
+      else if (i === 0) {
+        for (r = new Array(p), a = 0; a < p; a++)
+          o[a] = d[a], r[a] = G(b);
+        i = p;
       } else {
-        for (L = new Array($), F = new Array($), i && (K = new Array($)), A = 0, S = Math.min(l, $); A < S && o[A] === d[A]; A++)
+        for (L = new Array(p), H = new Array(p), l && (D = new Array(p)), S = 0, z = Math.min(i, p); S < z && o[S] === d[S]; S++)
           ;
-        for (S = l - 1, T = $ - 1; S >= A && T >= A && o[S] === d[T]; S--, T--)
-          L[T] = r[S], F[T] = s[S], i && (K[T] = i[S]);
-        for (k = /* @__PURE__ */ new Map(), C = new Array(T + 1), a = T; a >= A; a--)
-          O = d[a], c = k.get(O), C[a] = c === void 0 ? -1 : c, k.set(O, a);
-        for (c = A; c <= S; c++)
-          O = o[c], a = k.get(O), a !== void 0 && a !== -1 ? (L[a] = r[c], F[a] = s[c], i && (K[a] = i[c]), a = C[a], k.set(O, a)) : s[c]();
-        for (a = A; a < $; a++)
-          a in L ? (r[a] = L[a], s[a] = F[a], i && (i[a] = K[a], i[a](a))) : r[a] = G(g);
-        r = r.slice(0, l = $), o = d.slice(0);
+        for (z = i - 1, T = p - 1; z >= S && T >= S && o[z] === d[T]; z--, T--)
+          L[T] = r[z], H[T] = s[z], l && (D[T] = l[z]);
+        for (w = /* @__PURE__ */ new Map(), E = new Array(T + 1), a = T; a >= S; a--)
+          R = d[a], c = w.get(R), E[a] = c === void 0 ? -1 : c, w.set(R, a);
+        for (c = S; c <= z; c++)
+          R = o[c], a = w.get(R), a !== void 0 && a !== -1 ? (L[a] = r[c], H[a] = s[c], l && (D[a] = l[c]), a = E[a], w.set(R, a)) : s[c]();
+        for (a = S; a < p; a++)
+          a in L ? (r[a] = L[a], s[a] = H[a], l && (l[a] = D[a], l[a](a))) : r[a] = G(b);
+        r = r.slice(0, i = p), o = d.slice(0);
       }
       return r;
     });
-    function g($) {
-      if (s[a] = $, i) {
-        const [k, C] = E(a);
-        return i[a] = C, n(d[a], k);
+    function b(p) {
+      if (s[a] = p, l) {
+        const [w, E] = A(a);
+        return l[a] = E, n(d[a], w);
       }
@@ -270,23 +270,23 @@ return n(d[a]);
 }
-function x(e, n) {
-  return P(() => e(n || {}));
+function k(e, n) {
+  return O(() => e(n || {}));
 }
-const Ie = (e) => `Stale read from <${e}>.`;
-function se(e) {
+const Be = (e) => `Stale read from <${e}>.`;
+function ie(e) {
   const n = "fallback" in e && {
     fallback: () => e.fallback
   };
-  return I(Be(() => e.each, e.children, n || void 0));
+  return N(je(() => e.each, e.children, n || void 0));
 }
-function z(e) {
-  const n = e.keyed, t = I(() => e.when, void 0, {
+function B(e) {
+  const n = e.keyed, t = N(() => e.when, void 0, {
     equals: (o, r) => n ? o === r : !o == !r
   });
-  return I(() => {
+  return N(() => {
     const o = t();
     if (o) {
       const r = e.children;
-      return typeof r == "function" && r.length > 0 ? P(() => r(n ? o : () => {
-        if (!P(t))
-          throw Ie("Show");
+      return typeof r == "function" && r.length > 0 ? O(() => r(n ? o : () => {
+        if (!O(t))
+          throw Be("Show");
         return e.when;
@@ -299,6 +299,6 @@ })) : r;
 function Oe(e, n, t) {
-  let o = t.length, r = n.length, s = o, l = 0, i = 0, d = n[r - 1].nextSibling, c = null;
-  for (; l < r || i < s; ) {
-    if (n[l] === t[i]) {
-      l++, i++;
+  let o = t.length, r = n.length, s = o, i = 0, l = 0, d = n[r - 1].nextSibling, c = null;
+  for (; i < r || l < s; ) {
+    if (n[i] === t[l]) {
+      i++, l++;
       continue;
@@ -308,83 +308,69 @@ }
       r--, s--;
-    if (r === l) {
-      const a = s < o ? i ? t[i - 1].nextSibling : t[s - i] : d;
-      for (; i < s; )
-        e.insertBefore(t[i++], a);
-    } else if (s === i)
-      for (; l < r; )
-        (!c || !c.has(n[l])) && n[l].remove(), l++;
-    else if (n[l] === t[s - 1] && t[i] === n[r - 1]) {
+    if (r === i) {
+      const a = s < o ? l ? t[l - 1].nextSibling : t[s - l] : d;
+      for (; l < s; )
+        e.insertBefore(t[l++], a);
+    } else if (s === l)
+      for (; i < r; )
+        (!c || !c.has(n[i])) && n[i].remove(), i++;
+    else if (n[i] === t[s - 1] && t[l] === n[r - 1]) {
       const a = n[--r].nextSibling;
-      e.insertBefore(t[i++], n[l++].nextSibling), e.insertBefore(t[--s], a), n[r] = t[s];
+      e.insertBefore(t[l++], n[i++].nextSibling), e.insertBefore(t[--s], a), n[r] = t[s];
     } else {
       if (!c) {
         c = /* @__PURE__ */ new Map();
-        let g = i;
-        for (; g < s; )
-          c.set(t[g], g++);
+        let b = l;
+        for (; b < s; )
+          c.set(t[b], b++);
       }
-      const a = c.get(n[l]);
+      const a = c.get(n[i]);
       if (a != null)
-        if (i < a && a < s) {
-          let g = l, $ = 1, k;
-          for (; ++g < r && g < s && !((k = c.get(n[g])) == null || k !== a + $); )
-            $++;
-          if ($ > a - i) {
-            const C = n[l];
-            for (; i < a; )
-              e.insertBefore(t[i++], C);
+        if (l < a && a < s) {
+          let b = i, p = 1, w;
+          for (; ++b < r && b < s && !((w = c.get(n[b])) == null || w !== a + p); )
+            p++;
+          if (p > a - l) {
+            const E = n[i];
+            for (; l < a; )
+              e.insertBefore(t[l++], E);
           } else
-            e.replaceChild(t[i++], n[l++]);
+            e.replaceChild(t[l++], n[i++]);
         } else
-          l++;
+          i++;
       else
-        n[l++].remove();
+        n[i++].remove();
     }
   }
 }
-const ie = "_$DX_DELEGATE";
+const ae = "_$DX_DELEGATE";
 function u(e, n, t) {
   let o;
   const r = () => {
-    const l = document.createElement("template");
-    return l.innerHTML = e, t ? l.content.firstChild.firstChild : l.content.firstChild;
-  }, s = n ? () => (o || (o = r())).cloneNode(!0) : () => P(() => document.importNode(o || (o = r()), !0));
+    const i = document.createElement("template");
+    return i.innerHTML = e, t ? i.content.firstChild.firstChild : i.content.firstChild;
+  }, s = n ? () => (o || (o = r())).cloneNode(!0) : () => O(() => document.importNode(o || (o = r()), !0));
   return s.cloneNode = s, s;
 }
 function Q(e, n = window.document) {
-  const t = n[ie] || (n[ie] = /* @__PURE__ */ new Set());
+  const t = n[ae] || (n[ae] = /* @__PURE__ */ new Set());
   for (let o = 0, r = e.length; o < r; o++) {
     const s = e[o];
-    t.has(s) || (t.add(s), n.addEventListener(s, Le));
+    t.has(s) || (t.add(s), n.addEventListener(s, Re));
   }
 }
-function v(e, n, t) {
+function x(e, n, t) {
   t == null ? e.removeAttribute(n) : e.setAttribute(n, t);
 }
-function W(e, n) {
+function Y(e, n) {
   n == null ? e.removeAttribute("class") : e.className = n;
 }
-function Ne(e, n, t) {
-  if (!n)
-    return t ? v(e, "style") : n;
-  const o = e.style;
-  if (typeof n == "string")
-    return o.cssText = n;
-  typeof t == "string" && (o.cssText = t = void 0), t || (t = {}), n || (n = {});
-  let r, s;
-  for (s in t)
-    n[s] == null && o.removeProperty(s), delete t[s];
-  for (s in n)
-    r = n[s], r !== t[s] && (o.setProperty(s, r), t[s] = r);
-  return t;
+function Pe(e, n, t) {
+  return O(() => e(n, t));
 }
-function _e(e, n, t) {
-  return P(() => e(n, t));
-}
 function f(e, n, t, o) {
   if (t !== void 0 && !o && (o = []), typeof n != "function")
-    return Y(e, n, o, t);
-  b((r) => Y(e, n(), r, t), o);
+    return J(e, n, o, t);
+  g((r) => J(e, n(), r, t), o);
 }
-function Le(e) {
+function Re(e) {
   const n = `$$${e.type}`;
@@ -410,3 +396,3 @@ let t = e.composedPath && e.composedPath()[0] || e.target;
 }
-function Y(e, n, t, o, r) {
+function J(e, n, t, o, r) {
   for (; typeof t == "function"; )
@@ -416,34 +402,34 @@ t = t();
     return t;
-  const s = typeof n, l = o !== void 0;
-  if (e = l && t[0] && t[0].parentNode || e, s === "string" || s === "number")
-    if (s === "number" && (n = n.toString()), l) {
-      let i = t[0];
-      i && i.nodeType === 3 ? i.data = n : i = document.createTextNode(n), t = N(e, t, o, i);
+  const s = typeof n, i = o !== void 0;
+  if (e = i && t[0] && t[0].parentNode || e, s === "string" || s === "number")
+    if (s === "number" && (n = n.toString()), i) {
+      let l = t[0];
+      l && l.nodeType === 3 ? l.data = n : l = document.createTextNode(n), t = I(e, t, o, l);
     } else
       t !== "" && typeof t == "string" ? t = e.firstChild.data = n : t = e.textContent = n;
   else if (n == null || s === "boolean")
-    t = N(e, t, o);
+    t = I(e, t, o);
   else {
     if (s === "function")
-      return b(() => {
-        let i = n();
-        for (; typeof i == "function"; )
-          i = i();
-        t = Y(e, i, t, o);
+      return g(() => {
+        let l = n();
+        for (; typeof l == "function"; )
+          l = l();
+        t = J(e, l, t, o);
       }), () => t;
     if (Array.isArray(n)) {
-      const i = [], d = t && Array.isArray(t);
-      if (te(i, n, t, r))
-        return b(() => t = Y(e, i, t, o, !0)), () => t;
-      if (i.length === 0) {
-        if (t = N(e, t, o), l)
+      const l = [], d = t && Array.isArray(t);
+      if (te(l, n, t, r))
+        return g(() => t = J(e, l, t, o, !0)), () => t;
+      if (l.length === 0) {
+        if (t = I(e, t, o), i)
           return t;
       } else
-        d ? t.length === 0 ? ae(e, i, o) : Oe(e, t, i) : (t && N(e), ae(e, i));
-      t = i;
+        d ? t.length === 0 ? ce(e, l, o) : Oe(e, t, l) : (t && I(e), ce(e, l));
+      t = l;
     } else if (n instanceof Node) {
       if (Array.isArray(t)) {
-        if (l)
-          return t = N(e, t, o, n);
-        N(e, t, null, n);
+        if (i)
+          return t = I(e, t, o, n);
+        I(e, t, null, n);
       } else
@@ -459,18 +445,18 @@ t == null || t === "" || !e.firstChild ? e.appendChild(n) : e.replaceChild(n, e.firstChild);
   let r = !1;
-  for (let s = 0, l = n.length; s < l; s++) {
-    let i = n[s], d = t && t[s];
-    if (i instanceof Node)
-      e.push(i);
-    else if (!(i == null || i === !0 || i === !1))
-      if (Array.isArray(i))
-        r = te(e, i, d) || r;
-      else if (typeof i == "function")
+  for (let s = 0, i = n.length; s < i; s++) {
+    let l = n[s], d = t && t[s];
+    if (l instanceof Node)
+      e.push(l);
+    else if (!(l == null || l === !0 || l === !1))
+      if (Array.isArray(l))
+        r = te(e, l, d) || r;
+      else if (typeof l == "function")
         if (o) {
-          for (; typeof i == "function"; )
-            i = i();
-          r = te(e, Array.isArray(i) ? i : [i], Array.isArray(d) ? d : [d]) || r;
+          for (; typeof l == "function"; )
+            l = l();
+          r = te(e, Array.isArray(l) ? l : [l], Array.isArray(d) ? d : [d]) || r;
         } else
-          e.push(i), r = !0;
+          e.push(l), r = !0;
       else {
-        const c = String(i);
+        const c = String(l);
         d && d.nodeType === 3 ? (d.data = c, e.push(d)) : e.push(document.createTextNode(c));
@@ -481,7 +467,7 @@ }
 }
-function ae(e, n, t = null) {
+function ce(e, n, t = null) {
   for (let o = 0, r = n.length; o < r; o++)
     e.insertBefore(n[o], t);
 }
-function N(e, n, t, o) {
+function I(e, n, t, o) {
   if (t === void 0)
@@ -492,7 +478,7 @@ return e.textContent = "";
     let s = !1;
-    for (let l = n.length - 1; l >= 0; l--) {
-      const i = n[l];
-      if (r !== i) {
-        const d = i.parentNode === e;
-        !s && !l ? d ? e.replaceChild(r, i) : e.insertBefore(r, t) : d && i.remove();
+    for (let i = n.length - 1; i >= 0; i--) {
+      const l = n[i];
+      if (r !== l) {
+        const d = l.parentNode === e;
+        !s && !i ? d ? e.replaceChild(r, l) : e.insertBefore(r, t) : d && l.remove();
       } else
@@ -505,24 +491,24 @@ s = !0;
 }
-function He(e) {
+function Ie(e) {
   return Object.keys(e).reduce((t, o) => {
     const r = e[o];
-    return t[o] = Object.assign({}, r), ve(r.value) && !Me(r.value) && !Array.isArray(r.value) && (t[o].value = Object.assign({}, r.value)), Array.isArray(r.value) && (t[o].value = r.value.slice(0)), t;
+    return t[o] = Object.assign({}, r), _e(r.value) && !He(r.value) && !Array.isArray(r.value) && (t[o].value = Object.assign({}, r.value)), Array.isArray(r.value) && (t[o].value = r.value.slice(0)), t;
   }, {});
 }
-function De(e) {
+function Ne(e) {
   return e ? Object.keys(e).reduce((t, o) => {
     const r = e[o];
-    return t[o] = ve(r) && "value" in r ? r : {
+    return t[o] = _e(r) && "value" in r ? r : {
       value: r
-    }, t[o].attribute || (t[o].attribute = Ge(o)), t[o].parse = "parse" in t[o] ? t[o].parse : typeof t[o].value != "string", t;
+    }, t[o].attribute || (t[o].attribute = Ke(o)), t[o].parse = "parse" in t[o] ? t[o].parse : typeof t[o].value != "string", t;
   }, {}) : {};
 }
-function Fe(e) {
+function Le(e) {
   return Object.keys(e).reduce((t, o) => (t[o] = e[o].value, t), {});
 }
-function Ke(e, n) {
-  const t = He(n);
+function Fe(e, n) {
+  const t = Ie(n);
   return Object.keys(n).forEach((r) => {
-    const s = t[r], l = e.getAttribute(s.attribute), i = e[r];
-    l && (s.value = s.parse ? we(l) : l), i != null && (s.value = Array.isArray(i) ? i.slice(0) : i), s.reflect && ce(e, s.attribute, s.value), Object.defineProperty(e, r, {
+    const s = t[r], i = e.getAttribute(s.attribute), l = e[r];
+    i && (s.value = s.parse ? ye(i) : i), l != null && (s.value = Array.isArray(l) ? l.slice(0) : l), s.reflect && ue(e, s.attribute, s.value), Object.defineProperty(e, r, {
       get() {
@@ -533,4 +519,4 @@ return s.value;
         const c = s.value;
-        s.value = d, s.reflect && ce(this, s.attribute, s.value);
-        for (let a = 0, g = this.__propertyChangedCallbacks.length; a < g; a++)
+        s.value = d, s.reflect && ue(this, s.attribute, s.value);
+        for (let a = 0, b = this.__propertyChangedCallbacks.length; a < b; a++)
           this.__propertyChangedCallbacks[a](r, d, c);
@@ -543,3 +529,3 @@ },
 }
-function we(e) {
+function ye(e) {
   if (e)
@@ -552,3 +538,3 @@ try {
 }
-function ce(e, n, t) {
+function ue(e, n, t) {
   if (t == null || t === !1)
@@ -559,16 +545,16 @@ return e.removeAttribute(n);
 }
-function Ge(e) {
+function Ke(e) {
   return e.replace(/\.?([A-Z]+)/g, (n, t) => "-" + t.toLowerCase()).replace("_", "-").replace(/^-/, "");
 }
-function ve(e) {
+function _e(e) {
   return e != null && (typeof e == "object" || typeof e == "function");
 }
-function Me(e) {
+function He(e) {
   return Object.prototype.toString.call(e) === "[object Function]";
 }
-function Ue(e) {
+function De(e) {
   return typeof e == "function" && e.toString().indexOf("class") === 0;
 }
 let ee;
-function Ve(e, n) {
+function Ge(e, n) {
   const t = Object.keys(n);
@@ -585,6 +571,6 @@ return class extends e {
         return;
-      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Ke(this, n);
-      const r = Fe(this.props), s = this.Component, l = ee;
+      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Fe(this, n);
+      const r = Le(this.props), s = this.Component, i = ee;
       try {
-        ee = this, this.__initialized = !0, Ue(s) ? new s(r, {
+        ee = this, this.__initialized = !0, De(s) ? new s(r, {
           element: this
@@ -595,3 +581,3 @@ }) : s(r, {
       } finally {
-        ee = l;
+        ee = i;
       }
@@ -608,7 +594,7 @@ }
     }
-    attributeChangedCallback(r, s, l) {
+    attributeChangedCallback(r, s, i) {
       if (this.__initialized && !this.__updating[r] && (r = this.lookupProp(r), r in n)) {
-        if (l == null && !this[r])
+        if (i == null && !this[r])
           return;
-        this[r] = n[r].parse ? we(l) : l;
+        this[r] = n[r].parse ? ye(i) : i;
       }
@@ -633,3 +619,3 @@ }
 }
-function qe(e, n = {}, t = {}) {
+function Ue(e, n = {}, t = {}) {
   const {
@@ -642,14 +628,14 @@ BaseElement: o = HTMLElement,
       throw new Error("tag is required to register a Component");
-    let l = customElements.get(e);
-    return l ? (l.prototype.Component = s, l) : (l = Ve(o, De(n)), l.prototype.Component = s, l.prototype.registeredTag = e, customElements.define(e, l, r), l);
+    let i = customElements.get(e);
+    return i ? (i.prototype.Component = s, i) : (i = Ge(o, Ne(n)), i.prototype.Component = s, i.prototype.registeredTag = e, customElements.define(e, i, r), i);
   };
 }
-function We(e) {
+function Me(e) {
   const n = Object.keys(e), t = {};
   for (let o = 0; o < n.length; o++) {
-    const [r, s] = E(e[n[o]]);
+    const [r, s] = A(e[n[o]]);
     Object.defineProperty(t, n[o], {
       get: r,
-      set(l) {
-        s(() => l);
+      set(i) {
+        s(() => i);
       }
@@ -660,3 +646,3 @@ });
 }
-function Ye(e) {
+function Ve(e) {
   if (e.assignedSlot && e.assignedSlot._$owner)
@@ -669,23 +655,23 @@ return e.assignedSlot._$owner;
 }
-function Je(e) {
+function qe(e) {
   return (n, t) => {
     const { element: o } = t;
     return G((r) => {
-      const s = We(n);
-      o.addPropertyChangedCallback((i, d) => s[i] = d), o.addReleaseCallback(() => {
+      const s = Me(n);
+      o.addPropertyChangedCallback((l, d) => s[l] = d), o.addReleaseCallback(() => {
         o.renderRoot.textContent = "", r();
       });
-      const l = e(s, t);
-      return f(o.renderRoot, l);
-    }, Ye(o));
+      const i = e(s, t);
+      return f(o.renderRoot, i);
+    }, Ve(o));
   };
 }
 function m(e, n, t) {
-  return arguments.length === 2 && (t = n, n = {}), qe(e, n)(Je(t));
+  return arguments.length === 2 && (t = n, n = {}), Ue(e, n)(qe(t));
 }
-const y = "ar", Xe = `:host{align-items:center;border-radius:var(--border-radius);display:inline-flex;height:var(--input-height)}button{align-items:center;background:inherit;border:none;border-radius:inherit;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--gap);height:inherit;justify-content:center;outline:none;padding:0 12px;width:inherit}button:hover{filter:brightness(1.1)}.primary{background-image:var(--accent-gradient);color:var(--accent-color)}.primary.text{background-image:none;color:var(--primary-color)}.primary.outline{background-image:none;border:1px solid var(--primary-color);color:var(--primary-color)}.primary:hover{filter:brightness(1.2)}.info{background:var(--info-color)}.info.text{background:none;color:var(--text-color)}.info.outline{background:none;border:1px solid var(--info-color);color:var(--text-color)}.info:hover{filter:brightness(.95)}.warning{background:var(--warning-color);color:var(--accent-color)}.warning.text{background:none;color:var(--warning-color)}.warning.outline{background:none;border:1px solid var(--warning-color);color:var(--warning-color)}.danger{background:var(--danger-color);color:var(--accent-color)}.danger.text{background:none;color:var(--danger-color)}.danger.outline{background:none;border:1px solid var(--danger-color);color:var(--danger-color)}.success{background:var(--success-color);color:var(--accent-color)}.success.text{background:none;color:var(--success-color)}.success.outline{background:none;border:1px solid var(--success-color);color:var(--success-color)}.circle{border-radius:50%;padding:0 2px;width:var(--input-height)}.round{border-radius:var(--round-radius)}
-`, Qe = /* @__PURE__ */ u("<style>"), ue = /* @__PURE__ */ u('<ar-icon name="loading" spin>', !0, !1), Ze = /* @__PURE__ */ u("<button>"), et = /* @__PURE__ */ u('<button><slot></slot><slot name="suffix">'), tt = /* @__PURE__ */ u('<slot name="prefix">'), nt = /* @__PURE__ */ u("<slot>"), rt = (e) => [(() => {
-  const n = Qe();
-  return f(n, Xe), n;
-})(), x(z, {
+const v = "ar", Ye = `:host{align-items:center;border-radius:var(--border-radius);display:inline-flex;height:var(--input-height)}button{align-items:center;background:inherit;border:none;border-radius:inherit;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--gap);height:inherit;justify-content:center;outline:none;padding:0 12px;width:inherit}button:hover{filter:brightness(1.1)}.primary{background-image:var(--accent-gradient);color:var(--accent-color)}.primary.text{background-image:none;color:var(--primary-color)}.primary.outline{background-image:none;border:1px solid var(--primary-color);color:var(--primary-color)}.primary:hover{filter:brightness(1.2)}.info{background:var(--info-color)}.info.text{background:none;color:var(--text-color)}.info.outline{background:none;border:1px solid var(--info-color);color:var(--text-color)}.info:hover{filter:brightness(.95)}.warning{background:var(--warning-color);color:var(--accent-color)}.warning.text{background:none;color:var(--warning-color)}.warning.outline{background:none;border:1px solid var(--warning-color);color:var(--warning-color)}.danger{background:var(--danger-color);color:var(--accent-color)}.danger.text{background:none;color:var(--danger-color)}.danger.outline{background:none;border:1px solid var(--danger-color);color:var(--danger-color)}.success{background:var(--success-color);color:var(--accent-color)}.success.text{background:none;color:var(--success-color)}.success.outline{background:none;border:1px solid var(--success-color);color:var(--success-color)}.circle{border-radius:50%;padding:0 2px;width:var(--input-height)}.round{border-radius:var(--round-radius)}
+`, Je = /* @__PURE__ */ u("<style>"), de = /* @__PURE__ */ u('<ar-icon name="loading" spin>', !0, !1), We = /* @__PURE__ */ u("<button>"), Xe = /* @__PURE__ */ u('<button><slot></slot><slot name="suffix">'), Qe = /* @__PURE__ */ u('<slot name="prefix">'), Ze = /* @__PURE__ */ u("<slot>"), et = (e) => [(() => {
+  const n = Je();
+  return f(n, Ye), n;
+})(), k(B, {
   get when() {
@@ -696,4 +682,4 @@ return e.shape === "circle";
     return (() => {
-      const n = et(), t = n.firstChild, o = t.nextSibling;
-      return f(n, x(z, {
+      const n = Xe(), t = n.firstChild, o = t.nextSibling;
+      return f(n, k(B, {
         get when() {
@@ -704,3 +690,3 @@ return e.loading;
           return (() => {
-            const r = tt();
+            const r = Qe();
             return r._$owner = h(), r;
@@ -710,11 +696,11 @@ })();
         get children() {
-          const r = ue();
+          const r = de();
           return r._$owner = h(), r;
         }
-      }), t), t._$owner = h(), o._$owner = h(), b(() => W(n, `${e.status} ${e.type} ${e.shape}`)), n;
+      }), t), t._$owner = h(), o._$owner = h(), g(() => Y(n, `${e.status} ${e.type} ${e.shape}`)), n;
     })();
   },
   get children() {
-    const n = Ze();
-    return f(n, x(z, {
+    const n = We();
+    return f(n, k(B, {
       get when() {
@@ -725,3 +711,3 @@ return e.loading;
         return (() => {
-          const t = nt();
+          const t = Ze();
           return t._$owner = h(), t;
@@ -731,9 +717,9 @@ })();
       get children() {
-        const t = ue();
+        const t = de();
         return t._$owner = h(), t;
       }
-    })), b(() => W(n, `${e.status} ${e.type} ${e.shape}`)), n;
+    })), g(() => Y(n, `${e.status} ${e.type} ${e.shape}`)), n;
   }
-})], xe = () => {
-  m(`${y}-button`, {
+})], tt = () => {
+  m(`${v}-button`, {
     type: "default",
@@ -743,4 +729,4 @@ status: "primary",
     loading: !1
-  }, rt);
-}, B = (e, ...n) => e.reduce((o, r, s) => o + r + (n[s] || ""), ""), ot = /* @__PURE__ */ u('<ar-icon size="5rem">', !0, !1), st = /* @__PURE__ */ u('<div class="flex flex-col justify-center gap-2 h-20"><div class="font-bold"></div><div class="font-size-3">'), lt = /* @__PURE__ */ u('<img class="w-20 rd-2" alt="logo">'), it = /* @__PURE__ */ u('<img class="w-6" alt="avatar">'), at = /* @__PURE__ */ u("<div>"), ct = /* @__PURE__ */ u(`<style>/* layer: preflights */
+  }, et);
+}, C = (e, ...n) => e.reduce((o, r, s) => o + r + (n[s] || ""), ""), nt = /* @__PURE__ */ u('<ar-icon size="5rem">', !0, !1), rt = /* @__PURE__ */ u('<div class="flex flex-col justify-center gap-2 h-20"><div class="font-bold"></div><div class="font-size-3">'), ot = /* @__PURE__ */ u('<img class="w-20 rd-2" alt="logo">'), st = /* @__PURE__ */ u('<img class="w-6" alt="avatar">'), it = /* @__PURE__ */ u("<div>"), lt = /* @__PURE__ */ u(`<style>/* layer: preflights */
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
@@ -764,4 +750,4 @@ /* layer: default */
 .font-bold{font-weight:700;}
-.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);};`), ut = /* @__PURE__ */ u('<slot class="flex items-center p-3 gap-3" style="border-bottom:1px solid var(--gray-2)" name="header">'), dt = /* @__PURE__ */ u('<slot name="footer" class="flex items-center p-3 gap-3" style="border-top:1px solid var(--gray-2)">'), ft = /* @__PURE__ */ u('<div class="bg-1 rd-3 cursor-pointer"><slot class="flex items-center p-3 gap-3">'), ht = (e) => {
-  const n = B`
+.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);};`), at = /* @__PURE__ */ u('<slot class="flex items-center p-3 gap-3" style="border-bottom:1px solid var(--gray-2)" name="header">'), ct = /* @__PURE__ */ u('<slot name="footer" class="flex items-center p-3 gap-3" style="border-top:1px solid var(--gray-2)">'), ut = /* @__PURE__ */ u('<div class="bg-1 rd-3 cursor-pointer"><slot class="flex items-center p-3 gap-3">'), dt = (e) => {
+  const n = C`
         :host {
@@ -777,3 +763,3 @@ display: block;
         }
-    `, t = () => [x(z, {
+    `, t = () => [k(B, {
     get when() {
@@ -784,26 +770,26 @@ return e.icon;
       return (() => {
-        const r = lt();
-        return b(() => v(r, "src", e.logo)), r;
+        const r = ot();
+        return g(() => x(r, "src", e.logo)), r;
       })();
     },
     get children() {
-      const r = ot();
-      return r._$owner = h(), b(() => r.name = e.logo), r;
+      const r = nt();
+      return r._$owner = h(), g(() => r.name = e.logo), r;
     }
   }), (() => {
-    const r = st(), s = r.firstChild, l = s.nextSibling;
-    return f(s, () => e.title), f(l, () => e.description), r;
+    const r = rt(), s = r.firstChild, i = s.nextSibling;
+    return f(s, () => e.title), f(i, () => e.description), r;
   })()], o = () => [(() => {
+    const r = st();
+    return g(() => x(r, "src", e.avatar || "/apple-touch-icon.png")), r;
+  })(), (() => {
     const r = it();
-    return b(() => v(r, "src", e.avatar || "/apple-touch-icon.png")), r;
-  })(), (() => {
-    const r = at();
     return f(r, () => e.creator || "A-M"), r;
   })()];
   return [(() => {
-    const r = ct(), s = r.firstChild;
+    const r = lt(), s = r.firstChild;
     return f(r, n, s), r;
   })(), (() => {
-    const r = ft(), s = r.firstChild;
-    return f(r, x(z, {
+    const r = ut(), s = r.firstChild;
+    return f(r, k(B, {
       get when() {
@@ -813,6 +799,6 @@ return e.header;
       get children() {
-        const l = ut();
-        return l._$owner = h(), l;
+        const i = at();
+        return i._$owner = h(), i;
       }
-    }), s), s._$owner = h(), f(s, t), f(r, x(z, {
+    }), s), s._$owner = h(), f(s, t), f(r, k(B, {
       get when() {
@@ -822,9 +808,9 @@ return e.footer;
       get children() {
-        const l = dt();
-        return l._$owner = h(), f(l, o), l;
+        const i = ct();
+        return i._$owner = h(), f(i, o), i;
       }
     }), null), r;
   })()];
-}, gt = () => {
-  m(`${y}-card`, {
+}, ft = () => {
+  m(`${v}-card`, {
     header: !1,
@@ -839,4 +825,4 @@ footer: !0,
     shadow: "never"
-  }, ht);
-}, bt = /* @__PURE__ */ u(`<style>/* layer: preflights */
+  }, dt);
+}, ht = /* @__PURE__ */ u(`<style>/* layer: preflights */
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
@@ -853,4 +839,4 @@ /* layer: default */
 .rd-3{border-radius:0.75rem;}
-.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`), $t = /* @__PURE__ */ u('<ar-icon size="2.75rem">', !0, !1), pt = /* @__PURE__ */ u('<div class="chat-avatar flex items-center">'), mt = /* @__PURE__ */ u('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>', !0, !1), yt = /* @__PURE__ */ u('<div><div class="chat-content p-x-3 rd-3">'), _t = /* @__PURE__ */ u('<img class="w-11 rd-2 self-start" alt="avatar">'), wt = /* @__PURE__ */ u("<ar-rich-text>", !0, !1), vt = (e) => {
-  const n = B`
+.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`), gt = /* @__PURE__ */ u('<ar-icon size="2.75rem">', !0, !1), bt = /* @__PURE__ */ u('<div class="chat-avatar flex items-center">'), pt = /* @__PURE__ */ u('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>', !0, !1), $t = /* @__PURE__ */ u('<div><div class="chat-content p-x-3 rd-3">'), mt = /* @__PURE__ */ u('<img class="w-11 rd-2 self-start" alt="avatar">'), vt = /* @__PURE__ */ u("<ar-rich-text>", !0, !1), yt = (e) => {
+  const n = C`
         :host {
@@ -897,7 +883,7 @@ display: block;
   return [(() => {
-    const t = bt(), o = t.firstChild;
+    const t = ht(), o = t.firstChild;
     return f(t, n, o), t;
   })(), (() => {
-    const t = yt(), o = t.firstChild;
-    return f(t, x(z, {
+    const t = $t(), o = t.firstChild;
+    return f(t, k(B, {
       get when() {
@@ -907,4 +893,4 @@ return e.showAvatar;
       get children() {
-        const r = pt();
-        return f(r, x(z, {
+        const r = bt();
+        return f(r, k(B, {
           get when() {
@@ -915,13 +901,13 @@ return e.avatarType === "icon";
             return (() => {
-              const s = _t();
-              return b(() => v(s, "src", e.avatar)), s;
+              const s = mt();
+              return g(() => x(s, "src", e.avatar)), s;
             })();
           },
           get children() {
-            const s = $t();
-            return s._$owner = h(), b(() => s.name = e.role === "user" ? e.avatar || "avatar-01" : e.avatar || "ai-chat"), s;
+            const s = gt();
+            return s._$owner = h(), g(() => s.name = e.role === "user" ? e.avatar || "avatar-01" : e.avatar || "ai-chat"), s;
           }
         })), r;
       }
-    }), o), f(o, x(z, {
+    }), o), f(o, k(B, {
       get when() {
@@ -932,14 +918,14 @@ return e.loading;
         return (() => {
-          const r = wt();
-          return r._$owner = h(), b(() => r.text = e.content), r;
+          const r = vt();
+          return r._$owner = h(), g(() => r.text = e.content), r;
         })();
       },
       get children() {
-        const r = mt(), s = r.firstChild, l = s.nextSibling;
-        return f(s, () => e.loadingText), l._$owner = h(), r;
+        const r = pt(), s = r.firstChild, i = s.nextSibling;
+        return f(s, () => e.loadingText), i._$owner = h(), r;
       }
-    })), b(() => W(t, `chat-bubble ${e.role === "user" ? "right" : "left"} m-3`)), t;
+    })), g(() => Y(t, `chat-bubble ${e.role === "user" ? "right" : "left"} m-3`)), t;
   })()];
-}, xt = () => {
-  m(`${y}-chat-bubble`, {
+}, _t = () => {
+  m(`${v}-chat-bubble`, {
     role: "",
@@ -953,10 +939,110 @@ content: "",
     direction: "row"
-  }, vt);
-}, kt = /* @__PURE__ */ u("<style>"), Ct = /* @__PURE__ */ u('<div class="box"><div class="nums-chip"><div class="number">0</div><div class="number">1</div><div class="number">2</div><div class="number">3</div><div class="number">4</div><div class="number">5</div><div class="number">6</div><div class="number">7</div><div class="number">8</div><div class="number">9'), Et = (e, {
+  }, yt);
+}, xt = /* @__PURE__ */ u("<style>"), wt = /* @__PURE__ */ u('<label class="container"><input type="checkbox"><div class="checkmark"></div><slot>'), kt = (e, {
   element: n
 }) => {
-  const t = B`
+  const t = C`
         :host {
             display: inline-block;
         }
+
+        .container input {
+            position: absolute;
+            opacity: 0;
+            cursor: pointer;
+            height: 0;
+            width: 0;
+        }
+
+        .container {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            position: relative;
+            cursor: pointer;
+            user-select: none;
+        }
+
+        /* Create a custom checkbox */
+        .checkmark {
+            position: relative;
+            top: 0;
+            left: 0;
+            height: var(--checkbox-size);
+            width: var(--checkbox-size);
+            background-color: var(--bg-2);
+            transition: all 0.3s;
+            border-radius: 5px;
+        }
+
+        /* When the checkbox is checked, add a blue background */
+        .container input:checked ~ .checkmark {
+            background-color: var(--primary-color);
+            animation: pop 0.5s;
+            animation-direction: alternate;
+        }
+
+        /* Create the checkmark/indicator (hidden when not checked) */
+        .checkmark:after {
+            content: '';
+            position: absolute;
+            display: none;
+        }
+
+        /* Show the checkmark when checked */
+        .container input:checked ~ .checkmark:after {
+            display: block;
+        }
+
+        /* Style the checkmark/indicator */
+        .container .checkmark:after {
+            left: 50%;
+            top: 50%;
+            width: 0.25em;
+            height: 0.5em;
+            border: solid white;
+            border-width: 0 0.15em 0.15em 0;
+            transform: translate(-50%, -60%) rotate(45deg);
+        }
+
+        @keyframes pop {
+            0% {
+                transform: scale(1);
+            }
+
+            50% {
+                transform: scale(0.9);
+            }
+
+            100% {
+                transform: scale(1);
+            }
+        }
+    `, [o, r] = A(e.value), s = (i) => {
+    r(!o());
+    const l = i.target, d = new CustomEvent("change", {
+      detail: {
+        value: l.value
+      }
+    });
+    n.dispatchEvent(d);
+  };
+  return [(() => {
+    const i = xt();
+    return f(i, t), i;
+  })(), (() => {
+    const i = wt(), l = i.firstChild, d = l.nextSibling, c = d.nextSibling;
+    return l.addEventListener("change", s), c._$owner = h(), g(() => l.checked = o()), i;
+  })()];
+}, Ct = () => {
+  m(`${v}-checkbox`, {
+    value: !1
+  }, kt);
+}, Et = /* @__PURE__ */ u("<style>"), St = /* @__PURE__ */ u('<div class="box"><div class="nums-chip"><div class="number">0</div><div class="number">1</div><div class="number">2</div><div class="number">3</div><div class="number">4</div><div class="number">5</div><div class="number">6</div><div class="number">7</div><div class="number">8</div><div class="number">9'), zt = (e, {
+  element: n
+}) => {
+  const t = C`
+        :host {
+            display: inline-block;
+        }
         .box {
@@ -978,3 +1064,3 @@ height: ${e.size + 2}px;
     `;
-  return re(() => {
+  return oe(() => {
     setTimeout(() => {
@@ -985,14 +1071,14 @@ const o = n.shadowRoot.querySelector(".nums-chip");
   }), [(() => {
-    const o = kt();
+    const o = Et();
     return f(o, t), o;
-  })(), Ct()];
-}, ke = () => {
-  m(`${y}-dance-number`, {
+  })(), St()];
+}, xe = () => {
+  m(`${v}-dance-number`, {
     number: 0,
     size: 12
-  }, Et);
-}, At = /* @__PURE__ */ u("<style>"), St = /* @__PURE__ */ u("<span>,"), zt = /* @__PURE__ */ u("<div><ar-dance-number>", !0, !1);
-ke();
-const Tt = (e) => {
-  const n = B`
+  }, zt);
+}, At = /* @__PURE__ */ u("<style>"), Tt = /* @__PURE__ */ u("<span>,"), jt = /* @__PURE__ */ u("<div><ar-dance-number>", !0, !1);
+xe();
+const Bt = (e) => {
+  const n = C`
         :host {
@@ -1020,9 +1106,9 @@ display: inline-flex;
     return f(o, n), o;
-  })(), x(se, {
+  })(), k(ie, {
     each: t,
-    children: (o) => o === "," ? St() : (() => {
-      const r = zt(), s = r.firstChild;
-      return s.number = o, s._$owner = h(), b((l) => {
-        const i = e.type === "card" ? "card" : "", d = e.size;
-        return i !== l._v$ && W(r, l._v$ = i), d !== l._v$2 && (s.size = l._v$2 = d), l;
+    children: (o) => o === "," ? Tt() : (() => {
+      const r = jt(), s = r.firstChild;
+      return s.number = o, s._$owner = h(), g((i) => {
+        const l = e.type === "card" ? "card" : "", d = e.size;
+        return l !== i._v$ && Y(r, i._v$ = l), d !== i._v$2 && (s.size = i._v$2 = d), i;
       }, {
@@ -1034,10 +1120,10 @@ _v$: void 0,
   })];
-}, jt = () => {
-  m(`${y}-dance-count`, {
+}, Ot = () => {
+  m(`${v}-dance-count`, {
     count: 0,
     size: 12,
     type: "default"
-  }, Tt);
-}, Pt = /* @__PURE__ */ u("<style>"), Rt = /* @__PURE__ */ u("<slot>"), Bt = (e) => {
-  const n = B`
+  }, Bt);
+}, Pt = /* @__PURE__ */ u("<style>"), Rt = /* @__PURE__ */ u("<slot>"), It = (e) => {
+  const n = C`
         :host {
@@ -1060,4 +1146,4 @@ display: flex;
   })()];
-}, It = () => {
-  m(`${y}-flex-box`, {
+}, Nt = () => {
+  m(`${v}-flex-box`, {
     gap: "1rem",
@@ -1068,5 +1154,5 @@ direction: "row",
     justify: "flex-start"
-  }, Bt);
-}, Ot = /* @__PURE__ */ u("<style>"), Nt = /* @__PURE__ */ u("<slot>"), Lt = (e) => {
-  const n = B`
+  }, It);
+}, Lt = /* @__PURE__ */ u("<style>"), Ft = /* @__PURE__ */ u("<slot>"), Kt = (e) => {
+  const n = C`
         :host {
@@ -1079,29 +1165,29 @@ order: ${e.order};
   return [(() => {
-    const t = Ot();
+    const t = Lt();
     return f(t, n), t;
   })(), (() => {
-    const t = Nt();
+    const t = Ft();
     return t._$owner = h(), t;
   })()];
 }, Ht = () => {
-  m(`${y}-flex-item`, {
+  m(`${v}-flex-item`, {
     order: 0,
     flex: "0 1 auto",
     self: "auto"
-  }, Lt);
+  }, Kt);
 }, Dt = `:host{display:inline-flex;font-size:inherit;transition:.3s}:host([spin]){animation:rotate 1.4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
-`, Ft = /* @__PURE__ */ u("<style>"), Kt = /* @__PURE__ */ u('<svg aria-hidden="true"><use>');
+`, Gt = /* @__PURE__ */ u("<style>"), Ut = /* @__PURE__ */ u('<svg aria-hidden="true"><use>');
 let ne = "";
-const qn = (e) => {
+const Yn = (e) => {
   ne = e;
-}, Gt = (e) => {
+}, Mt = (e) => {
   const n = `icon icon-${e.name}`;
   return ne || console.warn("You need use registerIcon first"), [(() => {
-    const t = Ft();
+    const t = Gt();
     return f(t, Dt), t;
   })(), (() => {
-    const t = Kt(), o = t.firstChild;
-    return v(t, "class", n), b((r) => {
-      const s = e.size, l = e.size, i = e.color, d = `${ne}#icon-${e.name}`;
-      return s !== r._v$ && v(t, "width", r._v$ = s), l !== r._v$2 && v(t, "height", r._v$2 = l), i !== r._v$3 && v(t, "fill", r._v$3 = i), d !== r._v$4 && v(o, "href", r._v$4 = d), r;
+    const t = Ut(), o = t.firstChild;
+    return x(t, "class", n), g((r) => {
+      const s = e.size, i = e.size, l = e.color, d = `${ne}#icon-${e.name}`;
+      return s !== r._v$ && x(t, "width", r._v$ = s), i !== r._v$2 && x(t, "height", r._v$2 = i), l !== r._v$3 && x(t, "fill", r._v$3 = l), d !== r._v$4 && x(o, "href", r._v$4 = d), r;
     }, {
@@ -1114,29 +1200,29 @@ _v$: void 0,
   })()];
-}, Mt = () => {
-  m(`${y}-icon`, {
+}, Vt = () => {
+  m(`${v}-icon`, {
     name: "date",
     size: "1em",
     color: "currentColor"
-  }, Gt);
-}, Ut = `:host{--border-radius: 9px;display:inline-block}.card{border-radius:var(--border-radius);cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.card-image{border-radius:var(--border-radius);height:100%;object-fit:cover;position:absolute;right:0;top:0;transition:all .4s ease-in-out;width:100%}.card-info{background-color:#0000007f;border-radius:var(--border-radius);bottom:0;box-sizing:border-box;color:#fff;left:0;position:absolute;transform:translateY(calc(100% - 50px));transition:all .4s ease-in-out;width:100%}.card:hover .card-image{transform:scale(1.1)}.card:hover .card-info{transform:translateY(0)}.card-title{align-items:center;display:flex;height:50px;padding:0 15px}.card-description{font-size:12px;padding:0 15px 15px}
-`, Vt = /* @__PURE__ */ u("<style>"), qt = /* @__PURE__ */ u('<div class="card"><div class="card-info"><div class="card-title"></div><div class="card-description">'), Wt = /* @__PURE__ */ u('<img class="card-image">'), Yt = (e) => [(() => {
-  const n = Vt();
-  return f(n, Ut), n;
+  }, Mt);
+}, qt = `:host{--border-radius: 9px;display:inline-block}.card{border-radius:var(--border-radius);cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.card-image{border-radius:var(--border-radius);height:100%;object-fit:cover;position:absolute;right:0;top:0;transition:all .4s ease-in-out;width:100%}.card-info{background-color:#0000007f;border-radius:var(--border-radius);bottom:0;box-sizing:border-box;color:#fff;left:0;position:absolute;transform:translateY(calc(100% - 50px));transition:all .4s ease-in-out;width:100%}.card:hover .card-image{transform:scale(1.1)}.card:hover .card-info{transform:translateY(0)}.card-title{align-items:center;display:flex;height:50px;padding:0 15px}.card-description{font-size:12px;padding:0 15px 15px}
+`, Yt = /* @__PURE__ */ u("<style>"), Jt = /* @__PURE__ */ u('<div class="card"><div class="card-info"><div class="card-title"></div><div class="card-description">'), Wt = /* @__PURE__ */ u('<img class="card-image">'), Xt = (e) => [(() => {
+  const n = Yt();
+  return f(n, qt), n;
 })(), (() => {
-  const n = qt(), t = n.firstChild, o = t.firstChild, r = o.nextSibling;
+  const n = Jt(), t = n.firstChild, o = t.firstChild, r = o.nextSibling;
   return f(n, (() => {
-    const s = I(() => !!e.imageUrl);
+    const s = N(() => !!e.imageUrl);
     return () => s() && (() => {
-      const l = Wt();
-      return b(() => v(l, "src", e.imageUrl)), l;
+      const i = Wt();
+      return g(() => x(i, "src", e.imageUrl)), i;
     })();
   })(), t), f(o, () => e.title), f(r, () => e.description), n;
-})()], Jt = () => {
-  m(`${y}-image-card`, {
+})()], Qt = () => {
+  m(`${v}-image-card`, {
     title: "",
     description: "",
     imageUrl: ""
-  }, Yt);
-}, Xt = /* @__PURE__ */ u("<style>"), Qt = /* @__PURE__ */ u('<div class="grid-layout"><slot>'), Zt = (e) => {
-  const n = B`
+  }, Xt);
+}, Zt = /* @__PURE__ */ u("<style>"), en = /* @__PURE__ */ u('<div class="grid-layout"><slot>'), tn = (e) => {
+  const n = C`
         .grid-layout {
@@ -1175,10 +1261,10 @@ --cols: ${e.cols};
   return [(() => {
-    const t = Xt();
+    const t = Zt();
     return f(t, n), t;
   })(), (() => {
-    const t = Qt(), o = t.firstChild;
+    const t = en(), o = t.firstChild;
     return o._$owner = h(), t;
   })()];
-}, en = () => {
-  m(`${y}-layout-grid`, {
+}, nn = () => {
+  m(`${v}-layout-grid`, {
     gap: "1rem",
@@ -1192,13 +1278,7 @@ cols: "auto-fit",
     min: "0"
-  }, Zt);
-}, tn = `:host{display:grid;grid-template:auto 1fr auto / auto 1fr auto;height:100%}::slotted([slot="header"]){grid-column:1 / 4}::slotted([slot="left-sider"]){grid-column:1 / 2;overflow:auto}::slotted([slot="content"]){grid-column:2 / 3;overflow:auto}::slotted([slot="right-sider"]){grid-column:3 / 4;overflow:auto}::slotted([slot="footer"]){grid-column:1 / 4}
-`, nn = /* @__PURE__ */ u("<style>"), rn = /* @__PURE__ */ u('<slot name="header">'), on = /* @__PURE__ */ u('<slot name="left-sider">'), sn = /* @__PURE__ */ u('<slot name="content">'), ln = /* @__PURE__ */ u('<slot name="right-sider">'), an = /* @__PURE__ */ u('<slot name="footer">'), cn = () => [(() => {
-  const e = nn();
-  return f(e, tn), e;
-})(), (() => {
-  const e = rn();
-  return e._$owner = h(), e;
-})(), (() => {
+  }, tn);
+}, rn = `:host{display:grid;grid-template:auto 1fr auto / auto 1fr auto;height:100%}::slotted([slot="header"]){grid-column:1 / 4}::slotted([slot="left-sider"]){grid-column:1 / 2;overflow:auto}::slotted([slot="content"]){grid-column:2 / 3;overflow:auto}::slotted([slot="right-sider"]){grid-column:3 / 4;overflow:auto}::slotted([slot="footer"]){grid-column:1 / 4}
+`, on = /* @__PURE__ */ u("<style>"), sn = /* @__PURE__ */ u('<slot name="header">'), ln = /* @__PURE__ */ u('<slot name="left-sider">'), an = /* @__PURE__ */ u('<slot name="content">'), cn = /* @__PURE__ */ u('<slot name="right-sider">'), un = /* @__PURE__ */ u('<slot name="footer">'), dn = () => [(() => {
   const e = on();
-  return e._$owner = h(), e;
+  return f(e, rn), e;
 })(), (() => {
@@ -1213,6 +1293,12 @@ const e = sn();
   return e._$owner = h(), e;
-})()], un = () => {
-  m(`${y}-layout-holy`, cn);
-}, dn = /* @__PURE__ */ u("<style>"), fn = /* @__PURE__ */ u('<div class="place-holder"><slot>'), hn = () => {
-  const e = B`
+})(), (() => {
+  const e = cn();
+  return e._$owner = h(), e;
+})(), (() => {
+  const e = un();
+  return e._$owner = h(), e;
+})()], fn = () => {
+  m(`${v}-layout-holy`, dn);
+}, hn = /* @__PURE__ */ u("<style>"), gn = /* @__PURE__ */ u('<div class="place-holder"><slot>'), bn = () => {
+  const e = C`
         :host {
@@ -1232,12 +1318,12 @@ display: block;
   return [(() => {
-    const n = dn();
+    const n = hn();
     return f(n, e), n;
   })(), (() => {
-    const n = fn(), t = n.firstChild;
+    const n = gn(), t = n.firstChild;
     return t._$owner = h(), n;
   })()];
-}, gn = () => {
-  m(`${y}-place-holder`, hn);
-}, bn = /* @__PURE__ */ u('<label><input type="radio"><slot>');
-function $n(e) {
+}, pn = () => {
+  m(`${v}-place-holder`, bn);
+}, $n = /* @__PURE__ */ u('<label><input type="radio"><slot>');
+function mn(e) {
   function n() {
@@ -1247,8 +1333,8 @@ e.onChange && !e.disabled && e.onChange(e.value);
   return (() => {
-    const t = bn(), o = t.firstChild, r = o.nextSibling;
-    return o.addEventListener("change", n), r._$owner = h(), b(() => o.disabled = e.disabled), b(() => o.value = e.value), b(() => o.checked = e.checked), t;
+    const t = $n(), o = t.firstChild, r = o.nextSibling;
+    return o.addEventListener("change", n), r._$owner = h(), g(() => o.disabled = e.disabled), g(() => o.value = e.value), g(() => o.checked = e.checked), t;
   })();
 }
-const Ce = () => {
-  m(`${y}-radio`, {
+const vn = () => {
+  m(`${v}-radio`, {
     value: "",
@@ -1260,106 +1346,224 @@ checked: !1,
     }
-  }, $n);
-}, pn = /* @__PURE__ */ u("<div><ar-button>More", !0, !1), mn = /* @__PURE__ */ u("<ar-button>Item ", !0, !1), yn = (e) => {
-  const [n, t] = E(!1), [o, r] = E(null), [s, l] = E(null), i = () => {
-    t(!n());
-  }, d = (a) => {
-    a && (console.log(a.offsetHeight), r(a.offsetHeight), l(a.offsetWidth));
-  }, c = {
-    overflow: "hidden",
-    transition: `all ${e.animationDuration || 300}ms ease-in-out`,
-    height: n() ? `${o()}px` : "auto",
-    width: n() ? `${s()}px` : "auto",
-    display: "flex"
+  }, mn);
+}, yn = /* @__PURE__ */ u("<style>"), _n = /* @__PURE__ */ u('<div class="root">'), xn = /* @__PURE__ */ u('<label><input type="radio" name="radio"><span>'), wn = (e, {
+  element: n
+}) => {
+  const t = C`
+        :host {
+            display: inline-block;
+            font-size: var(--font-size);
+        }
+
+        :focus {
+            outline: 0;
+        }
+
+        .root {
+            display: flex;
+            flex-direction: ${e.direction};
+            flex-wrap: nowrap;
+            justify-content: center;
+        }
+
+        .root input[type='radio'] {
+            clip: rect(0 0 0 0);
+            clip-path: inset(100%);
+            height: 1px;
+            overflow: hidden;
+            position: absolute;
+            white-space: nowrap;
+            width: 1px;
+        }
+
+        .root input[type='radio']:checked + span {
+            background-color: var(--primary-color);
+            z-index: 1;
+            color: var(--accent-color);
+        }
+
+        label span {
+            display: flex;
+            height: var(--input-height);
+            align-items: center;
+            cursor: pointer;
+            background-color: var(--bg-1);
+            padding: 0 0.75em;
+            position: relative;
+            box-shadow: 0 0 0 0.0625em var(--primary-color);
+            color: var(--text-color);
+            text-align: center;
+            transition: background-color 0.5s ease;
+        }
+
+        label:first-child span {
+            border-radius: var(--border-radius) 0 0 var(--border-radius);
+        }
+
+        label:last-child span {
+            border-radius: 0 var(--border-radius) var(--border-radius) 0;
+        }
+    `, [o, r] = A(e.value || "");
+  re(() => {
+    const i = new CustomEvent("change", {
+      detail: {
+        value: o()
+      },
+      bubbles: !0
+    });
+    n.dispatchEvent(i);
+  });
+  const s = (i) => {
+    r(i);
   };
-  return (() => {
-    const a = pn(), g = a.firstChild;
-    return _e(d, a), g.$$click = i, g._$owner = h(), f(a, (() => {
-      const $ = I(() => !!n());
-      return () => $() && x(se, {
-        each: [1, 2, 3],
-        children: (k) => (() => {
-          const C = mn();
-          return C.firstChild, C._$owner = h(), f(C, k, null), C;
-        })()
-      });
-    })(), null), b(($) => Ne(a, {
-      ...c,
-      "flex-direction": e.direction === "vertical" ? "column" : "row"
-    }, $)), a;
-  })();
-}, _n = () => {
-  m(`${y}-radio-button`, {
-    direction: "vertical",
-    animationDuration: 300
-  }, yn);
+  return [(() => {
+    const i = yn();
+    return f(i, t), i;
+  })(), (() => {
+    const i = _n();
+    return f(i, k(ie, {
+      get each() {
+        return e.options;
+      },
+      children: (l) => (() => {
+        const d = xn(), c = d.firstChild, a = c.nextSibling;
+        return d.$$click = () => s(l.value), f(a, () => l.label), g(() => c.value = l.value), g(() => c.checked = o() === l.value), d;
+      })()
+    })), i;
+  })()];
+}, kn = () => {
+  m(`${v}-radio-button`, {
+    options: [{
+      label: "Option1",
+      value: "1"
+    }, {
+      label: "Option2",
+      value: "2"
+    }, {
+      label: "Option3",
+      value: "3"
+    }],
+    value: "",
+    direction: "row"
+  }, wn);
 };
 Q(["click"]);
-const wn = `:host{--border-radius: 0}.radio-group ar-button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.radio-group ar-button:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}
-`, vn = /* @__PURE__ */ u("<style>"), xn = /* @__PURE__ */ u('<ar-layout-row class="radio-group" gap="0">', !0, !1), kn = /* @__PURE__ */ u('<ar-icon size="1.2em">', !0, !1), Cn = /* @__PURE__ */ u("<ar-button>", !0, !1), En = /* @__PURE__ */ u("<ar-radio>", !0, !1);
-Ce();
-xe();
-function An(e, {
+const Cn = /* @__PURE__ */ u("<style>"), En = /* @__PURE__ */ u('<div class="root">'), Sn = /* @__PURE__ */ u('<div class="radio-button"><input name="radio-group" class="radio-button__input" type="radio"><label class="radio-button__label"><span class="radio-button__custom">'), zn = (e, {
   element: n
-}) {
-  const [t, o] = E(e.defaultValue || "");
-  ge(() => {
-    const s = new CustomEvent("change", {
+}) => {
+  const t = C`
+        :host {
+            display: inline-block;
+        }
+
+        .root {
+            display: flex;
+            flex-direction: ${e.direction};
+            align-items: center;
+            gap: 16px;
+            font-size: var(--font-size);
+            color: var(--text-color);
+        }
+
+        .radio-button {
+            display: inline-flex;
+            align-items: center;
+            position: relative;
+            cursor: pointer;
+        }
+
+        .radio-button__input {
+            position: absolute;
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+
+        .radio-button__label {
+            display: inline-flex;
+            align-items: center;
+            gap: var(--gap);
+            position: relative;
+            cursor: pointer;
+            transition: all 0.3s ease;
+        }
+
+        .radio-button__custom {
+            width: var(--radio-size);
+            height: var(--radio-size);
+            border-radius: 50%;
+            border: 2px solid var(--bg-2);
+            transition: all 0.3s ease;
+        }
+
+        .radio-button__input:checked + .radio-button__label .radio-button__custom {
+            background-color: var(--primary-color);
+            border-color: transparent;
+            transform: scale(0.9);
+        }
+
+        .radio-button__input:checked + .radio-button__label {
+            color: var(--primary-color);
+        }
+
+        .radio-button__label:hover .radio-button__custom {
+            transform: scale(1);
+            border-color: var(--primary-color);
+        }
+    `, [o, r] = A(e.value || "");
+  re(() => {
+    const i = new CustomEvent("change", {
       detail: {
-        value: t()
-      }
+        value: o()
+      },
+      bubbles: !0
     });
-    n.dispatchEvent(s);
+    n.dispatchEvent(i);
   });
-  const r = (s) => {
-    o(s);
+  const s = (i) => {
+    r(i);
   };
   return [(() => {
-    const s = vn();
-    return f(s, wn), s;
+    const i = Cn();
+    return f(i, t), i;
   })(), (() => {
-    const s = xn();
-    return s._$owner = h(), f(s, x(se, {
+    const i = En();
+    return f(i, k(ie, {
       get each() {
         return e.options;
       },
-      children: (l) => e.type === "button" ? (() => {
-        const i = Cn();
-        return i.$$click = () => r(l.value), i._$owner = h(), f(i, () => l.label, null), f(i, x(z, {
-          get when() {
-            var d;
-            return (d = l.props) == null ? void 0 : d.icon;
-          },
-          get children() {
-            const d = kn();
-            return d._$owner = h(), b(() => {
-              var c;
-              return d.name = (c = l.props) == null ? void 0 : c.icon;
-            }), d;
-          }
-        }), null), b(() => i.status = t() === l.value ? "primary" : "info"), i;
-      })() : (() => {
-        const i = En();
-        return i._$owner = h(), f(i, () => l.label), b(() => i.value = l.value), i;
+      children: (l, d) => (() => {
+        const c = Sn(), a = c.firstChild, b = a.nextSibling;
+        return b.firstChild, c.$$click = () => s(l.value), f(b, () => l.label, null), g((p) => {
+          const w = `radio-${d()}`, E = `radio-${d()}`;
+          return w !== p._v$ && x(a, "id", p._v$ = w), E !== p._v$2 && x(b, "for", p._v$2 = E), p;
+        }, {
+          _v$: void 0,
+          _v$2: void 0
+        }), g(() => a.value = l.value), g(() => a.checked = o() === l.value), c;
       })()
-    })), s;
+    })), i;
   })()];
-}
-const Sn = () => {
-  m(`${y}-radio-group`, {
-    defaultValue: "",
-    options: [],
+}, An = () => {
+  m(`${v}-radio-group`, {
+    options: [{
+      label: "Option1",
+      value: "1"
+    }, {
+      label: "Option2",
+      value: "2"
+    }, {
+      label: "Option3",
+      value: "3"
+    }],
     value: "",
-    type: "radio",
-    onChange: (e) => {
-      console.log(e);
-    }
-  }, An);
+    direction: "row"
+  }, zn);
 };
 Q(["click"]);
-const zn = `:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);display:flex;gap:var(--gap);padding:0 10px}.textarea{background:none;border:none;box-sizing:border-box;flex:1;font:inherit;font-size:14px;margin:0;outline:none;overflow:auto;padding:6px 0;resize:none;width:100%}
-`, Tn = /* @__PURE__ */ u("<style>"), jn = /* @__PURE__ */ u('<slot name="prefix">'), Pn = /* @__PURE__ */ u('<textarea class="textarea">'), Rn = /* @__PURE__ */ u('<slot name="suffix">'), Bn = (e, {
+const Tn = `:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);display:flex;gap:var(--gap);padding:0 10px}.textarea{background:none;border:none;box-sizing:border-box;flex:1;font:inherit;margin:0;outline:none;overflow:auto;padding:6px 0;resize:none;width:100%}
+`, jn = /* @__PURE__ */ u("<style>"), Bn = /* @__PURE__ */ u('<slot name="prefix">'), On = /* @__PURE__ */ u('<textarea class="textarea">'), Pn = /* @__PURE__ */ u('<slot name="suffix">'), Rn = (e, {
   element: n
 }) => {
-  const [t, o] = E(), [r, s] = E(e.height);
-  re(() => {
+  const [t, o] = A(), [r, s] = A(e.height);
+  oe(() => {
     setTimeout(() => {
@@ -1371,7 +1575,7 @@ var a;
   });
-  const l = (c) => {
+  const i = (c) => {
     const a = c.target;
     s(e.height), s(`${a.scrollHeight}px`);
-  }, i = (c) => {
-    const a = c.target, g = new CustomEvent("change", {
+  }, l = (c) => {
+    const a = c.target, b = new CustomEvent("change", {
       detail: {
@@ -1382,6 +1586,6 @@ value: a.value
     });
-    n.dispatchEvent(g);
+    n.dispatchEvent(b);
   }, d = (c) => {
     if ((c.metaKey || c.ctrlKey) && c.key === "Enter" && (c.preventDefault(), c.target)) {
-      const a = c.target, g = new CustomEvent("enter", {
+      const a = c.target, b = new CustomEvent("enter", {
         detail: {
@@ -1391,38 +1595,38 @@ value: a.value
       });
-      n.dispatchEvent(g);
+      n.dispatchEvent(b);
     }
   };
   return [(() => {
-    const c = Tn();
-    return f(c, zn), c;
+    const c = jn();
+    return f(c, Tn), c;
   })(), (() => {
-    const c = jn();
+    const c = Bn();
     return c._$owner = h(), c;
   })(), (() => {
-    const c = Pn();
-    return c.$$keydown = d, c.addEventListener("change", i), c.$$input = l, _e(o, c), b((a) => {
-      const g = r(), $ = e.placeholder;
-      return g !== a._v$ && ((a._v$ = g) != null ? c.style.setProperty("height", g) : c.style.removeProperty("height")), $ !== a._v$2 && v(c, "placeholder", a._v$2 = $), a;
+    const c = On();
+    return c.$$keydown = d, c.addEventListener("change", l), c.$$input = i, Pe(o, c), g((a) => {
+      const b = r(), p = e.placeholder;
+      return b !== a._v$ && ((a._v$ = b) != null ? c.style.setProperty("height", b) : c.style.removeProperty("height")), p !== a._v$2 && x(c, "placeholder", a._v$2 = p), a;
     }, {
       _v$: void 0,
       _v$2: void 0
-    }), b(() => c.value = e.value), c;
+    }), g(() => c.value = e.value), c;
   })(), (() => {
-    const c = Rn();
+    const c = Pn();
     return c._$owner = h(), c;
   })()];
 }, In = () => {
-  m(`${y}-textarea`, {
+  m(`${v}-textarea`, {
     value: "",
     placeholder: "",
     height: "32px"
-  }, Bn);
+  }, Rn);
 };
 Q(["input", "keydown"]);
-const On = `:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);display:inline-flex;gap:var(--gap);height:var(--input-height);padding:0 12px;width:100%}input{background:none;border:none;box-sizing:border-box;color:inherit;font:inherit;outline:none;padding:0;width:inherit}
-`, Nn = /* @__PURE__ */ u("<style>"), Ln = /* @__PURE__ */ u('<slot name="prefix">'), Hn = /* @__PURE__ */ u('<input class="textarea">'), Dn = /* @__PURE__ */ u('<slot name="suffix">'), Fn = (e, {
+const Nn = `:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);display:inline-flex;gap:var(--gap);height:var(--input-height);padding:0 12px;width:100%}input{background:none;border:none;box-sizing:border-box;color:inherit;font:inherit;outline:none;padding:0;width:inherit}
+`, Ln = /* @__PURE__ */ u("<style>"), Fn = /* @__PURE__ */ u('<slot name="prefix">'), Kn = /* @__PURE__ */ u('<input class="textarea">'), Hn = /* @__PURE__ */ u('<slot name="suffix">'), Dn = (e, {
   element: n
 }) => {
   const t = (r) => {
-    const s = r.target, l = new CustomEvent("change", {
+    const s = r.target, i = new CustomEvent("change", {
       detail: {
@@ -1432,6 +1636,6 @@ value: s.value
     });
-    n.dispatchEvent(l);
+    n.dispatchEvent(i);
   }, o = (r) => {
     if (r.keyCode === 13 && (r.preventDefault(), r.target)) {
-      const s = r.target, l = new CustomEvent("enter", {
+      const s = r.target, i = new CustomEvent("enter", {
         detail: {
@@ -1441,80 +1645,81 @@ value: s.value
       });
-      n.dispatchEvent(l);
+      n.dispatchEvent(i);
     }
   };
   return [(() => {
-    const r = Nn();
-    return f(r, On), r;
+    const r = Ln();
+    return f(r, Nn), r;
   })(), (() => {
-    const r = Ln();
+    const r = Fn();
     return r._$owner = h(), r;
   })(), (() => {
-    const r = Hn();
-    return r.$$keydown = o, r.addEventListener("change", t), b((s) => {
-      const l = e.placeholder, i = e.type;
-      return l !== s._v$ && v(r, "placeholder", s._v$ = l), i !== s._v$2 && v(r, "type", s._v$2 = i), s;
+    const r = Kn();
+    return r.$$keydown = o, r.addEventListener("change", t), g((s) => {
+      const i = e.placeholder, l = e.type;
+      return i !== s._v$ && x(r, "placeholder", s._v$ = i), l !== s._v$2 && x(r, "type", s._v$2 = l), s;
     }, {
       _v$: void 0,
       _v$2: void 0
-    }), b(() => r.value = e.value), r;
+    }), g(() => r.value = e.value), r;
   })(), (() => {
-    const r = Dn();
+    const r = Hn();
     return r._$owner = h(), r;
   })()];
-}, Kn = () => {
-  m(`${y}-textfield`, {
+}, Gn = () => {
+  m(`${v}-textfield`, {
     value: "",
     placeholder: "",
     type: "text"
-  }, Fn);
+  }, Dn);
 };
 Q(["keydown"]);
-const de = /* @__PURE__ */ u("<span>"), Gn = (e) => {
-  const [n, t] = E(""), [o, r] = E(0), [s, l] = E(!0), {
-    text: i,
+const fe = /* @__PURE__ */ u("<span>"), Un = (e) => {
+  const [n, t] = A(""), [o, r] = A(0), [s, i] = A(!0), {
+    text: l,
     speed: d = 100,
     cursor: c = "|"
   } = e;
-  return re(() => {
+  return oe(() => {
     const a = setInterval(() => {
-      t(i.substr(0, o())), r(o() + 1), o() >= i.length && (l(!1), clearInterval(a));
+      t(l.substr(0, o())), r(o() + 1), o() >= l.length && (i(!1), clearInterval(a));
     }, d);
   }), [(() => {
-    const a = de();
+    const a = fe();
     return f(a, n), a;
-  })(), I((() => {
-    const a = I(() => !!s());
+  })(), N((() => {
+    const a = N(() => !!s());
     return () => a() && (() => {
-      const g = de();
-      return f(g, c), g;
+      const b = fe();
+      return f(b, c), b;
     })();
   })())];
 }, Mn = () => {
-  m(`${y}-typewriter`, {
+  m(`${v}-typewriter`, {
     text: "",
     speed: 100,
     cursor: "|"
-  }, Gn);
-}, Un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  }, Un);
+}, Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Button: xe,
-  Card: gt,
-  ChatBubble: xt,
-  DanceCount: jt,
-  DanceNumber: ke,
-  FlexBox: It,
+  Button: tt,
+  Card: ft,
+  ChatBubble: _t,
+  CheckBox: Ct,
+  DanceCount: Ot,
+  DanceNumber: xe,
+  FlexBox: Nt,
   FlexItem: Ht,
-  Icon: Mt,
-  ImageCard: Jt,
-  LayoutGrid: en,
-  LayoutHoly: un,
-  PlaceHolder: gn,
-  Radio: Ce,
-  RadioButton: _n,
-  RadioGroup: Sn,
+  Icon: Vt,
+  ImageCard: Qt,
+  LayoutGrid: nn,
+  LayoutHoly: fn,
+  PlaceHolder: pn,
+  Radio: vn,
+  RadioButton: kn,
+  RadioGroup: An,
   Textarea: In,
-  Textfield: Kn,
+  Textfield: Gn,
   Typewriter: Mn
 }, Symbol.toStringTag, { value: "Module" }));
-const Wn = (e = Un) => {
+const Jn = (e = Vn) => {
   for (const n in e) {
@@ -1526,22 +1731,23 @@ const t = e[n];
 export {
-  xe as Button,
-  gt as Card,
-  xt as ChatBubble,
-  jt as DanceCount,
-  ke as DanceNumber,
-  It as FlexBox,
+  tt as Button,
+  ft as Card,
+  _t as ChatBubble,
+  Ct as CheckBox,
+  Ot as DanceCount,
+  xe as DanceNumber,
+  Nt as FlexBox,
   Ht as FlexItem,
-  Mt as Icon,
-  Jt as ImageCard,
-  en as LayoutGrid,
-  un as LayoutHoly,
-  gn as PlaceHolder,
-  Ce as Radio,
-  _n as RadioButton,
-  Sn as RadioGroup,
+  Vt as Icon,
+  Qt as ImageCard,
+  nn as LayoutGrid,
+  fn as LayoutHoly,
+  pn as PlaceHolder,
+  vn as Radio,
+  kn as RadioButton,
+  An as RadioGroup,
   In as Textarea,
-  Kn as Textfield,
+  Gn as Textfield,
   Mn as Typewriter,
-  Wn as defineCustomElements,
-  qn as registerIcon
+  Jn as defineCustomElements,
+  Yn as registerIcon
 };

dist/aura-design.umd.js

@@ -1,3 +0,3 @@
-(function($,H){typeof exports=="object"&&typeof module<"u"?H(exports):typeof define=="function"&&define.amd?define(["exports"],H):($=typeof globalThis<"u"?globalThis:$||self,H($["aura-design"]={}))})(this,function($){"use strict";const H=(e,n)=>e===n,Ge=Symbol("solid-track"),G={equals:H};let de=$e;const R=1,M=2,fe={owned:null,cleanups:null,context:null,owner:null};var v=null;let te=null,m=null,w=null,j=null,U=0;function V(e,n){const t=m,o=v,r=e.length===0,s=r?fe:{owned:null,cleanups:null,context:null,owner:n===void 0?o:n},i=r?e:()=>e(()=>P(()=>Y(s)));v=s,m=null;try{return F(i,!0)}finally{m=t,v=o}}function S(e,n){n=n?Object.assign({},G,n):G;const t={value:e,observers:null,observerSlots:null,comparator:n.equals||void 0},o=r=>(typeof r=="function"&&(r=r(t.value)),be(t,r));return[ge.bind(t),o]}function g(e,n,t){const o=re(e,n,!1,R);D(o)}function he(e,n,t){de=qe;const o=re(e,n,!1,R);o.user=!0,j?j.push(o):D(o)}function O(e,n,t){t=t?Object.assign({},G,t):G;const o=re(e,n,!0,0);return o.observers=null,o.observerSlots=null,o.comparator=t.equals||void 0,D(o),ge.bind(o)}function P(e){if(m===null)return e();const n=m;m=null;try{return e()}finally{m=n}}function ne(e){he(()=>P(e))}function Me(e){return v===null||(v.cleanups===null?v.cleanups=[e]:v.cleanups.push(e)),e}function h(){return v}function ge(){if(this.sources&&this.state)if(this.state===R)D(this);else{const e=w;w=null,F(()=>W(this),!1),w=e}if(m){const e=this.observers?this.observers.length:0;m.sources?(m.sources.push(this),m.sourceSlots.push(e)):(m.sources=[this],m.sourceSlots=[e]),this.observers?(this.observers.push(m),this.observerSlots.push(m.sources.length-1)):(this.observers=[m],this.observerSlots=[m.sources.length-1])}return this.value}function be(e,n,t){let o=e.value;return(!e.comparator||!e.comparator(o,n))&&(e.value=n,e.observers&&e.observers.length&&F(()=>{for(let r=0;r<e.observers.length;r+=1){const s=e.observers[r],i=te&&te.running;i&&te.disposed.has(s),(i?!s.tState:!s.state)&&(s.pure?w.push(s):j.push(s),s.observers&&pe(s)),i||(s.state=R)}if(w.length>1e6)throw w=[],new Error},!1)),n}function D(e){if(!e.fn)return;Y(e);const n=v,t=m,o=U;m=v=e,Ue(e,e.value,o),m=t,v=n}function Ue(e,n,t){let o;try{o=e.fn(n)}catch(r){return e.pure&&(e.state=R,e.owned&&e.owned.forEach(Y),e.owned=null),e.updatedAt=t+1,me(r)}(!e.updatedAt||e.updatedAt<=t)&&(e.updatedAt!=null&&"observers"in e?be(e,o):e.value=o,e.updatedAt=t)}function re(e,n,t,o=R,r){const s={fn:e,state:o,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:n,owner:v,context:null,pure:t};return v===null||v!==fe&&(v.owned?v.owned.push(s):v.owned=[s]),s}function q(e){if(e.state===0)return;if(e.state===M)return W(e);if(e.suspense&&P(e.suspense.inFallback))return e.suspense.effects.push(e);const n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<U);)e.state&&n.push(e);for(let t=n.length-1;t>=0;t--)if(e=n[t],e.state===R)D(e);else if(e.state===M){const o=w;w=null,F(()=>W(e,n[0]),!1),w=o}}function F(e,n){if(w)return e();let t=!1;n||(w=[]),j?t=!0:j=[],U++;try{const o=e();return Ve(t),o}catch(o){t||(j=null),w=null,me(o)}}function Ve(e){if(w&&($e(w),w=null),e)return;const n=j;j=null,n.length&&F(()=>de(n),!1)}function $e(e){for(let n=0;n<e.length;n++)q(e[n])}function qe(e){let n,t=0;for(n=0;n<e.length;n++){const o=e[n];o.user?e[t++]=o:q(o)}for(n=0;n<t;n++)q(e[n])}function W(e,n){e.state=0;for(let t=0;t<e.sources.length;t+=1){const o=e.sources[t];if(o.sources){const r=o.state;r===R?o!==n&&(!o.updatedAt||o.updatedAt<U)&&q(o):r===M&&W(o,n)}}}function pe(e){for(let n=0;n<e.observers.length;n+=1){const t=e.observers[n];t.state||(t.state=M,t.pure?w.push(t):j.push(t),t.observers&&pe(t))}}function Y(e){let n;if(e.sources)for(;e.sources.length;){const t=e.sources.pop(),o=e.sourceSlots.pop(),r=t.observers;if(r&&r.length){const s=r.pop(),i=t.observerSlots.pop();o<r.length&&(s.sourceSlots[i]=o,r[o]=s,t.observerSlots[o]=i)}}if(e.owned){for(n=e.owned.length-1;n>=0;n--)Y(e.owned[n]);e.owned=null}if(e.cleanups){for(n=e.cleanups.length-1;n>=0;n--)e.cleanups[n]();e.cleanups=null}e.state=0,e.context=null}function me(e){throw e}const We=Symbol("fallback");function ye(e){for(let n=0;n<e.length;n++)e[n]()}function Ye(e,n,t={}){let o=[],r=[],s=[],i=0,l=n.length>1?[]:null;return Me(()=>ye(s)),()=>{let d=e()||[],c,a;return d[Ge],P(()=>{let p=d.length,C,E,K,Z,ee,z,T,I,L;if(p===0)i!==0&&(ye(s),s=[],o=[],r=[],i=0,l&&(l=[])),t.fallback&&(o=[We],r[0]=V(Wn=>(s[0]=Wn,t.fallback())),i=1);else if(i===0){for(r=new Array(p),a=0;a<p;a++)o[a]=d[a],r[a]=V(b);i=p}else{for(K=new Array(p),Z=new Array(p),l&&(ee=new Array(p)),z=0,T=Math.min(i,p);z<T&&o[z]===d[z];z++);for(T=i-1,I=p-1;T>=z&&I>=z&&o[T]===d[I];T--,I--)K[I]=r[T],Z[I]=s[T],l&&(ee[I]=l[T]);for(C=new Map,E=new Array(I+1),a=I;a>=z;a--)L=d[a],c=C.get(L),E[a]=c===void 0?-1:c,C.set(L,a);for(c=z;c<=T;c++)L=o[c],a=C.get(L),a!==void 0&&a!==-1?(K[a]=r[c],Z[a]=s[c],l&&(ee[a]=l[c]),a=E[a],C.set(L,a)):s[c]();for(a=z;a<p;a++)a in K?(r[a]=K[a],s[a]=Z[a],l&&(l[a]=ee[a],l[a](a))):r[a]=V(b);r=r.slice(0,i=p),o=d.slice(0)}return r});function b(p){if(s[a]=p,l){const[C,E]=S(a);return l[a]=E,n(d[a],C)}return n(d[a])}}}function x(e,n){return P(()=>e(n||{}))}const Je=e=>`Stale read from <${e}>.`;function oe(e){const n="fallback"in e&&{fallback:()=>e.fallback};return O(Ye(()=>e.each,e.children,n||void 0))}function A(e){const n=e.keyed,t=O(()=>e.when,void 0,{equals:(o,r)=>n?o===r:!o==!r});return O(()=>{const o=t();if(o){const r=e.children;return typeof r=="function"&&r.length>0?P(()=>r(n?o:()=>{if(!P(t))throw Je("Show");return e.when})):r}return e.fallback},void 0,void 0)}function Xe(e,n,t){let o=t.length,r=n.length,s=o,i=0,l=0,d=n[r-1].nextSibling,c=null;for(;i<r||l<s;){if(n[i]===t[l]){i++,l++;continue}for(;n[r-1]===t[s-1];)r--,s--;if(r===i){const a=s<o?l?t[l-1].nextSibling:t[s-l]:d;for(;l<s;)e.insertBefore(t[l++],a)}else if(s===l)for(;i<r;)(!c||!c.has(n[i]))&&n[i].remove(),i++;else if(n[i]===t[s-1]&&t[l]===n[r-1]){const a=n[--r].nextSibling;e.insertBefore(t[l++],n[i++].nextSibling),e.insertBefore(t[--s],a),n[r]=t[s]}else{if(!c){c=new Map;let b=l;for(;b<s;)c.set(t[b],b++)}const a=c.get(n[i]);if(a!=null)if(l<a&&a<s){let b=i,p=1,C;for(;++b<r&&b<s&&!((C=c.get(n[b]))==null||C!==a+p);)p++;if(p>a-l){const E=n[i];for(;l<a;)e.insertBefore(t[l++],E)}else e.replaceChild(t[l++],n[i++])}else i++;else n[i++].remove()}}}const _e="_$DX_DELEGATE";function u(e,n,t){let o;const r=()=>{const i=document.createElement("template");return i.innerHTML=e,t?i.content.firstChild.firstChild:i.content.firstChild},s=n?()=>(o||(o=r())).cloneNode(!0):()=>P(()=>document.importNode(o||(o=r()),!0));return s.cloneNode=s,s}function J(e,n=window.document){const t=n[_e]||(n[_e]=new Set);for(let o=0,r=e.length;o<r;o++){const s=e[o];t.has(s)||(t.add(s),n.addEventListener(s,Ze))}}function k(e,n,t){t==null?e.removeAttribute(n):e.setAttribute(n,t)}function X(e,n){n==null?e.removeAttribute("class"):e.className=n}function Qe(e,n,t){if(!n)return t?k(e,"style"):n;const o=e.style;if(typeof n=="string")return o.cssText=n;typeof t=="string"&&(o.cssText=t=void 0),t||(t={}),n||(n={});let r,s;for(s in t)n[s]==null&&o.removeProperty(s),delete t[s];for(s in n)r=n[s],r!==t[s]&&(o.setProperty(s,r),t[s]=r);return t}function ve(e,n,t){return P(()=>e(n,t))}function f(e,n,t,o){if(t!==void 0&&!o&&(o=[]),typeof n!="function")return Q(e,n,o,t);g(r=>Q(e,n(),r,t),o)}function Ze(e){const n=`$$${e.type}`;let t=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==t&&Object.defineProperty(e,"target",{configurable:!0,value:t}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}});t;){const o=t[n];if(o&&!t.disabled){const r=t[`${n}Data`];if(r!==void 0?o.call(t,r,e):o.call(t,e),e.cancelBubble)return}t=t._$host||t.parentNode||t.host}}function Q(e,n,t,o,r){for(;typeof t=="function";)t=t();if(n===t)return t;const s=typeof n,i=o!==void 0;if(e=i&&t[0]&&t[0].parentNode||e,s==="string"||s==="number")if(s==="number"&&(n=n.toString()),i){let l=t[0];l&&l.nodeType===3?l.data=n:l=document.createTextNode(n),t=N(e,t,o,l)}else t!==""&&typeof t=="string"?t=e.firstChild.data=n:t=e.textContent=n;else if(n==null||s==="boolean")t=N(e,t,o);else{if(s==="function")return g(()=>{let l=n();for(;typeof l=="function";)l=l();t=Q(e,l,t,o)}),()=>t;if(Array.isArray(n)){const l=[],d=t&&Array.isArray(t);if(se(l,n,t,r))return g(()=>t=Q(e,l,t,o,!0)),()=>t;if(l.length===0){if(t=N(e,t,o),i)return t}else d?t.length===0?we(e,l,o):Xe(e,t,l):(t&&N(e),we(e,l));t=l}else if(n instanceof Node){if(Array.isArray(t)){if(i)return t=N(e,t,o,n);N(e,t,null,n)}else t==null||t===""||!e.firstChild?e.appendChild(n):e.replaceChild(n,e.firstChild);t=n}else console.warn("Unrecognized value. Skipped inserting",n)}return t}function se(e,n,t,o){let r=!1;for(let s=0,i=n.length;s<i;s++){let l=n[s],d=t&&t[s];if(l instanceof Node)e.push(l);else if(!(l==null||l===!0||l===!1))if(Array.isArray(l))r=se(e,l,d)||r;else if(typeof l=="function")if(o){for(;typeof l=="function";)l=l();r=se(e,Array.isArray(l)?l:[l],Array.isArray(d)?d:[d])||r}else e.push(l),r=!0;else{const c=String(l);d&&d.nodeType===3?(d.data=c,e.push(d)):e.push(document.createTextNode(c))}}return r}function we(e,n,t=null){for(let o=0,r=n.length;o<r;o++)e.insertBefore(n[o],t)}function N(e,n,t,o){if(t===void 0)return e.textContent="";const r=o||document.createTextNode("");if(n.length){let s=!1;for(let i=n.length-1;i>=0;i--){const l=n[i];if(r!==l){const d=l.parentNode===e;!s&&!i?d?e.replaceChild(r,l):e.insertBefore(r,t):d&&l.remove()}else s=!0}}else e.insertBefore(r,t);return[r]}function et(e){return Object.keys(e).reduce((t,o)=>{const r=e[o];return t[o]=Object.assign({},r),Ce(r.value)&&!st(r.value)&&!Array.isArray(r.value)&&(t[o].value=Object.assign({},r.value)),Array.isArray(r.value)&&(t[o].value=r.value.slice(0)),t},{})}function tt(e){return e?Object.keys(e).reduce((t,o)=>{const r=e[o];return t[o]=Ce(r)&&"value"in r?r:{value:r},t[o].attribute||(t[o].attribute=ot(o)),t[o].parse="parse"in t[o]?t[o].parse:typeof t[o].value!="string",t},{}):{}}function nt(e){return Object.keys(e).reduce((t,o)=>(t[o]=e[o].value,t),{})}function rt(e,n){const t=et(n);return Object.keys(n).forEach(r=>{const s=t[r],i=e.getAttribute(s.attribute),l=e[r];i&&(s.value=s.parse?xe(i):i),l!=null&&(s.value=Array.isArray(l)?l.slice(0):l),s.reflect&&ke(e,s.attribute,s.value),Object.defineProperty(e,r,{get(){return s.value},set(d){const c=s.value;s.value=d,s.reflect&&ke(this,s.attribute,s.value);for(let a=0,b=this.__propertyChangedCallbacks.length;a<b;a++)this.__propertyChangedCallbacks[a](r,d,c)},enumerable:!0,configurable:!0})}),t}function xe(e){if(e)try{return JSON.parse(e)}catch{return e}}function ke(e,n,t){if(t==null||t===!1)return e.removeAttribute(n);let o=JSON.stringify(t);e.__updating[n]=!0,o==="true"&&(o=""),e.setAttribute(n,o),Promise.resolve().then(()=>delete e.__updating[n])}function ot(e){return e.replace(/\.?([A-Z]+)/g,(n,t)=>"-"+t.toLowerCase()).replace("_","-").replace(/^-/,"")}function Ce(e){return e!=null&&(typeof e=="object"||typeof e=="function")}function st(e){return Object.prototype.toString.call(e)==="[object Function]"}function it(e){return typeof e=="function"&&e.toString().indexOf("class")===0}let ie;function lt(e,n){const t=Object.keys(n);return class extends e{static get observedAttributes(){return t.map(r=>n[r].attribute)}constructor(){super(),this.__initialized=!1,this.__released=!1,this.__releaseCallbacks=[],this.__propertyChangedCallbacks=[],this.__updating={},this.props={}}connectedCallback(){if(this.__initialized)return;this.__releaseCallbacks=[],this.__propertyChangedCallbacks=[],this.__updating={},this.props=rt(this,n);const r=nt(this.props),s=this.Component,i=ie;try{ie=this,this.__initialized=!0,it(s)?new s(r,{element:this}):s(r,{element:this})}finally{ie=i}}async disconnectedCallback(){if(await Promise.resolve(),this.isConnected)return;this.__propertyChangedCallbacks.length=0;let r=null;for(;r=this.__releaseCallbacks.pop();)r(this);delete this.__initialized,this.__released=!0}attributeChangedCallback(r,s,i){if(this.__initialized&&!this.__updating[r]&&(r=this.lookupProp(r),r in n)){if(i==null&&!this[r])return;this[r]=n[r].parse?xe(i):i}}lookupProp(r){if(n)return t.find(s=>r===s||r===n[s].attribute)}get renderRoot(){return this.shadowRoot||this.attachShadow({mode:"open"})}addReleaseCallback(r){this.__releaseCallbacks.push(r)}addPropertyChangedCallback(r){this.__propertyChangedCallbacks.push(r)}}}function at(e,n={},t={}){const{BaseElement:o=HTMLElement,extension:r}=t;return s=>{if(!e)throw new Error("tag is required to register a Component");let i=customElements.get(e);return i?(i.prototype.Component=s,i):(i=lt(o,tt(n)),i.prototype.Component=s,i.prototype.registeredTag=e,customElements.define(e,i,r),i)}}function ct(e){const n=Object.keys(e),t={};for(let o=0;o<n.length;o++){const[r,s]=S(e[n[o]]);Object.defineProperty(t,n[o],{get:r,set(i){s(()=>i)}})}return t}function ut(e){if(e.assignedSlot&&e.assignedSlot._$owner)return e.assignedSlot._$owner;let n=e.parentNode;for(;n&&!n._$owner&&!(n.assignedSlot&&n.assignedSlot._$owner);)n=n.parentNode;return n&&n.assignedSlot?n.assignedSlot._$owner:e._$owner}function dt(e){return(n,t)=>{const{element:o}=t;return V(r=>{const s=ct(n);o.addPropertyChangedCallback((l,d)=>s[l]=d),o.addReleaseCallback(()=>{o.renderRoot.textContent="",r()});const i=e(s,t);return f(o.renderRoot,i)},ut(o))}}function y(e,n,t){return arguments.length===2&&(t=n,n={}),at(e,n)(dt(t))}const _="ar",ft=`:host{align-items:center;border-radius:var(--border-radius);display:inline-flex;height:var(--input-height)}button{align-items:center;background:inherit;border:none;border-radius:inherit;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--gap);height:inherit;justify-content:center;outline:none;padding:0 12px;width:inherit}button:hover{filter:brightness(1.1)}.primary{background-image:var(--accent-gradient);color:var(--accent-color)}.primary.text{background-image:none;color:var(--primary-color)}.primary.outline{background-image:none;border:1px solid var(--primary-color);color:var(--primary-color)}.primary:hover{filter:brightness(1.2)}.info{background:var(--info-color)}.info.text{background:none;color:var(--text-color)}.info.outline{background:none;border:1px solid var(--info-color);color:var(--text-color)}.info:hover{filter:brightness(.95)}.warning{background:var(--warning-color);color:var(--accent-color)}.warning.text{background:none;color:var(--warning-color)}.warning.outline{background:none;border:1px solid var(--warning-color);color:var(--warning-color)}.danger{background:var(--danger-color);color:var(--accent-color)}.danger.text{background:none;color:var(--danger-color)}.danger.outline{background:none;border:1px solid var(--danger-color);color:var(--danger-color)}.success{background:var(--success-color);color:var(--accent-color)}.success.text{background:none;color:var(--success-color)}.success.outline{background:none;border:1px solid var(--success-color);color:var(--success-color)}.circle{border-radius:50%;padding:0 2px;width:var(--input-height)}.round{border-radius:var(--round-radius)}
-`,ht=u("<style>"),Ee=u('<ar-icon name="loading" spin>',!0,!1),gt=u("<button>"),bt=u('<button><slot></slot><slot name="suffix">'),$t=u('<slot name="prefix">'),pt=u("<slot>"),mt=e=>[(()=>{const n=ht();return f(n,ft),n})(),x(A,{get when(){return e.shape==="circle"},get fallback(){return(()=>{const n=bt(),t=n.firstChild,o=t.nextSibling;return f(n,x(A,{get when(){return e.loading},get fallback(){return(()=>{const r=$t();return r._$owner=h(),r})()},get children(){const r=Ee();return r._$owner=h(),r}}),t),t._$owner=h(),o._$owner=h(),g(()=>X(n,`${e.status} ${e.type} ${e.shape}`)),n})()},get children(){const n=gt();return f(n,x(A,{get when(){return e.loading},get fallback(){return(()=>{const t=pt();return t._$owner=h(),t})()},get children(){const t=Ee();return t._$owner=h(),t}})),g(()=>X(n,`${e.status} ${e.type} ${e.shape}`)),n}})],le=()=>{y(`${_}-button`,{type:"default",status:"primary",shape:"default",loading:!1},mt)},B=(e,...n)=>e.reduce((o,r,s)=>o+r+(n[s]||""),""),yt=u('<ar-icon size="5rem">',!0,!1),_t=u('<div class="flex flex-col justify-center gap-2 h-20"><div class="font-bold"></div><div class="font-size-3">'),vt=u('<img class="w-20 rd-2" alt="logo">'),wt=u('<img class="w-6" alt="avatar">'),xt=u("<div>"),kt=u(`<style>/* layer: preflights */
+(function(p,F){typeof exports=="object"&&typeof module<"u"?F(exports):typeof define=="function"&&define.amd?define(["exports"],F):(p=typeof globalThis<"u"?globalThis:p||self,F(p["aura-design"]={}))})(this,function(p){"use strict";const F=(e,n)=>e===n,Ge=Symbol("solid-track"),G={equals:F};let ue=ge;const I=1,M=2,de={owned:null,cleanups:null,context:null,owner:null};var _=null;let te=null,m=null,w=null,j=null,U=0;function V(e,n){const t=m,o=_,r=e.length===0,i=r?de:{owned:null,cleanups:null,context:null,owner:n===void 0?o:n},s=r?e:()=>e(()=>O(()=>J(i)));_=i,m=null;try{return H(s,!0)}finally{m=t,_=o}}function S(e,n){n=n?Object.assign({},G,n):G;const t={value:e,observers:null,observerSlots:null,comparator:n.equals||void 0},o=r=>(typeof r=="function"&&(r=r(t.value)),he(t,r));return[fe.bind(t),o]}function g(e,n,t){const o=oe(e,n,!1,I);K(o)}function ne(e,n,t){ue=qe;const o=oe(e,n,!1,I);o.user=!0,j?j.push(o):K(o)}function R(e,n,t){t=t?Object.assign({},G,t):G;const o=oe(e,n,!0,0);return o.observers=null,o.observerSlots=null,o.comparator=t.equals||void 0,K(o),fe.bind(o)}function O(e){if(m===null)return e();const n=m;m=null;try{return e()}finally{m=n}}function re(e){ne(()=>O(e))}function Me(e){return _===null||(_.cleanups===null?_.cleanups=[e]:_.cleanups.push(e)),e}function h(){return _}function fe(){if(this.sources&&this.state)if(this.state===I)K(this);else{const e=w;w=null,H(()=>Y(this),!1),w=e}if(m){const e=this.observers?this.observers.length:0;m.sources?(m.sources.push(this),m.sourceSlots.push(e)):(m.sources=[this],m.sourceSlots=[e]),this.observers?(this.observers.push(m),this.observerSlots.push(m.sources.length-1)):(this.observers=[m],this.observerSlots=[m.sources.length-1])}return this.value}function he(e,n,t){let o=e.value;return(!e.comparator||!e.comparator(o,n))&&(e.value=n,e.observers&&e.observers.length&&H(()=>{for(let r=0;r<e.observers.length;r+=1){const i=e.observers[r],s=te&&te.running;s&&te.disposed.has(i),(s?!i.tState:!i.state)&&(i.pure?w.push(i):j.push(i),i.observers&&be(i)),s||(i.state=I)}if(w.length>1e6)throw w=[],new Error},!1)),n}function K(e){if(!e.fn)return;J(e);const n=_,t=m,o=U;m=_=e,Ue(e,e.value,o),m=t,_=n}function Ue(e,n,t){let o;try{o=e.fn(n)}catch(r){return e.pure&&(e.state=I,e.owned&&e.owned.forEach(J),e.owned=null),e.updatedAt=t+1,pe(r)}(!e.updatedAt||e.updatedAt<=t)&&(e.updatedAt!=null&&"observers"in e?he(e,o):e.value=o,e.updatedAt=t)}function oe(e,n,t,o=I,r){const i={fn:e,state:o,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:n,owner:_,context:null,pure:t};return _===null||_!==de&&(_.owned?_.owned.push(i):_.owned=[i]),i}function q(e){if(e.state===0)return;if(e.state===M)return Y(e);if(e.suspense&&O(e.suspense.inFallback))return e.suspense.effects.push(e);const n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<U);)e.state&&n.push(e);for(let t=n.length-1;t>=0;t--)if(e=n[t],e.state===I)K(e);else if(e.state===M){const o=w;w=null,H(()=>Y(e,n[0]),!1),w=o}}function H(e,n){if(w)return e();let t=!1;n||(w=[]),j?t=!0:j=[],U++;try{const o=e();return Ve(t),o}catch(o){t||(j=null),w=null,pe(o)}}function Ve(e){if(w&&(ge(w),w=null),e)return;const n=j;j=null,n.length&&H(()=>ue(n),!1)}function ge(e){for(let n=0;n<e.length;n++)q(e[n])}function qe(e){let n,t=0;for(n=0;n<e.length;n++){const o=e[n];o.user?e[t++]=o:q(o)}for(n=0;n<t;n++)q(e[n])}function Y(e,n){e.state=0;for(let t=0;t<e.sources.length;t+=1){const o=e.sources[t];if(o.sources){const r=o.state;r===I?o!==n&&(!o.updatedAt||o.updatedAt<U)&&q(o):r===M&&Y(o,n)}}}function be(e){for(let n=0;n<e.observers.length;n+=1){const t=e.observers[n];t.state||(t.state=M,t.pure?w.push(t):j.push(t),t.observers&&be(t))}}function J(e){let n;if(e.sources)for(;e.sources.length;){const t=e.sources.pop(),o=e.sourceSlots.pop(),r=t.observers;if(r&&r.length){const i=r.pop(),s=t.observerSlots.pop();o<r.length&&(i.sourceSlots[s]=o,r[o]=i,t.observerSlots[o]=s)}}if(e.owned){for(n=e.owned.length-1;n>=0;n--)J(e.owned[n]);e.owned=null}if(e.cleanups){for(n=e.cleanups.length-1;n>=0;n--)e.cleanups[n]();e.cleanups=null}e.state=0,e.context=null}function pe(e){throw e}const Ye=Symbol("fallback");function $e(e){for(let n=0;n<e.length;n++)e[n]()}function Je(e,n,t={}){let o=[],r=[],i=[],s=0,l=n.length>1?[]:null;return Me(()=>$e(i)),()=>{let d=e()||[],c,a;return d[Ge],O(()=>{let $=d.length,k,z,D,Z,ee,A,T,P,L;if($===0)s!==0&&($e(i),i=[],o=[],r=[],s=0,l&&(l=[])),t.fallback&&(o=[Ye],r[0]=V(Jn=>(i[0]=Jn,t.fallback())),s=1);else if(s===0){for(r=new Array($),a=0;a<$;a++)o[a]=d[a],r[a]=V(b);s=$}else{for(D=new Array($),Z=new Array($),l&&(ee=new Array($)),A=0,T=Math.min(s,$);A<T&&o[A]===d[A];A++);for(T=s-1,P=$-1;T>=A&&P>=A&&o[T]===d[P];T--,P--)D[P]=r[T],Z[P]=i[T],l&&(ee[P]=l[T]);for(k=new Map,z=new Array(P+1),a=P;a>=A;a--)L=d[a],c=k.get(L),z[a]=c===void 0?-1:c,k.set(L,a);for(c=A;c<=T;c++)L=o[c],a=k.get(L),a!==void 0&&a!==-1?(D[a]=r[c],Z[a]=i[c],l&&(ee[a]=l[c]),a=z[a],k.set(L,a)):i[c]();for(a=A;a<$;a++)a in D?(r[a]=D[a],i[a]=Z[a],l&&(l[a]=ee[a],l[a](a))):r[a]=V(b);r=r.slice(0,s=$),o=d.slice(0)}return r});function b($){if(i[a]=$,l){const[k,z]=S(a);return l[a]=z,n(d[a],k)}return n(d[a])}}}function C(e,n){return O(()=>e(n||{}))}const We=e=>`Stale read from <${e}>.`;function ie(e){const n="fallback"in e&&{fallback:()=>e.fallback};return R(Je(()=>e.each,e.children,n||void 0))}function B(e){const n=e.keyed,t=R(()=>e.when,void 0,{equals:(o,r)=>n?o===r:!o==!r});return R(()=>{const o=t();if(o){const r=e.children;return typeof r=="function"&&r.length>0?O(()=>r(n?o:()=>{if(!O(t))throw We("Show");return e.when})):r}return e.fallback},void 0,void 0)}function Xe(e,n,t){let o=t.length,r=n.length,i=o,s=0,l=0,d=n[r-1].nextSibling,c=null;for(;s<r||l<i;){if(n[s]===t[l]){s++,l++;continue}for(;n[r-1]===t[i-1];)r--,i--;if(r===s){const a=i<o?l?t[l-1].nextSibling:t[i-l]:d;for(;l<i;)e.insertBefore(t[l++],a)}else if(i===l)for(;s<r;)(!c||!c.has(n[s]))&&n[s].remove(),s++;else if(n[s]===t[i-1]&&t[l]===n[r-1]){const a=n[--r].nextSibling;e.insertBefore(t[l++],n[s++].nextSibling),e.insertBefore(t[--i],a),n[r]=t[i]}else{if(!c){c=new Map;let b=l;for(;b<i;)c.set(t[b],b++)}const a=c.get(n[s]);if(a!=null)if(l<a&&a<i){let b=s,$=1,k;for(;++b<r&&b<i&&!((k=c.get(n[b]))==null||k!==a+$);)$++;if($>a-l){const z=n[s];for(;l<a;)e.insertBefore(t[l++],z)}else e.replaceChild(t[l++],n[s++])}else s++;else n[s++].remove()}}}const me="_$DX_DELEGATE";function u(e,n,t){let o;const r=()=>{const s=document.createElement("template");return s.innerHTML=e,t?s.content.firstChild.firstChild:s.content.firstChild},i=n?()=>(o||(o=r())).cloneNode(!0):()=>O(()=>document.importNode(o||(o=r()),!0));return i.cloneNode=i,i}function W(e,n=window.document){const t=n[me]||(n[me]=new Set);for(let o=0,r=e.length;o<r;o++){const i=e[o];t.has(i)||(t.add(i),n.addEventListener(i,Ze))}}function x(e,n,t){t==null?e.removeAttribute(n):e.setAttribute(n,t)}function X(e,n){n==null?e.removeAttribute("class"):e.className=n}function Qe(e,n,t){return O(()=>e(n,t))}function f(e,n,t,o){if(t!==void 0&&!o&&(o=[]),typeof n!="function")return Q(e,n,o,t);g(r=>Q(e,n(),r,t),o)}function Ze(e){const n=`$$${e.type}`;let t=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==t&&Object.defineProperty(e,"target",{configurable:!0,value:t}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}});t;){const o=t[n];if(o&&!t.disabled){const r=t[`${n}Data`];if(r!==void 0?o.call(t,r,e):o.call(t,e),e.cancelBubble)return}t=t._$host||t.parentNode||t.host}}function Q(e,n,t,o,r){for(;typeof t=="function";)t=t();if(n===t)return t;const i=typeof n,s=o!==void 0;if(e=s&&t[0]&&t[0].parentNode||e,i==="string"||i==="number")if(i==="number"&&(n=n.toString()),s){let l=t[0];l&&l.nodeType===3?l.data=n:l=document.createTextNode(n),t=N(e,t,o,l)}else t!==""&&typeof t=="string"?t=e.firstChild.data=n:t=e.textContent=n;else if(n==null||i==="boolean")t=N(e,t,o);else{if(i==="function")return g(()=>{let l=n();for(;typeof l=="function";)l=l();t=Q(e,l,t,o)}),()=>t;if(Array.isArray(n)){const l=[],d=t&&Array.isArray(t);if(se(l,n,t,r))return g(()=>t=Q(e,l,t,o,!0)),()=>t;if(l.length===0){if(t=N(e,t,o),s)return t}else d?t.length===0?ve(e,l,o):Xe(e,t,l):(t&&N(e),ve(e,l));t=l}else if(n instanceof Node){if(Array.isArray(t)){if(s)return t=N(e,t,o,n);N(e,t,null,n)}else t==null||t===""||!e.firstChild?e.appendChild(n):e.replaceChild(n,e.firstChild);t=n}else console.warn("Unrecognized value. Skipped inserting",n)}return t}function se(e,n,t,o){let r=!1;for(let i=0,s=n.length;i<s;i++){let l=n[i],d=t&&t[i];if(l instanceof Node)e.push(l);else if(!(l==null||l===!0||l===!1))if(Array.isArray(l))r=se(e,l,d)||r;else if(typeof l=="function")if(o){for(;typeof l=="function";)l=l();r=se(e,Array.isArray(l)?l:[l],Array.isArray(d)?d:[d])||r}else e.push(l),r=!0;else{const c=String(l);d&&d.nodeType===3?(d.data=c,e.push(d)):e.push(document.createTextNode(c))}}return r}function ve(e,n,t=null){for(let o=0,r=n.length;o<r;o++)e.insertBefore(n[o],t)}function N(e,n,t,o){if(t===void 0)return e.textContent="";const r=o||document.createTextNode("");if(n.length){let i=!1;for(let s=n.length-1;s>=0;s--){const l=n[s];if(r!==l){const d=l.parentNode===e;!i&&!s?d?e.replaceChild(r,l):e.insertBefore(r,t):d&&l.remove()}else i=!0}}else e.insertBefore(r,t);return[r]}function et(e){return Object.keys(e).reduce((t,o)=>{const r=e[o];return t[o]=Object.assign({},r),we(r.value)&&!it(r.value)&&!Array.isArray(r.value)&&(t[o].value=Object.assign({},r.value)),Array.isArray(r.value)&&(t[o].value=r.value.slice(0)),t},{})}function tt(e){return e?Object.keys(e).reduce((t,o)=>{const r=e[o];return t[o]=we(r)&&"value"in r?r:{value:r},t[o].attribute||(t[o].attribute=ot(o)),t[o].parse="parse"in t[o]?t[o].parse:typeof t[o].value!="string",t},{}):{}}function nt(e){return Object.keys(e).reduce((t,o)=>(t[o]=e[o].value,t),{})}function rt(e,n){const t=et(n);return Object.keys(n).forEach(r=>{const i=t[r],s=e.getAttribute(i.attribute),l=e[r];s&&(i.value=i.parse?ye(s):s),l!=null&&(i.value=Array.isArray(l)?l.slice(0):l),i.reflect&&_e(e,i.attribute,i.value),Object.defineProperty(e,r,{get(){return i.value},set(d){const c=i.value;i.value=d,i.reflect&&_e(this,i.attribute,i.value);for(let a=0,b=this.__propertyChangedCallbacks.length;a<b;a++)this.__propertyChangedCallbacks[a](r,d,c)},enumerable:!0,configurable:!0})}),t}function ye(e){if(e)try{return JSON.parse(e)}catch{return e}}function _e(e,n,t){if(t==null||t===!1)return e.removeAttribute(n);let o=JSON.stringify(t);e.__updating[n]=!0,o==="true"&&(o=""),e.setAttribute(n,o),Promise.resolve().then(()=>delete e.__updating[n])}function ot(e){return e.replace(/\.?([A-Z]+)/g,(n,t)=>"-"+t.toLowerCase()).replace("_","-").replace(/^-/,"")}function we(e){return e!=null&&(typeof e=="object"||typeof e=="function")}function it(e){return Object.prototype.toString.call(e)==="[object Function]"}function st(e){return typeof e=="function"&&e.toString().indexOf("class")===0}let le;function lt(e,n){const t=Object.keys(n);return class extends e{static get observedAttributes(){return t.map(r=>n[r].attribute)}constructor(){super(),this.__initialized=!1,this.__released=!1,this.__releaseCallbacks=[],this.__propertyChangedCallbacks=[],this.__updating={},this.props={}}connectedCallback(){if(this.__initialized)return;this.__releaseCallbacks=[],this.__propertyChangedCallbacks=[],this.__updating={},this.props=rt(this,n);const r=nt(this.props),i=this.Component,s=le;try{le=this,this.__initialized=!0,st(i)?new i(r,{element:this}):i(r,{element:this})}finally{le=s}}async disconnectedCallback(){if(await Promise.resolve(),this.isConnected)return;this.__propertyChangedCallbacks.length=0;let r=null;for(;r=this.__releaseCallbacks.pop();)r(this);delete this.__initialized,this.__released=!0}attributeChangedCallback(r,i,s){if(this.__initialized&&!this.__updating[r]&&(r=this.lookupProp(r),r in n)){if(s==null&&!this[r])return;this[r]=n[r].parse?ye(s):s}}lookupProp(r){if(n)return t.find(i=>r===i||r===n[i].attribute)}get renderRoot(){return this.shadowRoot||this.attachShadow({mode:"open"})}addReleaseCallback(r){this.__releaseCallbacks.push(r)}addPropertyChangedCallback(r){this.__propertyChangedCallbacks.push(r)}}}function at(e,n={},t={}){const{BaseElement:o=HTMLElement,extension:r}=t;return i=>{if(!e)throw new Error("tag is required to register a Component");let s=customElements.get(e);return s?(s.prototype.Component=i,s):(s=lt(o,tt(n)),s.prototype.Component=i,s.prototype.registeredTag=e,customElements.define(e,s,r),s)}}function ct(e){const n=Object.keys(e),t={};for(let o=0;o<n.length;o++){const[r,i]=S(e[n[o]]);Object.defineProperty(t,n[o],{get:r,set(s){i(()=>s)}})}return t}function ut(e){if(e.assignedSlot&&e.assignedSlot._$owner)return e.assignedSlot._$owner;let n=e.parentNode;for(;n&&!n._$owner&&!(n.assignedSlot&&n.assignedSlot._$owner);)n=n.parentNode;return n&&n.assignedSlot?n.assignedSlot._$owner:e._$owner}function dt(e){return(n,t)=>{const{element:o}=t;return V(r=>{const i=ct(n);o.addPropertyChangedCallback((l,d)=>i[l]=d),o.addReleaseCallback(()=>{o.renderRoot.textContent="",r()});const s=e(i,t);return f(o.renderRoot,s)},ut(o))}}function v(e,n,t){return arguments.length===2&&(t=n,n={}),at(e,n)(dt(t))}const y="ar",ft=`:host{align-items:center;border-radius:var(--border-radius);display:inline-flex;height:var(--input-height)}button{align-items:center;background:inherit;border:none;border-radius:inherit;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--gap);height:inherit;justify-content:center;outline:none;padding:0 12px;width:inherit}button:hover{filter:brightness(1.1)}.primary{background-image:var(--accent-gradient);color:var(--accent-color)}.primary.text{background-image:none;color:var(--primary-color)}.primary.outline{background-image:none;border:1px solid var(--primary-color);color:var(--primary-color)}.primary:hover{filter:brightness(1.2)}.info{background:var(--info-color)}.info.text{background:none;color:var(--text-color)}.info.outline{background:none;border:1px solid var(--info-color);color:var(--text-color)}.info:hover{filter:brightness(.95)}.warning{background:var(--warning-color);color:var(--accent-color)}.warning.text{background:none;color:var(--warning-color)}.warning.outline{background:none;border:1px solid var(--warning-color);color:var(--warning-color)}.danger{background:var(--danger-color);color:var(--accent-color)}.danger.text{background:none;color:var(--danger-color)}.danger.outline{background:none;border:1px solid var(--danger-color);color:var(--danger-color)}.success{background:var(--success-color);color:var(--accent-color)}.success.text{background:none;color:var(--success-color)}.success.outline{background:none;border:1px solid var(--success-color);color:var(--success-color)}.circle{border-radius:50%;padding:0 2px;width:var(--input-height)}.round{border-radius:var(--round-radius)}
+`,ht=u("<style>"),xe=u('<ar-icon name="loading" spin>',!0,!1),gt=u("<button>"),bt=u('<button><slot></slot><slot name="suffix">'),pt=u('<slot name="prefix">'),$t=u("<slot>"),mt=e=>[(()=>{const n=ht();return f(n,ft),n})(),C(B,{get when(){return e.shape==="circle"},get fallback(){return(()=>{const n=bt(),t=n.firstChild,o=t.nextSibling;return f(n,C(B,{get when(){return e.loading},get fallback(){return(()=>{const r=pt();return r._$owner=h(),r})()},get children(){const r=xe();return r._$owner=h(),r}}),t),t._$owner=h(),o._$owner=h(),g(()=>X(n,`${e.status} ${e.type} ${e.shape}`)),n})()},get children(){const n=gt();return f(n,C(B,{get when(){return e.loading},get fallback(){return(()=>{const t=$t();return t._$owner=h(),t})()},get children(){const t=xe();return t._$owner=h(),t}})),g(()=>X(n,`${e.status} ${e.type} ${e.shape}`)),n}})],ke=()=>{v(`${y}-button`,{type:"default",status:"primary",shape:"default",loading:!1},mt)},E=(e,...n)=>e.reduce((o,r,i)=>o+r+(n[i]||""),""),vt=u('<ar-icon size="5rem">',!0,!1),yt=u('<div class="flex flex-col justify-center gap-2 h-20"><div class="font-bold"></div><div class="font-size-3">'),_t=u('<img class="w-20 rd-2" alt="logo">'),wt=u('<img class="w-6" alt="avatar">'),xt=u("<div>"),kt=u(`<style>/* layer: preflights */
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
@@ -21,3 +21,3 @@ /* layer: default */
 .font-bold{font-weight:700;}
-.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);};`),Ct=u('<slot class="flex items-center p-3 gap-3" style="border-bottom:1px solid var(--gray-2)" name="header">'),Et=u('<slot name="footer" class="flex items-center p-3 gap-3" style="border-top:1px solid var(--gray-2)">'),St=u('<div class="bg-1 rd-3 cursor-pointer"><slot class="flex items-center p-3 gap-3">'),At=e=>{const n=B`
+.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);};`),Ct=u('<slot class="flex items-center p-3 gap-3" style="border-bottom:1px solid var(--gray-2)" name="header">'),Et=u('<slot name="footer" class="flex items-center p-3 gap-3" style="border-top:1px solid var(--gray-2)">'),St=u('<div class="bg-1 rd-3 cursor-pointer"><slot class="flex items-center p-3 gap-3">'),zt=e=>{const n=E`
         :host {
@@ -33,3 +33,3 @@ display: block;
         }
-    `,t=()=>[x(A,{get when(){return e.icon},get fallback(){return(()=>{const r=vt();return g(()=>k(r,"src",e.logo)),r})()},get children(){const r=yt();return r._$owner=h(),g(()=>r.name=e.logo),r}}),(()=>{const r=_t(),s=r.firstChild,i=s.nextSibling;return f(s,()=>e.title),f(i,()=>e.description),r})()],o=()=>[(()=>{const r=wt();return g(()=>k(r,"src",e.avatar||"/apple-touch-icon.png")),r})(),(()=>{const r=xt();return f(r,()=>e.creator||"A-M"),r})()];return[(()=>{const r=kt(),s=r.firstChild;return f(r,n,s),r})(),(()=>{const r=St(),s=r.firstChild;return f(r,x(A,{get when(){return e.header},get children(){const i=Ct();return i._$owner=h(),i}}),s),s._$owner=h(),f(s,t),f(r,x(A,{get when(){return e.footer},get children(){const i=Et();return i._$owner=h(),f(i,o),i}}),null),r})()]},Se=()=>{y(`${_}-card`,{header:!1,footer:!0,icon:!1,logo:"ai-chat",title:"",description:"",avatar:"",creator:"",shadow:"never"},At)},zt=u(`<style>/* layer: preflights */
+    `,t=()=>[C(B,{get when(){return e.icon},get fallback(){return(()=>{const r=_t();return g(()=>x(r,"src",e.logo)),r})()},get children(){const r=vt();return r._$owner=h(),g(()=>r.name=e.logo),r}}),(()=>{const r=yt(),i=r.firstChild,s=i.nextSibling;return f(i,()=>e.title),f(s,()=>e.description),r})()],o=()=>[(()=>{const r=wt();return g(()=>x(r,"src",e.avatar||"/apple-touch-icon.png")),r})(),(()=>{const r=xt();return f(r,()=>e.creator||"A-M"),r})()];return[(()=>{const r=kt(),i=r.firstChild;return f(r,n,i),r})(),(()=>{const r=St(),i=r.firstChild;return f(r,C(B,{get when(){return e.header},get children(){const s=Ct();return s._$owner=h(),s}}),i),i._$owner=h(),f(i,t),f(r,C(B,{get when(){return e.footer},get children(){const s=Et();return s._$owner=h(),f(s,o),s}}),null),r})()]},Ce=()=>{v(`${y}-card`,{header:!1,footer:!0,icon:!1,logo:"ai-chat",title:"",description:"",avatar:"",creator:"",shadow:"never"},zt)},At=u(`<style>/* layer: preflights */
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
@@ -46,3 +46,3 @@ /* layer: default */
 .rd-3{border-radius:0.75rem;}
-.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`),Tt=u('<ar-icon size="2.75rem">',!0,!1),jt=u('<div class="chat-avatar flex items-center">'),Pt=u('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>',!0,!1),It=u('<div><div class="chat-content p-x-3 rd-3">'),Rt=u('<img class="w-11 rd-2 self-start" alt="avatar">'),Bt=u("<ar-rich-text>",!0,!1),Ot=e=>{const n=B`
+.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`),Tt=u('<ar-icon size="2.75rem">',!0,!1),jt=u('<div class="chat-avatar flex items-center">'),Ot=u('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>',!0,!1),Bt=u('<div><div class="chat-content p-x-3 rd-3">'),Pt=u('<img class="w-11 rd-2 self-start" alt="avatar">'),It=u("<ar-rich-text>",!0,!1),Rt=e=>{const n=E`
         :host {
@@ -87,6 +87,83 @@ display: block;
         }
-    `;return[(()=>{const t=zt(),o=t.firstChild;return f(t,n,o),t})(),(()=>{const t=It(),o=t.firstChild;return f(t,x(A,{get when(){return e.showAvatar},get children(){const r=jt();return f(r,x(A,{get when(){return e.avatarType==="icon"},get fallback(){return(()=>{const s=Rt();return g(()=>k(s,"src",e.avatar)),s})()},get children(){const s=Tt();return s._$owner=h(),g(()=>s.name=e.role==="user"?e.avatar||"avatar-01":e.avatar||"ai-chat"),s}})),r}}),o),f(o,x(A,{get when(){return e.loading},get fallback(){return(()=>{const r=Bt();return r._$owner=h(),g(()=>r.text=e.content),r})()},get children(){const r=Pt(),s=r.firstChild,i=s.nextSibling;return f(s,()=>e.loadingText),i._$owner=h(),r}})),g(()=>X(t,`chat-bubble ${e.role==="user"?"right":"left"} m-3`)),t})()]},Ae=()=>{y(`${_}-chat-bubble`,{role:"",content:"",loading:!1,loadingText:"",showAvatar:!0,avatar:"",avatarType:"icon",direction:"row"},Ot)},Nt=u("<style>"),Lt=u('<div class="box"><div class="nums-chip"><div class="number">0</div><div class="number">1</div><div class="number">2</div><div class="number">3</div><div class="number">4</div><div class="number">5</div><div class="number">6</div><div class="number">7</div><div class="number">8</div><div class="number">9'),Ht=(e,{element:n})=>{const t=B`
+    `;return[(()=>{const t=At(),o=t.firstChild;return f(t,n,o),t})(),(()=>{const t=Bt(),o=t.firstChild;return f(t,C(B,{get when(){return e.showAvatar},get children(){const r=jt();return f(r,C(B,{get when(){return e.avatarType==="icon"},get fallback(){return(()=>{const i=Pt();return g(()=>x(i,"src",e.avatar)),i})()},get children(){const i=Tt();return i._$owner=h(),g(()=>i.name=e.role==="user"?e.avatar||"avatar-01":e.avatar||"ai-chat"),i}})),r}}),o),f(o,C(B,{get when(){return e.loading},get fallback(){return(()=>{const r=It();return r._$owner=h(),g(()=>r.text=e.content),r})()},get children(){const r=Ot(),i=r.firstChild,s=i.nextSibling;return f(i,()=>e.loadingText),s._$owner=h(),r}})),g(()=>X(t,`chat-bubble ${e.role==="user"?"right":"left"} m-3`)),t})()]},Ee=()=>{v(`${y}-chat-bubble`,{role:"",content:"",loading:!1,loadingText:"",showAvatar:!0,avatar:"",avatarType:"icon",direction:"row"},Rt)},Nt=u("<style>"),Lt=u('<label class="container"><input type="checkbox"><div class="checkmark"></div><slot>'),Ft=(e,{element:n})=>{const t=E`
         :host {
             display: inline-block;
         }
+
+        .container input {
+            position: absolute;
+            opacity: 0;
+            cursor: pointer;
+            height: 0;
+            width: 0;
+        }
+
+        .container {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            position: relative;
+            cursor: pointer;
+            user-select: none;
+        }
+
+        /* Create a custom checkbox */
+        .checkmark {
+            position: relative;
+            top: 0;
+            left: 0;
+            height: var(--checkbox-size);
+            width: var(--checkbox-size);
+            background-color: var(--bg-2);
+            transition: all 0.3s;
+            border-radius: 5px;
+        }
+
+        /* When the checkbox is checked, add a blue background */
+        .container input:checked ~ .checkmark {
+            background-color: var(--primary-color);
+            animation: pop 0.5s;
+            animation-direction: alternate;
+        }
+
+        /* Create the checkmark/indicator (hidden when not checked) */
+        .checkmark:after {
+            content: '';
+            position: absolute;
+            display: none;
+        }
+
+        /* Show the checkmark when checked */
+        .container input:checked ~ .checkmark:after {
+            display: block;
+        }
+
+        /* Style the checkmark/indicator */
+        .container .checkmark:after {
+            left: 50%;
+            top: 50%;
+            width: 0.25em;
+            height: 0.5em;
+            border: solid white;
+            border-width: 0 0.15em 0.15em 0;
+            transform: translate(-50%, -60%) rotate(45deg);
+        }
+
+        @keyframes pop {
+            0% {
+                transform: scale(1);
+            }
+
+            50% {
+                transform: scale(0.9);
+            }
+
+            100% {
+                transform: scale(1);
+            }
+        }
+    `,[o,r]=S(e.value),i=s=>{r(!o());const l=s.target,d=new CustomEvent("change",{detail:{value:l.value}});n.dispatchEvent(d)};return[(()=>{const s=Nt();return f(s,t),s})(),(()=>{const s=Lt(),l=s.firstChild,d=l.nextSibling,c=d.nextSibling;return l.addEventListener("change",i),c._$owner=h(),g(()=>l.checked=o()),s})()]},Se=()=>{v(`${y}-checkbox`,{value:!1},Ft)},Kt=u("<style>"),Ht=u('<div class="box"><div class="nums-chip"><div class="number">0</div><div class="number">1</div><div class="number">2</div><div class="number">3</div><div class="number">4</div><div class="number">5</div><div class="number">6</div><div class="number">7</div><div class="number">8</div><div class="number">9'),Dt=(e,{element:n})=>{const t=E`
+        :host {
+            display: inline-block;
+        }
         .box {
@@ -107,3 +184,3 @@ height: ${e.size+2}px;
         }
-    `;return ne(()=>{setTimeout(()=>{const o=n.shadowRoot.querySelector(".nums-chip");o.style.transform=`translate(0, -${e.number*10}%)`},10)}),[(()=>{const o=Nt();return f(o,t),o})(),Lt()]},ae=()=>{y(`${_}-dance-number`,{number:0,size:12},Ht)},Dt=u("<style>"),Ft=u("<span>,"),Kt=u("<div><ar-dance-number>",!0,!1);ae();const Gt=e=>{const n=B`
+    `;return re(()=>{setTimeout(()=>{const o=n.shadowRoot.querySelector(".nums-chip");o.style.transform=`translate(0, -${e.number*10}%)`},10)}),[(()=>{const o=Kt();return f(o,t),o})(),Ht()]},ae=()=>{v(`${y}-dance-number`,{number:0,size:12},Dt)},Gt=u("<style>"),Mt=u("<span>,"),Ut=u("<div><ar-dance-number>",!0,!1);ae();const Vt=e=>{const n=E`
         :host {
@@ -127,3 +204,3 @@ display: inline-flex;
         }
-    `,t=`${e.count}`.split("").map(o=>o===","?",":parseInt(o));return[(()=>{const o=Dt();return f(o,n),o})(),x(oe,{each:t,children:o=>o===","?Ft():(()=>{const r=Kt(),s=r.firstChild;return s.number=o,s._$owner=h(),g(i=>{const l=e.type==="card"?"card":"",d=e.size;return l!==i._v$&&X(r,i._v$=l),d!==i._v$2&&(s.size=i._v$2=d),i},{_v$:void 0,_v$2:void 0}),r})()})]},ze=()=>{y(`${_}-dance-count`,{count:0,size:12,type:"default"},Gt)},Mt=u("<style>"),Ut=u("<slot>"),Vt=e=>{const n=B`
+    `,t=`${e.count}`.split("").map(o=>o===","?",":parseInt(o));return[(()=>{const o=Gt();return f(o,n),o})(),C(ie,{each:t,children:o=>o===","?Mt():(()=>{const r=Ut(),i=r.firstChild;return i.number=o,i._$owner=h(),g(s=>{const l=e.type==="card"?"card":"",d=e.size;return l!==s._v$&&X(r,s._v$=l),d!==s._v$2&&(i.size=s._v$2=d),s},{_v$:void 0,_v$2:void 0}),r})()})]},ze=()=>{v(`${y}-dance-count`,{count:0,size:12,type:"default"},Vt)},qt=u("<style>"),Yt=u("<slot>"),Jt=e=>{const n=E`
         :host {
@@ -138,3 +215,3 @@ display: flex;
         }
-    `;return[(()=>{const t=Mt();return f(t,n),t})(),(()=>{const t=Ut();return t._$owner=h(),t})()]},Te=()=>{y(`${_}-flex-box`,{gap:"1rem",direction:"row",wrap:"wrap",items:"stretch",justify:"flex-start"},Vt)},qt=u("<style>"),Wt=u("<slot>"),Yt=e=>{const n=B`
+    `;return[(()=>{const t=qt();return f(t,n),t})(),(()=>{const t=Yt();return t._$owner=h(),t})()]},Ae=()=>{v(`${y}-flex-box`,{gap:"1rem",direction:"row",wrap:"wrap",items:"stretch",justify:"flex-start"},Jt)},Wt=u("<style>"),Xt=u("<slot>"),Qt=e=>{const n=E`
         :host {
@@ -145,5 +222,5 @@ order: ${e.order};
         }
-    `;return[(()=>{const t=qt();return f(t,n),t})(),(()=>{const t=Wt();return t._$owner=h(),t})()]},je=()=>{y(`${_}-flex-item`,{order:0,flex:"0 1 auto",self:"auto"},Yt)},Jt=`:host{display:inline-flex;font-size:inherit;transition:.3s}:host([spin]){animation:rotate 1.4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
-`,Xt=u("<style>"),Qt=u('<svg aria-hidden="true"><use>');let ce="";const Zt=e=>{ce=e},en=e=>{const n=`icon icon-${e.name}`;return ce||console.warn("You need use registerIcon first"),[(()=>{const t=Xt();return f(t,Jt),t})(),(()=>{const t=Qt(),o=t.firstChild;return k(t,"class",n),g(r=>{const s=e.size,i=e.size,l=e.color,d=`${ce}#icon-${e.name}`;return s!==r._v$&&k(t,"width",r._v$=s),i!==r._v$2&&k(t,"height",r._v$2=i),l!==r._v$3&&k(t,"fill",r._v$3=l),d!==r._v$4&&k(o,"href",r._v$4=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),t})()]},Pe=()=>{y(`${_}-icon`,{name:"date",size:"1em",color:"currentColor"},en)},tn=`:host{--border-radius: 9px;display:inline-block}.card{border-radius:var(--border-radius);cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.card-image{border-radius:var(--border-radius);height:100%;object-fit:cover;position:absolute;right:0;top:0;transition:all .4s ease-in-out;width:100%}.card-info{background-color:#0000007f;border-radius:var(--border-radius);bottom:0;box-sizing:border-box;color:#fff;left:0;position:absolute;transform:translateY(calc(100% - 50px));transition:all .4s ease-in-out;width:100%}.card:hover .card-image{transform:scale(1.1)}.card:hover .card-info{transform:translateY(0)}.card-title{align-items:center;display:flex;height:50px;padding:0 15px}.card-description{font-size:12px;padding:0 15px 15px}
-`,nn=u("<style>"),rn=u('<div class="card"><div class="card-info"><div class="card-title"></div><div class="card-description">'),on=u('<img class="card-image">'),sn=e=>[(()=>{const n=nn();return f(n,tn),n})(),(()=>{const n=rn(),t=n.firstChild,o=t.firstChild,r=o.nextSibling;return f(n,(()=>{const s=O(()=>!!e.imageUrl);return()=>s()&&(()=>{const i=on();return g(()=>k(i,"src",e.imageUrl)),i})()})(),t),f(o,()=>e.title),f(r,()=>e.description),n})()],Ie=()=>{y(`${_}-image-card`,{title:"",description:"",imageUrl:""},sn)},ln=u("<style>"),an=u('<div class="grid-layout"><slot>'),cn=e=>{const n=B`
+    `;return[(()=>{const t=Wt();return f(t,n),t})(),(()=>{const t=Xt();return t._$owner=h(),t})()]},Te=()=>{v(`${y}-flex-item`,{order:0,flex:"0 1 auto",self:"auto"},Qt)},Zt=`:host{display:inline-flex;font-size:inherit;transition:.3s}:host([spin]){animation:rotate 1.4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
+`,en=u("<style>"),tn=u('<svg aria-hidden="true"><use>');let ce="";const nn=e=>{ce=e},rn=e=>{const n=`icon icon-${e.name}`;return ce||console.warn("You need use registerIcon first"),[(()=>{const t=en();return f(t,Zt),t})(),(()=>{const t=tn(),o=t.firstChild;return x(t,"class",n),g(r=>{const i=e.size,s=e.size,l=e.color,d=`${ce}#icon-${e.name}`;return i!==r._v$&&x(t,"width",r._v$=i),s!==r._v$2&&x(t,"height",r._v$2=s),l!==r._v$3&&x(t,"fill",r._v$3=l),d!==r._v$4&&x(o,"href",r._v$4=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),t})()]},je=()=>{v(`${y}-icon`,{name:"date",size:"1em",color:"currentColor"},rn)},on=`:host{--border-radius: 9px;display:inline-block}.card{border-radius:var(--border-radius);cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.card-image{border-radius:var(--border-radius);height:100%;object-fit:cover;position:absolute;right:0;top:0;transition:all .4s ease-in-out;width:100%}.card-info{background-color:#0000007f;border-radius:var(--border-radius);bottom:0;box-sizing:border-box;color:#fff;left:0;position:absolute;transform:translateY(calc(100% - 50px));transition:all .4s ease-in-out;width:100%}.card:hover .card-image{transform:scale(1.1)}.card:hover .card-info{transform:translateY(0)}.card-title{align-items:center;display:flex;height:50px;padding:0 15px}.card-description{font-size:12px;padding:0 15px 15px}
+`,sn=u("<style>"),ln=u('<div class="card"><div class="card-info"><div class="card-title"></div><div class="card-description">'),an=u('<img class="card-image">'),cn=e=>[(()=>{const n=sn();return f(n,on),n})(),(()=>{const n=ln(),t=n.firstChild,o=t.firstChild,r=o.nextSibling;return f(n,(()=>{const i=R(()=>!!e.imageUrl);return()=>i()&&(()=>{const s=an();return g(()=>x(s,"src",e.imageUrl)),s})()})(),t),f(o,()=>e.title),f(r,()=>e.description),n})()],Oe=()=>{v(`${y}-image-card`,{title:"",description:"",imageUrl:""},cn)},un=u("<style>"),dn=u('<div class="grid-layout"><slot>'),fn=e=>{const n=E`
         .grid-layout {
@@ -180,4 +257,4 @@ --cols: ${e.cols};
         }
-    `;return[(()=>{const t=ln();return f(t,n),t})(),(()=>{const t=an(),o=t.firstChild;return o._$owner=h(),t})()]},Re=()=>{y(`${_}-layout-grid`,{gap:"1rem",cols:"auto-fit",xs:void 0,sm:void 0,md:void 0,lg:void 0,xl:void 0,min:"0"},cn)},un=`:host{display:grid;grid-template:auto 1fr auto / auto 1fr auto;height:100%}::slotted([slot="header"]){grid-column:1 / 4}::slotted([slot="left-sider"]){grid-column:1 / 2;overflow:auto}::slotted([slot="content"]){grid-column:2 / 3;overflow:auto}::slotted([slot="right-sider"]){grid-column:3 / 4;overflow:auto}::slotted([slot="footer"]){grid-column:1 / 4}
-`,dn=u("<style>"),fn=u('<slot name="header">'),hn=u('<slot name="left-sider">'),gn=u('<slot name="content">'),bn=u('<slot name="right-sider">'),$n=u('<slot name="footer">'),pn=()=>[(()=>{const e=dn();return f(e,un),e})(),(()=>{const e=fn();return e._$owner=h(),e})(),(()=>{const e=hn();return e._$owner=h(),e})(),(()=>{const e=gn();return e._$owner=h(),e})(),(()=>{const e=bn();return e._$owner=h(),e})(),(()=>{const e=$n();return e._$owner=h(),e})()],Be=()=>{y(`${_}-layout-holy`,pn)},mn=u("<style>"),yn=u('<div class="place-holder"><slot>'),_n=()=>{const e=B`
+    `;return[(()=>{const t=un();return f(t,n),t})(),(()=>{const t=dn(),o=t.firstChild;return o._$owner=h(),t})()]},Be=()=>{v(`${y}-layout-grid`,{gap:"1rem",cols:"auto-fit",xs:void 0,sm:void 0,md:void 0,lg:void 0,xl:void 0,min:"0"},fn)},hn=`:host{display:grid;grid-template:auto 1fr auto / auto 1fr auto;height:100%}::slotted([slot="header"]){grid-column:1 / 4}::slotted([slot="left-sider"]){grid-column:1 / 2;overflow:auto}::slotted([slot="content"]){grid-column:2 / 3;overflow:auto}::slotted([slot="right-sider"]){grid-column:3 / 4;overflow:auto}::slotted([slot="footer"]){grid-column:1 / 4}
+`,gn=u("<style>"),bn=u('<slot name="header">'),pn=u('<slot name="left-sider">'),$n=u('<slot name="content">'),mn=u('<slot name="right-sider">'),vn=u('<slot name="footer">'),yn=()=>[(()=>{const e=gn();return f(e,hn),e})(),(()=>{const e=bn();return e._$owner=h(),e})(),(()=>{const e=pn();return e._$owner=h(),e})(),(()=>{const e=$n();return e._$owner=h(),e})(),(()=>{const e=mn();return e._$owner=h(),e})(),(()=>{const e=vn();return e._$owner=h(),e})()],Pe=()=>{v(`${y}-layout-holy`,yn)},_n=u("<style>"),wn=u('<div class="place-holder"><slot>'),xn=()=>{const e=E`
         :host {
@@ -195,5 +272,117 @@ display: block;
         }
-    `;return[(()=>{const n=mn();return f(n,e),n})(),(()=>{const n=yn(),t=n.firstChild;return t._$owner=h(),n})()]},Oe=()=>{y(`${_}-place-holder`,_n)},vn=u('<label><input type="radio"><slot>');function wn(e){function n(){e.onChange&&!e.disabled&&e.onChange(e.value)}return(()=>{const t=vn(),o=t.firstChild,r=o.nextSibling;return o.addEventListener("change",n),r._$owner=h(),g(()=>o.disabled=e.disabled),g(()=>o.value=e.value),g(()=>o.checked=e.checked),t})()}const ue=()=>{y(`${_}-radio`,{value:"",checked:!1,disabled:!1,onChange:e=>{console.log(e)}},wn)},xn=u("<div><ar-button>More",!0,!1),kn=u("<ar-button>Item ",!0,!1),Cn=e=>{const[n,t]=S(!1),[o,r]=S(null),[s,i]=S(null),l=()=>{t(!n())},d=a=>{a&&(console.log(a.offsetHeight),r(a.offsetHeight),i(a.offsetWidth))},c={overflow:"hidden",transition:`all ${e.animationDuration||300}ms ease-in-out`,height:n()?`${o()}px`:"auto",width:n()?`${s()}px`:"auto",display:"flex"};return(()=>{const a=xn(),b=a.firstChild;return ve(d,a),b.$$click=l,b._$owner=h(),f(a,(()=>{const p=O(()=>!!n());return()=>p()&&x(oe,{each:[1,2,3],children:C=>(()=>{const E=kn();return E.firstChild,E._$owner=h(),f(E,C,null),E})()})})(),null),g(p=>Qe(a,{...c,"flex-direction":e.direction==="vertical"?"column":"row"},p)),a})()},Ne=()=>{y(`${_}-radio-button`,{direction:"vertical",animationDuration:300},Cn)};J(["click"]);const En=`:host{--border-radius: 0}.radio-group ar-button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.radio-group ar-button:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}
-`,Sn=u("<style>"),An=u('<ar-layout-row class="radio-group" gap="0">',!0,!1),zn=u('<ar-icon size="1.2em">',!0,!1),Tn=u("<ar-button>",!0,!1),jn=u("<ar-radio>",!0,!1);ue(),le();function Pn(e,{element:n}){const[t,o]=S(e.defaultValue||"");he(()=>{const s=new CustomEvent("change",{detail:{value:t()}});n.dispatchEvent(s)});const r=s=>{o(s)};return[(()=>{const s=Sn();return f(s,En),s})(),(()=>{const s=An();return s._$owner=h(),f(s,x(oe,{get each(){return e.options},children:i=>e.type==="button"?(()=>{const l=Tn();return l.$$click=()=>r(i.value),l._$owner=h(),f(l,()=>i.label,null),f(l,x(A,{get when(){var d;return(d=i.props)==null?void 0:d.icon},get children(){const d=zn();return d._$owner=h(),g(()=>{var c;return d.name=(c=i.props)==null?void 0:c.icon}),d}}),null),g(()=>l.status=t()===i.value?"primary":"info"),l})():(()=>{const l=jn();return l._$owner=h(),f(l,()=>i.label),g(()=>l.value=i.value),l})()})),s})()]}const Le=()=>{y(`${_}-radio-group`,{defaultValue:"",options:[],value:"",type:"radio",onChange:e=>{console.log(e)}},Pn)};J(["click"]);const In=`:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);display:flex;gap:var(--gap);padding:0 10px}.textarea{background:none;border:none;box-sizing:border-box;flex:1;font:inherit;font-size:14px;margin:0;outline:none;overflow:auto;padding:6px 0;resize:none;width:100%}
-`,Rn=u("<style>"),Bn=u('<slot name="prefix">'),On=u('<textarea class="textarea">'),Nn=u('<slot name="suffix">'),Ln=(e,{element:n})=>{const[t,o]=S(),[r,s]=S(e.height);ne(()=>{setTimeout(()=>{var a;const c=(a=t())==null?void 0:a.scrollHeight;c&&s(`${c}px`)},0)});const i=c=>{const a=c.target;s(e.height),s(`${a.scrollHeight}px`)},l=c=>{const a=c.target,b=new CustomEvent("change",{detail:{value:a.value},bubbles:!0});n.dispatchEvent(b)},d=c=>{if((c.metaKey||c.ctrlKey)&&c.key==="Enter"&&(c.preventDefault(),c.target)){const a=c.target,b=new CustomEvent("enter",{detail:{value:a.value}});n.dispatchEvent(b)}};return[(()=>{const c=Rn();return f(c,In),c})(),(()=>{const c=Bn();return c._$owner=h(),c})(),(()=>{const c=On();return c.$$keydown=d,c.addEventListener("change",l),c.$$input=i,ve(o,c),g(a=>{const b=r(),p=e.placeholder;return b!==a._v$&&((a._v$=b)!=null?c.style.setProperty("height",b):c.style.removeProperty("height")),p!==a._v$2&&k(c,"placeholder",a._v$2=p),a},{_v$:void 0,_v$2:void 0}),g(()=>c.value=e.value),c})(),(()=>{const c=Nn();return c._$owner=h(),c})()]},He=()=>{y(`${_}-textarea`,{value:"",placeholder:"",height:"32px"},Ln)};J(["input","keydown"]);const Hn=`:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);display:inline-flex;gap:var(--gap);height:var(--input-height);padding:0 12px;width:100%}input{background:none;border:none;box-sizing:border-box;color:inherit;font:inherit;outline:none;padding:0;width:inherit}
-`,Dn=u("<style>"),Fn=u('<slot name="prefix">'),Kn=u('<input class="textarea">'),Gn=u('<slot name="suffix">'),Mn=(e,{element:n})=>{const t=r=>{const s=r.target,i=new CustomEvent("change",{detail:{value:s.value}});n.dispatchEvent(i)},o=r=>{if(r.keyCode===13&&(r.preventDefault(),r.target)){const s=r.target,i=new CustomEvent("enter",{detail:{value:s.value}});n.dispatchEvent(i)}};return[(()=>{const r=Dn();return f(r,Hn),r})(),(()=>{const r=Fn();return r._$owner=h(),r})(),(()=>{const r=Kn();return r.$$keydown=o,r.addEventListener("change",t),g(s=>{const i=e.placeholder,l=e.type;return i!==s._v$&&k(r,"placeholder",s._v$=i),l!==s._v$2&&k(r,"type",s._v$2=l),s},{_v$:void 0,_v$2:void 0}),g(()=>r.value=e.value),r})(),(()=>{const r=Gn();return r._$owner=h(),r})()]},De=()=>{y(`${_}-textfield`,{value:"",placeholder:"",type:"text"},Mn)};J(["keydown"]);const Fe=u("<span>"),Un=e=>{const[n,t]=S(""),[o,r]=S(0),[s,i]=S(!0),{text:l,speed:d=100,cursor:c="|"}=e;return ne(()=>{const a=setInterval(()=>{t(l.substr(0,o())),r(o()+1),o()>=l.length&&(i(!1),clearInterval(a))},d)}),[(()=>{const a=Fe();return f(a,n),a})(),O((()=>{const a=O(()=>!!s());return()=>a()&&(()=>{const b=Fe();return f(b,c),b})()})())]},Ke=()=>{y(`${_}-typewriter`,{text:"",speed:100,cursor:"|"},Un)},Vn=Object.freeze(Object.defineProperty({__proto__:null,Button:le,Card:Se,ChatBubble:Ae,DanceCount:ze,DanceNumber:ae,FlexBox:Te,FlexItem:je,Icon:Pe,ImageCard:Ie,LayoutGrid:Re,LayoutHoly:Be,PlaceHolder:Oe,Radio:ue,RadioButton:Ne,RadioGroup:Le,Textarea:He,Textfield:De,Typewriter:Ke},Symbol.toStringTag,{value:"Module"})),Yn="",Jn="",Xn="",qn=(e=Vn)=>{for(const n in e){const t=e[n];t()}};$.Button=le,$.Card=Se,$.ChatBubble=Ae,$.DanceCount=ze,$.DanceNumber=ae,$.FlexBox=Te,$.FlexItem=je,$.Icon=Pe,$.ImageCard=Ie,$.LayoutGrid=Re,$.LayoutHoly=Be,$.PlaceHolder=Oe,$.Radio=ue,$.RadioButton=Ne,$.RadioGroup=Le,$.Textarea=He,$.Textfield=De,$.Typewriter=Ke,$.defineCustomElements=qn,$.registerIcon=Zt,Object.defineProperty($,Symbol.toStringTag,{value:"Module"})});
+    `;return[(()=>{const n=_n();return f(n,e),n})(),(()=>{const n=wn(),t=n.firstChild;return t._$owner=h(),n})()]},Ie=()=>{v(`${y}-place-holder`,xn)},kn=u('<label><input type="radio"><slot>');function Cn(e){function n(){e.onChange&&!e.disabled&&e.onChange(e.value)}return(()=>{const t=kn(),o=t.firstChild,r=o.nextSibling;return o.addEventListener("change",n),r._$owner=h(),g(()=>o.disabled=e.disabled),g(()=>o.value=e.value),g(()=>o.checked=e.checked),t})()}const Re=()=>{v(`${y}-radio`,{value:"",checked:!1,disabled:!1,onChange:e=>{console.log(e)}},Cn)},En=u("<style>"),Sn=u('<div class="root">'),zn=u('<label><input type="radio" name="radio"><span>'),An=(e,{element:n})=>{const t=E`
+        :host {
+            display: inline-block;
+            font-size: var(--font-size);
+        }
+
+        :focus {
+            outline: 0;
+        }
+
+        .root {
+            display: flex;
+            flex-direction: ${e.direction};
+            flex-wrap: nowrap;
+            justify-content: center;
+        }
+
+        .root input[type='radio'] {
+            clip: rect(0 0 0 0);
+            clip-path: inset(100%);
+            height: 1px;
+            overflow: hidden;
+            position: absolute;
+            white-space: nowrap;
+            width: 1px;
+        }
+
+        .root input[type='radio']:checked + span {
+            background-color: var(--primary-color);
+            z-index: 1;
+            color: var(--accent-color);
+        }
+
+        label span {
+            display: flex;
+            height: var(--input-height);
+            align-items: center;
+            cursor: pointer;
+            background-color: var(--bg-1);
+            padding: 0 0.75em;
+            position: relative;
+            box-shadow: 0 0 0 0.0625em var(--primary-color);
+            color: var(--text-color);
+            text-align: center;
+            transition: background-color 0.5s ease;
+        }
+
+        label:first-child span {
+            border-radius: var(--border-radius) 0 0 var(--border-radius);
+        }
+
+        label:last-child span {
+            border-radius: 0 var(--border-radius) var(--border-radius) 0;
+        }
+    `,[o,r]=S(e.value||"");ne(()=>{const s=new CustomEvent("change",{detail:{value:o()},bubbles:!0});n.dispatchEvent(s)});const i=s=>{r(s)};return[(()=>{const s=En();return f(s,t),s})(),(()=>{const s=Sn();return f(s,C(ie,{get each(){return e.options},children:l=>(()=>{const d=zn(),c=d.firstChild,a=c.nextSibling;return d.$$click=()=>i(l.value),f(a,()=>l.label),g(()=>c.value=l.value),g(()=>c.checked=o()===l.value),d})()})),s})()]},Ne=()=>{v(`${y}-radio-button`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},An)};W(["click"]);const Tn=u("<style>"),jn=u('<div class="root">'),On=u('<div class="radio-button"><input name="radio-group" class="radio-button__input" type="radio"><label class="radio-button__label"><span class="radio-button__custom">'),Bn=(e,{element:n})=>{const t=E`
+        :host {
+            display: inline-block;
+        }
+
+        .root {
+            display: flex;
+            flex-direction: ${e.direction};
+            align-items: center;
+            gap: 16px;
+            font-size: var(--font-size);
+            color: var(--text-color);
+        }
+
+        .radio-button {
+            display: inline-flex;
+            align-items: center;
+            position: relative;
+            cursor: pointer;
+        }
+
+        .radio-button__input {
+            position: absolute;
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+
+        .radio-button__label {
+            display: inline-flex;
+            align-items: center;
+            gap: var(--gap);
+            position: relative;
+            cursor: pointer;
+            transition: all 0.3s ease;
+        }
+
+        .radio-button__custom {
+            width: var(--radio-size);
+            height: var(--radio-size);
+            border-radius: 50%;
+            border: 2px solid var(--bg-2);
+            transition: all 0.3s ease;
+        }
+
+        .radio-button__input:checked + .radio-button__label .radio-button__custom {
+            background-color: var(--primary-color);
+            border-color: transparent;
+            transform: scale(0.9);
+        }
+
+        .radio-button__input:checked + .radio-button__label {
+            color: var(--primary-color);
+        }
+
+        .radio-button__label:hover .radio-button__custom {
+            transform: scale(1);
+            border-color: var(--primary-color);
+        }
+    `,[o,r]=S(e.value||"");ne(()=>{const s=new CustomEvent("change",{detail:{value:o()},bubbles:!0});n.dispatchEvent(s)});const i=s=>{r(s)};return[(()=>{const s=Tn();return f(s,t),s})(),(()=>{const s=jn();return f(s,C(ie,{get each(){return e.options},children:(l,d)=>(()=>{const c=On(),a=c.firstChild,b=a.nextSibling;return b.firstChild,c.$$click=()=>i(l.value),f(b,()=>l.label,null),g($=>{const k=`radio-${d()}`,z=`radio-${d()}`;return k!==$._v$&&x(a,"id",$._v$=k),z!==$._v$2&&x(b,"for",$._v$2=z),$},{_v$:void 0,_v$2:void 0}),g(()=>a.value=l.value),g(()=>a.checked=o()===l.value),c})()})),s})()]},Le=()=>{v(`${y}-radio-group`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},Bn)};W(["click"]);const Pn=`:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);display:flex;gap:var(--gap);padding:0 10px}.textarea{background:none;border:none;box-sizing:border-box;flex:1;font:inherit;margin:0;outline:none;overflow:auto;padding:6px 0;resize:none;width:100%}
+`,In=u("<style>"),Rn=u('<slot name="prefix">'),Nn=u('<textarea class="textarea">'),Ln=u('<slot name="suffix">'),Fn=(e,{element:n})=>{const[t,o]=S(),[r,i]=S(e.height);re(()=>{setTimeout(()=>{var a;const c=(a=t())==null?void 0:a.scrollHeight;c&&i(`${c}px`)},0)});const s=c=>{const a=c.target;i(e.height),i(`${a.scrollHeight}px`)},l=c=>{const a=c.target,b=new CustomEvent("change",{detail:{value:a.value},bubbles:!0});n.dispatchEvent(b)},d=c=>{if((c.metaKey||c.ctrlKey)&&c.key==="Enter"&&(c.preventDefault(),c.target)){const a=c.target,b=new CustomEvent("enter",{detail:{value:a.value}});n.dispatchEvent(b)}};return[(()=>{const c=In();return f(c,Pn),c})(),(()=>{const c=Rn();return c._$owner=h(),c})(),(()=>{const c=Nn();return c.$$keydown=d,c.addEventListener("change",l),c.$$input=s,Qe(o,c),g(a=>{const b=r(),$=e.placeholder;return b!==a._v$&&((a._v$=b)!=null?c.style.setProperty("height",b):c.style.removeProperty("height")),$!==a._v$2&&x(c,"placeholder",a._v$2=$),a},{_v$:void 0,_v$2:void 0}),g(()=>c.value=e.value),c})(),(()=>{const c=Ln();return c._$owner=h(),c})()]},Fe=()=>{v(`${y}-textarea`,{value:"",placeholder:"",height:"32px"},Fn)};W(["input","keydown"]);const Kn=`:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);display:inline-flex;gap:var(--gap);height:var(--input-height);padding:0 12px;width:100%}input{background:none;border:none;box-sizing:border-box;color:inherit;font:inherit;outline:none;padding:0;width:inherit}
+`,Hn=u("<style>"),Dn=u('<slot name="prefix">'),Gn=u('<input class="textarea">'),Mn=u('<slot name="suffix">'),Un=(e,{element:n})=>{const t=r=>{const i=r.target,s=new CustomEvent("change",{detail:{value:i.value}});n.dispatchEvent(s)},o=r=>{if(r.keyCode===13&&(r.preventDefault(),r.target)){const i=r.target,s=new CustomEvent("enter",{detail:{value:i.value}});n.dispatchEvent(s)}};return[(()=>{const r=Hn();return f(r,Kn),r})(),(()=>{const r=Dn();return r._$owner=h(),r})(),(()=>{const r=Gn();return r.$$keydown=o,r.addEventListener("change",t),g(i=>{const s=e.placeholder,l=e.type;return s!==i._v$&&x(r,"placeholder",i._v$=s),l!==i._v$2&&x(r,"type",i._v$2=l),i},{_v$:void 0,_v$2:void 0}),g(()=>r.value=e.value),r})(),(()=>{const r=Mn();return r._$owner=h(),r})()]},Ke=()=>{v(`${y}-textfield`,{value:"",placeholder:"",type:"text"},Un)};W(["keydown"]);const He=u("<span>"),Vn=e=>{const[n,t]=S(""),[o,r]=S(0),[i,s]=S(!0),{text:l,speed:d=100,cursor:c="|"}=e;return re(()=>{const a=setInterval(()=>{t(l.substr(0,o())),r(o()+1),o()>=l.length&&(s(!1),clearInterval(a))},d)}),[(()=>{const a=He();return f(a,n),a})(),R((()=>{const a=R(()=>!!i());return()=>a()&&(()=>{const b=He();return f(b,c),b})()})())]},De=()=>{v(`${y}-typewriter`,{text:"",speed:100,cursor:"|"},Vn)},qn=Object.freeze(Object.defineProperty({__proto__:null,Button:ke,Card:Ce,ChatBubble:Ee,CheckBox:Se,DanceCount:ze,DanceNumber:ae,FlexBox:Ae,FlexItem:Te,Icon:je,ImageCard:Oe,LayoutGrid:Be,LayoutHoly:Pe,PlaceHolder:Ie,Radio:Re,RadioButton:Ne,RadioGroup:Le,Textarea:Fe,Textfield:Ke,Typewriter:De},Symbol.toStringTag,{value:"Module"})),Wn="",Xn="",Qn="",Yn=(e=qn)=>{for(const n in e){const t=e[n];t()}};p.Button=ke,p.Card=Ce,p.ChatBubble=Ee,p.CheckBox=Se,p.DanceCount=ze,p.DanceNumber=ae,p.FlexBox=Ae,p.FlexItem=Te,p.Icon=je,p.ImageCard=Oe,p.LayoutGrid=Be,p.LayoutHoly=Pe,p.PlaceHolder=Ie,p.Radio=Re,p.RadioButton=Ne,p.RadioGroup=Le,p.Textarea=Fe,p.Textfield=Ke,p.Typewriter=De,p.defineCustomElements=Yn,p.registerIcon=nn,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});

dist/types/components/main.d.ts

 import Button from './Button';
 import Card from './Card';
 import ChatBubble from './ChatBubble';
+import CheckBox from './CheckBox';
 import DanceCount from './DanceCount';
@@ -19,2 +20,2 @@ import DanceNumber from './DanceNumber';
 import Typewriter from './Typewriter';
-export { Button, Card, ChatBubble, DanceCount, DanceNumber, FlexBox, FlexItem, Icon, ImageCard, LayoutGrid, LayoutHoly, PlaceHolder, Radio, RadioButton, RadioGroup, Textarea, Textfield, Typewriter, };
+export { Button, Card, ChatBubble, CheckBox, DanceCount, DanceNumber, FlexBox, FlexItem, Icon, ImageCard, LayoutGrid, LayoutHoly, PlaceHolder, Radio, RadioButton, RadioGroup, Textarea, Textfield, Typewriter, };

dist/types/components/RadioButton.d.ts

@@ -0,2 +1,12 @@
+interface RadioOption {
+    label: string;
+    value: string;
+}
+interface RadioGroupProps {
+    options?: RadioOption[];
+    value?: string;
+    direction?: 'row' | 'column';
+}
+export declare const RadioButton: (props: RadioGroupProps, { element }: any) => import("solid-js").JSX.Element;
 declare const _default: () => void;
 export default _default;

dist/types/components/RadioGroup.d.ts

@@ -1,18 +0,12 @@
-import { JSX } from 'solid-js';
 interface RadioOption {
     label: string;
     value: string;
-    props?: {
-        icon: string;
-    };
 }
 interface RadioGroupProps {
-    defaultValue?: string;
-    options: RadioOption[];
+    options?: RadioOption[];
     value?: string;
-    onChange?: (value: string) => void;
-    type: 'radio' | 'button';
+    direction?: 'row' | 'column';
 }
-export declare function RadioGroup(props: RadioGroupProps, { element }: any): JSX.Element;
+export declare const RadioGroup: (props: RadioGroupProps, { element }: any) => import("solid-js").JSX.Element;
 declare const _default: () => void;
 export default _default;

package.json

 {
   "name": "@aura-group/aura-design",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/aura-design.umd.js",

No alert changes

Improved metrics

Total package byte prevSize

111516

increased by10.07%

Number of package files

28

increased by3.7%

Lines of code

2357

increased by17.79%

No dependency changes