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

Comparing version 0.3.7 to 0.3.8

dist/aura-design.es.js

@@ -1,6 +0,6 @@
-const ke = (e, n) => e === n, Ce = Symbol("solid-track"), q = {
-  equals: ke
+const we = (e, n) => e === n, ke = Symbol("solid-track"), q = {
+  equals: we
 };
-let he = $e;
-const N = 1, Y = 2, ge = {
+let fe = pe;
+const R = 1, Y = 2, he = {
   owned: null,
@@ -12,5 +12,5 @@ cleanups: null,
 var x = null;
-let te = null, v = null, k = null, R = null, Q = 0;
+let ee = null, v = null, k = null, I = null, Q = 0;
 function V(e, n) {
-  const t = v, o = x, r = e.length === 0, l = r ? ge : {
+  const t = v, o = x, r = e.length === 0, s = r ? he : {
     owned: null,
@@ -20,6 +20,6 @@ cleanups: null,
     owner: n === void 0 ? o : n
-  }, s = r ? e : () => e(() => I(() => ee(l)));
-  x = l, v = null;
+  }, i = r ? e : () => e(() => N(() => Z(s)));
+  x = s, v = null;
   try {
-    return U(s, !0);
+    return U(i, !0);
   } finally {
@@ -36,13 +36,13 @@ v = t, x = o;
     comparator: n.equals || void 0
-  }, o = (r) => (typeof r == "function" && (r = r(t.value)), pe(t, r));
-  return [be.bind(t), o];
+  }, o = (r) => (typeof r == "function" && (r = r(t.value)), be(t, r));
+  return [ge.bind(t), o];
 }
-function p(e, n, t) {
-  const o = se(e, n, !1, N);
+function b(e, n, t) {
+  const o = se(e, n, !1, R);
   G(o);
 }
-function Z(e, n, t) {
-  he = Ae;
-  const o = se(e, n, !1, N);
-  o.user = !0, R ? R.push(o) : G(o);
+function Ce(e, n, t) {
+  fe = Ae;
+  const o = se(e, n, !1, R);
+  o.user = !0, I ? I.push(o) : G(o);
 }
@@ -52,5 +52,5 @@ function L(e, n, t) {
   const o = se(e, n, !0, 0);
-  return o.observers = null, o.observerSlots = null, o.comparator = t.equals || void 0, G(o), be.bind(o);
+  return o.observers = null, o.observerSlots = null, o.comparator = t.equals || void 0, G(o), ge.bind(o);
 }
-function I(e) {
+function N(e) {
   if (v === null)
@@ -66,4 +66,4 @@ return e();
 }
-function le(e) {
-  Z(() => I(e));
+function oe(e) {
+  Ce(() => N(e));
 }
@@ -73,8 +73,8 @@ function Ee(e) {
 }
-function b() {
+function g() {
   return x;
 }
-function be() {
+function ge() {
   if (this.sources && this.state)
-    if (this.state === N)
+    if (this.state === R)
       G(this);
@@ -91,8 +91,8 @@ else {
 }
-function pe(e, n, t) {
+function be(e, n, t) {
   let o = e.value;
   return (!e.comparator || !e.comparator(o, n)) && (e.value = n, e.observers && e.observers.length && U(() => {
     for (let r = 0; r < e.observers.length; r += 1) {
-      const l = e.observers[r], s = te && te.running;
-      s && te.disposed.has(l), (s ? !l.tState : !l.state) && (l.pure ? k.push(l) : R.push(l), l.observers && ve(l)), s || (l.state = N);
+      const s = e.observers[r], i = ee && ee.running;
+      i && ee.disposed.has(s), (i ? !s.tState : !s.state) && (s.pure ? k.push(s) : I.push(s), s.observers && $e(s)), i || (s.state = R);
     }
@@ -106,7 +106,7 @@ if (k.length > 1e6)
     return;
-  ee(e);
+  Z(e);
   const n = x, t = v, o = Q;
-  v = x = e, Se(e, e.value, o), v = t, x = n;
+  v = x = e, ze(e, e.value, o), v = t, x = n;
 }
-function Se(e, n, t) {
+function ze(e, n, t) {
   let o;
@@ -116,8 +116,8 @@ try {
   } catch (r) {
-    return e.pure && (e.state = N, e.owned && e.owned.forEach(ee), e.owned = null), e.updatedAt = t + 1, me(r);
+    return e.pure && (e.state = R, e.owned && e.owned.forEach(Z), e.owned = null), e.updatedAt = t + 1, ve(r);
   }
-  (!e.updatedAt || e.updatedAt <= t) && (e.updatedAt != null && "observers" in e ? pe(e, o) : e.value = o, e.updatedAt = t);
+  (!e.updatedAt || e.updatedAt <= t) && (e.updatedAt != null && "observers" in e ? be(e, o) : e.value = o, e.updatedAt = t);
 }
-function se(e, n, t, o = N, r) {
-  const l = {
+function se(e, n, t, o = R, r) {
+  const s = {
     fn: e,
@@ -135,3 +135,3 @@ state: o,
   };
-  return x === null || x !== ge && (x.owned ? x.owned.push(l) : x.owned = [l]), l;
+  return x === null || x !== he && (x.owned ? x.owned.push(s) : x.owned = [s]), s;
 }
@@ -143,3 +143,3 @@ function J(e) {
     return W(e);
-  if (e.suspense && I(e.suspense.inFallback))
+  if (e.suspense && N(e.suspense.inFallback))
     return e.suspense.effects.push(e);
@@ -150,3 +150,3 @@ const n = [e];
   for (let t = n.length - 1; t >= 0; t--)
-    if (e = n[t], e.state === N)
+    if (e = n[t], e.state === R)
       G(e);
@@ -162,17 +162,17 @@ else if (e.state === Y) {
   let t = !1;
-  n || (k = []), R ? t = !0 : R = [], Q++;
+  n || (k = []), I ? t = !0 : I = [], Q++;
   try {
     const o = e();
-    return ze(t), o;
+    return Se(t), o;
   } catch (o) {
-    t || (R = null), k = null, me(o);
+    t || (I = null), k = null, ve(o);
   }
 }
-function ze(e) {
-  if (k && ($e(k), k = null), e)
+function Se(e) {
+  if (k && (pe(k), k = null), e)
     return;
-  const n = R;
-  R = null, n.length && U(() => he(n), !1);
+  const n = I;
+  I = null, n.length && U(() => fe(n), !1);
 }
-function $e(e) {
+function pe(e) {
   for (let n = 0; n < e.length; n++)
@@ -196,13 +196,13 @@ J(e[n]);
       const r = o.state;
-      r === N ? o !== n && (!o.updatedAt || o.updatedAt < Q) && J(o) : r === Y && W(o, n);
+      r === R ? o !== n && (!o.updatedAt || o.updatedAt < Q) && J(o) : r === Y && W(o, n);
     }
   }
 }
-function ve(e) {
+function $e(e) {
   for (let n = 0; n < e.observers.length; n += 1) {
     const t = e.observers[n];
-    t.state || (t.state = Y, t.pure ? k.push(t) : R.push(t), t.observers && ve(t));
+    t.state || (t.state = Y, t.pure ? k.push(t) : I.push(t), t.observers && $e(t));
   }
 }
-function ee(e) {
+function Z(e) {
   let n;
@@ -213,4 +213,4 @@ if (e.sources)
       if (r && r.length) {
-        const l = r.pop(), s = t.observerSlots.pop();
-        o < r.length && (l.sourceSlots[s] = o, r[o] = l, t.observerSlots[o] = s);
+        const s = r.pop(), i = t.observerSlots.pop();
+        o < r.length && (s.sourceSlots[i] = o, r[o] = s, t.observerSlots[o] = i);
       }
@@ -220,3 +220,3 @@ }
     for (n = e.owned.length - 1; n >= 0; n--)
-      ee(e.owned[n]);
+      Z(e.owned[n]);
     e.owned = null;
@@ -231,3 +231,3 @@ }
 }
-function me(e) {
+function ve(e) {
   throw e;
@@ -241,32 +241,32 @@ }
 function Oe(e, n, t = {}) {
-  let o = [], r = [], l = [], s = 0, i = n.length > 1 ? [] : null;
-  return Ee(() => ie(l)), () => {
+  let o = [], r = [], s = [], i = 0, l = n.length > 1 ? [] : null;
+  return Ee(() => ie(s)), () => {
     let d = e() || [], c, a;
-    return d[Ce], I(() => {
-      let g = d.length, C, S, $, y, B, T, O, P, F;
-      if (g === 0)
-        s !== 0 && (ie(l), l = [], o = [], r = [], s = 0, i && (i = [])), t.fallback && (o = [Te], r[0] = V((we) => (l[0] = we, t.fallback())), s = 1);
-      else if (s === 0) {
-        for (r = new Array(g), a = 0; a < g; a++)
+    return d[ke], N(() => {
+      let p = d.length, C, j, $, y, B, A, T, P, F;
+      if (p === 0)
+        i !== 0 && (ie(s), s = [], o = [], r = [], i = 0, l && (l = [])), t.fallback && (o = [Te], r[0] = V((xe) => (s[0] = xe, 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(h);
-        s = g;
+        i = p;
       } else {
-        for ($ = new Array(g), y = new Array(g), i && (B = new Array(g)), T = 0, O = Math.min(s, g); T < O && o[T] === d[T]; T++)
+        for ($ = new Array(p), y = new Array(p), l && (B = new Array(p)), A = 0, T = Math.min(i, p); A < T && o[A] === d[A]; A++)
           ;
-        for (O = s - 1, P = g - 1; O >= T && P >= T && o[O] === d[P]; O--, P--)
-          $[P] = r[O], y[P] = l[O], i && (B[P] = i[O]);
-        for (C = /* @__PURE__ */ new Map(), S = new Array(P + 1), a = P; a >= T; a--)
-          F = d[a], c = C.get(F), S[a] = c === void 0 ? -1 : c, C.set(F, a);
-        for (c = T; c <= O; c++)
-          F = o[c], a = C.get(F), a !== void 0 && a !== -1 ? ($[a] = r[c], y[a] = l[c], i && (B[a] = i[c]), a = S[a], C.set(F, a)) : l[c]();
-        for (a = T; a < g; a++)
-          a in $ ? (r[a] = $[a], l[a] = y[a], i && (i[a] = B[a], i[a](a))) : r[a] = V(h);
-        r = r.slice(0, s = g), o = d.slice(0);
+        for (T = i - 1, P = p - 1; T >= A && P >= A && o[T] === d[P]; T--, P--)
+          $[P] = r[T], y[P] = s[T], l && (B[P] = l[T]);
+        for (C = /* @__PURE__ */ new Map(), j = new Array(P + 1), a = P; a >= A; a--)
+          F = d[a], c = C.get(F), j[a] = c === void 0 ? -1 : c, C.set(F, a);
+        for (c = A; c <= T; c++)
+          F = o[c], a = C.get(F), a !== void 0 && a !== -1 ? ($[a] = r[c], y[a] = s[c], l && (B[a] = l[c]), a = j[a], C.set(F, a)) : s[c]();
+        for (a = A; a < p; a++)
+          a in $ ? (r[a] = $[a], s[a] = y[a], l && (l[a] = B[a], l[a](a))) : r[a] = V(h);
+        r = r.slice(0, i = p), o = d.slice(0);
       }
       return r;
     });
-    function h(g) {
-      if (l[a] = g, i) {
-        const [C, S] = z(a);
-        return i[a] = S, n(d[a], C);
+    function h(p) {
+      if (s[a] = p, l) {
+        const [C, j] = z(a);
+        return l[a] = j, n(d[a], C);
       }
@@ -278,3 +278,3 @@ return n(d[a]);
 function w(e, n) {
-  return I(() => e(n || {}));
+  return N(() => e(n || {}));
 }
@@ -288,3 +288,3 @@ const je = (e) => `Stale read from <${e}>.`;
 }
-function j(e) {
+function O(e) {
   const n = e.keyed, t = L(() => e.when, void 0, {
@@ -297,4 +297,4 @@ equals: (o, r) => n ? o === r : !o == !r
       const r = e.children;
-      return typeof r == "function" && r.length > 0 ? I(() => r(n ? o : () => {
-        if (!I(t))
+      return typeof r == "function" && r.length > 0 ? N(() => r(n ? o : () => {
+        if (!N(t))
           throw je("Show");
@@ -308,60 +308,60 @@ return e.when;
 function Be(e, n, t) {
-  let o = t.length, r = n.length, l = o, s = 0, i = 0, d = n[r - 1].nextSibling, c = null;
-  for (; s < r || i < l; ) {
-    if (n[s] === t[i]) {
-      s++, 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;
     }
-    for (; n[r - 1] === t[l - 1]; )
-      r--, l--;
-    if (r === s) {
-      const a = l < o ? i ? t[i - 1].nextSibling : t[l - i] : d;
-      for (; i < l; )
-        e.insertBefore(t[i++], a);
-    } else if (l === i)
-      for (; s < r; )
-        (!c || !c.has(n[s])) && n[s].remove(), s++;
-    else if (n[s] === t[l - 1] && t[i] === n[r - 1]) {
+    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[i++], n[s++].nextSibling), e.insertBefore(t[--l], a), n[r] = t[l];
+      e.insertBefore(t[l++], n[i++].nextSibling), e.insertBefore(t[--s], a), n[r] = t[s];
     } else {
       if (!c) {
         c = /* @__PURE__ */ new Map();
-        let h = i;
-        for (; h < l; )
+        let h = l;
+        for (; h < s; )
           c.set(t[h], h++);
       }
-      const a = c.get(n[s]);
+      const a = c.get(n[i]);
       if (a != null)
-        if (i < a && a < l) {
-          let h = s, g = 1, C;
-          for (; ++h < r && h < l && !((C = c.get(n[h])) == null || C !== a + g); )
-            g++;
-          if (g > a - i) {
-            const S = n[s];
-            for (; i < a; )
-              e.insertBefore(t[i++], S);
+        if (l < a && a < s) {
+          let h = i, p = 1, C;
+          for (; ++h < r && h < s && !((C = c.get(n[h])) == null || C !== a + p); )
+            p++;
+          if (p > a - l) {
+            const j = n[i];
+            for (; l < a; )
+              e.insertBefore(t[l++], j);
           } else
-            e.replaceChild(t[i++], n[s++]);
+            e.replaceChild(t[l++], n[i++]);
         } else
-          s++;
+          i++;
       else
-        n[s++].remove();
+        n[i++].remove();
     }
   }
 }
-const ae = "_$DX_DELEGATE";
+const le = "_$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;
-  }, l = n ? () => (o || (o = r())).cloneNode(!0) : () => I(() => document.importNode(o || (o = r()), !0));
-  return l.cloneNode = l, l;
+    const i = document.createElement("template");
+    return i.innerHTML = e, t ? i.content.firstChild.firstChild : i.content.firstChild;
+  }, s = n ? () => (o || (o = r())).cloneNode(!0) : () => N(() => document.importNode(o || (o = r()), !0));
+  return s.cloneNode = s, s;
 }
 function M(e, n = window.document) {
-  const t = n[ae] || (n[ae] = /* @__PURE__ */ new Set());
+  const t = n[le] || (n[le] = /* @__PURE__ */ new Set());
   for (let o = 0, r = e.length; o < r; o++) {
-    const l = e[o];
-    t.has(l) || (t.add(l), n.addEventListener(l, Re));
+    const s = e[o];
+    t.has(s) || (t.add(s), n.addEventListener(s, Ie));
   }
@@ -376,3 +376,3 @@ }
 function Pe(e, n, t) {
-  return I(() => e(n, t));
+  return N(() => e(n, t));
 }
@@ -382,5 +382,5 @@ function f(e, n, t, o) {
     return X(e, n, o, t);
-  p((r) => X(e, n(), r, t), o);
+  b((r) => X(e, n(), r, t), o);
 }
-function Re(e) {
+function Ie(e) {
   const n = `$$${e.type}`;
@@ -411,32 +411,32 @@ let t = e.composedPath && e.composedPath()[0] || e.target;
     return t;
-  const l = typeof n, s = o !== void 0;
-  if (e = s && t[0] && t[0].parentNode || e, l === "string" || l === "number")
-    if (l === "number" && (n = n.toString()), s) {
-      let i = t[0];
-      i && i.nodeType === 3 ? i.data = n : i = document.createTextNode(n), t = K(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 = K(e, t, o, l);
     } else
       t !== "" && typeof t == "string" ? t = e.firstChild.data = n : t = e.textContent = n;
-  else if (n == null || l === "boolean")
+  else if (n == null || s === "boolean")
     t = K(e, t, o);
   else {
-    if (l === "function")
-      return p(() => {
-        let i = n();
-        for (; typeof i == "function"; )
-          i = i();
-        t = X(e, i, t, o);
+    if (s === "function")
+      return b(() => {
+        let l = n();
+        for (; typeof l == "function"; )
+          l = l();
+        t = X(e, l, t, o);
       }), () => t;
     if (Array.isArray(n)) {
-      const i = [], d = t && Array.isArray(t);
-      if (re(i, n, t, r))
-        return p(() => t = X(e, i, t, o, !0)), () => t;
-      if (i.length === 0) {
-        if (t = K(e, t, o), s)
+      const l = [], d = t && Array.isArray(t);
+      if (ne(l, n, t, r))
+        return b(() => t = X(e, l, t, o, !0)), () => t;
+      if (l.length === 0) {
+        if (t = K(e, t, o), i)
           return t;
       } else
-        d ? t.length === 0 ? ce(e, i, o) : Be(e, t, i) : (t && K(e), ce(e, i));
-      t = i;
+        d ? t.length === 0 ? ae(e, l, o) : Be(e, t, l) : (t && K(e), ae(e, l));
+      t = l;
     } else if (n instanceof Node) {
       if (Array.isArray(t)) {
-        if (s)
+        if (i)
           return t = K(e, t, o, n);
@@ -452,20 +452,20 @@ K(e, t, null, n);
 }
-function re(e, n, t, o) {
+function ne(e, n, t, o) {
   let r = !1;
-  for (let l = 0, s = n.length; l < s; l++) {
-    let i = n[l], d = t && t[l];
-    if (i instanceof Node)
-      e.push(i);
-    else if (!(i == null || i === !0 || i === !1))
-      if (Array.isArray(i))
-        r = re(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 = ne(e, l, d) || r;
+      else if (typeof l == "function")
         if (o) {
-          for (; typeof i == "function"; )
-            i = i();
-          r = re(e, Array.isArray(i) ? i : [i], Array.isArray(d) ? d : [d]) || r;
+          for (; typeof l == "function"; )
+            l = l();
+          r = ne(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));
@@ -476,3 +476,3 @@ }
 }
-function ce(e, n, t = null) {
+function ae(e, n, t = null) {
   for (let o = 0, r = n.length; o < r; o++)
@@ -486,10 +486,10 @@ e.insertBefore(n[o], t);
   if (n.length) {
-    let l = !1;
-    for (let s = n.length - 1; s >= 0; s--) {
-      const i = n[s];
-      if (r !== i) {
-        const d = i.parentNode === e;
-        !l && !s ? d ? e.replaceChild(r, i) : e.insertBefore(r, t) : d && i.remove();
+    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
-        l = !0;
+        s = !0;
     }
@@ -500,12 +500,12 @@ } else
 }
-function Ie(e) {
+function Ne(e) {
   return Object.keys(e).reduce((t, o) => {
     const r = e[o];
-    return t[o] = Object.assign({}, r), ye(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;
+    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 Ne(e) {
+function Re(e) {
   return e ? Object.keys(e).reduce((t, o) => {
     const r = e[o];
-    return t[o] = ye(r) && "value" in r ? r : {
+    return t[o] = _e(r) && "value" in r ? r : {
       value: r
@@ -519,12 +519,12 @@ }, 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, n) {
-  const t = Ie(n);
+  const t = Ne(n);
   return Object.keys(n).forEach((r) => {
-    const l = t[r], s = e.getAttribute(l.attribute), i = e[r];
-    s && (l.value = l.parse ? _e(s) : s), i != null && (l.value = Array.isArray(i) ? i.slice(0) : i), l.reflect && ue(e, l.attribute, l.value), Object.defineProperty(e, r, {
+    const s = t[r], i = e.getAttribute(s.attribute), l = e[r];
+    i && (s.value = s.parse ? me(i) : i), l != null && (s.value = Array.isArray(l) ? l.slice(0) : l), s.reflect && ce(e, s.attribute, s.value), Object.defineProperty(e, r, {
       get() {
-        return l.value;
+        return s.value;
       },
       set(d) {
-        const c = l.value;
-        l.value = d, l.reflect && ue(this, l.attribute, l.value);
+        const c = s.value;
+        s.value = d, s.reflect && ce(this, s.attribute, s.value);
         for (let a = 0, h = this.__propertyChangedCallbacks.length; a < h; a++)
@@ -538,3 +538,3 @@ this.__propertyChangedCallbacks[a](r, d, c);
 }
-function _e(e) {
+function me(e) {
   if (e)
@@ -547,3 +547,3 @@ try {
 }
-function ue(e, n, t) {
+function ce(e, n, t) {
   if (t == null || t === !1)
@@ -557,3 +557,3 @@ return e.removeAttribute(n);
 }
-function ye(e) {
+function _e(e) {
   return e != null && (typeof e == "object" || typeof e == "function");
@@ -567,3 +567,3 @@ }
 }
-let ne;
+let te;
 function Ge(e, n) {
@@ -582,11 +582,11 @@ const t = Object.keys(n);
       this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = Fe(this, n);
-      const r = Le(this.props), l = this.Component, s = ne;
+      const r = Le(this.props), s = this.Component, i = te;
       try {
-        ne = this, this.__initialized = !0, De(l) ? new l(r, {
+        te = this, this.__initialized = !0, De(s) ? new s(r, {
           element: this
-        }) : l(r, {
+        }) : s(r, {
           element: this
         });
       } finally {
-        ne = s;
+        te = i;
       }
@@ -603,7 +603,7 @@ }
     }
-    attributeChangedCallback(r, l, s) {
+    attributeChangedCallback(r, s, i) {
       if (this.__initialized && !this.__updating[r] && (r = this.lookupProp(r), r in n)) {
-        if (s == null && !this[r])
+        if (i == null && !this[r])
           return;
-        this[r] = n[r].parse ? _e(s) : s;
+        this[r] = n[r].parse ? me(i) : i;
       }
@@ -613,3 +613,3 @@ }
       if (n)
-        return t.find((l) => r === l || r === n[l].attribute);
+        return t.find((s) => r === s || r === n[s].attribute);
     }
@@ -634,7 +634,7 @@ get renderRoot() {
   } = t;
-  return (l) => {
+  return (s) => {
     if (!e)
       throw new Error("tag is required to register a Component");
-    let s = customElements.get(e);
-    return s ? (s.prototype.Component = l, s) : (s = Ge(o, Ne(n)), s.prototype.Component = l, s.prototype.registeredTag = e, customElements.define(e, s, r), s);
+    let i = customElements.get(e);
+    return i ? (i.prototype.Component = s, i) : (i = Ge(o, Re(n)), i.prototype.Component = s, i.prototype.registeredTag = e, customElements.define(e, i, r), i);
   };
@@ -645,7 +645,7 @@ }
   for (let o = 0; o < n.length; o++) {
-    const [r, l] = z(e[n[o]]);
+    const [r, s] = z(e[n[o]]);
     Object.defineProperty(t, n[o], {
       get: r,
-      set(s) {
-        l(() => s);
+      set(i) {
+        s(() => i);
       }
@@ -668,8 +668,8 @@ });
     return V((r) => {
-      const l = Me(n);
-      o.addPropertyChangedCallback((i, d) => l[i] = d), o.addReleaseCallback(() => {
+      const s = Me(n);
+      o.addPropertyChangedCallback((l, d) => s[l] = d), o.addReleaseCallback(() => {
         o.renderRoot.textContent = "", r();
       });
-      const s = e(l, t);
-      return f(o.renderRoot, s);
+      const i = e(s, t);
+      return f(o.renderRoot, i);
     }, Ve(o));
@@ -681,7 +681,7 @@ };
 }
-const _ = "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 _ = "ar", Ye = `:host{align-items:center;border-radius:var(--border-radius);display:inline-flex;height:var(--input-height);min-width:3rem}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;min-width:inherit;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>"), ue = /* @__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;
-})(), w(j, {
+})(), w(O, {
   get when() {
@@ -693,3 +693,3 @@ return e.shape === "circle";
       const n = Xe(), t = n.firstChild, o = t.nextSibling;
-      return f(n, w(j, {
+      return f(n, w(O, {
         get when() {
@@ -701,10 +701,10 @@ return e.loading;
             const r = Qe();
-            return r._$owner = b(), r;
+            return r._$owner = g(), r;
           })();
         },
         get children() {
-          const r = de();
-          return r._$owner = b(), r;
+          const r = ue();
+          return r._$owner = g(), r;
         }
-      }), t), t._$owner = b(), o._$owner = b(), p(() => D(n, `${e.status} ${e.type} ${e.shape}`)), n;
+      }), t), t._$owner = g(), o._$owner = g(), b(() => D(n, `${e.status} ${e.type} ${e.shape}`)), n;
     })();
@@ -714,3 +714,3 @@ },
     const n = We();
-    return f(n, w(j, {
+    return f(n, w(O, {
       get when() {
@@ -722,10 +722,10 @@ return e.loading;
           const t = Ze();
-          return t._$owner = b(), t;
+          return t._$owner = g(), t;
         })();
       },
       get children() {
-        const t = de();
-        return t._$owner = b(), t;
+        const t = ue();
+        return t._$owner = g(), t;
       }
-    })), p(() => D(n, `${e.status} ${e.type} ${e.shape}`)), n;
+    })), b(() => D(n, `${e.status} ${e.type} ${e.shape}`)), n;
   }
@@ -739,3 +739,3 @@ })], tt = () => {
   }, et);
-}, A = (e, ...n) => e.reduce((o, r, l) => o + r + (n[l] || ""), ""), 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">'), lt = /* @__PURE__ */ u('<img class="w-6" alt="avatar">'), st = /* @__PURE__ */ u("<div>"), it = /* @__PURE__ */ u(`<style>/* layer: preflights */
+}, S = (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: ;}
@@ -760,3 +760,3 @@ /* layer: default */
 .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 = A`
+  const n = S`
         :host {
@@ -772,3 +772,3 @@ display: block;
         }
-    `, t = () => [w(j, {
+    `, t = () => [w(O, {
     get when() {
@@ -780,3 +780,3 @@ return e.icon;
         const r = ot();
-        return p(() => E(r, "src", e.logo)), r;
+        return b(() => E(r, "src", e.logo)), r;
       })();
@@ -786,20 +786,20 @@ },
       const r = nt();
-      return r._$owner = b(), p(() => r.name = e.logo), r;
+      return r._$owner = g(), b(() => r.name = e.logo), r;
     }
   }), (() => {
-    const r = rt(), l = r.firstChild, s = l.nextSibling;
-    return f(l, () => e.title), f(s, () => 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 = lt();
-    return p(() => E(r, "src", e.avatar || "/apple-touch-icon.png")), r;
+    const r = st();
+    return b(() => E(r, "src", e.avatar || "/apple-touch-icon.png")), r;
   })(), (() => {
-    const r = st();
+    const r = it();
     return f(r, () => e.creator || "A-M"), r;
   })()];
   return [(() => {
-    const r = it(), l = r.firstChild;
-    return f(r, n, l), r;
+    const r = lt(), s = r.firstChild;
+    return f(r, n, s), r;
   })(), (() => {
-    const r = ut(), l = r.firstChild;
-    return f(r, w(j, {
+    const r = ut(), s = r.firstChild;
+    return f(r, w(O, {
       get when() {
@@ -809,6 +809,6 @@ return e.header;
       get children() {
-        const s = at();
-        return s._$owner = b(), s;
+        const i = at();
+        return i._$owner = g(), i;
       }
-    }), l), l._$owner = b(), f(l, t), f(r, w(j, {
+    }), s), s._$owner = g(), f(s, t), f(r, w(O, {
       get when() {
@@ -818,4 +818,4 @@ return e.footer;
       get children() {
-        const s = ct();
-        return s._$owner = b(), f(s, o), s;
+        const i = ct();
+        return i._$owner = g(), f(i, o), i;
       }
@@ -849,3 +849,3 @@ }), null), r;
 .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">'), vt = /* @__PURE__ */ u('<img class="w-11 rd-2 self-start" alt="avatar">'), mt = /* @__PURE__ */ u("<ar-rich-text>", !0, !1), _t = (e) => {
-  const n = A`
+  const n = S`
         :host {
@@ -896,3 +896,3 @@ display: block;
     const t = $t(), o = t.firstChild;
-    return f(t, w(j, {
+    return f(t, w(O, {
       get when() {
@@ -903,3 +903,3 @@ return e.showAvatar;
         const r = bt();
-        return f(r, w(j, {
+        return f(r, w(O, {
           get when() {
@@ -910,13 +910,13 @@ return e.avatarType === "icon";
             return (() => {
-              const l = vt();
-              return p(() => E(l, "src", e.avatar)), l;
+              const s = vt();
+              return b(() => E(s, "src", e.avatar)), s;
             })();
           },
           get children() {
-            const l = gt();
-            return l._$owner = b(), p(() => l.name = e.role === "user" ? e.avatar || "avatar-01" : e.avatar || "ai-chat"), l;
+            const s = gt();
+            return s._$owner = g(), b(() => s.name = e.role === "user" ? e.avatar || "avatar-01" : e.avatar || "ai-chat"), s;
           }
         })), r;
       }
-    }), o), f(o, w(j, {
+    }), o), f(o, w(O, {
       get when() {
@@ -928,10 +928,10 @@ return e.loading;
           const r = mt();
-          return r._$owner = b(), p(() => r.text = e.content), r;
+          return r._$owner = g(), b(() => r.text = e.content), r;
         })();
       },
       get children() {
-        const r = pt(), l = r.firstChild, s = l.nextSibling;
-        return f(l, () => e.loadingText), s._$owner = b(), r;
+        const r = pt(), s = r.firstChild, i = s.nextSibling;
+        return f(s, () => e.loadingText), i._$owner = g(), r;
       }
-    })), p(() => D(t, `chat-bubble ${e.role === "user" ? "right" : "left"} m-3`)), t;
+    })), b(() => D(t, `chat-bubble ${e.role === "user" ? "right" : "left"} m-3`)), t;
   })()];
@@ -952,3 +952,3 @@ }, yt = () => {
 }) => {
-  const t = A`
+  const t = S`
         :host {
@@ -1030,7 +1030,7 @@ display: inline-block;
         }
-    `, [o, r] = z(e.value), l = (s) => {
+    `, [o, r] = z(e.value), s = (i) => {
     r(!o());
-    const i = s.target, d = new CustomEvent("change", {
+    const l = i.target, d = new CustomEvent("change", {
       detail: {
-        value: i.value
+        value: l.value
       }
@@ -1041,7 +1041,7 @@ });
   return [(() => {
-    const s = xt();
-    return f(s, t), s;
+    const i = xt();
+    return f(i, t), i;
   })(), (() => {
-    const s = wt(), i = s.firstChild, d = i.nextSibling, c = d.nextSibling;
-    return i.addEventListener("change", l), c._$owner = b(), p(() => i.checked = o()), s;
+    const i = wt(), l = i.firstChild, d = l.nextSibling, c = d.nextSibling;
+    return l.addEventListener("change", s), c._$owner = g(), b(() => l.checked = o()), i;
   })()];
@@ -1052,6 +1052,6 @@ }, Ct = () => {
   }, 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, {
+}, Et = /* @__PURE__ */ u("<style>"), zt = /* @__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'), St = (e, {
   element: n
 }) => {
-  const t = A`
+  const t = S`
         :host {
@@ -1076,3 +1076,3 @@ display: inline-block;
     `;
-  return le(() => {
+  return oe(() => {
     setTimeout(() => {
@@ -1085,12 +1085,12 @@ const o = n.shadowRoot.querySelector(".nums-chip");
     return f(o, t), o;
-  })(), St()];
-}, xe = () => {
+  })(), zt()];
+}, ye = () => {
   m(`${_}-dance-number`, {
     number: 0,
     size: 12
-  }, zt);
+  }, St);
 }, At = /* @__PURE__ */ u("<style>"), Tt = /* @__PURE__ */ u("<span>,"), Ot = /* @__PURE__ */ u("<div><ar-dance-number>", !0, !1);
-xe();
+ye();
 const jt = (e) => {
-  const n = A`
+  const n = S`
         :host {
@@ -1121,6 +1121,6 @@ display: inline-flex;
     children: (o) => o === "," ? Tt() : (() => {
-      const r = Ot(), l = r.firstChild;
-      return l.number = o, l._$owner = b(), p((s) => {
-        const i = e.type === "card" ? "card" : "", d = e.size;
-        return i !== s._v$ && D(r, s._v$ = i), d !== s._v$2 && (l.size = s._v$2 = d), s;
+      const r = Ot(), s = r.firstChild;
+      return s.number = o, s._$owner = g(), b((i) => {
+        const l = e.type === "card" ? "card" : "", d = e.size;
+        return l !== i._v$ && D(r, i._v$ = l), d !== i._v$2 && (s.size = i._v$2 = d), i;
       }, {
@@ -1138,4 +1138,4 @@ _v$: void 0,
   }, jt);
-}, Pt = /* @__PURE__ */ u("<style>"), Rt = /* @__PURE__ */ u("<slot>"), It = (e) => {
-  const n = A`
+}, Pt = /* @__PURE__ */ u("<style>"), It = /* @__PURE__ */ u("<slot>"), Nt = (e) => {
+  const n = S`
         :host {
@@ -1155,6 +1155,6 @@ display: flex;
   })(), (() => {
-    const t = Rt();
-    return t._$owner = b(), t;
+    const t = It();
+    return t._$owner = g(), t;
   })()];
-}, Nt = () => {
+}, Rt = () => {
   m(`${_}-flex-box`, {
@@ -1166,5 +1166,5 @@ gap: "1rem",
     justify: "flex-start"
-  }, It);
+  }, Nt);
 }, Lt = /* @__PURE__ */ u("<style>"), Ft = /* @__PURE__ */ u("<slot>"), Kt = (e) => {
-  const n = A`
+  const n = S`
         :host {
@@ -1181,3 +1181,3 @@ order: ${e.order};
     const t = Ft();
-    return t._$owner = b(), t;
+    return t._$owner = g(), t;
   })()];
@@ -1192,8 +1192,8 @@ }, Ht = () => {
 `, Gt = /* @__PURE__ */ u("<style>"), Ut = /* @__PURE__ */ u('<svg aria-hidden="true"><use>');
-let oe = "";
-const nr = (e) => {
-  oe = e;
+let re = "";
+const Zn = (e) => {
+  re = e;
 }, Mt = (e) => {
   const n = `icon icon-${e.name}`;
-  return oe || console.warn("You need use registerIcon first"), [(() => {
+  return re || console.warn("You need use registerIcon first"), [(() => {
     const t = Gt();
@@ -1203,5 +1203,5 @@ return f(t, Dt), t;
     const t = Ut(), o = t.firstChild;
-    return E(t, "class", n), p((r) => {
-      const l = e.size, s = e.size, i = e.color, d = `${oe}#icon-${e.name}`;
-      return l !== r._v$ && E(t, "width", r._v$ = l), s !== r._v$2 && E(t, "height", r._v$2 = s), i !== r._v$3 && E(t, "fill", r._v$3 = i), d !== r._v$4 && E(o, "href", r._v$4 = d), r;
+    return E(t, "class", n), b((r) => {
+      const s = e.size, i = e.size, l = e.color, d = `${re}#icon-${e.name}`;
+      return s !== r._v$ && E(t, "width", r._v$ = s), i !== r._v$2 && E(t, "height", r._v$2 = i), l !== r._v$3 && E(t, "fill", r._v$3 = l), d !== r._v$4 && E(o, "href", r._v$4 = d), r;
     }, {
@@ -1227,6 +1227,6 @@ _v$: void 0,
   return f(n, (() => {
-    const l = L(() => !!e.imageUrl);
-    return () => l() && (() => {
-      const s = Wt();
-      return p(() => E(s, "src", e.imageUrl)), s;
+    const s = L(() => !!e.imageUrl);
+    return () => s() && (() => {
+      const i = Wt();
+      return b(() => E(i, "src", e.imageUrl)), i;
     })();
@@ -1241,3 +1241,3 @@ })(), t), f(o, () => e.title), f(r, () => e.description), n;
 }, Zt = /* @__PURE__ */ u("<style>"), en = /* @__PURE__ */ u('<div class="grid-layout"><slot>'), tn = (e) => {
-  const n = A`
+  const n = S`
         .grid-layout {
@@ -1280,3 +1280,3 @@ --cols: ${e.cols};
     const t = en(), o = t.firstChild;
-    return o._$owner = b(), t;
+    return o._$owner = g(), t;
   })()];
@@ -1295,24 +1295,24 @@ }, nn = () => {
 }, 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>"), ln = /* @__PURE__ */ u('<slot name="header">'), sn = /* @__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 = () => [(() => {
+`, 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 f(e, rn), e;
 })(), (() => {
+  const e = sn();
+  return e._$owner = g(), e;
+})(), (() => {
   const e = ln();
-  return e._$owner = b(), e;
+  return e._$owner = g(), e;
 })(), (() => {
-  const e = sn();
-  return e._$owner = b(), e;
-})(), (() => {
   const e = an();
-  return e._$owner = b(), e;
+  return e._$owner = g(), e;
 })(), (() => {
   const e = cn();
-  return e._$owner = b(), e;
+  return e._$owner = g(), e;
 })(), (() => {
   const e = un();
-  return e._$owner = b(), e;
+  return e._$owner = g(), e;
 })()], fn = () => {
   m(`${_}-layout-holy`, dn);
 }, hn = /* @__PURE__ */ u("<style>"), gn = /* @__PURE__ */ u('<div class="place-holder"><slot>'), bn = () => {
-  const e = A`
+  const e = S`
         :host {
@@ -1336,29 +1336,10 @@ display: block;
     const n = gn(), t = n.firstChild;
-    return t._$owner = b(), n;
+    return t._$owner = g(), n;
   })()];
 }, pn = () => {
   m(`${_}-place-holder`, bn);
-}, $n = /* @__PURE__ */ u('<label><input type="radio"><slot>');
-function vn(e) {
-  function n() {
-    e.onChange && !e.disabled && e.onChange(e.value);
-  }
-  return (() => {
-    const t = $n(), o = t.firstChild, r = o.nextSibling;
-    return o.addEventListener("change", n), r._$owner = b(), p(() => o.disabled = e.disabled), p(() => o.value = e.value), p(() => o.checked = e.checked), t;
-  })();
-}
-const mn = () => {
-  m(`${_}-radio`, {
-    value: "",
-    checked: !1,
-    disabled: !1,
-    onChange: (e) => {
-      console.log(e);
-    }
-  }, vn);
-}, _n = /* @__PURE__ */ u("<style>"), yn = /* @__PURE__ */ u('<div class="root">'), xn = /* @__PURE__ */ u('<label><input type="radio" name="radio"><span>'), wn = (e, {
+}, $n = /* @__PURE__ */ u("<style>"), vn = /* @__PURE__ */ u('<div class="root">'), mn = /* @__PURE__ */ u('<div class="label"><input type="radio" name="radio"><span>'), _n = (e, {
   element: n
 }) => {
-  const t = A`
+  const t = S`
         :host {
@@ -1396,3 +1377,3 @@ display: inline-block;
 
-        label span {
+        .label span {
             display: flex;
@@ -1411,38 +1392,35 @@ height: var(--input-height);
 
-        label:first-child span {
+        .label:first-child span {
             border-radius: var(--border-radius) 0 0 var(--border-radius);
         }
 
-        label:last-child span {
+        .label:last-child span {
             border-radius: 0 var(--border-radius) var(--border-radius) 0;
         }
-    `, [o, r] = z(e.value || "");
-  Z(() => {
-    const s = new CustomEvent("change", {
+    `, [o, r] = z(e.value || ""), s = (i) => {
+    r(i);
+    const l = new CustomEvent("change", {
       detail: {
-        value: o()
+        value: i
       },
       bubbles: !0
     });
-    n.dispatchEvent(s);
-  });
-  const l = (s) => {
-    r(s);
+    n.dispatchEvent(l);
   };
   return [(() => {
-    const s = _n();
-    return f(s, t), s;
+    const i = $n();
+    return f(i, t), i;
   })(), (() => {
-    const s = yn();
-    return f(s, w(H, {
+    const i = vn();
+    return f(i, w(H, {
       get each() {
         return e.options;
       },
-      children: (i) => (() => {
-        const d = xn(), c = d.firstChild, a = c.nextSibling;
-        return d.$$click = () => l(i.value), f(a, () => i.label), p(() => c.value = i.value), p(() => c.checked = o() === i.value), d;
+      children: (l) => (() => {
+        const d = mn(), c = d.firstChild, a = c.nextSibling;
+        return d.$$click = () => s(l.value), f(a, () => l.label), b(() => c.value = l.value), b(() => c.checked = o() === l.value), d;
       })()
-    })), s;
+    })), i;
   })()];
-}, kn = () => {
+}, yn = () => {
   m(`${_}-radio-button`, {
@@ -1461,9 +1439,9 @@ options: [{
     direction: "row"
-  }, wn);
+  }, _n);
 };
 M(["click"]);
-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, {
+const xn = /* @__PURE__ */ u("<style>"), wn = /* @__PURE__ */ u('<div class="root">'), kn = /* @__PURE__ */ u('<div class="radio-button"><input name="radio-group" class="radio-button__input" type="radio"><div class="radio-button__label"><span class="radio-button__custom">'), Cn = (e, {
   element: n
 }) => {
-  const t = A`
+  const t = S`
         :host {
@@ -1527,37 +1505,28 @@ display: inline-block;
         }
-    `, [o, r] = z(e.value || "");
-  Z(() => {
-    const s = new CustomEvent("change", {
+    `, [o, r] = z(e.value || ""), s = (i) => {
+    r(i);
+    const l = new CustomEvent("change", {
       detail: {
-        value: o()
+        value: i
       },
       bubbles: !0
     });
-    n.dispatchEvent(s);
-  });
-  const l = (s) => {
-    r(s);
+    n.dispatchEvent(l);
   };
   return [(() => {
-    const s = Cn();
-    return f(s, t), s;
+    const i = xn();
+    return f(i, t), i;
   })(), (() => {
-    const s = En();
-    return f(s, w(H, {
+    const i = wn();
+    return f(i, w(H, {
       get each() {
         return e.options;
       },
-      children: (i, d) => (() => {
-        const c = Sn(), a = c.firstChild, h = a.nextSibling;
-        return h.firstChild, c.$$click = () => l(i.value), f(h, () => i.label, null), p((g) => {
-          const C = `radio-${d()}`, S = `radio-${d()}`;
-          return C !== g._v$ && E(a, "id", g._v$ = C), S !== g._v$2 && E(h, "for", g._v$2 = S), g;
-        }, {
-          _v$: void 0,
-          _v$2: void 0
-        }), p(() => a.value = i.value), p(() => a.checked = o() === i.value), c;
+      children: (l) => (() => {
+        const d = kn(), c = d.firstChild, a = c.nextSibling;
+        return a.firstChild, d.$$click = () => s(l.value), f(a, () => l.label, null), b(() => c.value = l.value), b(() => c.checked = o() === l.value), d;
       })()
-    })), s;
+    })), i;
   })()];
-}, An = () => {
+}, En = () => {
   m(`${_}-radio-group`, {
@@ -1576,9 +1545,9 @@ options: [{
     direction: "row"
-  }, zn);
+  }, Cn);
 };
 M(["click"]);
-const Tn = /* @__PURE__ */ u("<style>"), On = /* @__PURE__ */ u('<div><div><select></select></div><div class="arrow"></div><ul>'), jn = /* @__PURE__ */ u("<ar-textfield>", !0, !1), Bn = /* @__PURE__ */ u('<div class="label-chip"><span>'), Pn = /* @__PURE__ */ u("<option>"), Rn = /* @__PURE__ */ u("<li>"), In = (e, {
+const zn = /* @__PURE__ */ u("<style>"), Sn = /* @__PURE__ */ u('<div><div><select></select></div><div class="arrow"></div><ul>'), An = /* @__PURE__ */ u("<ar-textfield>", !0, !1), Tn = /* @__PURE__ */ u('<div class="label-chip"><span>'), On = /* @__PURE__ */ u("<option>"), jn = /* @__PURE__ */ u("<li>"), Bn = (e, {
   element: n
 }) => {
-  const t = A`
+  const t = S`
         :host {
@@ -1617,3 +1586,3 @@ align-items: center;
             list-style: none;
-            z-index: 1;
+            z-index: 10;
             position: absolute;
@@ -1661,33 +1630,30 @@ top: ${e.placement === "bottom" ? "100%" : 0};
         }
-    `, [o, r] = z(!1), [l, s] = z(e.value || ""), i = L(() => {
+    `, [o, r] = z(!1), [s, i] = z(e.value || ""), l = L(() => {
     var a;
-    return ((a = e.options) == null ? void 0 : a.filter((h) => h.value === l())) || [];
-  });
-  Z(() => {
-    const a = new CustomEvent("change", {
+    return ((a = e.options) == null ? void 0 : a.filter((h) => h.value === s())) || [];
+  }), d = () => {
+    r(!o());
+  }, c = (a) => {
+    i(a.value);
+    const h = new CustomEvent("change", {
       detail: {
-        value: l()
+        value: a.value
       },
       bubbles: !0
     });
-    n.dispatchEvent(a);
-  });
-  const d = () => {
-    r(!o());
-  }, c = (a) => {
-    s(a.value);
+    n.dispatchEvent(h);
   };
   return [(() => {
-    const a = Tn();
+    const a = zn();
     return f(a, t), a;
   })(), (() => {
-    const a = On(), h = a.firstChild, g = h.firstChild, C = h.nextSibling, S = C.nextSibling;
-    return a.$$click = d, f(h, w(j, {
+    const a = Sn(), h = a.firstChild, p = h.firstChild, C = h.nextSibling, j = C.nextSibling;
+    return a.$$click = d, f(h, w(O, {
       get when() {
-        return i().length > 0;
+        return l().length > 0;
       },
       get fallback() {
         return (() => {
-          const $ = jn();
-          return $._$owner = b(), $;
+          const $ = An();
+          return $._$owner = g(), $;
         })();
@@ -1698,6 +1664,6 @@ },
           get each() {
-            return i();
+            return l();
           },
           children: ($) => (() => {
-            const y = Bn(), B = y.firstChild;
+            const y = Tn(), B = y.firstChild;
             return f(B, () => $.label), y;
@@ -1707,3 +1673,3 @@ })()
       }
-    }), g), f(g, w(H, {
+    }), p), f(p, w(H, {
       get each() {
@@ -1713,6 +1679,6 @@ return e.options;
       children: ($) => (() => {
-        const y = Pn();
-        return f(y, () => $.label), p(() => y.selected = l() === $.value), y;
+        const y = On();
+        return f(y, () => $.label), b(() => y.selected = s() === $.value), y;
       })()
-    })), f(S, w(H, {
+    })), f(j, w(H, {
       get each() {
@@ -1722,8 +1688,8 @@ return e.options;
       children: ($) => (() => {
-        const y = Rn();
+        const y = jn();
         return y.$$click = () => c($), f(y, () => $.label), y;
       })()
-    })), p(($) => {
+    })), b(($) => {
       const y = `root ${o() ? "open" : ""}`, B = e.multiple;
-      return y !== $._v$ && D(a, $._v$ = y), B !== $._v$2 && (g.multiple = $._v$2 = B), $;
+      return y !== $._v$ && D(a, $._v$ = y), B !== $._v$2 && (p.multiple = $._v$2 = B), $;
     }, {
@@ -1734,3 +1700,3 @@ _v$: void 0,
   })()];
-}, Nn = () => {
+}, Pn = () => {
   m(`${_}-select`, {
@@ -1749,21 +1715,21 @@ options: [{
     placement: "bottom"
-  }, In);
+  }, Bn);
 };
 M(["click"]);
-const Ln = `:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);box-sizing:border-box;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%}
-`, Fn = /* @__PURE__ */ u("<style>"), Kn = /* @__PURE__ */ u('<slot name="prefix">'), Hn = /* @__PURE__ */ u('<textarea class="textarea">'), Dn = /* @__PURE__ */ u('<slot name="suffix">'), Gn = (e, {
+const In = `:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);box-sizing:border-box;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%}
+`, Nn = /* @__PURE__ */ u("<style>"), Rn = /* @__PURE__ */ u('<slot name="prefix">'), Ln = /* @__PURE__ */ u('<textarea class="textarea">'), Fn = /* @__PURE__ */ u('<slot name="suffix">'), Kn = (e, {
   element: n
 }) => {
-  const [t, o] = z(), [r, l] = z(e.height);
-  le(() => {
+  const [t, o] = z(), [r, s] = z(e.height);
+  oe(() => {
     setTimeout(() => {
       var a;
       const c = (a = t()) == null ? void 0 : a.scrollHeight;
-      c && l(`${c}px`);
+      c && s(`${c}px`);
     }, 0);
   });
-  const s = (c) => {
+  const i = (c) => {
     const a = c.target;
-    l(e.height), l(`${a.scrollHeight}px`);
-  }, i = (c) => {
+    s(e.height), s(`${a.scrollHeight}px`);
+  }, l = (c) => {
     const a = c.target, h = new CustomEvent("change", {
@@ -1787,21 +1753,21 @@ detail: {
   return [(() => {
-    const c = Fn();
-    return f(c, Ln), c;
+    const c = Nn();
+    return f(c, In), c;
   })(), (() => {
-    const c = Kn();
-    return c._$owner = b(), c;
+    const c = Rn();
+    return c._$owner = g(), c;
   })(), (() => {
-    const c = Hn();
-    return c.$$keydown = d, c.addEventListener("change", i), c.$$input = s, Pe(o, c), p((a) => {
-      const h = r(), g = e.placeholder;
-      return h !== a._v$ && ((a._v$ = h) != null ? c.style.setProperty("height", h) : c.style.removeProperty("height")), g !== a._v$2 && E(c, "placeholder", a._v$2 = g), a;
+    const c = Ln();
+    return c.$$keydown = d, c.addEventListener("change", l), c.$$input = i, Pe(o, c), b((a) => {
+      const h = r(), p = e.placeholder;
+      return h !== a._v$ && ((a._v$ = h) != null ? c.style.setProperty("height", h) : c.style.removeProperty("height")), p !== a._v$2 && E(c, "placeholder", a._v$2 = p), a;
     }, {
       _v$: void 0,
       _v$2: void 0
-    }), p(() => c.value = e.value), c;
+    }), b(() => c.value = e.value), c;
   })(), (() => {
-    const c = Dn();
-    return c._$owner = b(), c;
+    const c = Fn();
+    return c._$owner = g(), c;
   })()];
-}, Un = () => {
+}, Hn = () => {
   m(`${_}-textarea`, {
@@ -1811,46 +1777,46 @@ value: "",
     height: "32px"
-  }, Gn);
+  }, Kn);
 };
 M(["input", "keydown"]);
-const Mn = `:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);box-sizing:border-box;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}
-`, Vn = /* @__PURE__ */ u("<style>"), qn = /* @__PURE__ */ u('<slot name="prefix">'), Yn = /* @__PURE__ */ u('<input class="textarea">'), Jn = /* @__PURE__ */ u('<slot name="suffix">'), Wn = (e, {
+const Dn = `:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);box-sizing:border-box;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}
+`, Gn = /* @__PURE__ */ u("<style>"), Un = /* @__PURE__ */ u('<slot name="prefix">'), Mn = /* @__PURE__ */ u('<input class="textarea">'), Vn = /* @__PURE__ */ u('<slot name="suffix">'), qn = (e, {
   element: n
 }) => {
   const t = (r) => {
-    const l = r.target, s = new CustomEvent("change", {
+    const s = r.target, i = new CustomEvent("change", {
       detail: {
-        value: l.value
+        value: s.value
       }
     });
-    n.dispatchEvent(s);
+    n.dispatchEvent(i);
   }, o = (r) => {
     if (r.keyCode === 13 && (r.preventDefault(), r.target)) {
-      const l = r.target, s = new CustomEvent("enter", {
+      const s = r.target, i = new CustomEvent("enter", {
         detail: {
-          value: l.value
+          value: s.value
         }
       });
-      n.dispatchEvent(s);
+      n.dispatchEvent(i);
     }
   };
   return [(() => {
-    const r = Vn();
-    return f(r, Mn), r;
+    const r = Gn();
+    return f(r, Dn), r;
   })(), (() => {
-    const r = qn();
-    return r._$owner = b(), r;
+    const r = Un();
+    return r._$owner = g(), r;
   })(), (() => {
-    const r = Yn();
-    return r.$$keydown = o, r.addEventListener("change", t), p((l) => {
-      const s = e.placeholder, i = e.type;
-      return s !== l._v$ && E(r, "placeholder", l._v$ = s), i !== l._v$2 && E(r, "type", l._v$2 = i), l;
+    const r = Mn();
+    return r.$$keydown = o, r.addEventListener("change", t), b((s) => {
+      const i = e.placeholder, l = e.type;
+      return i !== s._v$ && E(r, "placeholder", s._v$ = i), l !== s._v$2 && E(r, "type", s._v$2 = l), s;
     }, {
       _v$: void 0,
       _v$2: void 0
-    }), p(() => r.value = e.value), r;
+    }), b(() => r.value = e.value), r;
   })(), (() => {
-    const r = Jn();
-    return r._$owner = b(), r;
+    const r = Vn();
+    return r._$owner = g(), r;
   })()];
-}, Xn = () => {
+}, Yn = () => {
   m(`${_}-textfield`, {
@@ -1860,26 +1826,26 @@ value: "",
     type: "text"
-  }, Wn);
+  }, qn);
 };
 M(["keydown"]);
-const fe = /* @__PURE__ */ u("<span>"), Qn = (e) => {
-  const [n, t] = z(""), [o, r] = z(0), [l, s] = z(!0), {
-    text: i,
+const de = /* @__PURE__ */ u("<span>"), Jn = (e) => {
+  const [n, t] = z(""), [o, r] = z(0), [s, i] = z(!0), {
+    text: l,
     speed: d = 100,
     cursor: c = "|"
   } = e;
-  return le(() => {
+  return oe(() => {
     const a = setInterval(() => {
-      t(i.substr(0, o())), r(o() + 1), o() >= i.length && (s(!1), clearInterval(a));
+      t(l.substr(0, o())), r(o() + 1), o() >= l.length && (i(!1), clearInterval(a));
     }, d);
   }), [(() => {
-    const a = fe();
+    const a = de();
     return f(a, n), a;
   })(), L((() => {
-    const a = L(() => !!l());
+    const a = L(() => !!s());
     return () => a() && (() => {
-      const h = fe();
+      const h = de();
       return f(h, c), h;
     })();
   })())];
-}, Zn = () => {
+}, Wn = () => {
   m(`${_}-typewriter`, {
@@ -1889,4 +1855,4 @@ text: "",
     cursor: "|"
-  }, Qn);
-}, er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  }, Jn);
+}, Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -1898,4 +1864,4 @@ Button: tt,
   DanceCount: Bt,
-  DanceNumber: xe,
-  FlexBox: Nt,
+  DanceNumber: ye,
+  FlexBox: Rt,
   FlexItem: Ht,
@@ -1907,11 +1873,10 @@ Icon: Vt,
   PlaceHolder: pn,
-  Radio: mn,
-  RadioButton: kn,
-  RadioGroup: An,
-  Select: Nn,
-  Textarea: Un,
-  Textfield: Xn,
-  Typewriter: Zn
+  RadioButton: yn,
+  RadioGroup: En,
+  Select: Pn,
+  Textarea: Hn,
+  Textfield: Yn,
+  Typewriter: Wn
 }, Symbol.toStringTag, { value: "Module" }));
-const rr = (e = er) => {
+const er = (e = Xn) => {
   for (const n in e) {
@@ -1928,4 +1893,4 @@ const t = e[n];
   Bt as DanceCount,
-  xe as DanceNumber,
-  Nt as FlexBox,
+  ye as DanceNumber,
+  Rt as FlexBox,
   Ht as FlexItem,
@@ -1937,11 +1902,10 @@ Vt as Icon,
   pn as PlaceHolder,
-  mn as Radio,
-  kn as RadioButton,
-  An as RadioGroup,
-  Nn as Select,
-  Un as Textarea,
-  Xn as Textfield,
-  Zn as Typewriter,
-  rr as defineCustomElements,
-  nr as registerIcon
+  yn as RadioButton,
+  En as RadioGroup,
+  Pn as Select,
+  Hn as Textarea,
+  Yn as Textfield,
+  Wn as Typewriter,
+  er as defineCustomElements,
+  Zn as registerIcon
 };

dist/aura-design.umd.js

@@ -1,3 +0,3 @@
-(function($,G){typeof exports=="object"&&typeof module<"u"?G(exports):typeof define=="function"&&define.amd?define(["exports"],G):($=typeof globalThis<"u"?globalThis:$||self,G($["aura-design"]={}))})(this,function($){"use strict";const G=(e,n)=>e===n,Me=Symbol("solid-track"),Y={equals:G};let ue=ge;const L=1,J=2,de={owned:null,cleanups:null,context:null,owner:null};var x=null;let re=null,m=null,k=null,P=null,W=0;function X(e,n){const t=m,o=x,r=e.length===0,i=r?de:{owned:null,cleanups:null,context:null,owner:n===void 0?o:n},l=r?e:()=>e(()=>I(()=>te(i)));x=i,m=null;try{return U(l,!0)}finally{m=t,x=o}}function z(e,n){n=n?Object.assign({},Y,n):Y;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=ie(e,n,!1,L);M(o)}function Q(e,n,t){ue=Ye;const o=ie(e,n,!1,L);o.user=!0,P?P.push(o):M(o)}function F(e,n,t){t=t?Object.assign({},Y,t):Y;const o=ie(e,n,!0,0);return o.observers=null,o.observerSlots=null,o.comparator=t.equals||void 0,M(o),fe.bind(o)}function I(e){if(m===null)return e();const n=m;m=null;try{return e()}finally{m=n}}function oe(e){Q(()=>I(e))}function Ue(e){return x===null||(x.cleanups===null?x.cleanups=[e]:x.cleanups.push(e)),e}function b(){return x}function fe(){if(this.sources&&this.state)if(this.state===L)M(this);else{const e=k;k=null,U(()=>ee(this),!1),k=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&&U(()=>{for(let r=0;r<e.observers.length;r+=1){const i=e.observers[r],l=re&&re.running;l&&re.disposed.has(i),(l?!i.tState:!i.state)&&(i.pure?k.push(i):P.push(i),i.observers&&be(i)),l||(i.state=L)}if(k.length>1e6)throw k=[],new Error},!1)),n}function M(e){if(!e.fn)return;te(e);const n=x,t=m,o=W;m=x=e,Ve(e,e.value,o),m=t,x=n}function Ve(e,n,t){let o;try{o=e.fn(n)}catch(r){return e.pure&&(e.state=L,e.owned&&e.owned.forEach(te),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 ie(e,n,t,o=L,r){const i={fn:e,state:o,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:n,owner:x,context:null,pure:t};return x===null||x!==de&&(x.owned?x.owned.push(i):x.owned=[i]),i}function Z(e){if(e.state===0)return;if(e.state===J)return ee(e);if(e.suspense&&I(e.suspense.inFallback))return e.suspense.effects.push(e);const n=[e];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===L)M(e);else if(e.state===J){const o=k;k=null,U(()=>ee(e,n[0]),!1),k=o}}function U(e,n){if(k)return e();let t=!1;n||(k=[]),P?t=!0:P=[],W++;try{const o=e();return qe(t),o}catch(o){t||(P=null),k=null,pe(o)}}function qe(e){if(k&&(ge(k),k=null),e)return;const n=P;P=null,n.length&&U(()=>ue(n),!1)}function ge(e){for(let n=0;n<e.length;n++)Z(e[n])}function Ye(e){let n,t=0;for(n=0;n<e.length;n++){const o=e[n];o.user?e[t++]=o:Z(o)}for(n=0;n<t;n++)Z(e[n])}function ee(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===L?o!==n&&(!o.updatedAt||o.updatedAt<W)&&Z(o):r===J&&ee(o,n)}}}function be(e){for(let n=0;n<e.observers.length;n+=1){const t=e.observers[n];t.state||(t.state=J,t.pure?k.push(t):P.push(t),t.observers&&be(t))}}function te(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(),l=t.observerSlots.pop();o<r.length&&(i.sourceSlots[l]=o,r[o]=i,t.observerSlots[o]=l)}}if(e.owned){for(n=e.owned.length-1;n>=0;n--)te(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 Je=Symbol("fallback");function $e(e){for(let n=0;n<e.length;n++)e[n]()}function We(e,n,t={}){let o=[],r=[],i=[],l=0,s=n.length>1?[]:null;return Ue(()=>$e(i)),()=>{let d=e()||[],c,a;return d[Me],I(()=>{let p=d.length,E,T,v,w,R,j,B,N,D;if(p===0)l!==0&&($e(i),i=[],o=[],r=[],l=0,s&&(s=[])),t.fallback&&(o=[Je],r[0]=X(rr=>(i[0]=rr,t.fallback())),l=1);else if(l===0){for(r=new Array(p),a=0;a<p;a++)o[a]=d[a],r[a]=X(h);l=p}else{for(v=new Array(p),w=new Array(p),s&&(R=new Array(p)),j=0,B=Math.min(l,p);j<B&&o[j]===d[j];j++);for(B=l-1,N=p-1;B>=j&&N>=j&&o[B]===d[N];B--,N--)v[N]=r[B],w[N]=i[B],s&&(R[N]=s[B]);for(E=new Map,T=new Array(N+1),a=N;a>=j;a--)D=d[a],c=E.get(D),T[a]=c===void 0?-1:c,E.set(D,a);for(c=j;c<=B;c++)D=o[c],a=E.get(D),a!==void 0&&a!==-1?(v[a]=r[c],w[a]=i[c],s&&(R[a]=s[c]),a=T[a],E.set(D,a)):i[c]();for(a=j;a<p;a++)a in v?(r[a]=v[a],i[a]=w[a],s&&(s[a]=R[a],s[a](a))):r[a]=X(h);r=r.slice(0,l=p),o=d.slice(0)}return r});function h(p){if(i[a]=p,s){const[E,T]=z(a);return s[a]=T,n(d[a],E)}return n(d[a])}}}function C(e,n){return I(()=>e(n||{}))}const Xe=e=>`Stale read from <${e}>.`;function K(e){const n="fallback"in e&&{fallback:()=>e.fallback};return F(We(()=>e.each,e.children,n||void 0))}function O(e){const n=e.keyed,t=F(()=>e.when,void 0,{equals:(o,r)=>n?o===r:!o==!r});return F(()=>{const o=t();if(o){const r=e.children;return typeof r=="function"&&r.length>0?I(()=>r(n?o:()=>{if(!I(t))throw Xe("Show");return e.when})):r}return e.fallback},void 0,void 0)}function Qe(e,n,t){let o=t.length,r=n.length,i=o,l=0,s=0,d=n[r-1].nextSibling,c=null;for(;l<r||s<i;){if(n[l]===t[s]){l++,s++;continue}for(;n[r-1]===t[i-1];)r--,i--;if(r===l){const a=i<o?s?t[s-1].nextSibling:t[i-s]:d;for(;s<i;)e.insertBefore(t[s++],a)}else if(i===s)for(;l<r;)(!c||!c.has(n[l]))&&n[l].remove(),l++;else if(n[l]===t[i-1]&&t[s]===n[r-1]){const a=n[--r].nextSibling;e.insertBefore(t[s++],n[l++].nextSibling),e.insertBefore(t[--i],a),n[r]=t[i]}else{if(!c){c=new Map;let h=s;for(;h<i;)c.set(t[h],h++)}const a=c.get(n[l]);if(a!=null)if(s<a&&a<i){let h=l,p=1,E;for(;++h<r&&h<i&&!((E=c.get(n[h]))==null||E!==a+p);)p++;if(p>a-s){const T=n[l];for(;s<a;)e.insertBefore(t[s++],T)}else e.replaceChild(t[s++],n[l++])}else l++;else n[l++].remove()}}}const ve="_$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},i=n?()=>(o||(o=r())).cloneNode(!0):()=>I(()=>document.importNode(o||(o=r()),!0));return i.cloneNode=i,i}function V(e,n=window.document){const t=n[ve]||(n[ve]=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,et))}}function S(e,n,t){t==null?e.removeAttribute(n):e.setAttribute(n,t)}function q(e,n){n==null?e.removeAttribute("class"):e.className=n}function Ze(e,n,t){return I(()=>e(n,t))}function f(e,n,t,o){if(t!==void 0&&!o&&(o=[]),typeof n!="function")return ne(e,n,o,t);g(r=>ne(e,n(),r,t),o)}function et(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 ne(e,n,t,o,r){for(;typeof t=="function";)t=t();if(n===t)return t;const i=typeof n,l=o!==void 0;if(e=l&&t[0]&&t[0].parentNode||e,i==="string"||i==="number")if(i==="number"&&(n=n.toString()),l){let s=t[0];s&&s.nodeType===3?s.data=n:s=document.createTextNode(n),t=H(e,t,o,s)}else t!==""&&typeof t=="string"?t=e.firstChild.data=n:t=e.textContent=n;else if(n==null||i==="boolean")t=H(e,t,o);else{if(i==="function")return g(()=>{let s=n();for(;typeof s=="function";)s=s();t=ne(e,s,t,o)}),()=>t;if(Array.isArray(n)){const s=[],d=t&&Array.isArray(t);if(le(s,n,t,r))return g(()=>t=ne(e,s,t,o,!0)),()=>t;if(s.length===0){if(t=H(e,t,o),l)return t}else d?t.length===0?me(e,s,o):Qe(e,t,s):(t&&H(e),me(e,s));t=s}else if(n instanceof Node){if(Array.isArray(t)){if(l)return t=H(e,t,o,n);H(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 le(e,n,t,o){let r=!1;for(let i=0,l=n.length;i<l;i++){let s=n[i],d=t&&t[i];if(s instanceof Node)e.push(s);else if(!(s==null||s===!0||s===!1))if(Array.isArray(s))r=le(e,s,d)||r;else if(typeof s=="function")if(o){for(;typeof s=="function";)s=s();r=le(e,Array.isArray(s)?s:[s],Array.isArray(d)?d:[d])||r}else e.push(s),r=!0;else{const c=String(s);d&&d.nodeType===3?(d.data=c,e.push(d)):e.push(document.createTextNode(c))}}return r}function me(e,n,t=null){for(let o=0,r=n.length;o<r;o++)e.insertBefore(n[o],t)}function H(e,n,t,o){if(t===void 0)return e.textContent="";const r=o||document.createTextNode("");if(n.length){let i=!1;for(let l=n.length-1;l>=0;l--){const s=n[l];if(r!==s){const d=s.parentNode===e;!i&&!l?d?e.replaceChild(r,s):e.insertBefore(r,t):d&&s.remove()}else i=!0}}else e.insertBefore(r,t);return[r]}function tt(e){return Object.keys(e).reduce((t,o)=>{const r=e[o];return t[o]=Object.assign({},r),we(r.value)&&!lt(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 nt(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=it(o)),t[o].parse="parse"in t[o]?t[o].parse:typeof t[o].value!="string",t},{}):{}}function rt(e){return Object.keys(e).reduce((t,o)=>(t[o]=e[o].value,t),{})}function ot(e,n){const t=tt(n);return Object.keys(n).forEach(r=>{const i=t[r],l=e.getAttribute(i.attribute),s=e[r];l&&(i.value=i.parse?_e(l):l),s!=null&&(i.value=Array.isArray(s)?s.slice(0):s),i.reflect&&ye(e,i.attribute,i.value),Object.defineProperty(e,r,{get(){return i.value},set(d){const c=i.value;i.value=d,i.reflect&&ye(this,i.attribute,i.value);for(let a=0,h=this.__propertyChangedCallbacks.length;a<h;a++)this.__propertyChangedCallbacks[a](r,d,c)},enumerable:!0,configurable:!0})}),t}function _e(e){if(e)try{return JSON.parse(e)}catch{return e}}function ye(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 it(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 lt(e){return Object.prototype.toString.call(e)==="[object Function]"}function st(e){return typeof e=="function"&&e.toString().indexOf("class")===0}let se;function at(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=ot(this,n);const r=rt(this.props),i=this.Component,l=se;try{se=this,this.__initialized=!0,st(i)?new i(r,{element:this}):i(r,{element:this})}finally{se=l}}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,l){if(this.__initialized&&!this.__updating[r]&&(r=this.lookupProp(r),r in n)){if(l==null&&!this[r])return;this[r]=n[r].parse?_e(l):l}}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 ct(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 l=customElements.get(e);return l?(l.prototype.Component=i,l):(l=at(o,nt(n)),l.prototype.Component=i,l.prototype.registeredTag=e,customElements.define(e,l,r),l)}}function ut(e){const n=Object.keys(e),t={};for(let o=0;o<n.length;o++){const[r,i]=z(e[n[o]]);Object.defineProperty(t,n[o],{get:r,set(l){i(()=>l)}})}return t}function dt(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 ft(e){return(n,t)=>{const{element:o}=t;return X(r=>{const i=ut(n);o.addPropertyChangedCallback((s,d)=>i[s]=d),o.addReleaseCallback(()=>{o.renderRoot.textContent="",r()});const l=e(i,t);return f(o.renderRoot,l)},dt(o))}}function _(e,n,t){return arguments.length===2&&(t=n,n={}),ct(e,n)(ft(t))}const y="ar",ht=`: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)}
-`,gt=u("<style>"),xe=u('<ar-icon name="loading" spin>',!0,!1),bt=u("<button>"),pt=u('<button><slot></slot><slot name="suffix">'),$t=u('<slot name="prefix">'),vt=u("<slot>"),mt=e=>[(()=>{const n=gt();return f(n,ht),n})(),C(O,{get when(){return e.shape==="circle"},get fallback(){return(()=>{const n=pt(),t=n.firstChild,o=t.nextSibling;return f(n,C(O,{get when(){return e.loading},get fallback(){return(()=>{const r=$t();return r._$owner=b(),r})()},get children(){const r=xe();return r._$owner=b(),r}}),t),t._$owner=b(),o._$owner=b(),g(()=>q(n,`${e.status} ${e.type} ${e.shape}`)),n})()},get children(){const n=bt();return f(n,C(O,{get when(){return e.loading},get fallback(){return(()=>{const t=vt();return t._$owner=b(),t})()},get children(){const t=xe();return t._$owner=b(),t}})),g(()=>q(n,`${e.status} ${e.type} ${e.shape}`)),n}})],ke=()=>{_(`${y}-button`,{type:"default",status:"primary",shape:"default",loading:!1},mt)},A=(e,...n)=>e.reduce((o,r,i)=>o+r+(n[i]||""),""),_t=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">'),wt=u('<img class="w-20 rd-2" alt="logo">'),xt=u('<img class="w-6" alt="avatar">'),kt=u("<div>"),Ct=u(`<style>/* layer: preflights */
+(function(b,G){typeof exports=="object"&&typeof module<"u"?G(exports):typeof define=="function"&&define.amd?define(["exports"],G):(b=typeof globalThis<"u"?globalThis:b||self,G(b["aura-design"]={}))})(this,function(b){"use strict";const G=(e,n)=>e===n,De=Symbol("solid-track"),Y={equals:G};let ce=he;const L=1,J=2,ue={owned:null,cleanups:null,context:null,owner:null};var x=null;let ne=null,v=null,k=null,B=null,W=0;function X(e,n){const t=v,o=x,r=e.length===0,i=r?ue:{owned:null,cleanups:null,context:null,owner:n===void 0?o:n},l=r?e:()=>e(()=>P(()=>ee(i)));x=i,v=null;try{return U(l,!0)}finally{v=t,x=o}}function E(e,n){n=n?Object.assign({},Y,n):Y;const t={value:e,observers:null,observerSlots:null,comparator:n.equals||void 0},o=r=>(typeof r=="function"&&(r=r(t.value)),fe(t,r));return[de.bind(t),o]}function p(e,n,t){const o=oe(e,n,!1,L);M(o)}function Ge(e,n,t){ce=qe;const o=oe(e,n,!1,L);o.user=!0,B?B.push(o):M(o)}function F(e,n,t){t=t?Object.assign({},Y,t):Y;const o=oe(e,n,!0,0);return o.observers=null,o.observerSlots=null,o.comparator=t.equals||void 0,M(o),de.bind(o)}function P(e){if(v===null)return e();const n=v;v=null;try{return e()}finally{v=n}}function re(e){Ge(()=>P(e))}function Me(e){return x===null||(x.cleanups===null?x.cleanups=[e]:x.cleanups.push(e)),e}function g(){return x}function de(){if(this.sources&&this.state)if(this.state===L)M(this);else{const e=k;k=null,U(()=>Z(this),!1),k=e}if(v){const e=this.observers?this.observers.length:0;v.sources?(v.sources.push(this),v.sourceSlots.push(e)):(v.sources=[this],v.sourceSlots=[e]),this.observers?(this.observers.push(v),this.observerSlots.push(v.sources.length-1)):(this.observers=[v],this.observerSlots=[v.sources.length-1])}return this.value}function fe(e,n,t){let o=e.value;return(!e.comparator||!e.comparator(o,n))&&(e.value=n,e.observers&&e.observers.length&&U(()=>{for(let r=0;r<e.observers.length;r+=1){const i=e.observers[r],l=ne&&ne.running;l&&ne.disposed.has(i),(l?!i.tState:!i.state)&&(i.pure?k.push(i):B.push(i),i.observers&&ge(i)),l||(i.state=L)}if(k.length>1e6)throw k=[],new Error},!1)),n}function M(e){if(!e.fn)return;ee(e);const n=x,t=v,o=W;v=x=e,Ue(e,e.value,o),v=t,x=n}function Ue(e,n,t){let o;try{o=e.fn(n)}catch(r){return e.pure&&(e.state=L,e.owned&&e.owned.forEach(ee),e.owned=null),e.updatedAt=t+1,be(r)}(!e.updatedAt||e.updatedAt<=t)&&(e.updatedAt!=null&&"observers"in e?fe(e,o):e.value=o,e.updatedAt=t)}function oe(e,n,t,o=L,r){const i={fn:e,state:o,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:n,owner:x,context:null,pure:t};return x===null||x!==ue&&(x.owned?x.owned.push(i):x.owned=[i]),i}function Q(e){if(e.state===0)return;if(e.state===J)return Z(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<W);)e.state&&n.push(e);for(let t=n.length-1;t>=0;t--)if(e=n[t],e.state===L)M(e);else if(e.state===J){const o=k;k=null,U(()=>Z(e,n[0]),!1),k=o}}function U(e,n){if(k)return e();let t=!1;n||(k=[]),B?t=!0:B=[],W++;try{const o=e();return Ve(t),o}catch(o){t||(B=null),k=null,be(o)}}function Ve(e){if(k&&(he(k),k=null),e)return;const n=B;B=null,n.length&&U(()=>ce(n),!1)}function he(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 Z(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===L?o!==n&&(!o.updatedAt||o.updatedAt<W)&&Q(o):r===J&&Z(o,n)}}}function ge(e){for(let n=0;n<e.observers.length;n+=1){const t=e.observers[n];t.state||(t.state=J,t.pure?k.push(t):B.push(t),t.observers&&ge(t))}}function ee(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(),l=t.observerSlots.pop();o<r.length&&(i.sourceSlots[l]=o,r[o]=i,t.observerSlots[o]=l)}}if(e.owned){for(n=e.owned.length-1;n>=0;n--)ee(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 be(e){throw e}const Ye=Symbol("fallback");function pe(e){for(let n=0;n<e.length;n++)e[n]()}function Je(e,n,t={}){let o=[],r=[],i=[],l=0,s=n.length>1?[]:null;return Me(()=>pe(i)),()=>{let d=e()||[],c,a;return d[De],P(()=>{let $=d.length,A,I,m,w,N,O,j,R,D;if($===0)l!==0&&(pe(i),i=[],o=[],r=[],l=0,s&&(s=[])),t.fallback&&(o=[Ye],r[0]=X(er=>(i[0]=er,t.fallback())),l=1);else if(l===0){for(r=new Array($),a=0;a<$;a++)o[a]=d[a],r[a]=X(h);l=$}else{for(m=new Array($),w=new Array($),s&&(N=new Array($)),O=0,j=Math.min(l,$);O<j&&o[O]===d[O];O++);for(j=l-1,R=$-1;j>=O&&R>=O&&o[j]===d[R];j--,R--)m[R]=r[j],w[R]=i[j],s&&(N[R]=s[j]);for(A=new Map,I=new Array(R+1),a=R;a>=O;a--)D=d[a],c=A.get(D),I[a]=c===void 0?-1:c,A.set(D,a);for(c=O;c<=j;c++)D=o[c],a=A.get(D),a!==void 0&&a!==-1?(m[a]=r[c],w[a]=i[c],s&&(N[a]=s[c]),a=I[a],A.set(D,a)):i[c]();for(a=O;a<$;a++)a in m?(r[a]=m[a],i[a]=w[a],s&&(s[a]=N[a],s[a](a))):r[a]=X(h);r=r.slice(0,l=$),o=d.slice(0)}return r});function h($){if(i[a]=$,s){const[A,I]=E(a);return s[a]=I,n(d[a],A)}return n(d[a])}}}function C(e,n){return P(()=>e(n||{}))}const We=e=>`Stale read from <${e}>.`;function K(e){const n="fallback"in e&&{fallback:()=>e.fallback};return F(Je(()=>e.each,e.children,n||void 0))}function T(e){const n=e.keyed,t=F(()=>e.when,void 0,{equals:(o,r)=>n?o===r:!o==!r});return F(()=>{const o=t();if(o){const r=e.children;return typeof r=="function"&&r.length>0?P(()=>r(n?o:()=>{if(!P(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,l=0,s=0,d=n[r-1].nextSibling,c=null;for(;l<r||s<i;){if(n[l]===t[s]){l++,s++;continue}for(;n[r-1]===t[i-1];)r--,i--;if(r===l){const a=i<o?s?t[s-1].nextSibling:t[i-s]:d;for(;s<i;)e.insertBefore(t[s++],a)}else if(i===s)for(;l<r;)(!c||!c.has(n[l]))&&n[l].remove(),l++;else if(n[l]===t[i-1]&&t[s]===n[r-1]){const a=n[--r].nextSibling;e.insertBefore(t[s++],n[l++].nextSibling),e.insertBefore(t[--i],a),n[r]=t[i]}else{if(!c){c=new Map;let h=s;for(;h<i;)c.set(t[h],h++)}const a=c.get(n[l]);if(a!=null)if(s<a&&a<i){let h=l,$=1,A;for(;++h<r&&h<i&&!((A=c.get(n[h]))==null||A!==a+$);)$++;if($>a-s){const I=n[l];for(;s<a;)e.insertBefore(t[s++],I)}else e.replaceChild(t[s++],n[l++])}else l++;else n[l++].remove()}}}const $e="_$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},i=n?()=>(o||(o=r())).cloneNode(!0):()=>P(()=>document.importNode(o||(o=r()),!0));return i.cloneNode=i,i}function V(e,n=window.document){const t=n[$e]||(n[$e]=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 S(e,n,t){t==null?e.removeAttribute(n):e.setAttribute(n,t)}function q(e,n){n==null?e.removeAttribute("class"):e.className=n}function Qe(e,n,t){return P(()=>e(n,t))}function f(e,n,t,o){if(t!==void 0&&!o&&(o=[]),typeof n!="function")return te(e,n,o,t);p(r=>te(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 te(e,n,t,o,r){for(;typeof t=="function";)t=t();if(n===t)return t;const i=typeof n,l=o!==void 0;if(e=l&&t[0]&&t[0].parentNode||e,i==="string"||i==="number")if(i==="number"&&(n=n.toString()),l){let s=t[0];s&&s.nodeType===3?s.data=n:s=document.createTextNode(n),t=H(e,t,o,s)}else t!==""&&typeof t=="string"?t=e.firstChild.data=n:t=e.textContent=n;else if(n==null||i==="boolean")t=H(e,t,o);else{if(i==="function")return p(()=>{let s=n();for(;typeof s=="function";)s=s();t=te(e,s,t,o)}),()=>t;if(Array.isArray(n)){const s=[],d=t&&Array.isArray(t);if(ie(s,n,t,r))return p(()=>t=te(e,s,t,o,!0)),()=>t;if(s.length===0){if(t=H(e,t,o),l)return t}else d?t.length===0?me(e,s,o):Xe(e,t,s):(t&&H(e),me(e,s));t=s}else if(n instanceof Node){if(Array.isArray(t)){if(l)return t=H(e,t,o,n);H(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 ie(e,n,t,o){let r=!1;for(let i=0,l=n.length;i<l;i++){let s=n[i],d=t&&t[i];if(s instanceof Node)e.push(s);else if(!(s==null||s===!0||s===!1))if(Array.isArray(s))r=ie(e,s,d)||r;else if(typeof s=="function")if(o){for(;typeof s=="function";)s=s();r=ie(e,Array.isArray(s)?s:[s],Array.isArray(d)?d:[d])||r}else e.push(s),r=!0;else{const c=String(s);d&&d.nodeType===3?(d.data=c,e.push(d)):e.push(document.createTextNode(c))}}return r}function me(e,n,t=null){for(let o=0,r=n.length;o<r;o++)e.insertBefore(n[o],t)}function H(e,n,t,o){if(t===void 0)return e.textContent="";const r=o||document.createTextNode("");if(n.length){let i=!1;for(let l=n.length-1;l>=0;l--){const s=n[l];if(r!==s){const d=s.parentNode===e;!i&&!l?d?e.replaceChild(r,s):e.insertBefore(r,t):d&&s.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),_e(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]=_e(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],l=e.getAttribute(i.attribute),s=e[r];l&&(i.value=i.parse?ve(l):l),s!=null&&(i.value=Array.isArray(s)?s.slice(0):s),i.reflect&&ye(e,i.attribute,i.value),Object.defineProperty(e,r,{get(){return i.value},set(d){const c=i.value;i.value=d,i.reflect&&ye(this,i.attribute,i.value);for(let a=0,h=this.__propertyChangedCallbacks.length;a<h;a++)this.__propertyChangedCallbacks[a](r,d,c)},enumerable:!0,configurable:!0})}),t}function ve(e){if(e)try{return JSON.parse(e)}catch{return e}}function ye(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 _e(e){return e!=null&&(typeof e=="object"||typeof e=="function")}function it(e){return Object.prototype.toString.call(e)==="[object Function]"}function lt(e){return typeof e=="function"&&e.toString().indexOf("class")===0}let le;function st(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,l=le;try{le=this,this.__initialized=!0,lt(i)?new i(r,{element:this}):i(r,{element:this})}finally{le=l}}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,l){if(this.__initialized&&!this.__updating[r]&&(r=this.lookupProp(r),r in n)){if(l==null&&!this[r])return;this[r]=n[r].parse?ve(l):l}}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 l=customElements.get(e);return l?(l.prototype.Component=i,l):(l=st(o,tt(n)),l.prototype.Component=i,l.prototype.registeredTag=e,customElements.define(e,l,r),l)}}function ct(e){const n=Object.keys(e),t={};for(let o=0;o<n.length;o++){const[r,i]=E(e[n[o]]);Object.defineProperty(t,n[o],{get:r,set(l){i(()=>l)}})}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 X(r=>{const i=ct(n);o.addPropertyChangedCallback((s,d)=>i[s]=d),o.addReleaseCallback(()=>{o.renderRoot.textContent="",r()});const l=e(i,t);return f(o.renderRoot,l)},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);min-width:3rem}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;min-width:inherit;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>"),we=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(T,{get when(){return e.shape==="circle"},get fallback(){return(()=>{const n=bt(),t=n.firstChild,o=t.nextSibling;return f(n,C(T,{get when(){return e.loading},get fallback(){return(()=>{const r=pt();return r._$owner=g(),r})()},get children(){const r=we();return r._$owner=g(),r}}),t),t._$owner=g(),o._$owner=g(),p(()=>q(n,`${e.status} ${e.type} ${e.shape}`)),n})()},get children(){const n=gt();return f(n,C(T,{get when(){return e.loading},get fallback(){return(()=>{const t=$t();return t._$owner=g(),t})()},get children(){const t=we();return t._$owner=g(),t}})),p(()=>q(n,`${e.status} ${e.type} ${e.shape}`)),n}})],xe=()=>{y(`${_}-button`,{type:"default",status:"primary",shape:"default",loading:!1},mt)},z=(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);};`),Et=u('<slot class="flex items-center p-3 gap-3" style="border-bottom:1px solid var(--gray-2)" name="header">'),St=u('<slot name="footer" class="flex items-center p-3 gap-3" style="border-top:1px solid var(--gray-2)">'),zt=u('<div class="bg-1 rd-3 cursor-pointer"><slot class="flex items-center p-3 gap-3">'),At=e=>{const n=A`
+.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=z`
         :host {
@@ -33,3 +33,3 @@ display: block;
         }
-    `,t=()=>[C(O,{get when(){return e.icon},get fallback(){return(()=>{const r=wt();return g(()=>S(r,"src",e.logo)),r})()},get children(){const r=_t();return r._$owner=b(),g(()=>r.name=e.logo),r}}),(()=>{const r=yt(),i=r.firstChild,l=i.nextSibling;return f(i,()=>e.title),f(l,()=>e.description),r})()],o=()=>[(()=>{const r=xt();return g(()=>S(r,"src",e.avatar||"/apple-touch-icon.png")),r})(),(()=>{const r=kt();return f(r,()=>e.creator||"A-M"),r})()];return[(()=>{const r=Ct(),i=r.firstChild;return f(r,n,i),r})(),(()=>{const r=zt(),i=r.firstChild;return f(r,C(O,{get when(){return e.header},get children(){const l=Et();return l._$owner=b(),l}}),i),i._$owner=b(),f(i,t),f(r,C(O,{get when(){return e.footer},get children(){const l=St();return l._$owner=b(),f(l,o),l}}),null),r})()]},Ce=()=>{_(`${y}-card`,{header:!1,footer:!0,icon:!1,logo:"ai-chat",title:"",description:"",avatar:"",creator:"",shadow:"never"},At)},Tt=u(`<style>/* layer: preflights */
+    `,t=()=>[C(T,{get when(){return e.icon},get fallback(){return(()=>{const r=_t();return p(()=>S(r,"src",e.logo)),r})()},get children(){const r=vt();return r._$owner=g(),p(()=>r.name=e.logo),r}}),(()=>{const r=yt(),i=r.firstChild,l=i.nextSibling;return f(i,()=>e.title),f(l,()=>e.description),r})()],o=()=>[(()=>{const r=wt();return p(()=>S(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(T,{get when(){return e.header},get children(){const l=Ct();return l._$owner=g(),l}}),i),i._$owner=g(),f(i,t),f(r,C(T,{get when(){return e.footer},get children(){const l=Et();return l._$owner=g(),f(l,o),l}}),null),r})()]},ke=()=>{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;};`),Ot=u('<ar-icon size="2.75rem">',!0,!1),jt=u('<div class="chat-avatar flex items-center">'),Bt=u('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>',!0,!1),Pt=u('<div><div class="chat-content p-x-3 rd-3">'),It=u('<img class="w-11 rd-2 self-start" alt="avatar">'),Rt=u("<ar-rich-text>",!0,!1),Nt=e=>{const n=A`
+.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`),Tt=u('<ar-icon size="2.75rem">',!0,!1),Ot=u('<div class="chat-avatar flex items-center">'),jt=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),Nt=e=>{const n=z`
         :host {
@@ -87,3 +87,3 @@ display: block;
         }
-    `;return[(()=>{const t=Tt(),o=t.firstChild;return f(t,n,o),t})(),(()=>{const t=Pt(),o=t.firstChild;return f(t,C(O,{get when(){return e.showAvatar},get children(){const r=jt();return f(r,C(O,{get when(){return e.avatarType==="icon"},get fallback(){return(()=>{const i=It();return g(()=>S(i,"src",e.avatar)),i})()},get children(){const i=Ot();return i._$owner=b(),g(()=>i.name=e.role==="user"?e.avatar||"avatar-01":e.avatar||"ai-chat"),i}})),r}}),o),f(o,C(O,{get when(){return e.loading},get fallback(){return(()=>{const r=Rt();return r._$owner=b(),g(()=>r.text=e.content),r})()},get children(){const r=Bt(),i=r.firstChild,l=i.nextSibling;return f(i,()=>e.loadingText),l._$owner=b(),r}})),g(()=>q(t,`chat-bubble ${e.role==="user"?"right":"left"} m-3`)),t})()]},Ee=()=>{_(`${y}-chat-bubble`,{role:"",content:"",loading:!1,loadingText:"",showAvatar:!0,avatar:"",avatarType:"icon",direction:"row"},Nt)},Lt=u("<style>"),Ft=u('<label class="container"><input type="checkbox"><div class="checkmark"></div><slot>'),Kt=(e,{element:n})=>{const t=A`
+    `;return[(()=>{const t=At(),o=t.firstChild;return f(t,n,o),t})(),(()=>{const t=Bt(),o=t.firstChild;return f(t,C(T,{get when(){return e.showAvatar},get children(){const r=Ot();return f(r,C(T,{get when(){return e.avatarType==="icon"},get fallback(){return(()=>{const i=Pt();return p(()=>S(i,"src",e.avatar)),i})()},get children(){const i=Tt();return i._$owner=g(),p(()=>i.name=e.role==="user"?e.avatar||"avatar-01":e.avatar||"ai-chat"),i}})),r}}),o),f(o,C(T,{get when(){return e.loading},get fallback(){return(()=>{const r=It();return r._$owner=g(),p(()=>r.text=e.content),r})()},get children(){const r=jt(),i=r.firstChild,l=i.nextSibling;return f(i,()=>e.loadingText),l._$owner=g(),r}})),p(()=>q(t,`chat-bubble ${e.role==="user"?"right":"left"} m-3`)),t})()]},Ce=()=>{y(`${_}-chat-bubble`,{role:"",content:"",loading:!1,loadingText:"",showAvatar:!0,avatar:"",avatarType:"icon",direction:"row"},Nt)},Rt=u("<style>"),Lt=u('<label class="container"><input type="checkbox"><div class="checkmark"></div><slot>'),Ft=(e,{element:n})=>{const t=z`
         :host {
@@ -165,3 +165,3 @@ display: inline-block;
         }
-    `,[o,r]=z(e.value),i=l=>{r(!o());const s=l.target,d=new CustomEvent("change",{detail:{value:s.value}});n.dispatchEvent(d)};return[(()=>{const l=Lt();return f(l,t),l})(),(()=>{const l=Ft(),s=l.firstChild,d=s.nextSibling,c=d.nextSibling;return s.addEventListener("change",i),c._$owner=b(),g(()=>s.checked=o()),l})()]},Se=()=>{_(`${y}-checkbox`,{value:!1},Kt)},Ht=u("<style>"),Dt=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'),Gt=(e,{element:n})=>{const t=A`
+    `,[o,r]=E(e.value),i=l=>{r(!o());const s=l.target,d=new CustomEvent("change",{detail:{value:s.value}});n.dispatchEvent(d)};return[(()=>{const l=Rt();return f(l,t),l})(),(()=>{const l=Lt(),s=l.firstChild,d=s.nextSibling,c=d.nextSibling;return s.addEventListener("change",i),c._$owner=g(),p(()=>s.checked=o()),l})()]},Ee=()=>{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=z`
         :host {
@@ -185,3 +185,3 @@ display: inline-block;
         }
-    `;return oe(()=>{setTimeout(()=>{const o=n.shadowRoot.querySelector(".nums-chip");o.style.transform=`translate(0, -${e.number*10}%)`},10)}),[(()=>{const o=Ht();return f(o,t),o})(),Dt()]},ae=()=>{_(`${y}-dance-number`,{number:0,size:12},Gt)},Mt=u("<style>"),Ut=u("<span>,"),Vt=u("<div><ar-dance-number>",!0,!1);ae();const qt=e=>{const n=A`
+    `;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()]},se=()=>{y(`${_}-dance-number`,{number:0,size:12},Dt)},Gt=u("<style>"),Mt=u("<span>,"),Ut=u("<div><ar-dance-number>",!0,!1);se();const Vt=e=>{const n=z`
         :host {
@@ -205,3 +205,3 @@ display: inline-flex;
         }
-    `,t=`${e.count}`.split("").map(o=>o===","?",":parseInt(o));return[(()=>{const o=Mt();return f(o,n),o})(),C(K,{each:t,children:o=>o===","?Ut():(()=>{const r=Vt(),i=r.firstChild;return i.number=o,i._$owner=b(),g(l=>{const s=e.type==="card"?"card":"",d=e.size;return s!==l._v$&&q(r,l._v$=s),d!==l._v$2&&(i.size=l._v$2=d),l},{_v$:void 0,_v$2:void 0}),r})()})]},ze=()=>{_(`${y}-dance-count`,{count:0,size:12,type:"default"},qt)},Yt=u("<style>"),Jt=u("<slot>"),Wt=e=>{const n=A`
+    `,t=`${e.count}`.split("").map(o=>o===","?",":parseInt(o));return[(()=>{const o=Gt();return f(o,n),o})(),C(K,{each:t,children:o=>o===","?Mt():(()=>{const r=Ut(),i=r.firstChild;return i.number=o,i._$owner=g(),p(l=>{const s=e.type==="card"?"card":"",d=e.size;return s!==l._v$&&q(r,l._v$=s),d!==l._v$2&&(i.size=l._v$2=d),l},{_v$:void 0,_v$2:void 0}),r})()})]},Se=()=>{y(`${_}-dance-count`,{count:0,size:12,type:"default"},Vt)},qt=u("<style>"),Yt=u("<slot>"),Jt=e=>{const n=z`
         :host {
@@ -216,3 +216,3 @@ display: flex;
         }
-    `;return[(()=>{const t=Yt();return f(t,n),t})(),(()=>{const t=Jt();return t._$owner=b(),t})()]},Ae=()=>{_(`${y}-flex-box`,{gap:"1rem",direction:"row",wrap:"wrap",items:"stretch",justify:"flex-start"},Wt)},Xt=u("<style>"),Qt=u("<slot>"),Zt=e=>{const n=A`
+    `;return[(()=>{const t=qt();return f(t,n),t})(),(()=>{const t=Yt();return t._$owner=g(),t})()]},ze=()=>{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=z`
         :host {
@@ -223,5 +223,5 @@ order: ${e.order};
         }
-    `;return[(()=>{const t=Xt();return f(t,n),t})(),(()=>{const t=Qt();return t._$owner=b(),t})()]},Te=()=>{_(`${y}-flex-item`,{order:0,flex:"0 1 auto",self:"auto"},Zt)},en=`:host{display:inline-flex;font-size:inherit;transition:.3s}:host([spin]){animation:rotate 1.4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
-`,tn=u("<style>"),nn=u('<svg aria-hidden="true"><use>');let ce="";const rn=e=>{ce=e},on=e=>{const n=`icon icon-${e.name}`;return ce||console.warn("You need use registerIcon first"),[(()=>{const t=tn();return f(t,en),t})(),(()=>{const t=nn(),o=t.firstChild;return S(t,"class",n),g(r=>{const i=e.size,l=e.size,s=e.color,d=`${ce}#icon-${e.name}`;return i!==r._v$&&S(t,"width",r._v$=i),l!==r._v$2&&S(t,"height",r._v$2=l),s!==r._v$3&&S(t,"fill",r._v$3=s),d!==r._v$4&&S(o,"href",r._v$4=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),t})()]},Oe=()=>{_(`${y}-icon`,{name:"date",size:"1em",color:"currentColor"},on)},ln=`: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>"),an=u('<div class="card"><div class="card-info"><div class="card-title"></div><div class="card-description">'),cn=u('<img class="card-image">'),un=e=>[(()=>{const n=sn();return f(n,ln),n})(),(()=>{const n=an(),t=n.firstChild,o=t.firstChild,r=o.nextSibling;return f(n,(()=>{const i=F(()=>!!e.imageUrl);return()=>i()&&(()=>{const l=cn();return g(()=>S(l,"src",e.imageUrl)),l})()})(),t),f(o,()=>e.title),f(r,()=>e.description),n})()],je=()=>{_(`${y}-image-card`,{title:"",description:"",imageUrl:""},un)},dn=u("<style>"),fn=u('<div class="grid-layout"><slot>'),hn=e=>{const n=A`
+    `;return[(()=>{const t=Wt();return f(t,n),t})(),(()=>{const t=Xt();return t._$owner=g(),t})()]},Ae=()=>{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 ae="";const nn=e=>{ae=e},rn=e=>{const n=`icon icon-${e.name}`;return ae||console.warn("You need use registerIcon first"),[(()=>{const t=en();return f(t,Zt),t})(),(()=>{const t=tn(),o=t.firstChild;return S(t,"class",n),p(r=>{const i=e.size,l=e.size,s=e.color,d=`${ae}#icon-${e.name}`;return i!==r._v$&&S(t,"width",r._v$=i),l!==r._v$2&&S(t,"height",r._v$2=l),s!==r._v$3&&S(t,"fill",r._v$3=s),d!==r._v$4&&S(o,"href",r._v$4=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),t})()]},Te=()=>{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}
+`,ln=u("<style>"),sn=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=ln();return f(n,on),n})(),(()=>{const n=sn(),t=n.firstChild,o=t.firstChild,r=o.nextSibling;return f(n,(()=>{const i=F(()=>!!e.imageUrl);return()=>i()&&(()=>{const l=an();return p(()=>S(l,"src",e.imageUrl)),l})()})(),t),f(o,()=>e.title),f(r,()=>e.description),n})()],Oe=()=>{y(`${_}-image-card`,{title:"",description:"",imageUrl:""},cn)},un=u("<style>"),dn=u('<div class="grid-layout"><slot>'),fn=e=>{const n=z`
         .grid-layout {
@@ -258,4 +258,4 @@ --cols: ${e.cols};
         }
-    `;return[(()=>{const t=dn();return f(t,n),t})(),(()=>{const t=fn(),o=t.firstChild;return o._$owner=b(),t})()]},Be=()=>{_(`${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"},hn)},gn=`: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}
-`,bn=u("<style>"),pn=u('<slot name="header">'),$n=u('<slot name="left-sider">'),vn=u('<slot name="content">'),mn=u('<slot name="right-sider">'),_n=u('<slot name="footer">'),yn=()=>[(()=>{const e=bn();return f(e,gn),e})(),(()=>{const e=pn();return e._$owner=b(),e})(),(()=>{const e=$n();return e._$owner=b(),e})(),(()=>{const e=vn();return e._$owner=b(),e})(),(()=>{const e=mn();return e._$owner=b(),e})(),(()=>{const e=_n();return e._$owner=b(),e})()],Pe=()=>{_(`${y}-layout-holy`,yn)},wn=u("<style>"),xn=u('<div class="place-holder"><slot>'),kn=()=>{const e=A`
+    `;return[(()=>{const t=un();return f(t,n),t})(),(()=>{const t=dn(),o=t.firstChild;return o._$owner=g(),t})()]},je=()=>{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=g(),e})(),(()=>{const e=pn();return e._$owner=g(),e})(),(()=>{const e=$n();return e._$owner=g(),e})(),(()=>{const e=mn();return e._$owner=g(),e})(),(()=>{const e=vn();return e._$owner=g(),e})()],Be=()=>{y(`${_}-layout-holy`,yn)},_n=u("<style>"),wn=u('<div class="place-holder"><slot>'),xn=()=>{const e=z`
         :host {
@@ -273,3 +273,3 @@ display: block;
         }
-    `;return[(()=>{const n=wn();return f(n,e),n})(),(()=>{const n=xn(),t=n.firstChild;return t._$owner=b(),n})()]},Ie=()=>{_(`${y}-place-holder`,kn)},Cn=u('<label><input type="radio"><slot>');function En(e){function n(){e.onChange&&!e.disabled&&e.onChange(e.value)}return(()=>{const t=Cn(),o=t.firstChild,r=o.nextSibling;return o.addEventListener("change",n),r._$owner=b(),g(()=>o.disabled=e.disabled),g(()=>o.value=e.value),g(()=>o.checked=e.checked),t})()}const Re=()=>{_(`${y}-radio`,{value:"",checked:!1,disabled:!1,onChange:e=>{console.log(e)}},En)},Sn=u("<style>"),zn=u('<div class="root">'),An=u('<label><input type="radio" name="radio"><span>'),Tn=(e,{element:n})=>{const t=A`
+    `;return[(()=>{const n=_n();return f(n,e),n})(),(()=>{const n=wn(),t=n.firstChild;return t._$owner=g(),n})()]},Pe=()=>{y(`${_}-place-holder`,xn)},kn=u("<style>"),Cn=u('<div class="root">'),En=u('<div class="label"><input type="radio" name="radio"><span>'),Sn=(e,{element:n})=>{const t=z`
         :host {
@@ -307,3 +307,3 @@ display: inline-block;
 
-        label span {
+        .label span {
             display: flex;
@@ -322,10 +322,10 @@ height: var(--input-height);
 
-        label:first-child span {
+        .label:first-child span {
             border-radius: var(--border-radius) 0 0 var(--border-radius);
         }
 
-        label:last-child span {
+        .label:last-child span {
             border-radius: 0 var(--border-radius) var(--border-radius) 0;
         }
-    `,[o,r]=z(e.value||"");Q(()=>{const l=new CustomEvent("change",{detail:{value:o()},bubbles:!0});n.dispatchEvent(l)});const i=l=>{r(l)};return[(()=>{const l=Sn();return f(l,t),l})(),(()=>{const l=zn();return f(l,C(K,{get each(){return e.options},children:s=>(()=>{const d=An(),c=d.firstChild,a=c.nextSibling;return d.$$click=()=>i(s.value),f(a,()=>s.label),g(()=>c.value=s.value),g(()=>c.checked=o()===s.value),d})()})),l})()]},Ne=()=>{_(`${y}-radio-button`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},Tn)};V(["click"]);const On=u("<style>"),jn=u('<div class="root">'),Bn=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">'),Pn=(e,{element:n})=>{const t=A`
+    `,[o,r]=E(e.value||""),i=l=>{r(l);const s=new CustomEvent("change",{detail:{value:l},bubbles:!0});n.dispatchEvent(s)};return[(()=>{const l=kn();return f(l,t),l})(),(()=>{const l=Cn();return f(l,C(K,{get each(){return e.options},children:s=>(()=>{const d=En(),c=d.firstChild,a=c.nextSibling;return d.$$click=()=>i(s.value),f(a,()=>s.label),p(()=>c.value=s.value),p(()=>c.checked=o()===s.value),d})()})),l})()]},Ie=()=>{y(`${_}-radio-button`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},Sn)};V(["click"]);const zn=u("<style>"),An=u('<div class="root">'),Tn=u('<div class="radio-button"><input name="radio-group" class="radio-button__input" type="radio"><div class="radio-button__label"><span class="radio-button__custom">'),On=(e,{element:n})=>{const t=z`
         :host {
@@ -389,3 +389,3 @@ display: inline-block;
         }
-    `,[o,r]=z(e.value||"");Q(()=>{const l=new CustomEvent("change",{detail:{value:o()},bubbles:!0});n.dispatchEvent(l)});const i=l=>{r(l)};return[(()=>{const l=On();return f(l,t),l})(),(()=>{const l=jn();return f(l,C(K,{get each(){return e.options},children:(s,d)=>(()=>{const c=Bn(),a=c.firstChild,h=a.nextSibling;return h.firstChild,c.$$click=()=>i(s.value),f(h,()=>s.label,null),g(p=>{const E=`radio-${d()}`,T=`radio-${d()}`;return E!==p._v$&&S(a,"id",p._v$=E),T!==p._v$2&&S(h,"for",p._v$2=T),p},{_v$:void 0,_v$2:void 0}),g(()=>a.value=s.value),g(()=>a.checked=o()===s.value),c})()})),l})()]},Le=()=>{_(`${y}-radio-group`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},Pn)};V(["click"]);const In=u("<style>"),Rn=u('<div><div><select></select></div><div class="arrow"></div><ul>'),Nn=u("<ar-textfield>",!0,!1),Ln=u('<div class="label-chip"><span>'),Fn=u("<option>"),Kn=u("<li>"),Hn=(e,{element:n})=>{const t=A`
+    `,[o,r]=E(e.value||""),i=l=>{r(l);const s=new CustomEvent("change",{detail:{value:l},bubbles:!0});n.dispatchEvent(s)};return[(()=>{const l=zn();return f(l,t),l})(),(()=>{const l=An();return f(l,C(K,{get each(){return e.options},children:s=>(()=>{const d=Tn(),c=d.firstChild,a=c.nextSibling;return a.firstChild,d.$$click=()=>i(s.value),f(a,()=>s.label,null),p(()=>c.value=s.value),p(()=>c.checked=o()===s.value),d})()})),l})()]},Ne=()=>{y(`${_}-radio-group`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},On)};V(["click"]);const jn=u("<style>"),Bn=u('<div><div><select></select></div><div class="arrow"></div><ul>'),Pn=u("<ar-textfield>",!0,!1),In=u('<div class="label-chip"><span>'),Nn=u("<option>"),Rn=u("<li>"),Ln=(e,{element:n})=>{const t=z`
         :host {
@@ -424,3 +424,3 @@ align-items: center;
             list-style: none;
-            z-index: 1;
+            z-index: 10;
             position: absolute;
@@ -468,4 +468,4 @@ top: ${e.placement==="bottom"?"100%":0};
         }
-    `,[o,r]=z(!1),[i,l]=z(e.value||""),s=F(()=>{var a;return((a=e.options)==null?void 0:a.filter(h=>h.value===i()))||[]});Q(()=>{const a=new CustomEvent("change",{detail:{value:i()},bubbles:!0});n.dispatchEvent(a)});const d=()=>{r(!o())},c=a=>{l(a.value)};return[(()=>{const a=In();return f(a,t),a})(),(()=>{const a=Rn(),h=a.firstChild,p=h.firstChild,E=h.nextSibling,T=E.nextSibling;return a.$$click=d,f(h,C(O,{get when(){return s().length>0},get fallback(){return(()=>{const v=Nn();return v._$owner=b(),v})()},get children(){return C(K,{get each(){return s()},children:v=>(()=>{const w=Ln(),R=w.firstChild;return f(R,()=>v.label),w})()})}}),p),f(p,C(K,{get each(){return e.options},children:v=>(()=>{const w=Fn();return f(w,()=>v.label),g(()=>w.selected=i()===v.value),w})()})),f(T,C(K,{get each(){return e.options},children:v=>(()=>{const w=Kn();return w.$$click=()=>c(v),f(w,()=>v.label),w})()})),g(v=>{const w=`root ${o()?"open":""}`,R=e.multiple;return w!==v._v$&&q(a,v._v$=w),R!==v._v$2&&(p.multiple=v._v$2=R),v},{_v$:void 0,_v$2:void 0}),a})()]},Fe=()=>{_(`${y}-select`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",placement:"bottom"},Hn)};V(["click"]);const Dn=`:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);box-sizing:border-box;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%}
-`,Gn=u("<style>"),Mn=u('<slot name="prefix">'),Un=u('<textarea class="textarea">'),Vn=u('<slot name="suffix">'),qn=(e,{element:n})=>{const[t,o]=z(),[r,i]=z(e.height);oe(()=>{setTimeout(()=>{var a;const c=(a=t())==null?void 0:a.scrollHeight;c&&i(`${c}px`)},0)});const l=c=>{const a=c.target;i(e.height),i(`${a.scrollHeight}px`)},s=c=>{const a=c.target,h=new CustomEvent("change",{detail:{value:a.value},bubbles:!0});n.dispatchEvent(h)},d=c=>{if((c.metaKey||c.ctrlKey)&&c.key==="Enter"&&(c.preventDefault(),c.target)){const a=c.target,h=new CustomEvent("enter",{detail:{value:a.value}});n.dispatchEvent(h)}};return[(()=>{const c=Gn();return f(c,Dn),c})(),(()=>{const c=Mn();return c._$owner=b(),c})(),(()=>{const c=Un();return c.$$keydown=d,c.addEventListener("change",s),c.$$input=l,Ze(o,c),g(a=>{const h=r(),p=e.placeholder;return h!==a._v$&&((a._v$=h)!=null?c.style.setProperty("height",h):c.style.removeProperty("height")),p!==a._v$2&&S(c,"placeholder",a._v$2=p),a},{_v$:void 0,_v$2:void 0}),g(()=>c.value=e.value),c})(),(()=>{const c=Vn();return c._$owner=b(),c})()]},Ke=()=>{_(`${y}-textarea`,{value:"",placeholder:"",height:"32px"},qn)};V(["input","keydown"]);const Yn=`:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);box-sizing:border-box;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}
-`,Jn=u("<style>"),Wn=u('<slot name="prefix">'),Xn=u('<input class="textarea">'),Qn=u('<slot name="suffix">'),Zn=(e,{element:n})=>{const t=r=>{const i=r.target,l=new CustomEvent("change",{detail:{value:i.value}});n.dispatchEvent(l)},o=r=>{if(r.keyCode===13&&(r.preventDefault(),r.target)){const i=r.target,l=new CustomEvent("enter",{detail:{value:i.value}});n.dispatchEvent(l)}};return[(()=>{const r=Jn();return f(r,Yn),r})(),(()=>{const r=Wn();return r._$owner=b(),r})(),(()=>{const r=Xn();return r.$$keydown=o,r.addEventListener("change",t),g(i=>{const l=e.placeholder,s=e.type;return l!==i._v$&&S(r,"placeholder",i._v$=l),s!==i._v$2&&S(r,"type",i._v$2=s),i},{_v$:void 0,_v$2:void 0}),g(()=>r.value=e.value),r})(),(()=>{const r=Qn();return r._$owner=b(),r})()]},He=()=>{_(`${y}-textfield`,{value:"",placeholder:"",type:"text"},Zn)};V(["keydown"]);const De=u("<span>"),er=e=>{const[n,t]=z(""),[o,r]=z(0),[i,l]=z(!0),{text:s,speed:d=100,cursor:c="|"}=e;return oe(()=>{const a=setInterval(()=>{t(s.substr(0,o())),r(o()+1),o()>=s.length&&(l(!1),clearInterval(a))},d)}),[(()=>{const a=De();return f(a,n),a})(),F((()=>{const a=F(()=>!!i());return()=>a()&&(()=>{const h=De();return f(h,c),h})()})())]},Ge=()=>{_(`${y}-typewriter`,{text:"",speed:100,cursor:"|"},er)},tr=Object.freeze(Object.defineProperty({__proto__:null,Button:ke,Card:Ce,ChatBubble:Ee,CheckBox:Se,DanceCount:ze,DanceNumber:ae,FlexBox:Ae,FlexItem:Te,Icon:Oe,ImageCard:je,LayoutGrid:Be,LayoutHoly:Pe,PlaceHolder:Ie,Radio:Re,RadioButton:Ne,RadioGroup:Le,Select:Fe,Textarea:Ke,Textfield:He,Typewriter:Ge},Symbol.toStringTag,{value:"Module"})),or="",ir="",lr="",nr=(e=tr)=>{for(const n in e){const t=e[n];t()}};$.Button=ke,$.Card=Ce,$.ChatBubble=Ee,$.CheckBox=Se,$.DanceCount=ze,$.DanceNumber=ae,$.FlexBox=Ae,$.FlexItem=Te,$.Icon=Oe,$.ImageCard=je,$.LayoutGrid=Be,$.LayoutHoly=Pe,$.PlaceHolder=Ie,$.Radio=Re,$.RadioButton=Ne,$.RadioGroup=Le,$.Select=Fe,$.Textarea=Ke,$.Textfield=He,$.Typewriter=Ge,$.defineCustomElements=nr,$.registerIcon=rn,Object.defineProperty($,Symbol.toStringTag,{value:"Module"})});
+    `,[o,r]=E(!1),[i,l]=E(e.value||""),s=F(()=>{var a;return((a=e.options)==null?void 0:a.filter(h=>h.value===i()))||[]}),d=()=>{r(!o())},c=a=>{l(a.value);const h=new CustomEvent("change",{detail:{value:a.value},bubbles:!0});n.dispatchEvent(h)};return[(()=>{const a=jn();return f(a,t),a})(),(()=>{const a=Bn(),h=a.firstChild,$=h.firstChild,A=h.nextSibling,I=A.nextSibling;return a.$$click=d,f(h,C(T,{get when(){return s().length>0},get fallback(){return(()=>{const m=Pn();return m._$owner=g(),m})()},get children(){return C(K,{get each(){return s()},children:m=>(()=>{const w=In(),N=w.firstChild;return f(N,()=>m.label),w})()})}}),$),f($,C(K,{get each(){return e.options},children:m=>(()=>{const w=Nn();return f(w,()=>m.label),p(()=>w.selected=i()===m.value),w})()})),f(I,C(K,{get each(){return e.options},children:m=>(()=>{const w=Rn();return w.$$click=()=>c(m),f(w,()=>m.label),w})()})),p(m=>{const w=`root ${o()?"open":""}`,N=e.multiple;return w!==m._v$&&q(a,m._v$=w),N!==m._v$2&&($.multiple=m._v$2=N),m},{_v$:void 0,_v$2:void 0}),a})()]},Re=()=>{y(`${_}-select`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",placement:"bottom"},Ln)};V(["click"]);const Fn=`:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);box-sizing:border-box;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%}
+`,Kn=u("<style>"),Hn=u('<slot name="prefix">'),Dn=u('<textarea class="textarea">'),Gn=u('<slot name="suffix">'),Mn=(e,{element:n})=>{const[t,o]=E(),[r,i]=E(e.height);re(()=>{setTimeout(()=>{var a;const c=(a=t())==null?void 0:a.scrollHeight;c&&i(`${c}px`)},0)});const l=c=>{const a=c.target;i(e.height),i(`${a.scrollHeight}px`)},s=c=>{const a=c.target,h=new CustomEvent("change",{detail:{value:a.value},bubbles:!0});n.dispatchEvent(h)},d=c=>{if((c.metaKey||c.ctrlKey)&&c.key==="Enter"&&(c.preventDefault(),c.target)){const a=c.target,h=new CustomEvent("enter",{detail:{value:a.value}});n.dispatchEvent(h)}};return[(()=>{const c=Kn();return f(c,Fn),c})(),(()=>{const c=Hn();return c._$owner=g(),c})(),(()=>{const c=Dn();return c.$$keydown=d,c.addEventListener("change",s),c.$$input=l,Qe(o,c),p(a=>{const h=r(),$=e.placeholder;return h!==a._v$&&((a._v$=h)!=null?c.style.setProperty("height",h):c.style.removeProperty("height")),$!==a._v$2&&S(c,"placeholder",a._v$2=$),a},{_v$:void 0,_v$2:void 0}),p(()=>c.value=e.value),c})(),(()=>{const c=Gn();return c._$owner=g(),c})()]},Le=()=>{y(`${_}-textarea`,{value:"",placeholder:"",height:"32px"},Mn)};V(["input","keydown"]);const Un=`:host{align-items:center;background-color:var(--bg-2);border-radius:var(--border-radius);box-sizing:border-box;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}
+`,Vn=u("<style>"),qn=u('<slot name="prefix">'),Yn=u('<input class="textarea">'),Jn=u('<slot name="suffix">'),Wn=(e,{element:n})=>{const t=r=>{const i=r.target,l=new CustomEvent("change",{detail:{value:i.value}});n.dispatchEvent(l)},o=r=>{if(r.keyCode===13&&(r.preventDefault(),r.target)){const i=r.target,l=new CustomEvent("enter",{detail:{value:i.value}});n.dispatchEvent(l)}};return[(()=>{const r=Vn();return f(r,Un),r})(),(()=>{const r=qn();return r._$owner=g(),r})(),(()=>{const r=Yn();return r.$$keydown=o,r.addEventListener("change",t),p(i=>{const l=e.placeholder,s=e.type;return l!==i._v$&&S(r,"placeholder",i._v$=l),s!==i._v$2&&S(r,"type",i._v$2=s),i},{_v$:void 0,_v$2:void 0}),p(()=>r.value=e.value),r})(),(()=>{const r=Jn();return r._$owner=g(),r})()]},Fe=()=>{y(`${_}-textfield`,{value:"",placeholder:"",type:"text"},Wn)};V(["keydown"]);const Ke=u("<span>"),Xn=e=>{const[n,t]=E(""),[o,r]=E(0),[i,l]=E(!0),{text:s,speed:d=100,cursor:c="|"}=e;return re(()=>{const a=setInterval(()=>{t(s.substr(0,o())),r(o()+1),o()>=s.length&&(l(!1),clearInterval(a))},d)}),[(()=>{const a=Ke();return f(a,n),a})(),F((()=>{const a=F(()=>!!i());return()=>a()&&(()=>{const h=Ke();return f(h,c),h})()})())]},He=()=>{y(`${_}-typewriter`,{text:"",speed:100,cursor:"|"},Xn)},Qn=Object.freeze(Object.defineProperty({__proto__:null,Button:xe,Card:ke,ChatBubble:Ce,CheckBox:Ee,DanceCount:Se,DanceNumber:se,FlexBox:ze,FlexItem:Ae,Icon:Te,ImageCard:Oe,LayoutGrid:je,LayoutHoly:Be,PlaceHolder:Pe,RadioButton:Ie,RadioGroup:Ne,Select:Re,Textarea:Le,Textfield:Fe,Typewriter:He},Symbol.toStringTag,{value:"Module"})),tr="",nr="",rr="",Zn=(e=Qn)=>{for(const n in e){const t=e[n];t()}};b.Button=xe,b.Card=ke,b.ChatBubble=Ce,b.CheckBox=Ee,b.DanceCount=Se,b.DanceNumber=se,b.FlexBox=ze,b.FlexItem=Ae,b.Icon=Te,b.ImageCard=Oe,b.LayoutGrid=je,b.LayoutHoly=Be,b.PlaceHolder=Pe,b.RadioButton=Ie,b.RadioGroup=Ne,b.Select=Re,b.Textarea=Le,b.Textfield=Fe,b.Typewriter=He,b.defineCustomElements=Zn,b.registerIcon=nn,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});

dist/types/components/main.d.ts

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

package.json

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

No alert changes

Worsened metrics

Total package byte prevSize

118268

decreased by-1.46%

Number of package files

28

decreased by-3.45%

Lines of code

2552

decreased by-1.85%

No dependency changes