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

Comparing version 0.3.14 to 0.3.15

dist/aura-design.es.js

 const we = (e, n) => e === n, ke = Symbol("solid-track"), X = {
   equals: we
 };
-let fe = be;
+let fe = pe;
 const L = 1, Y = 2, he = {
@@ -34,6 +34,6 @@ owned: null,
     comparator: n.equals || void 0
-  }, o = (r) => (typeof r == "function" && (r = r(t.value)), pe(t, r));
+  }, o = (r) => (typeof r == "function" && (r = r(t.value)), be(t, r));
   return [ge.bind(t), o];
 }
-function p(e, n, t) {
+function b(e, n, t) {
   const o = se(e, n, !1, L);
@@ -86,3 +86,3 @@ G(o);
 }
-function pe(e, n, t) {
+function be(e, n, t) {
   let o = e.value;
@@ -110,5 +110,5 @@ return (!e.comparator || !e.comparator(o, n)) && (e.value = n, e.observers && e.observers.length && U(() => {
   } catch (r) {
-    return e.pure && (e.state = L, e.owned && e.owned.forEach(ee), e.owned = null), e.updatedAt = t + 1, me(r);
+    return e.pure && (e.state = L, e.owned && e.owned.forEach(ee), 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);
 }
@@ -158,7 +158,7 @@ function se(e, n, t, o = L, r) {
   } catch (o) {
-    t || (R = null), k = null, me(o);
+    t || (R = null), k = null, ve(o);
   }
 }
 function ze(e) {
-  if (k && (be(k), k = null), e)
+  if (k && (pe(k), k = null), e)
     return;
@@ -168,3 +168,3 @@ const n = R;
 }
-function be(e) {
+function pe(e) {
   for (let n = 0; n < e.length; n++)
@@ -220,3 +220,3 @@ J(e[n]);
 }
-function me(e) {
+function ve(e) {
   throw e;
@@ -234,13 +234,13 @@ }
     return d[ke], I(() => {
-      let b = d.length, z, P, $, _, j, A, T, B, F;
-      if (b === 0)
+      let p = d.length, z, P, $, _, j, A, T, B, F;
+      if (p === 0)
         l !== 0 && (le(s), s = [], o = [], r = [], l = 0, i && (i = [])), t.fallback && (o = [Te], r[0] = q((xe) => (s[0] = xe, t.fallback())), l = 1);
       else if (l === 0) {
-        for (r = new Array(b), a = 0; a < b; a++)
+        for (r = new Array(p), a = 0; a < p; a++)
           o[a] = d[a], r[a] = q(g);
-        l = b;
+        l = p;
       } else {
-        for ($ = new Array(b), _ = new Array(b), i && (j = new Array(b)), A = 0, T = Math.min(l, b); A < T && o[A] === d[A]; A++)
+        for ($ = new Array(p), _ = new Array(p), i && (j = new Array(p)), A = 0, T = Math.min(l, p); A < T && o[A] === d[A]; A++)
           ;
-        for (T = l - 1, B = b - 1; T >= A && B >= A && o[T] === d[B]; T--, B--)
+        for (T = l - 1, B = p - 1; T >= A && B >= A && o[T] === d[B]; T--, B--)
           $[B] = r[T], _[B] = s[T], i && (j[B] = i[T]);
@@ -251,10 +251,10 @@ for (z = /* @__PURE__ */ new Map(), P = new Array(B + 1), a = B; a >= A; a--)
           F = o[u], a = z.get(F), a !== void 0 && a !== -1 ? ($[a] = r[u], _[a] = s[u], i && (j[a] = i[u]), a = P[a], z.set(F, a)) : s[u]();
-        for (a = A; a < b; a++)
+        for (a = A; a < p; a++)
           a in $ ? (r[a] = $[a], s[a] = _[a], i && (i[a] = j[a], i[a](a))) : r[a] = q(g);
-        r = r.slice(0, l = b), o = d.slice(0);
+        r = r.slice(0, l = p), o = d.slice(0);
       }
       return r;
     });
-    function g(b) {
-      if (s[a] = b, i) {
+    function g(p) {
+      if (s[a] = p, i) {
         const [z, P] = S(a);
@@ -323,6 +323,6 @@ return i[a] = P, n(d[a], z);
         if (i < a && a < s) {
-          let g = l, b = 1, z;
-          for (; ++g < r && g < s && !((z = u.get(n[g])) == null || z !== a + b); )
-            b++;
-          if (b > a - i) {
+          let g = l, p = 1, z;
+          for (; ++g < r && g < s && !((z = u.get(n[g])) == null || z !== a + p); )
+            p++;
+          if (p > a - i) {
             const P = n[l];
@@ -368,3 +368,3 @@ for (; i < a; )
     return Q(e, n, o, t);
-  p((r) => Q(e, n(), r, t), o);
+  b((r) => Q(e, n(), r, t), o);
 }
@@ -408,3 +408,3 @@ function Re(e) {
     if (s === "function")
-      return p(() => {
+      return b(() => {
         let i = n();
@@ -418,3 +418,3 @@ for (; typeof i == "function"; )
       if (re(i, n, t, r))
-        return p(() => t = Q(e, i, t, o, !0)), () => t;
+        return b(() => t = Q(e, i, t, o, !0)), () => t;
       if (i.length === 0) {
@@ -505,3 +505,3 @@ if (t = H(e, t, o), l)
     const s = t[r], l = e.getAttribute(s.attribute), i = e[r];
-    l && (s.value = s.parse ? ve(l) : l), i != null && (s.value = Array.isArray(i) ? i.slice(0) : i), s.reflect && ce(e, s.attribute, s.value), Object.defineProperty(e, r, {
+    l && (s.value = s.parse ? me(l) : l), i != null && (s.value = Array.isArray(i) ? i.slice(0) : i), s.reflect && ce(e, s.attribute, s.value), Object.defineProperty(e, r, {
       get() {
@@ -521,3 +521,3 @@ return s.value;
 }
-function ve(e) {
+function me(e) {
   if (e)
@@ -586,3 +586,3 @@ try {
           return;
-        this[r] = n[r].parse ? ve(l) : l;
+        this[r] = n[r].parse ? me(l) : l;
       }
@@ -653,6 +653,6 @@ }
 }
-function m(e, n, t) {
+function v(e, n, t) {
   return arguments.length === 2 && (t = n, n = {}), Ge(e, n)(qe(t));
 }
-const v = "ar", Xe = `:host{align-items:center;border-radius:var(--border-radius);display:inline-flex;height:var(--input-height)}button{align-items:center;background:inherit;border:none;border-radius:inherit;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--gap);height:inherit;justify-content:center;min-width:4rem;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%;min-width:auto;padding:0 2px;width:var(--input-height)}.round{border-radius:var(--round-radius)}
+const m = "ar", Xe = `:host{align-items:center;border-radius:var(--border-radius);display:inline-flex;height:var(--input-height)}button{align-items:center;background:inherit;border:none;border-radius:inherit;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--gap);height:inherit;justify-content:center;min-width:4rem;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%;min-width:auto;padding:0 2px;width:var(--input-height)}.round{border-radius:var(--round-radius)}
 `, Ye = /* @__PURE__ */ c("<style>"), ue = /* @__PURE__ */ c('<ar-icon name="loading" spin>', !0, !1), Je = /* @__PURE__ */ c("<button>"), We = /* @__PURE__ */ c('<button><slot></slot><slot name="suffix">'), Qe = /* @__PURE__ */ c('<slot name="prefix">'), Ze = /* @__PURE__ */ c("<slot>"), et = (e) => [(() => {
@@ -682,3 +682,3 @@ const n = Ye();
         }
-      }), t), t._$owner = h(), o._$owner = h(), p(() => D(n, `${e.status} ${e.type} ${e.shape}`)), n;
+      }), t), t._$owner = h(), o._$owner = h(), b(() => D(n, `${e.status} ${e.type} ${e.shape}`)), n;
     })();
@@ -702,6 +702,6 @@ },
       }
-    })), p(() => D(n, `${e.status} ${e.type} ${e.shape}`)), n;
+    })), b(() => D(n, `${e.status} ${e.type} ${e.shape}`)), n;
   }
 })], tt = () => {
-  m(`${v}-button`, {
+  v(`${m}-button`, {
     type: "default",
@@ -750,3 +750,3 @@ status: "primary",
         const r = ot();
-        return p(() => E(r, "src", e.logo)), r;
+        return b(() => E(r, "src", e.logo)), r;
       })();
@@ -756,3 +756,3 @@ },
       const r = nt();
-      return r._$owner = h(), p(() => r.name = e.logo), r;
+      return r._$owner = h(), b(() => r.name = e.logo), r;
     }
@@ -764,3 +764,3 @@ }), (() => {
     const r = st();
-    return p(() => E(r, "src", e.avatar || "/apple-touch-icon.png")), r;
+    return b(() => E(r, "src", e.avatar || "/apple-touch-icon.png")), r;
   })(), (() => {
@@ -794,3 +794,3 @@ const r = lt();
 }, ft = () => {
-  m(`${v}-card`, {
+  v(`${m}-card`, {
     header: !1,
@@ -818,4 +818,6 @@ footer: !0,
 .rd-3{border-radius:0.75rem;}
-.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`), gt = /* @__PURE__ */ c('<ar-icon size="2.75rem">', !0, !1), pt = /* @__PURE__ */ c('<div class="chat-avatar flex items-center">'), bt = /* @__PURE__ */ c('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>', !0, !1), $t = /* @__PURE__ */ c('<div><div class="chat-content p-x-3 rd-3">'), mt = /* @__PURE__ */ c('<img class="w-11 rd-2 self-start" alt="avatar">'), vt = /* @__PURE__ */ c("<ar-rich-text>", !0, !1), yt = (e) => {
-  const n = C`
+.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`), gt = /* @__PURE__ */ c('<ar-icon size="2.75rem">', !0, !1), bt = /* @__PURE__ */ c('<div class="chat-avatar flex items-center">'), pt = /* @__PURE__ */ c('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>', !0, !1), $t = /* @__PURE__ */ c('<div><div class="chat-content p-x-3 rd-3">'), vt = /* @__PURE__ */ c('<img class="w-11 rd-2 self-start" alt="avatar">'), mt = /* @__PURE__ */ c("<ar-rich-text>", !0, !1), yt = (e, {
+  element: n
+}) => {
+  const t = C`
         :host {
@@ -860,9 +862,17 @@ display: block;
         }
-    `;
+    `, o = (r) => {
+    const s = new CustomEvent("browser", {
+      detail: {
+        value: r.detail.value
+      },
+      bubbles: !0
+    });
+    n.dispatchEvent(s);
+  };
   return [(() => {
-    const t = ht(), o = t.firstChild;
-    return f(t, n, o), t;
+    const r = ht(), s = r.firstChild;
+    return f(r, t, s), r;
   })(), (() => {
-    const t = $t(), o = t.firstChild;
-    return f(t, w(O, {
+    const r = $t(), s = r.firstChild;
+    return f(r, w(O, {
       get when() {
@@ -872,4 +882,4 @@ return e.showAvatar;
       get children() {
-        const r = pt();
-        return f(r, w(O, {
+        const l = bt();
+        return f(l, w(O, {
           get when() {
@@ -880,13 +890,13 @@ return e.avatarType === "icon";
             return (() => {
-              const s = mt();
-              return p(() => E(s, "src", e.avatar)), s;
+              const i = vt();
+              return b(() => E(i, "src", e.avatar)), i;
             })();
           },
           get children() {
-            const s = gt();
-            return s._$owner = h(), p(() => s.name = e.role === "user" ? e.avatar || "avatar-01" : e.avatar || "ai-chat"), s;
+            const i = gt();
+            return i._$owner = h(), b(() => i.name = e.role === "user" ? e.avatar || "avatar-01" : e.avatar || "ai-chat"), i;
           }
-        })), r;
+        })), l;
       }
-    }), o), f(o, w(O, {
+    }), s), f(s, w(O, {
       get when() {
@@ -897,14 +907,14 @@ return e.loading;
         return (() => {
-          const r = vt();
-          return r._$owner = h(), p(() => r.text = e.content), r;
+          const l = mt();
+          return l.addEventListener("browser", o), l._$owner = h(), b(() => l.text = e.content), l;
         })();
       },
       get children() {
-        const r = bt(), s = r.firstChild, l = s.nextSibling;
-        return f(s, () => e.loadingText), l._$owner = h(), r;
+        const l = pt(), i = l.firstChild, d = i.nextSibling;
+        return f(i, () => e.loadingText), d._$owner = h(), l;
       }
-    })), p(() => D(t, `chat-bubble ${e.role === "user" ? "right" : "left"} m-3`)), t;
+    })), b(() => D(r, `chat-bubble ${e.role === "user" ? "right" : "left"} m-3`)), r;
   })()];
 }, _t = () => {
-  m(`${v}-chat-bubble`, {
+  v(`${m}-chat-bubble`, {
     role: "",
@@ -1014,6 +1024,6 @@ content: "",
     const l = wt(), i = l.firstChild, d = i.nextSibling, u = d.nextSibling;
-    return i.addEventListener("change", s), u._$owner = h(), p(() => i.checked = o()), l;
+    return i.addEventListener("change", s), u._$owner = h(), b(() => i.checked = o()), l;
   })()];
 }, Ct = () => {
-  m(`${v}-checkbox`, {
+  v(`${m}-checkbox`, {
     value: !1
@@ -1054,3 +1064,3 @@ }, kt);
 }, _e = () => {
-  m(`${v}-dance-number`, {
+  v(`${m}-dance-number`, {
     number: 0,
@@ -1089,3 +1099,3 @@ size: 12
       const r = Ot(), s = r.firstChild;
-      return s.number = o, s._$owner = h(), p((l) => {
+      return s.number = o, s._$owner = h(), b((l) => {
         const i = e.type === "card" ? "card" : "", d = e.size;
@@ -1100,3 +1110,3 @@ return i !== l._v$ && D(r, l._v$ = i), d !== l._v$2 && (s.size = l._v$2 = d), l;
 }, jt = () => {
-  m(`${v}-dance-count`, {
+  v(`${m}-dance-count`, {
     count: 0,
@@ -1126,3 +1136,3 @@ size: 12,
 }, Lt = () => {
-  m(`${v}-flex-box`, {
+  v(`${m}-flex-box`, {
     gap: "1rem",
@@ -1150,3 +1160,3 @@ direction: "row",
 }, Kt = () => {
-  m(`${v}-flex-item`, {
+  v(`${m}-flex-item`, {
     order: 0,
@@ -1168,3 +1178,3 @@ flex: "0 1 auto",
     const t = Gt(), o = t.firstChild;
-    return E(t, "class", n), p((r) => {
+    return E(t, "class", n), b((r) => {
       const s = e.size, l = e.size, i = e.color, d = `${oe}#icon-${e.name}`;
@@ -1180,3 +1190,3 @@ return s !== r._v$ && E(t, "width", r._v$ = s), l !== r._v$2 && E(t, "height", r._v$2 = l), i !== r._v$3 && E(t, "fill", r._v$3 = i), d !== r._v$4 && E(o, "href", r._v$4 = d), r;
 }, Vt = () => {
-  m(`${v}-icon`, {
+  v(`${m}-icon`, {
     name: "date",
@@ -1196,7 +1206,7 @@ size: "1em",
       const l = Jt();
-      return p(() => E(l, "src", e.imageUrl)), l;
+      return b(() => E(l, "src", e.imageUrl)), l;
     })();
   })(), t), f(o, () => e.title), f(r, () => e.description), n;
 })()], Qt = () => {
-  m(`${v}-image-card`, {
+  v(`${m}-image-card`, {
     title: "",
@@ -1248,3 +1258,3 @@ description: "",
 }, nn = () => {
-  m(`${v}-layout-grid`, {
+  v(`${m}-layout-grid`, {
     gap: "1rem",
@@ -1279,4 +1289,4 @@ cols: "auto-fit",
 })()], fn = () => {
-  m(`${v}-layout-holy`, dn);
-}, hn = /* @__PURE__ */ c("<style>"), gn = /* @__PURE__ */ c('<div class="root"><slot>'), pn = (e) => {
+  v(`${m}-layout-holy`, dn);
+}, hn = /* @__PURE__ */ c("<style>"), gn = /* @__PURE__ */ c('<div class="root"><slot>'), bn = (e) => {
   const n = C`
@@ -1300,9 +1310,9 @@ .root {
   })()];
-}, bn = () => {
-  m(`${v}-layout-masonry`, {
+}, pn = () => {
+  v(`${m}-layout-masonry`, {
     width: "20rem",
     count: "auto",
     gap: "10px"
-  }, pn);
-}, $n = /* @__PURE__ */ c("<style>"), mn = /* @__PURE__ */ c('<div class="place-holder"><slot>'), vn = () => {
+  }, bn);
+}, $n = /* @__PURE__ */ c("<style>"), vn = /* @__PURE__ */ c('<div class="place-holder"><slot>'), mn = () => {
   const e = C`
@@ -1326,7 +1336,7 @@ :host {
   })(), (() => {
-    const n = mn(), t = n.firstChild;
+    const n = vn(), t = n.firstChild;
     return t._$owner = h(), n;
   })()];
 }, yn = () => {
-  m(`${v}-place-holder`, vn);
+  v(`${m}-place-holder`, mn);
 }, _n = /* @__PURE__ */ c("<style>"), xn = /* @__PURE__ */ c('<div class="root"><slot name="reference"></slot><div><slot>'), wn = (e, {
@@ -1375,6 +1385,6 @@ element: n
     const s = xn(), l = s.firstChild, i = l.nextSibling, d = i.firstChild;
-    return l._$owner = h(), d._$owner = h(), p(() => D(i, `popover ${o() ? "show" : ""}`)), s;
+    return l._$owner = h(), d._$owner = h(), b(() => D(i, `popover ${o() ? "show" : ""}`)), s;
   })()];
 }, kn = () => {
-  m(`${v}-popover`, {
+  v(`${m}-popover`, {
     trigger: "click",
@@ -1412,3 +1422,3 @@ placement: "bottom"
 }, zn = () => {
-  m(`${v}-portal`, {
+  v(`${m}-portal`, {
     src: "",
@@ -1495,3 +1505,3 @@ content: ""
         const d = On(), u = d.firstChild, a = u.nextSibling;
-        return d.$$click = () => s(i.value), f(a, () => i.label), p(() => u.value = i.value), p(() => u.checked = o() === i.value), d;
+        return d.$$click = () => s(i.value), f(a, () => i.label), b(() => u.value = i.value), b(() => u.checked = o() === i.value), d;
       })()
@@ -1501,3 +1511,3 @@ })), l;
 }, jn = () => {
-  m(`${v}-radio-button`, {
+  v(`${m}-radio-button`, {
     options: [{
@@ -1601,3 +1611,3 @@ label: "Option1",
         const d = In(), u = d.firstChild, a = u.nextSibling;
-        return a.firstChild, d.$$click = () => s(i.value), f(a, () => i.label, null), p(() => u.value = i.value), p(() => u.checked = o() === i.value), d;
+        return a.firstChild, d.$$click = () => s(i.value), f(a, () => i.label, null), b(() => u.value = i.value), b(() => u.checked = o() === i.value), d;
       })()
@@ -1607,3 +1617,3 @@ })), l;
 }, Nn = () => {
-  m(`${v}-radio-group`, {
+  v(`${m}-radio-group`, {
     options: [{
@@ -1723,3 +1733,3 @@ label: "Option1",
   })(), (() => {
-    const a = Hn(), g = a.firstChild, b = g.firstChild, z = g.nextSibling, P = z.nextSibling;
+    const a = Hn(), g = a.firstChild, p = g.firstChild, z = g.nextSibling, P = z.nextSibling;
     return a.$$click = d, f(g, w(O, {
@@ -1746,3 +1756,3 @@ get when() {
       }
-    }), b), f(b, w(K, {
+    }), p), f(p, w(K, {
       get each() {
@@ -1753,3 +1763,3 @@ return e.options;
         const _ = Mn();
-        return f(_, () => $.label), p(() => _.selected = s() === $.value), _;
+        return f(_, () => $.label), b(() => _.selected = s() === $.value), _;
       })()
@@ -1764,5 +1774,5 @@ })), f(P, w(K, {
       })()
-    })), p(($) => {
+    })), b(($) => {
       const _ = `root ${o() ? "open" : ""}`, j = e.multiple;
-      return _ !== $._v$ && D(a, $._v$ = _), j !== $._v$2 && (b.multiple = $._v$2 = j), $;
+      return _ !== $._v$ && D(a, $._v$ = _), j !== $._v$2 && (p.multiple = $._v$2 = j), $;
     }, {
@@ -1774,3 +1784,3 @@ _v$: void 0,
 }, Vn = () => {
-  m(`${v}-select`, {
+  v(`${m}-select`, {
     options: [{
@@ -1832,9 +1842,9 @@ label: "Option1",
     const u = Jn();
-    return u.$$keydown = d, u.addEventListener("change", i), u.$$input = l, Be(o, u), p((a) => {
-      const g = r(), b = e.placeholder;
-      return g !== a._v$ && ((a._v$ = g) != null ? u.style.setProperty("height", g) : u.style.removeProperty("height")), b !== a._v$2 && E(u, "placeholder", a._v$2 = b), a;
+    return u.$$keydown = d, u.addEventListener("change", i), u.$$input = l, Be(o, u), b((a) => {
+      const g = r(), p = e.placeholder;
+      return g !== a._v$ && ((a._v$ = g) != null ? u.style.setProperty("height", g) : u.style.removeProperty("height")), p !== a._v$2 && E(u, "placeholder", a._v$2 = p), a;
     }, {
       _v$: void 0,
       _v$2: void 0
-    }), p(() => u.value = e.value), u;
+    }), b(() => u.value = e.value), u;
   })(), (() => {
@@ -1845,3 +1855,3 @@ const u = Wn();
 }, Zn = () => {
-  m(`${v}-textarea`, {
+  v(`${m}-textarea`, {
     value: "",
@@ -1884,3 +1894,3 @@ placeholder: "",
     const r = rr();
-    return r.$$keydown = o, r.addEventListener("change", t), p((s) => {
+    return r.$$keydown = o, r.addEventListener("change", t), b((s) => {
       const l = e.placeholder, i = e.type;
@@ -1891,3 +1901,3 @@ return l !== s._v$ && E(r, "placeholder", s._v$ = l), i !== s._v$2 && E(r, "type", s._v$2 = i), s;
       _v$2: void 0
-    }), p(() => r.value = e.value), r;
+    }), b(() => r.value = e.value), r;
   })(), (() => {
@@ -1898,3 +1908,3 @@ const r = or();
 }, lr = () => {
-  m(`${v}-textfield`, {
+  v(`${m}-textfield`, {
     value: "",
@@ -1927,3 +1937,3 @@ placeholder: "",
 }, ar = () => {
-  m(`${v}-typewriter`, {
+  v(`${m}-typewriter`, {
     text: "",
@@ -1947,3 +1957,3 @@ speed: 100,
   LayoutHoly: fn,
-  LayoutMasonry: bn,
+  LayoutMasonry: pn,
   PlaceHolder: yn,
@@ -1978,3 +1988,3 @@ Popover: kn,
   fn as LayoutHoly,
-  bn as LayoutMasonry,
+  pn as LayoutMasonry,
   yn as PlaceHolder,
@@ -1981,0 +1991,0 @@ kn as Popover,

dist/aura-design.umd.js

@@ -44,3 +44,3 @@ (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,Ue=Symbol("solid-track"),Y={equals:G};let ce=he;const N=1,J=2,ue={owned:null,cleanups:null,context:null,owner:null};var x=null;let re=null,_=null,k=null,j=null,W=0;function Q(e,n){const t=_,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(()=>B(()=>te(i)));x=i,_=null;try{return q(l,!0)}finally{_=t,x=o}}function S(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,N);V(o)}function Ve(e,n,t){ce=Je;const o=oe(e,n,!1,N);o.user=!0,j?j.push(o):V(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,V(o),de.bind(o)}function B(e){if(_===null)return e();const n=_;_=null;try{return e()}finally{_=n}}function U(e){Ve(()=>B(e))}function qe(e){return x===null||(x.cleanups===null?x.cleanups=[e]:x.cleanups.push(e)),e}function h(){return x}function de(){if(this.sources&&this.state)if(this.state===N)V(this);else{const e=k;k=null,q(()=>ee(this),!1),k=e}if(_){const e=this.observers?this.observers.length:0;_.sources?(_.sources.push(this),_.sourceSlots.push(e)):(_.sources=[this],_.sourceSlots=[e]),this.observers?(this.observers.push(_),this.observerSlots.push(_.sources.length-1)):(this.observers=[_],this.observerSlots=[_.sources.length-1])}return this.value}function fe(e,n,t){let o=e.value;return(!e.comparator||!e.comparator(o,n))&&(e.value=n,e.observers&&e.observers.length&&q(()=>{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):j.push(i),i.observers&&ge(i)),l||(i.state=N)}if(k.length>1e6)throw k=[],new Error},!1)),n}function V(e){if(!e.fn)return;te(e);const n=x,t=_,o=W;_=x=e,Xe(e,e.value,o),_=t,x=n}function Xe(e,n,t){let o;try{o=e.fn(n)}catch(r){return e.pure&&(e.state=N,e.owned&&e.owned.forEach(te),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=N,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 Z(e){if(e.state===0)return;if(e.state===J)return ee(e);if(e.suspense&&B(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===N)V(e);else if(e.state===J){const o=k;k=null,q(()=>ee(e,n[0]),!1),k=o}}function q(e,n){if(k)return e();let t=!1;n||(k=[]),j?t=!0:j=[],W++;try{const o=e();return Ye(t),o}catch(o){t||(j=null),k=null,be(o)}}function Ye(e){if(k&&(he(k),k=null),e)return;const n=j;j=null,n.length&&q(()=>ce(n),!1)}function he(e){for(let n=0;n<e.length;n++)Z(e[n])}function Je(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===N?o!==n&&(!o.updatedAt||o.updatedAt<W)&&Z(o):r===J&&ee(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):j.push(t),t.observers&&ge(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 be(e){throw e}const We=Symbol("fallback");function pe(e){for(let n=0;n<e.length;n++)e[n]()}function Qe(e,n,t={}){let o=[],r=[],i=[],l=0,s=n.length>1?[]:null;return qe(()=>pe(i)),()=>{let d=e()||[],u,a;return d[Ue],B(()=>{let $=d.length,A,I,y,w,R,O,P,L,M;if($===0)l!==0&&(pe(i),i=[],o=[],r=[],l=0,s&&(s=[])),t.fallback&&(o=[We],r[0]=Q(fr=>(i[0]=fr,t.fallback())),l=1);else if(l===0){for(r=new Array($),a=0;a<$;a++)o[a]=d[a],r[a]=Q(g);l=$}else{for(y=new Array($),w=new Array($),s&&(R=new Array($)),O=0,P=Math.min(l,$);O<P&&o[O]===d[O];O++);for(P=l-1,L=$-1;P>=O&&L>=O&&o[P]===d[L];P--,L--)y[L]=r[P],w[L]=i[P],s&&(R[L]=s[P]);for(A=new Map,I=new Array(L+1),a=L;a>=O;a--)M=d[a],u=A.get(M),I[a]=u===void 0?-1:u,A.set(M,a);for(u=O;u<=P;u++)M=o[u],a=A.get(M),a!==void 0&&a!==-1?(y[a]=r[u],w[a]=i[u],s&&(R[a]=s[u]),a=I[a],A.set(M,a)):i[u]();for(a=O;a<$;a++)a in y?(r[a]=y[a],i[a]=w[a],s&&(s[a]=R[a],s[a](a))):r[a]=Q(g);r=r.slice(0,l=$),o=d.slice(0)}return r});function g($){if(i[a]=$,s){const[A,I]=S(a);return s[a]=I,n(d[a],A)}return n(d[a])}}}function C(e,n){return B(()=>e(n||{}))}const Ze=e=>`Stale read from <${e}>.`;function H(e){const n="fallback"in e&&{fallback:()=>e.fallback};return F(Qe(()=>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?B(()=>r(n?o:()=>{if(!B(t))throw Ze("Show");return e.when})):r}return e.fallback},void 0,void 0)}function et(e,n,t){let o=t.length,r=n.length,i=o,l=0,s=0,d=n[r-1].nextSibling,u=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;)(!u||!u.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(!u){u=new Map;let g=s;for(;g<i;)u.set(t[g],g++)}const a=u.get(n[l]);if(a!=null)if(s<a&&a<i){let g=l,$=1,A;for(;++g<r&&g<i&&!((A=u.get(n[g]))==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 c(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):()=>B(()=>document.importNode(o||(o=r()),!0));return i.cloneNode=i,i}function X(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,nt))}}function z(e,n,t){t==null?e.removeAttribute(n):e.setAttribute(n,t)}function K(e,n){n==null?e.removeAttribute("class"):e.className=n}function tt(e,n,t){return B(()=>e(n,t))}function f(e,n,t,o){if(t!==void 0&&!o&&(o=[]),typeof n!="function")return ne(e,n,o,t);p(r=>ne(e,n(),r,t),o)}function nt(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=D(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=D(e,t,o);else{if(i==="function")return p(()=>{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(ie(s,n,t,r))return p(()=>t=ne(e,s,t,o,!0)),()=>t;if(s.length===0){if(t=D(e,t,o),l)return t}else d?t.length===0?me(e,s,o):et(e,t,s):(t&&D(e),me(e,s));t=s}else if(n instanceof Node){if(Array.isArray(t)){if(l)return t=D(e,t,o,n);D(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 u=String(s);d&&d.nodeType===3?(d.data=u,e.push(d)):e.push(document.createTextNode(u))}}return r}function me(e,n,t=null){for(let o=0,r=n.length;o<r;o++)e.insertBefore(n[o],t)}function D(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 rt(e){return Object.keys(e).reduce((t,o)=>{const r=e[o];return t[o]=Object.assign({},r),_e(r.value)&&!at(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 ot(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=st(o)),t[o].parse="parse"in t[o]?t[o].parse:typeof t[o].value!="string",t},{}):{}}function it(e){return Object.keys(e).reduce((t,o)=>(t[o]=e[o].value,t),{})}function lt(e,n){const t=rt(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 u=i.value;i.value=d,i.reflect&&ye(this,i.attribute,i.value);for(let a=0,g=this.__propertyChangedCallbacks.length;a<g;a++)this.__propertyChangedCallbacks[a](r,d,u)},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 st(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 at(e){return Object.prototype.toString.call(e)==="[object Function]"}function ct(e){return typeof e=="function"&&e.toString().indexOf("class")===0}let le;function ut(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=lt(this,n);const r=it(this.props),i=this.Component,l=le;try{le=this,this.__initialized=!0,ct(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 dt(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=ut(o,ot(n)),l.prototype.Component=i,l.prototype.registeredTag=e,customElements.define(e,l,r),l)}}function ft(e){const n=Object.keys(e),t={};for(let o=0;o<n.length;o++){const[r,i]=S(e[n[o]]);Object.defineProperty(t,n[o],{get:r,set(l){i(()=>l)}})}return t}function ht(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 gt(e){return(n,t)=>{const{element:o}=t;return Q(r=>{const i=ft(n);o.addPropertyChangedCallback((s,d)=>i[s]=d),o.addReleaseCallback(()=>{o.renderRoot.textContent="",r()});const l=e(i,t);return f(o.renderRoot,l)},ht(o))}}function m(e,n,t){return arguments.length===2&&(t=n,n={}),dt(e,n)(gt(t))}const v="ar",bt=`: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;min-width:4rem;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%;min-width:auto;padding:0 2px;width:var(--input-height)}.round{border-radius:var(--round-radius)}
 .rd-3{border-radius:0.75rem;}
-.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`),jt=c('<ar-icon size="2.75rem">',!0,!1),Bt=c('<div class="chat-avatar flex items-center">'),It=c('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>',!0,!1),Rt=c('<div><div class="chat-content p-x-3 rd-3">'),Lt=c('<img class="w-11 rd-2 self-start" alt="avatar">'),Nt=c("<ar-rich-text>",!0,!1),Ft=e=>{const n=E`
+.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`),jt=c('<ar-icon size="2.75rem">',!0,!1),Bt=c('<div class="chat-avatar flex items-center">'),It=c('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>',!0,!1),Rt=c('<div><div class="chat-content p-x-3 rd-3">'),Lt=c('<img class="w-11 rd-2 self-start" alt="avatar">'),Nt=c("<ar-rich-text>",!0,!1),Ft=(e,{element:n})=>{const t=E`
         :host {
@@ -85,3 +85,3 @@ display: block;
         }
-    `;return[(()=>{const t=Pt(),o=t.firstChild;return f(t,n,o),t})(),(()=>{const t=Rt(),o=t.firstChild;return f(t,C(T,{get when(){return e.showAvatar},get children(){const r=Bt();return f(r,C(T,{get when(){return e.avatarType==="icon"},get fallback(){return(()=>{const i=Lt();return p(()=>z(i,"src",e.avatar)),i})()},get children(){const i=jt();return i._$owner=h(),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=Nt();return r._$owner=h(),p(()=>r.text=e.content),r})()},get children(){const r=It(),i=r.firstChild,l=i.nextSibling;return f(i,()=>e.loadingText),l._$owner=h(),r}})),p(()=>K(t,`chat-bubble ${e.role==="user"?"right":"left"} m-3`)),t})()]},Ce=()=>{m(`${v}-chat-bubble`,{role:"",content:"",loading:!1,loadingText:"",showAvatar:!0,avatar:"",avatarType:"icon",direction:"row"},Ft)},Ht=c("<style>"),Kt=c('<label class="container"><input type="checkbox"><div class="checkmark"></div><slot>'),Dt=(e,{element:n})=>{const t=E`
+    `,o=r=>{const i=new CustomEvent("browser",{detail:{value:r.detail.value},bubbles:!0});n.dispatchEvent(i)};return[(()=>{const r=Pt(),i=r.firstChild;return f(r,t,i),r})(),(()=>{const r=Rt(),i=r.firstChild;return f(r,C(T,{get when(){return e.showAvatar},get children(){const l=Bt();return f(l,C(T,{get when(){return e.avatarType==="icon"},get fallback(){return(()=>{const s=Lt();return p(()=>z(s,"src",e.avatar)),s})()},get children(){const s=jt();return s._$owner=h(),p(()=>s.name=e.role==="user"?e.avatar||"avatar-01":e.avatar||"ai-chat"),s}})),l}}),i),f(i,C(T,{get when(){return e.loading},get fallback(){return(()=>{const l=Nt();return l.addEventListener("browser",o),l._$owner=h(),p(()=>l.text=e.content),l})()},get children(){const l=It(),s=l.firstChild,d=s.nextSibling;return f(s,()=>e.loadingText),d._$owner=h(),l}})),p(()=>K(r,`chat-bubble ${e.role==="user"?"right":"left"} m-3`)),r})()]},Ce=()=>{m(`${v}-chat-bubble`,{role:"",content:"",loading:!1,loadingText:"",showAvatar:!0,avatar:"",avatarType:"icon",direction:"row"},Ft)},Ht=c("<style>"),Kt=c('<label class="container"><input type="checkbox"><div class="checkmark"></div><slot>'),Dt=(e,{element:n})=>{const t=E`
         :host {
@@ -88,0 +88,0 @@ display: inline-block;

dist/types/components/ChatBubble.d.ts

@@ -11,4 +11,4 @@ type Props = {
 };
-export declare const ChatBubble: (props: Props) => import("solid-js").JSX.Element;
+export declare const ChatBubble: (props: Props, { element }: any) => import("solid-js").JSX.Element;
 declare const _default: () => void;
 export default _default;

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

125121

increased by0.31%

Lines of code

2750

increased by0.4%

No dependency changes