@roku-ui/vue 0.14.0 → 0.14.1

package/dist/index.js

@@ -907,9 +907,9 @@ function dn(...e) {
   };
   return (f) => {
     const v = Y(s), g = Date.now() - t, m = () => l = f();
-    return c(), v <= 0 ? (t = Date.now(), m()) : (g > v && (i || !n) ? (t = Date.now(), m()) : o && (l = new Promise((x, $) => {
-      a = u ? $ : x, r = setTimeout(() => {
-        t = Date.now(), n = !0, x(m()), c();
+    return c(), v <= 0 ? (t = Date.now(), m()) : (g > v && (i || !n) ? (t = Date.now(), m()) : o && (l = new Promise((w, $) => {
+      a = u ? $ : w, r = setTimeout(() => {
+        t = Date.now(), n = !0, w(m()), c();
       }, Math.max(0, v - g));
     })), !i && !r && (r = setTimeout(() => n = !0, v)), n = !1, l);
   };
@@ -1171,23 +1171,23 @@ function Cn(e, t, r, n = {}) {
     shallow: c,
     window: d = ae,
     eventFilter: f,
-    onError: v = (w) => {
-      console.error(w);
+    onError: v = (x) => {
+      console.error(x);
     },
     initOnMounted: g
   } = n, m = (c ? gt : _)(t);
   if (!r)
     try {
       r = _n("getDefaultStorage", () => {
-        var w;
-        return (w = ae) == null ? void 0 : w.localStorage;
+        var x;
+        return (x = ae) == null ? void 0 : x.localStorage;
       })();
-    } catch (w) {
-      v(w);
+    } catch (x) {
+      v(x);
     }
   if (!r)
     return m;
-  const x = Y(t), $ = kn(x), b = (a = n.serializer) != null ? a : $n[$], { pause: A, resume: T } = gn(
+  const w = Y(t), $ = kn(w), b = (a = n.serializer) != null ? a : $n[$], { pause: A, resume: T } = gn(
     m,
     () => M(m.value),
     { flush: l, deep: s, eventFilter: f }
@@ -1195,11 +1195,11 @@ function Cn(e, t, r, n = {}) {
   d && o && Be(() => {
     r instanceof Storage ? N(d, "storage", H) : N(d, Pt, I), g && H();
   }), g || H();
-  function C(w, R) {
+  function C(x, R) {
     if (d) {
       const V = {
         key: e,
-        oldValue: w,
+        oldValue: x,
         newValue: R,
         storageArea: r
       };
@@ -1208,48 +1208,48 @@ function Cn(e, t, r, n = {}) {
       }));
     }
   }
-  function M(w) {
+  function M(x) {
     try {
       const R = r.getItem(e);
-      if (w == null)
+      if (x == null)
         C(R, null), r.removeItem(e);
       else {
-        const V = b.write(w);
+        const V = b.write(x);
         R !== V && (r.setItem(e, V), C(R, V));
       }
     } catch (R) {
       v(R);
     }
   }
-  function y(w) {
-    const R = w ? w.newValue : r.getItem(e);
+  function y(x) {
+    const R = x ? x.newValue : r.getItem(e);
     if (R == null)
-      return i && x != null && r.setItem(e, b.write(x)), x;
-    if (!w && u) {
+      return i && w != null && r.setItem(e, b.write(w)), w;
+    if (!x && u) {
       const V = b.read(R);
-      return typeof u == "function" ? u(V, x) : $ === "object" && !Array.isArray(V) ? { ...x, ...V } : V;
+      return typeof u == "function" ? u(V, w) : $ === "object" && !Array.isArray(V) ? { ...w, ...V } : V;
     } else return typeof R != "string" ? R : b.read(R);
   }
-  function H(w) {
-    if (!(w && w.storageArea !== r)) {
-      if (w && w.key == null) {
-        m.value = x;
+  function H(x) {
+    if (!(x && x.storageArea !== r)) {
+      if (x && x.key == null) {
+        m.value = w;
         return;
       }
-      if (!(w && w.key !== e)) {
+      if (!(x && x.key !== e)) {
         A();
         try {
-          (w == null ? void 0 : w.newValue) !== b.write(m.value) && (m.value = y(w));
+          (x == null ? void 0 : x.newValue) !== b.write(m.value) && (m.value = y(x));
         } catch (R) {
           v(R);
         } finally {
-          w ? nt(T) : T();
+          x ? nt(T) : T();
         }
       }
     }
   }
-  function I(w) {
-    H(w.detail);
+  function I(x) {
+    H(x.detail);
   }
   return m;
 }
@@ -1266,20 +1266,20 @@ function Mn(e, t = {}) {
   let s = 0, o = !0;
   if (ge) {
     const i = typeof t == "function" ? { onDrop: t } : t, u = (r = i.multiple) != null ? r : !0, c = (n = i.preventDefaultForUnhandled) != null ? n : !1, d = (m) => {
-      var x, $;
-      const b = Array.from(($ = (x = m.dataTransfer) == null ? void 0 : x.files) != null ? $ : []);
+      var w, $;
+      const b = Array.from(($ = (w = m.dataTransfer) == null ? void 0 : w.files) != null ? $ : []);
       return b.length === 0 ? null : u ? b : [b[0]];
     }, f = (m) => {
       if (i.dataTypes) {
-        const x = h(i.dataTypes);
-        return typeof x == "function" ? x(m) : x ? x.some(($) => m.includes($)) : !0;
+        const w = h(i.dataTypes);
+        return typeof w == "function" ? w(m) : w ? w.some(($) => m.includes($)) : !0;
       }
       return !0;
     }, v = (m) => {
-      var x, $;
-      const b = Array.from(($ = (x = m.dataTransfer) == null ? void 0 : x.items) != null ? $ : []), A = b.filter((M) => M.kind === "file").map((M) => M.type), T = f(A), C = u || b.filter((M) => M.kind === "file").length <= 1;
+      var w, $;
+      const b = Array.from(($ = (w = m.dataTransfer) == null ? void 0 : w.items) != null ? $ : []), A = b.filter((M) => M.kind === "file").map((M) => M.type), T = f(A), C = u || b.filter((M) => M.kind === "file").length <= 1;
       return T && C;
-    }, g = (m, x) => {
+    }, g = (m, w) => {
       var $, b, A, T;
       if (o = v(m), !o) {
         c && m.preventDefault(), m.dataTransfer && (m.dataTransfer.dropEffect = "none");
@@ -1287,7 +1287,7 @@ function Mn(e, t = {}) {
       }
       m.preventDefault(), m.dataTransfer && (m.dataTransfer.dropEffect = "copy");
       const C = d(m);
-      switch (x) {
+      switch (w) {
         case "enter":
           s += 1, a.value = !0, ($ = i.onEnter) == null || $.call(i, null, m);
           break;
@@ -1352,13 +1352,13 @@ function $e(e, t = {}) {
     const b = $.getBoundingClientRect();
     o.value = b.height, i.value = b.bottom, u.value = b.left, c.value = b.right, d.value = b.top, f.value = b.width, v.value = b.x, g.value = b.y;
   }
-  function x() {
+  function w() {
     s === "sync" ? m() : s === "next-frame" && requestAnimationFrame(() => m());
   }
-  return wt(e, x), K(() => Z(e), ($) => !$ && x()), xt(e, x, {
+  return wt(e, w), K(() => Z(e), ($) => !$ && w()), xt(e, w, {
     attributeFilter: ["style", "class"]
-  }), a && N("scroll", x, { capture: !0, passive: !0 }), n && N("resize", x, { passive: !0 }), Be(() => {
-    l && x();
+  }), a && N("scroll", w, { capture: !0, passive: !0 }), n && N("resize", w, { passive: !0 }), Be(() => {
+    l && w();
   }), {
     height: o,
     bottom: i,
@@ -1368,7 +1368,7 @@ function $e(e, t = {}) {
     width: f,
     x: v,
     y: g,
-    update: x
+    update: w
   };
 }
 function We(e, t = {}) {
@@ -1459,7 +1459,7 @@ function En(e, t = {}) {
     }
   });
   function m(y, H) {
-    var I, w, R, V;
+    var I, x, R, V;
     if (!u)
       return;
     const P = Y(e);
@@ -1467,13 +1467,13 @@ function En(e, t = {}) {
       return;
     (R = P instanceof Document ? u.document.body : P) == null || R.scrollTo({
       top: (I = Y(H)) != null ? I : g.value,
-      left: (w = Y(y)) != null ? w : v.value,
+      left: (x = Y(y)) != null ? x : v.value,
       behavior: Y(i)
     });
     const X = ((V = P == null ? void 0 : P.document) == null ? void 0 : V.documentElement) || (P == null ? void 0 : P.documentElement) || P;
     v != null && (d.value = X.scrollLeft), g != null && (f.value = X.scrollTop);
   }
-  const x = _(!1), $ = Ve({
+  const w = _(!1), $ = Ve({
     left: !0,
     right: !1,
     top: !0,
@@ -1484,25 +1484,25 @@ function En(e, t = {}) {
     top: !1,
     bottom: !1
   }), A = (y) => {
-    x.value && (x.value = !1, b.left = !1, b.right = !1, b.top = !1, b.bottom = !1, a(y));
+    w.value && (w.value = !1, b.left = !1, b.right = !1, b.top = !1, b.bottom = !1, a(y));
   }, T = rr(A, r + n), C = (y) => {
     var H;
     if (!u)
       return;
-    const I = ((H = y == null ? void 0 : y.document) == null ? void 0 : H.documentElement) || (y == null ? void 0 : y.documentElement) || Z(y), { display: w, flexDirection: R } = getComputedStyle(I), V = I.scrollLeft;
+    const I = ((H = y == null ? void 0 : y.document) == null ? void 0 : H.documentElement) || (y == null ? void 0 : y.documentElement) || Z(y), { display: x, flexDirection: R } = getComputedStyle(I), V = I.scrollLeft;
     b.left = V < d.value, b.right = V > d.value;
     const P = Math.abs(V) <= (s.left || 0), X = Math.abs(V) + I.clientWidth >= I.scrollWidth - (s.right || 0) - Dt;
-    w === "flex" && R === "row-reverse" ? ($.left = X, $.right = P) : ($.left = P, $.right = X), d.value = V;
+    x === "flex" && R === "row-reverse" ? ($.left = X, $.right = P) : ($.left = P, $.right = X), d.value = V;
     let j = I.scrollTop;
     y === u.document && !j && (j = u.document.body.scrollTop), b.top = j < f.value, b.bottom = j > f.value;
     const he = Math.abs(j) <= (s.top || 0), z = Math.abs(j) + I.clientHeight >= I.scrollHeight - (s.bottom || 0) - Dt;
-    w === "flex" && R === "column-reverse" ? ($.top = z, $.bottom = he) : ($.top = he, $.bottom = z), f.value = j;
+    x === "flex" && R === "column-reverse" ? ($.top = z, $.bottom = he) : ($.top = he, $.bottom = z), f.value = j;
   }, M = (y) => {
     var H;
     if (!u)
       return;
     const I = (H = y.target.documentElement) != null ? H : y.target;
-    C(I), x.value = !0, T(y), l(y);
+    C(I), w.value = !0, T(y), l(y);
   };
   return N(
     e,
@@ -1526,7 +1526,7 @@ function En(e, t = {}) {
   ), {
     x: v,
     y: g,
-    isScrolling: x,
+    isScrolling: w,
     arrivedState: $,
     directions: b,
     measure() {
@@ -1562,38 +1562,38 @@ function In(e = {}) {
     },
     current: s
   }, i = t ? Ve(o) : o, u = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
-  function d(m, x) {
-    m in i && (t ? i[m] = x : i[m].value = x);
+  function d(m, w) {
+    m in i && (t ? i[m] = w : i[m].value = w);
   }
   function f() {
     s.clear();
     for (const m of c)
       d(m, !1);
   }
-  function v(m, x) {
+  function v(m, w) {
     var $, b;
     const A = ($ = m.key) == null ? void 0 : $.toLowerCase(), C = [(b = m.code) == null ? void 0 : b.toLowerCase(), A].filter(Boolean);
-    A && (x ? s.add(A) : s.delete(A));
+    A && (w ? s.add(A) : s.delete(A));
     for (const M of C)
-      c.add(M), d(M, x);
-    A === "meta" && !x ? (u.forEach((M) => {
+      c.add(M), d(M, w);
+    A === "meta" && !w ? (u.forEach((M) => {
       s.delete(M), d(M, !1);
-    }), u.clear()) : typeof m.getModifierState == "function" && m.getModifierState("Meta") && x && [...s, ...C].forEach((M) => u.add(M));
+    }), u.clear()) : typeof m.getModifierState == "function" && m.getModifierState("Meta") && w && [...s, ...C].forEach((M) => u.add(M));
   }
   N(r, "keydown", (m) => (v(m, !0), l(m)), { passive: a }), N(r, "keyup", (m) => (v(m, !1), l(m)), { passive: a }), N("blur", f, { passive: !0 }), N("focus", f, { passive: !0 });
   const g = new Proxy(
     i,
     {
-      get(m, x, $) {
-        if (typeof x != "string")
-          return Reflect.get(m, x, $);
-        if (x = x.toLowerCase(), x in n && (x = n[x]), !(x in i))
-          if (/[+_-]/.test(x)) {
-            const A = x.split(/[+_-]/g).map((T) => T.trim());
-            i[x] = p(() => A.every((T) => Y(g[T])));
+      get(m, w, $) {
+        if (typeof w != "string")
+          return Reflect.get(m, w, $);
+        if (w = w.toLowerCase(), w in n && (w = n[w]), !(w in i))
+          if (/[+_-]/.test(w)) {
+            const A = w.split(/[+_-]/g).map((T) => T.trim());
+            i[w] = p(() => A.every((T) => Y(g[T])));
           } else
-            i[x] = _(!1);
-        const b = Reflect.get(m, x, $);
+            i[w] = _(!1);
+        const b = Reflect.get(m, w, $);
         return t ? Y(b) : b;
       }
     }
@@ -1626,14 +1626,14 @@ function st(e = {}) {
       const M = v(C.touches[0]);
       M && ([c.value, d.value] = M, f.value = "touch");
     }
-  }, x = () => {
+  }, w = () => {
     if (!u || !l)
       return;
     const C = v(u);
     u instanceof MouseEvent && C && (c.value = C[0] + l.scrollX, d.value = C[1] + l.scrollY);
   }, $ = () => {
     c.value = a.x, d.value = a.y;
-  }, b = i ? (C) => i(() => g(C), {}) : (C) => g(C), A = i ? (C) => i(() => m(C), {}) : (C) => m(C), T = i ? () => i(() => x(), {}) : () => x();
+  }, b = i ? (C) => i(() => g(C), {}) : (C) => g(C), A = i ? (C) => i(() => m(C), {}) : (C) => m(C), T = i ? () => i(() => w(), {}) : () => w();
   if (s) {
     const C = { passive: !0 };
     N(s, ["mousemove", "dragover"], b, C), r && t !== "movement" && (N(s, ["touchstart", "touchmove"], A, C), n && N(s, "touchend", $, C)), o && t === "page" && N(l, "scroll", T, { passive: !0 });
@@ -2925,8 +2925,8 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
       let i = 0, u = 0, c = 0, d = 0, f = 0, v = 0;
       const g = [];
       for (let m = 0; m < a.value.length; m++) {
-        const x = r.value[m];
-        x && (x.position || (x.position = t.position), x.position === "top-left" ? (g.push(i), i += a.value[m].height + t.gap) : x.position === "top-right" ? (g.push(u), u += a.value[m].height + t.gap) : x.position === "top" ? (g.push(c), c += a.value[m].height + t.gap) : x.position === "bottom-left" ? (g.push(d), d += a.value[m].height + t.gap) : x.position === "bottom-right" ? (g.push(f), f += a.value[m].height + t.gap) : x.position === "bottom" && (g.push(v), v += a.value[m].height + t.gap));
+        const w = r.value[m];
+        w && (w.position || (w.position = t.position), w.position === "top-left" ? (g.push(i), i += a.value[m].height + t.gap) : w.position === "top-right" ? (g.push(u), u += a.value[m].height + t.gap) : w.position === "top" ? (g.push(c), c += a.value[m].height + t.gap) : w.position === "bottom-left" ? (g.push(d), d += a.value[m].height + t.gap) : w.position === "bottom-right" ? (g.push(f), f += a.value[m].height + t.gap) : w.position === "bottom" && (g.push(v), v += a.value[m].height + t.gap));
       }
       return g;
     });
@@ -3077,7 +3077,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
       }
     ] : []);
     let g;
-    const m = p(() => He(r.value).value[5]), x = p(() => {
+    const m = p(() => He(r.value).value[5]), w = p(() => {
       var b;
       return t.loading ? (g ? g.play() : g = (b = o.value) == null ? void 0 : b.animate(v.value, {
         duration: 1e3,
@@ -3132,7 +3132,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
         },
         h(a).class
       ]]),
-      style: O([h(a).style, x.value, $.value])
+      style: O([h(a).style, w.value, $.value])
     }, {
       default: ee(() => [
         D(b.$slots, "default")
@@ -3493,7 +3493,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
       type: "text",
       index: { dark: 6, light: 4 }
     });
-    function x(b) {
+    function w(b) {
       l.value === b && o.value ? (n("select", 0), l.value = 0) : (n("select", b + 1), l.value = b + 1);
     }
     const $ = p(() => {
@@ -3515,7 +3515,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
         class: "pr-1",
         onMouseover: (M) => i.value = C + 1,
         onMouseleave: A[0] || (A[0] = (M) => i.value = -1),
-        onPointerdown: (M) => x(C)
+        onPointerdown: (M) => w(C)
       }, [
         F("i", Q({ ref_for: !0 }, d(C) ? h(g)[C].value : h(m), {
           class: ["active:translate-y-1px", [f(C)]]
@@ -3638,7 +3638,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
     }, [
       at(F("input", Q({
         id: h(o),
-        "onUpdate:modelValue": m[0] || (m[0] = (x) => r.value = x)
+        "onUpdate:modelValue": m[0] || (m[0] = (w) => r.value = w)
       }, g.$attrs, {
         class: "hidden",
         type: "checkbox"
@@ -3654,10 +3654,10 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
           ref: n,
           class: B([[l.value.wrapper, ...d.value.wrapper, h(v).class], "relative inline-block"]),
           style: O([h(v).style, f.value.wrapper]),
-          onPointerdown: m[1] || (m[1] = (x) => a.value = !0),
-          onPointerup: m[2] || (m[2] = (x) => a.value = !1),
-          onPointerleave: m[3] || (m[3] = (x) => a.value = !1),
-          onPointerenter: m[4] || (m[4] = (x) => x.buttons === 1 && (a.value = !0))
+          onPointerdown: m[1] || (m[1] = (w) => a.value = !0),
+          onPointerup: m[2] || (m[2] = (w) => a.value = !1),
+          onPointerleave: m[3] || (m[3] = (w) => a.value = !1),
+          onPointerenter: m[4] || (m[4] = (w) => w.buttons === 1 && (a.value = !0))
         }, [
           F("div", {
             class: B(["absolute top-50% -translate-y-50%", [l.value.indicator, d.value.indicator, s.value.indicator, r.value ? l.value.active : l.value.inactive, h(v).class]]),
@@ -3760,24 +3760,24 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
     const r = e, n = lr(), a = $e(n), l = _(), s = $e(() => l.value), o = p(() => {
       if (r.height)
         return r.height;
-      const w = n.value ? Number.parseFloat(getComputedStyle(n.value).paddingTop) + Number.parseFloat(getComputedStyle(n.value).paddingBottom) : 0, R = n.value ? Number.parseFloat(getComputedStyle(n.value).marginTop) + Number.parseFloat(getComputedStyle(n.value).marginBottom) : 0;
-      return a.height.value - w - R;
+      const x = n.value ? Number.parseFloat(getComputedStyle(n.value).paddingTop) + Number.parseFloat(getComputedStyle(n.value).paddingBottom) : 0, R = n.value ? Number.parseFloat(getComputedStyle(n.value).marginTop) + Number.parseFloat(getComputedStyle(n.value).marginBottom) : 0;
+      return a.height.value - x - R;
     }), i = _(), u = On(() => i.value), { x: c, y: d } = En(() => i.value), f = p(() => {
-      var w;
-      return (((w = i.value) == null ? void 0 : w.scrollHeight) ?? 0) - (u.value ?? 0);
-    }), v = Bn(() => i.value), g = p(() => d.value / f.value || 0), m = p(() => i.value ? u.value / v.value * u.value : 0), x = p(() => u.value - m.value), $ = p(() => {
+      var x;
+      return (((x = i.value) == null ? void 0 : x.scrollHeight) ?? 0) - (u.value ?? 0);
+    }), v = Bn(() => i.value), g = p(() => d.value / f.value || 0), m = p(() => i.value ? u.value / v.value * u.value : 0), w = p(() => u.value - m.value), $ = p(() => {
       if (!i.value)
         return null;
-      const w = g.value * x.value;
+      const x = g.value * w.value;
       return {
         x: c.value,
         y: d.value,
         barHeight: m.value,
-        barTop: w
+        barTop: x
       };
     }), b = _(!1), A = _(0), T = _(""), C = _(0), M = st({ type: "client" });
-    N(() => l.value, "pointerdown", (w) => {
-      b.value = !0, A.value = w.clientY, C.value = d.value, T.value = document.body.style.userSelect, document.body.style.userSelect = "none";
+    N(() => l.value, "pointerdown", (x) => {
+      b.value = !0, A.value = x.clientY, C.value = d.value, T.value = document.body.style.userSelect, document.body.style.userSelect = "none";
     }), N(() => document, "pointermove", () => {
       if (!b.value)
         return;
@@ -3785,7 +3785,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
         d.value = C.value;
         return;
       }
-      const R = (M.y.value - A.value) / x.value;
+      const R = (M.y.value - A.value) / w.value;
       d.value = C.value + R * f.value;
     }), N(() => document, "pointerup", () => {
       b.value = !1, document.body.style.userSelect = T.value;
@@ -3793,7 +3793,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
       $el: i
     });
     const y = We(() => l.value), H = Ne("bg", { dark: 5, light: 6 }, 0.5), I = Ne("bg", { dark: 2, light: 9 }, 0.5);
-    return (w, R) => (S(), k("div", {
+    return (x, R) => (S(), k("div", {
       style: O([{
         height: `${o.value}px`
       }, { overflow: "hidden", "max-height": "fit-content", position: "relative" }])
@@ -3801,7 +3801,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
       $.value ? (S(), k("div", {
         key: 0,
         style: O({
-          width: `${w.barWidth}px`
+          width: `${x.barWidth}px`
         }),
         class: "absolute right-0 z-999 h-full"
       }, [
@@ -3812,7 +3812,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
           style: O([
             {
               right: "0px",
-              width: `${w.barWidth}px`,
+              width: `${x.barWidth}px`,
               top: `${$.value.barTop}px`,
               height: `${$.value.barHeight}px`
             },
@@ -3827,13 +3827,13 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
         ref_key: "scrollDomRef",
         ref: i,
         style: O({
-          paddingRight: `${w.barWidth}px`,
+          paddingRight: `${x.barWidth}px`,
           scrollbarWidth: "none",
           height: "100%",
           overflowY: "scroll"
         })
       }, [
-        D(w.$slots, "default")
+        D(x.$slots, "default")
       ], 4)
     ], 4));
   }
@@ -3859,7 +3859,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
     searchable: { type: Boolean, default: !1 },
     filter: { type: Function, default: (e, t) => e.includes(t) }
   }, {
-    modelValue: { default: void 0 },
+    modelValue: {},
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ te(["change", "input"], ["update:modelValue"]),
@@ -3874,24 +3874,23 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
     }), K(l, () => {
       n("change", l.value);
     });
-    const d = p(() => l.value), f = p(() => g(d.value)), v = p(() => r.options.findIndex((z) => R(z, d.value)));
-    function g(z) {
+    const d = p(() => l.value), f = p(() => m(d.value)), v = p(() => r.options.findIndex((z) => R(z, d.value))), g = _(f.value);
+    K(f, () => {
+      g.value = f.value;
+    });
+    function m(z) {
       return z ? typeof z == "string" || typeof z == "symbol" || typeof z == "number" ? String(z) : z.label ? z.label : z.id : "";
     }
-    function m(z) {
+    function w(z) {
       if (z)
         return typeof z == "string" || typeof z == "symbol" || typeof z == "number" ? z : z.id;
     }
-    const x = _("");
-    K(f, () => {
-      x.value = f.value;
-    });
     function $(z) {
       i.value = !0;
       const U = z.target;
-      x.value = U.value, n("input", x.value);
+      g.value = U.value, n("input", g.value);
     }
-    const b = p(() => r.searchable && x.value !== f.value ? r.options.filter((z) => r.filter(g(z), x.value)) : r.options);
+    const b = p(() => r.searchable && g.value !== f.value ? r.options.filter((z) => r.filter(m(z), g.value)) : r.options);
     Ae("ArrowDown", (z) => {
       i.value && (z.preventDefault(), c.value === -1 && u.value !== -1 ? c.value = u.value : c.value === -1 && u.value === -1 && v.value !== -1 && (c.value = v.value), c.value = (c.value + 1) % r.options.length);
     }), Ae("ArrowUp", (z) => {
@@ -3928,7 +3927,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
     K([i], () => {
       c.value = -1, u.value = -1;
     });
-    const w = p(() => i.value && ge ? H.value === 0 ? !1 : document.documentElement.clientHeight - I.value > H.value : !1);
+    const x = p(() => i.value && ge ? H.value === 0 ? !1 : document.documentElement.clientHeight - I.value > H.value : !1);
     function R(z, U) {
       return U ? typeof z == "string" || typeof z == "symbol" || typeof z == "number" ? z === U : typeof U == "string" || typeof U == "symbol" || typeof U == "number" ? !1 : z.id === U.id : !1;
     }
@@ -3950,7 +3949,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
           placeholder: z.placeholder,
           style: O([h(a).style]),
           readonly: !z.searchable,
-          value: x.value,
+          value: g.value,
           "aria-label": z.ariaLabel,
           "aria-haspopup": "listbox",
           autocomplete: "off",
@@ -3964,7 +3963,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
         ref_key: "dropdownRef",
         ref: y,
         class: B(["absolute z-10 mt-2 w-full flex-col overflow-hidden border rounded p-1", [h(P).class, M.value.dropdown, {
-          "bottom-10": !w.value
+          "bottom-10": !x.value
         }]]),
         style: O([h(P).style])
       }, [
@@ -3974,7 +3973,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
           ])
         ])) : (S(), k(ne, { key: 1 }, [
           (S(!0), k(ne, null, ke(b.value, (ue, ye) => (S(), k("div", {
-            key: m(ue),
+            key: w(ue),
             class: B([[
               c.value === ye && h(j).class,
               u.value === ye && c.value === -1 && h(X).class
@@ -3991,7 +3990,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
               data: ue,
               selected: R(ue, d.value)
             }, () => [
-              Je(me(g(ue)), 1)
+              Je(me(m(ue)), 1)
             ]),
             R(ue, d.value) ? (S(), k("div", el, U[3] || (U[3] = [
               F("i", { class: "i-fluent-checkmark-12-filled h-3 w-3" }, null, -1)
@@ -4051,8 +4050,8 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
         bottom: Math.max(f.value.y, v.value.y)
       }, { target: $.target, shift: o.value, ctrl: i.value }));
     });
-    const x = p(() => c.value ? c.value.parentElement : null);
-    return N(x, "scroll", ($) => {
+    const w = p(() => c.value ? c.value.parentElement : null);
+    return N(w, "scroll", ($) => {
       g.value && (v.value = {
         x: d.x.value - m.left.value,
         y: d.y.value - m.top.value
@@ -4104,8 +4103,8 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
     const t = e;
     function r(M, y, H) {
       const I = [];
-      for (let w = M; w <= y; w += H)
-        I.push(w);
+      for (let x = M; x <= y; x += H)
+        I.push(x);
       return I[I.length - 1] !== y && I.push(y), I;
     }
     function n(M, y) {
@@ -4114,8 +4113,8 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
         return H;
       H.push(y[0]);
       const I = (y.length - 1) / (M - 1);
-      for (let w = 1; w < M - 1; w++)
-        H.push(y[Math.round(w * I)]);
+      for (let x = 1; x < M - 1; x++)
+        H.push(y[Math.round(x * I)]);
       return H.push(y[y.length - 1]), H;
     }
     const a = p(() => t.options ? t.options.length : t.tickNum ?? 0), l = p(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = p(() => n(a.value, l.value)), o = se(e, "modelValue"), i = p(() => l.value.length ?? 0), u = _(l.value.includes(o.value) ? l.value.indexOf(o.value) : 0);
@@ -4125,8 +4124,8 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
         if (typeof M == "number") {
           let H = 1 / 0;
           for (let I = 0; I < l.value.length; I++) {
-            const w = Math.abs(l.value[I] - M);
-            w < H && (H = w, y = I);
+            const x = Math.abs(l.value[I] - M);
+            x < H && (H = x, y = I);
           }
         } else
           y = 0;
@@ -4138,7 +4137,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
     }), we(() => {
       u.value = c(o.value);
     });
-    const m = _(), x = _(), $ = _(!1);
+    const m = _(), w = _(), $ = _(!1);
     function b(M) {
       if (!$.value)
         return;
@@ -4147,7 +4146,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
         return;
       }
       M.preventDefault(), M.stopPropagation();
-      const H = $e(m), { clientX: I } = M, w = H.left.value, V = H.right.value - w, P = Math.round((I - w) / V * (i.value - 1));
+      const H = $e(m), { clientX: I } = M, x = H.left.value, V = H.right.value - x, P = Math.round((I - x) / V * (i.value - 1));
       if (P < 0) {
         u.value = 0;
         return;
@@ -4237,7 +4236,7 @@ const El = /* @__PURE__ */ ia(ua, [["render", da]]), Rl = /* @__PURE__ */ W({
             u.value !== -1 ? (S(), k("div", {
               key: 0,
               ref_key: "indicator",
-              ref: x,
+              ref: w,
               class: B(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [T.value.indicator, C.value.indicator, nl]]),
               style: O([
                 `--i-bg: ${v.value}`,
@@ -4551,8 +4550,8 @@ function cl(...e) {
   };
   return (d) => {
     const f = le(s), v = Date.now() - t, g = () => l = d();
-    return c(), f <= 0 ? (t = Date.now(), g()) : (v > f && (i || !n) ? (t = Date.now(), g()) : o && (l = new Promise((m, x) => {
-      a = u ? x : m, r = setTimeout(() => {
+    return c(), f <= 0 ? (t = Date.now(), g()) : (v > f && (i || !n) ? (t = Date.now(), g()) : o && (l = new Promise((m, w) => {
+      a = u ? w : m, r = setTimeout(() => {
         t = Date.now(), n = !0, m(g()), c();
       }, Math.max(0, f - v));
     })), !i && !r && (r = setTimeout(() => n = !0, f)), n = !1, l);
@@ -4720,7 +4719,7 @@ function bl(e, t = {}) {
     }
   });
   function m(y, H) {
-    var I, w, R, V;
+    var I, x, R, V;
     if (!u)
       return;
     const P = le(e);
@@ -4728,13 +4727,13 @@ function bl(e, t = {}) {
       return;
     (R = P instanceof Document ? u.document.body : P) == null || R.scrollTo({
       top: (I = le(H)) != null ? I : g.value,
-      left: (w = le(y)) != null ? w : v.value,
+      left: (x = le(y)) != null ? x : v.value,
       behavior: le(i)
     });
     const X = ((V = P == null ? void 0 : P.document) == null ? void 0 : V.documentElement) || (P == null ? void 0 : P.documentElement) || P;
     v != null && (d.value = X.scrollLeft), g != null && (f.value = X.scrollTop);
   }
-  const x = _(!1), $ = Ve({
+  const w = _(!1), $ = Ve({
     left: !0,
     right: !1,
     top: !0,
@@ -4745,25 +4744,25 @@ function bl(e, t = {}) {
     top: !1,
     bottom: !1
   }), A = (y) => {
-    x.value && (x.value = !1, b.left = !1, b.right = !1, b.top = !1, b.bottom = !1, a(y));
+    w.value && (w.value = !1, b.left = !1, b.right = !1, b.top = !1, b.bottom = !1, a(y));
   }, T = fl(A, r + n), C = (y) => {
     var H;
     if (!u)
       return;
-    const I = ((H = y == null ? void 0 : y.document) == null ? void 0 : H.documentElement) || (y == null ? void 0 : y.documentElement) || Ce(y), { display: w, flexDirection: R } = getComputedStyle(I), V = I.scrollLeft;
+    const I = ((H = y == null ? void 0 : y.document) == null ? void 0 : H.documentElement) || (y == null ? void 0 : y.documentElement) || Ce(y), { display: x, flexDirection: R } = getComputedStyle(I), V = I.scrollLeft;
     b.left = V < d.value, b.right = V > d.value;
     const P = Math.abs(V) <= (s.left || 0), X = Math.abs(V) + I.clientWidth >= I.scrollWidth - (s.right || 0) - Wt;
-    w === "flex" && R === "row-reverse" ? ($.left = X, $.right = P) : ($.left = P, $.right = X), d.value = V;
+    x === "flex" && R === "row-reverse" ? ($.left = X, $.right = P) : ($.left = P, $.right = X), d.value = V;
     let j = I.scrollTop;
     y === u.document && !j && (j = u.document.body.scrollTop), b.top = j < f.value, b.bottom = j > f.value;
     const he = Math.abs(j) <= (s.top || 0), z = Math.abs(j) + I.clientHeight >= I.scrollHeight - (s.bottom || 0) - Wt;
-    w === "flex" && R === "column-reverse" ? ($.top = z, $.bottom = he) : ($.top = he, $.bottom = z), f.value = j;
+    x === "flex" && R === "column-reverse" ? ($.top = z, $.bottom = he) : ($.top = he, $.bottom = z), f.value = j;
   }, M = (y) => {
     var H;
     if (!u)
       return;
     const I = (H = y.target.documentElement) != null ? H : y.target;
-    C(I), x.value = !0, T(y), l(y);
+    C(I), w.value = !0, T(y), l(y);
   };
   return Ft(
     e,
@@ -4787,7 +4786,7 @@ function bl(e, t = {}) {
   ), {
     x: v,
     y: g,
-    isScrolling: x,
+    isScrolling: w,
     arrivedState: $,
     directions: b,
     measure() {
@@ -4818,19 +4817,19 @@ const ro = /* @__PURE__ */ W({
       return r.itemWidth ? h(r.itemWidth) * l.value + a.value * (l.value - 1) + s.value * 2 : r.wrapperWidth ? h(r.wrapperWidth) : ((T = (A = o.value) == null ? void 0 : A.parentElement) == null ? void 0 : T.clientWidth) ?? 0;
     }), f = p(() => r.itemWidth ? h(r.itemWidth) : (d.value - s.value * 2 - a.value * (l.value - 1)) / l.value);
     function v(A, T, C, M) {
-      const y = h(A), H = Array.from({ length: h(T) }).fill(0), I = [], w = Math.max(0, d.value - h(M) * 2 - f.value * y.length - h(C) * y.length) / 2;
+      const y = h(A), H = Array.from({ length: h(T) }).fill(0), I = [], x = Math.max(0, d.value - h(M) * 2 - f.value * y.length - h(C) * y.length) / 2;
       for (let R = 0; R < y.length; R++) {
-        const V = y[R], P = H.indexOf(Math.min(...H)), X = P * (f.value + h(C)) + h(M) + w, j = H[P];
+        const V = y[R], P = H.indexOf(Math.min(...H)), X = P * (f.value + h(C)) + h(M) + x, j = H[P];
         I.push({ x: X, y: j, width: V.width.value, height: V.height.value }), H[P] += V.height.value + h(C);
       }
       return I;
     }
-    const g = p(() => v(c, l, a, s)), m = p(() => i(g.value) ? Math.max(...g.value.map((A) => A.y + A.height)) : 0), x = p(() => {
+    const g = p(() => v(c, l, a, s)), m = p(() => i(g.value) ? Math.max(...g.value.map((A) => A.y + A.height)) : 0), w = p(() => {
       var A;
       return ((A = n.default) == null ? void 0 : A.call(n)) ?? [];
     }), $ = p(() => {
       const A = [];
-      return x.value.forEach((T) => {
+      return w.value.forEach((T) => {
         i(T.children) ? T.children.forEach((C) => {
           A.push(C);
         }) : A.push(T);
@@ -4888,35 +4887,35 @@ const ro = /* @__PURE__ */ W({
   },
   setup(e, { expose: t }) {
     const r = e, n = p(() => h(r.rangeExpand) ?? 0), a = lt(), l = p(() => h(r.gap) ?? 16), s = p(() => h(r.rowCount) ?? 3), o = p(() => h(r.paddingX) ?? 0), i = _(), u = p(() => i.value && i.value.$el ? i.value.$el : i.value);
-    function c(w) {
-      return Array.isArray(w);
+    function c(x) {
+      return Array.isArray(x);
     }
     const d = p(() => {
-      var w, R;
-      return r.itemWidth ? h(r.itemWidth) * s.value + l.value * (s.value - 1) + o.value * 2 : r.wrapperWidth ? h(r.wrapperWidth) : ((R = (w = u.value) == null ? void 0 : w.parentElement) == null ? void 0 : R.clientWidth) ?? 0;
-    }), f = p(() => r.itemWidth ? h(r.itemWidth) : (d.value - o.value * 2 - l.value * (s.value - 1)) / s.value), v = p(() => h(r.items).map((w) => {
-      const R = f.value / w.width;
+      var x, R;
+      return r.itemWidth ? h(r.itemWidth) * s.value + l.value * (s.value - 1) + o.value * 2 : r.wrapperWidth ? h(r.wrapperWidth) : ((R = (x = u.value) == null ? void 0 : x.parentElement) == null ? void 0 : R.clientWidth) ?? 0;
+    }), f = p(() => r.itemWidth ? h(r.itemWidth) : (d.value - o.value * 2 - l.value * (s.value - 1)) / s.value), v = p(() => h(r.items).map((x) => {
+      const R = f.value / x.width;
       return {
         width: f.value,
-        height: w.height * R
+        height: x.height * R
       };
     }));
-    function g(w, R, V, P) {
-      const X = h(w), j = Array.from({ length: h(R) }).fill(0), he = [], z = Math.max(0, d.value - h(P) * 2 - f.value * X.length - h(V) * X.length) / 2;
+    function g(x, R, V, P) {
+      const X = h(x), j = Array.from({ length: h(R) }).fill(0), he = [], z = Math.max(0, d.value - h(P) * 2 - f.value * X.length - h(V) * X.length) / 2;
       for (let U = 0; U < X.length; U++) {
         const ue = X[U], ye = j.indexOf(Math.min(...j)), Ue = ye * (f.value + h(V)) + h(P) + z, yr = j[ye];
         he.push({ x: Ue, y: yr, width: ue.width, height: ue.height }), j[ye] += ue.height + h(V);
       }
       return he;
     }
-    const m = p(() => g(v, s, l, o)), x = p(() => c(m.value) ? Math.max(...m.value.map((w) => w.y + w.height)) : 0), $ = p(() => {
-      var w;
-      return ((w = a.default) == null ? void 0 : w.call(a)) ?? [];
+    const m = p(() => g(v, s, l, o)), w = p(() => c(m.value) ? Math.max(...m.value.map((x) => x.y + x.height)) : 0), $ = p(() => {
+      var x;
+      return ((x = a.default) == null ? void 0 : x.call(a)) ?? [];
     });
-    function b(w) {
+    function b(x) {
       if (!c(m.value))
         return {};
-      const R = m.value[w];
+      const R = m.value[x];
       return R ? {
         left: `${R.x ?? 0}px`,
         top: `${R.y ?? 0}px`,
@@ -4926,37 +4925,37 @@ const ro = /* @__PURE__ */ W({
     const A = _(!1), T = p(() => A.value ? "smooth" : "auto"), C = bl(u, {
       behavior: T
     }), M = p(() => {
-      var w;
+      var x;
       return [
         C.y.value - n.value,
-        C.y.value + (((w = u.value) == null ? void 0 : w.clientHeight) ?? 0) + n.value
+        C.y.value + (((x = u.value) == null ? void 0 : x.clientHeight) ?? 0) + n.value
       ];
-    }), y = p(() => m.value.map((w) => {
-      const R = w.y, V = w.y + w.height;
+    }), y = p(() => m.value.map((x) => {
+      const R = x.y, V = x.y + x.height;
       return R >= M.value[0] && R <= M.value[1] || V >= M.value[0] && V <= M.value[1] || R <= M.value[0] && V >= M.value[1];
     })), H = p(() => {
-      const w = [];
+      const x = [];
       return $.value.forEach((R, V) => {
         if (c(R.children))
           R.children.forEach((P, X) => {
-            y.value[X] && w.push([P, X]);
+            y.value[X] && x.push([P, X]);
           });
         else {
           if (!y.value[V])
             return;
-          w.push([R, V]);
+          x.push([R, V]);
         }
-      }), w;
+      }), x;
     });
     t({
       scroll: C,
-      scrollTo: (w, R = !1) => {
+      scrollTo: (x, R = !1) => {
         const V = A.value;
-        A.value = R, C.y.value = w, A.value = V;
+        A.value = R, C.y.value = x, A.value = V;
       }
     });
     const I = p(() => r.is ?? "div");
-    return (w, R) => (S(), q(_e(I.value), {
+    return (x, R) => (S(), q(_e(I.value), {
       ref_key: "wrapper",
       ref: i,
       style: {
@@ -4966,7 +4965,7 @@ const ro = /* @__PURE__ */ W({
       default: ee(() => [
         F("div", {
           style: O({
-            height: `${x.value}px`,
+            height: `${w.value}px`,
             width: `${d.value}px`,
             margin: "0 auto",
             position: "relative"