@dolanske/vui 0.3.0 → 0.3.1

package/dist/vui.js

@@ -1531,7 +1531,7 @@ function Ai(e = {}) {
 const Dd = ["aria-hidden"], Pd = {
   ref: "content",
   class: "vui-accordtion-content-inner"
-}, T0 = /* @__PURE__ */ se({
+}, A0 = /* @__PURE__ */ se({
   __name: "Accordion",
   props: {
     open: { type: Boolean },
@@ -1598,7 +1598,7 @@ const Dd = ["aria-hidden"], Pd = {
       ], 12, Dd)
     ], 2));
   }
-}), A0 = /* @__PURE__ */ se({
+}), O0 = /* @__PURE__ */ se({
   __name: "AccordionGroup",
   props: {
     single: { type: Boolean }
@@ -1623,7 +1623,7 @@ const Dd = ["aria-hidden"], Pd = {
 }, Td = {
   key: 2,
   class: "vui-alert-default-content"
-}, Ad = { key: 0 }, Od = { key: 1 }, O0 = /* @__PURE__ */ se({
+}, Ad = { key: 0 }, Od = { key: 1 }, C0 = /* @__PURE__ */ se({
   __name: "Alert",
   props: {
     variant: { default: "neutral" },
@@ -1692,7 +1692,7 @@ function an(e, t = "px") {
   return typeof e == "number" ? `${e}${t}` : isNaN(Number(e[e.length - 1])) ? e : `${e}${t}`;
 }
 var Pt = /* @__PURE__ */ ((e) => (e.s = "s", e.m = "m", e.l = "l", e))(Pt || {});
-const Sd = ["src"], Bd = { key: 1 }, C0 = /* @__PURE__ */ se({
+const Sd = ["src"], Bd = { key: 1 }, S0 = /* @__PURE__ */ se({
   __name: "Avatar",
   props: {
     size: { default: () => Pt.m },
@@ -1724,7 +1724,7 @@ const Sd = ["src"], Bd = { key: 1 }, C0 = /* @__PURE__ */ se({
       ]))
     ], 6));
   }
-}), S0 = /* @__PURE__ */ se({
+}), B0 = /* @__PURE__ */ se({
   __name: "Badge",
   props: {
     variant: { default: "neutral" },
@@ -1738,7 +1738,7 @@ const Sd = ["src"], Bd = { key: 1 }, C0 = /* @__PURE__ */ se({
       H(t.$slots, "default")
     ], 2));
   }
-}), Rd = ["href"], Ed = { class: "vui-breadcrumb-text-simple" }, B0 = /* @__PURE__ */ se({
+}), Rd = ["href"], Ed = { class: "vui-breadcrumb-text-simple" }, R0 = /* @__PURE__ */ se({
   __name: "BreadcrumbItem",
   props: {
     label: {},
@@ -1763,7 +1763,7 @@ const Sd = ["src"], Bd = { key: 1 }, C0 = /* @__PURE__ */ se({
 }), Id = { class: "vui-breadcrumbs" }, Nd = {
   key: 1,
   class: "vui-breadcrumb-custom-separator"
-}, R0 = /* @__PURE__ */ se({
+}, E0 = /* @__PURE__ */ se({
   __name: "Breadcrumbs",
   props: {
     separator: { default: "ph:caret-right" }
@@ -1860,6 +1860,7 @@ const Sd = ["src"], Bd = { key: 1 }, C0 = /* @__PURE__ */ se({
     return (a, r) => (h(), M("button", {
       class: ge(["vui-button", [{ loading: a.loading, expand: a.expand, disabled: a.disabled, plain: a.plain, active: a.active, icon: a.icon, square: a.square, dashed: a.dashed }, `vui-button-variant-${a.variant}`]]),
       disabled: a.disabled,
+      role: "button",
       style: Ne({
         "--button-height": t.value,
         "--button-padding": n.value
@@ -1920,7 +1921,7 @@ const Sd = ["src"], Bd = { key: 1 }, C0 = /* @__PURE__ */ se({
       H(c.$slots, "default")
     ], 4));
   }
-}), E0 = /* @__PURE__ */ se({
+}), I0 = /* @__PURE__ */ se({
   __name: "ButtonGroup",
   props: {
     vertical: { type: Boolean }
@@ -9941,7 +9942,7 @@ const Np = ({
 Object.entries(Zp).forEach(([e, t]) => {
   e !== "default" && (Wl[e] = t);
 });
-const ht = 18, I0 = /* @__PURE__ */ se({
+const ht = 18, N0 = /* @__PURE__ */ se({
   __name: "Calendar",
   props: {
     uid: {},
@@ -10207,7 +10208,7 @@ const ht = 18, I0 = /* @__PURE__ */ se({
 }, dm = {
   key: 1,
   class: "vui-checkbox-content"
-}, N0 = /* @__PURE__ */ se({
+}, Y0 = /* @__PURE__ */ se({
   __name: "Checkbox",
   props: /* @__PURE__ */ ft({
     label: {},
@@ -11344,7 +11345,7 @@ function Cs(e, t, n) {
     update: b
   };
 }
-const Y0 = /* @__PURE__ */ se({
+const F0 = /* @__PURE__ */ se({
   __name: "CopyClipboard",
   props: {
     text: {},
@@ -11599,7 +11600,7 @@ function uh(e) {
     t.reduce((n, a) => pl(n, a, ""), {})
   );
 }
-const dh = uh(), [Is, F0] = $r("ConfigProvider");
+const dh = uh(), [Is, V0] = $r("ConfigProvider");
 let ch = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", fh = (e = 21) => {
   let t = "", n = e;
   for (; n--; )
@@ -12530,7 +12531,7 @@ const js = /* @__PURE__ */ se({
       _: 3
     }, 16, ["id"]));
   }
-}), [Hs, V0] = $r("CollectionProvider");
+}), [Hs, L0] = $r("CollectionProvider");
 se({
   name: "CollectionSlot",
   setup(e, { slots: t }) {
@@ -13374,7 +13375,7 @@ const uy = /* @__PURE__ */ se({
       _: 3
     }, 16, ["open"]));
   }
-}), L0 = /* @__PURE__ */ Wt(fy, [["__scopeId", "data-v-90758f6b"]]), Us = /* @__PURE__ */ se({
+}), j0 = /* @__PURE__ */ Wt(fy, [["__scopeId", "data-v-90758f6b"]]), Us = /* @__PURE__ */ se({
   __name: "Popout",
   props: {
     anchor: {},
@@ -13397,7 +13398,7 @@ const uy = /* @__PURE__ */ se({
       H(l.$slots, "default")
     ], 4));
   }
-}), vy = /* @__PURE__ */ se({
+}), vy = ["aria-expanded"], py = /* @__PURE__ */ se({
   __name: "Dropdown",
   props: {
     placement: { default: "bottom-start" },
@@ -13437,7 +13438,10 @@ const uy = /* @__PURE__ */ se({
         style: Ne({
           minWidth: c.value,
           width: u.value
-        })
+        }),
+        role: "button",
+        "aria-expanded": r.value,
+        "aria-haspopup": !0
       }, [
         H(d.$slots, "trigger", {
           open: l,
@@ -13445,7 +13449,7 @@ const uy = /* @__PURE__ */ se({
           close: o,
           toggle: i
         }, void 0, !0)
-      ], 4),
+      ], 12, vy),
       _e(Ct, {
         appear: "",
         name: "dropdown"
@@ -13473,7 +13477,7 @@ const uy = /* @__PURE__ */ se({
       })
     ], 64));
   }
-}), py = /* @__PURE__ */ Wt(vy, [["__scopeId", "data-v-1d449d31"]]), my = { class: "vui-dropdown-item-icon" }, hy = { class: "vui-dropdown-item-slot" }, yy = { class: "vui-dropdown-item-hint" }, gy = /* @__PURE__ */ se({
+}), my = /* @__PURE__ */ Wt(py, [["__scopeId", "data-v-e2c5032c"]]), hy = { class: "vui-dropdown-item-icon" }, yy = { class: "vui-dropdown-item-slot" }, gy = { class: "vui-dropdown-item-hint" }, wy = /* @__PURE__ */ se({
   __name: "DropdownItem",
   props: {
     disabled: { type: Boolean },
@@ -13484,7 +13488,7 @@ const uy = /* @__PURE__ */ se({
     return (n, a) => (h(), M("button", {
       class: ge(["vui-dropdown-item", { disabled: n.disabled }])
     }, [
-      le("div", my, [
+      le("div", hy, [
         _e(Ct, {
           name: "fade",
           appear: ""
@@ -13498,27 +13502,27 @@ const uy = /* @__PURE__ */ se({
           _: 1
         })
       ]),
-      le("div", hy, [
+      le("div", yy, [
         H(n.$slots, "default")
       ]),
-      le("div", yy, [
+      le("div", gy, [
         H(n.$slots, "hint")
       ])
     ], 2));
   }
-}), wy = {}, by = { class: "vui-dropdown-title" }, ky = {
+}), by = {}, ky = { class: "vui-dropdown-title" }, _y = {
   key: 0,
   class: "vui-dropdown-title-end"
 };
-function _y(e, t) {
-  return h(), M("div", by, [
+function xy(e, t) {
+  return h(), M("div", ky, [
     H(e.$slots, "default"),
-    e.$slots.end ? (h(), M("div", ky, [
+    e.$slots.end ? (h(), M("div", _y, [
       H(e.$slots, "end")
     ])) : L("", !0)
   ]);
 }
-const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
+const $y = /* @__PURE__ */ Wt(by, [["render", xy]]), H0 = /* @__PURE__ */ se({
   __name: "Grid",
   props: {
     inline: { type: Boolean },
@@ -13541,16 +13545,16 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       H(o.$slots, "default")
     ], 4));
   }
-}), $y = { class: "vui-input" }, Dy = {
+}), Dy = { class: "vui-input" }, Py = {
   key: 0,
   for: "id"
-}, Py = {
+}, My = {
   key: 1,
   class: "vui-input-hint"
-}, My = ["id", "readonly", "type", "placeholder", "required", "max", "accept", "multiple", "min", "disabled"], Ty = {
+}, Ty = ["id", "readonly", "type", "placeholder", "required", "max", "accept", "multiple", "min", "disabled"], Ay = {
   key: 0,
   class: "vui-input-limit"
-}, Ay = {
+}, Oy = {
   key: 1,
   class: "vui-input-errors"
 }, Na = /* @__PURE__ */ se({
@@ -13599,9 +13603,9 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       class: ge(["vui-input-container", { expand: o.expand, disabled: o.disabled, required: o.required, readonly: o.readonly, "has-errors": o.errors.length > 0 }])
     }, [
       H(o.$slots, "before"),
-      le("div", $y, [
-        o.label ? (h(), M("label", Dy, Me(o.label), 1)) : L("", !0),
-        o.hint ? (h(), M("p", Py, Me(o.hint), 1)) : L("", !0),
+      le("div", Dy, [
+        o.label ? (h(), M("label", Py, Me(o.label), 1)) : L("", !0),
+        o.hint ? (h(), M("p", My, Me(o.hint), 1)) : L("", !0),
         _e(bn, {
           class: "vui-input-style",
           gap: 3,
@@ -13625,7 +13629,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
               multiple: o.multiple,
               min: o.min,
               disabled: o.disabled
-            }, null, 8, My)), [
+            }, null, 8, Ty)), [
               [ci, n.value]
             ]),
             H(o.$slots, "end")
@@ -13633,14 +13637,14 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
           _: 3
         })
       ]),
-      o.limit ? (h(), M("p", Ty, Me(l.value), 1)) : L("", !0),
-      o.errors.length > 0 ? (h(), M("ul", Ay, [
+      o.limit ? (h(), M("p", Ay, Me(l.value), 1)) : L("", !0),
+      o.errors.length > 0 ? (h(), M("ul", Oy, [
         (h(!0), M(be, null, Ee(o.errors, (s) => (h(), M("li", { key: s }, Me(s), 1))), 128))
       ])) : L("", !0),
       H(o.$slots, "after")
     ], 2));
   }
-}), Oy = /* @__PURE__ */ se({
+}), Cy = /* @__PURE__ */ se({
   __name: "Counter",
   props: /* @__PURE__ */ ft({
     label: {},
@@ -13717,7 +13721,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       }
     ]), 1040, ["modelValue"]));
   }
-}), H0 = /* @__PURE__ */ Wt(Oy, [["__scopeId", "data-v-1361c777"]]), Cy = ["id"], Sy = ["for"], W0 = /* @__PURE__ */ se({
+}), W0 = /* @__PURE__ */ Wt(Cy, [["__scopeId", "data-v-1361c777"]]), Sy = ["id"], By = ["for"], q0 = /* @__PURE__ */ se({
   __name: "Dropzone",
   props: {
     label: {},
@@ -13752,7 +13756,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
         le("input", {
           id: c,
           type: "file"
-        }, null, 8, Cy),
+        }, null, 8, Sy),
         le("label", { for: c }, [
           H(i.$slots, "default", { dragging: r.value }, () => [
             _e(bn, {
@@ -13772,12 +13776,12 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
               _: 1
             })
           ])
-        ], 8, Sy)
+        ], 8, By)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), q0 = /* @__PURE__ */ se({
+}), z0 = /* @__PURE__ */ se({
   __name: "File",
   props: {
     label: {},
@@ -13803,7 +13807,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       onInput: l[0] || (l[0] = (o) => a("files", o.target.files))
     }), null, 16));
   }
-}), By = /* @__PURE__ */ se({
+}), Ry = /* @__PURE__ */ se({
   __name: "Password",
   props: {
     label: {},
@@ -13849,19 +13853,19 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       _: 1
     }, 16, ["type"]));
   }
-}), z0 = /* @__PURE__ */ Wt(By, [["__scopeId", "data-v-1908eb1b"]]), Ry = { class: "vui-input" }, Ey = {
+}), U0 = /* @__PURE__ */ Wt(Ry, [["__scopeId", "data-v-1908eb1b"]]), Ey = { class: "vui-input" }, Iy = {
   key: 0,
   for: "id"
-}, Iy = {
+}, Ny = {
   key: 1,
   class: "vui-input-hint"
-}, Ny = ["id", "readonly", "placeholder", "required", "max"], Yy = {
+}, Yy = ["id", "readonly", "placeholder", "required", "max"], Fy = {
   key: 0,
   class: "vui-input-limit"
-}, Fy = {
+}, Vy = {
   key: 1,
   class: "vui-input-errors"
-}, U0 = /* @__PURE__ */ se({
+}, Q0 = /* @__PURE__ */ se({
   __name: "Textarea",
   props: /* @__PURE__ */ ft({
     label: {},
@@ -13898,9 +13902,9 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       class: ge(["vui-input-container", { expand: l.expand, required: l.required, readonly: l.readonly, "has-errors": l.errors.length > 0 }])
     }, [
       H(l.$slots, "before"),
-      le("div", Ry, [
-        l.label ? (h(), M("label", Ey, Me(l.label), 1)) : L("", !0),
-        l.hint ? (h(), M("p", Iy, Me(l.hint), 1)) : L("", !0),
+      le("div", Ey, [
+        l.label ? (h(), M("label", Iy, Me(l.label), 1)) : L("", !0),
+        l.hint ? (h(), M("p", Ny, Me(l.hint), 1)) : L("", !0),
         nn(le("textarea", {
           id: p(n),
           "onUpdate:modelValue": o[0] || (o[0] = (i) => t.value = i),
@@ -13914,18 +13918,18 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
             // @ts-expect-error Early-adoption CSS attribute
             fieldSizing: r.value
           })
-        }, null, 12, Ny), [
+        }, null, 12, Yy), [
           [ci, t.value]
         ])
       ]),
-      l.limit ? (h(), M("p", Yy, Me(`${t.value.length}/${l.limit}`), 1)) : L("", !0),
-      l.errors.length > 0 ? (h(), M("ul", Fy, [
+      l.limit ? (h(), M("p", Fy, Me(`${t.value.length}/${l.limit}`), 1)) : L("", !0),
+      l.errors.length > 0 ? (h(), M("ul", Vy, [
         (h(!0), M(be, null, Ee(l.errors, (i) => (h(), M("li", { key: i }, Me(i), 1))), 128))
       ])) : L("", !0),
       H(l.$slots, "after")
     ], 2));
   }
-}), Q0 = /* @__PURE__ */ se({
+}), K0 = /* @__PURE__ */ se({
   __name: "Kbd",
   props: {
     keys: {},
@@ -13943,7 +13947,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       class: ge(["vui-kbd", { active: l.value }])
     }, Me(n.label ?? n.keys.replaceAll("+", " + ")), 3));
   }
-}), K0 = /* @__PURE__ */ se({
+}), X0 = /* @__PURE__ */ se({
   __name: "KbdGroup",
   emits: ["trigger"],
   setup(e, { emit: t }) {
@@ -13969,7 +13973,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       H(a.$slots, "default")
     ]));
   }
-}), Vy = /* @__PURE__ */ se({
+}), Ly = /* @__PURE__ */ se({
   __name: "Modal",
   props: /* @__PURE__ */ ft({
     size: { default: "m" },
@@ -14044,7 +14048,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       })
     ]));
   }
-}), Ly = /* @__PURE__ */ Wt(Vy, [["__scopeId", "data-v-855a3d99"]]), jy = { class: "typeset" }, X0 = /* @__PURE__ */ se({
+}), jy = /* @__PURE__ */ Wt(Ly, [["__scopeId", "data-v-855a3d99"]]), Hy = { class: "typeset" }, G0 = /* @__PURE__ */ se({
   __name: "Confirm",
   props: /* @__PURE__ */ ft({
     title: {},
@@ -14067,12 +14071,12 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
     const n = e, a = t, r = $t(e, "modelValue");
     return (l, o) => (h(), M(be, null, [
       le("pre", null, Me(l.$props), 1),
-      _e(Ly, Be(n, {
+      _e(jy, Be(n, {
         modelValue: r.value,
         "onUpdate:modelValue": o[2] || (o[2] = (i) => r.value = i)
       }), {
         default: Z(() => [
-          le("div", jy, [
+          le("div", Hy, [
             H(l.$slots, "default")
           ])
         ]),
@@ -14106,7 +14110,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       }, 16, ["modelValue"])
     ], 64));
   }
-}), Hy = { class: "vui-otp" }, Wy = { class: "vui-otp-items" }, qy = "^\\d+$", zy = "^[a-z]+$", Uy = "^[a-z0-9]+$", G0 = /* @__PURE__ */ se({
+}), Wy = { class: "vui-otp" }, qy = { class: "vui-otp-items" }, zy = "^\\d+$", Uy = "^[a-z]+$", Qy = "^[a-z0-9]+$", J0 = /* @__PURE__ */ se({
   __name: "OTP",
   props: /* @__PURE__ */ ft({
     mode: { default: "both" },
@@ -14119,7 +14123,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
   }),
   emits: /* @__PURE__ */ ft(["change", "complete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = t, a = $t(e, "modelValue"), r = I(-1), l = A(() => e.mode === "num" ? new RegExp(qy) : e.mode === "char" ? new RegExp(zy, "i") : new RegExp(Uy, "i")), o = I(0), i = gt("inputRef");
+    const n = t, a = $t(e, "modelValue"), r = I(-1), l = A(() => e.mode === "num" ? new RegExp(zy) : e.mode === "char" ? new RegExp(Uy, "i") : new RegExp(Qy, "i")), o = I(0), i = gt("inputRef");
     hl("otp-context", {
       otpValue: a,
       cursorIndex: r,
@@ -14156,7 +14160,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
         s(k), r.value = Math.min(k.length, o.value - 1);
       }
     }
-    return (d, f) => (h(), M("div", Hy, [
+    return (d, f) => (h(), M("div", Wy, [
       le("input", {
         ref: "inputRef",
         type: "text",
@@ -14167,12 +14171,12 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
         onFocus: f[1] || (f[1] = (v) => r.value = Math.min(a.value.length, o.value - 1)),
         onPaste: u
       }, null, 544),
-      le("div", Wy, [
+      le("div", qy, [
         H(d.$slots, "default")
       ])
     ]));
   }
-}), J0 = /* @__PURE__ */ se({
+}), Z0 = /* @__PURE__ */ se({
   __name: "OTPItem",
   props: {
     i: {}
@@ -14202,7 +14206,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
     ], 2));
   }
 });
-function Qy(e, t = 1, n = 15, a = 5) {
+function Ky(e, t = 1, n = 15, a = 5) {
   const r = Math.ceil(e / n);
   t < 1 ? t = 1 : t > r && (t = r);
   let l, o;
@@ -14225,7 +14229,7 @@ function Qy(e, t = 1, n = 15, a = 5) {
     pages: c
   };
 }
-const Ky = /* @__PURE__ */ se({
+const Xy = /* @__PURE__ */ se({
   __name: "Pagination",
   props: {
     numbers: { type: Boolean, default: !0 },
@@ -14322,7 +14326,7 @@ const Ky = /* @__PURE__ */ se({
       _: 3
     }));
   }
-}), Z0 = /* @__PURE__ */ Wt(Ky, [["__scopeId", "data-v-5ca7f612"]]), eg = /* @__PURE__ */ se({
+}), eg = /* @__PURE__ */ Wt(Xy, [["__scopeId", "data-v-5ca7f612"]]), tg = /* @__PURE__ */ se({
   __name: "Progress",
   props: /* @__PURE__ */ ft({
     fake: { type: Boolean },
@@ -14369,13 +14373,13 @@ const Ky = /* @__PURE__ */ se({
       }, null, 4)
     ], 2));
   }
-}), Xy = ["id", "value", "checked"], Gy = ["for"], Jy = { class: "vui-radio-icon" }, Zy = {
+}), Gy = ["id", "value", "checked"], Jy = ["for"], Zy = { class: "vui-radio-icon" }, e0 = {
   key: 0,
   class: "vui-radio-content"
-}, e0 = {
+}, t0 = {
   key: 1,
   class: "vui-radio-content"
-}, tg = /* @__PURE__ */ se({
+}, ng = /* @__PURE__ */ se({
   __name: "Radio",
   props: /* @__PURE__ */ ft({
     label: {},
@@ -14397,22 +14401,22 @@ const Ky = /* @__PURE__ */ se({
         type: "radio",
         value: l.value,
         checked: r.value
-      }, null, 8, Xy), [
+      }, null, 8, Gy), [
         [su, n.value]
       ]),
       le("label", { for: p(a) }, [
-        le("span", Jy, [
+        le("span", Zy, [
           _e(p(Ue), {
             icon: r.value ? "ph:radio-button-fill" : "ph:circle"
           }, null, 8, ["icon"])
         ]),
-        t.default ? (h(), M("div", e0, [
+        t.default ? (h(), M("div", t0, [
           H(l.$slots, "default")
-        ])) : (h(), M("p", Zy, Me(l.label || l.value), 1))
-      ], 8, Gy)
+        ])) : (h(), M("p", e0, Me(l.label || l.value), 1))
+      ], 8, Jy)
     ], 2));
   }
-}), ng = /* @__PURE__ */ se({
+}), ag = /* @__PURE__ */ se({
   __name: "RadioGroup",
   props: /* @__PURE__ */ ft({
     disabled: { type: Boolean },
@@ -14458,16 +14462,16 @@ const Ky = /* @__PURE__ */ se({
       _: 1
     }, 16));
   }
-}), t0 = { class: "vui-input vui-select-trigger-content" }, n0 = {
+}), n0 = { class: "vui-input vui-select-trigger-content" }, a0 = {
   key: 0,
   for: "id"
-}, a0 = {
+}, r0 = {
   key: 1,
   class: "vui-input-hint"
-}, r0 = ["onClick"], l0 = {
+}, l0 = ["onClick"], o0 = {
   key: 1,
   class: "vue-select-no-results"
-}, ag = /* @__PURE__ */ se({
+}, rg = /* @__PURE__ */ se({
   __name: "Select",
   props: /* @__PURE__ */ ft({
     single: { type: Boolean, default: !0 },
@@ -14510,14 +14514,14 @@ const Ky = /* @__PURE__ */ se({
     return (s, c) => (h(), M("div", {
       class: ge(["vui-input-container vui-select", { expand: s.expand, required: s.required, readonly: s.readonly }])
     }, [
-      _e(py, {
+      _e(my, {
         ref: "dropdown",
         expand: s.expand
       }, {
         trigger: Z(({ toggle: u, isOpen: d }) => [
-          le("div", t0, [
-            s.label ? (h(), M("label", n0, Me(s.label), 1)) : L("", !0),
-            s.hint ? (h(), M("p", a0, Me(s.hint), 1)) : L("", !0),
+          le("div", n0, [
+            s.label ? (h(), M("label", a0, Me(s.label), 1)) : L("", !0),
+            s.hint ? (h(), M("p", r0, Me(s.hint), 1)) : L("", !0),
             le("button", {
               class: "vui-input-style vui-select-trigger-container",
               onClick: u
@@ -14534,11 +14538,11 @@ const Ky = /* @__PURE__ */ se({
               _e(p(Ue), {
                 icon: d ? "ph:caret-up" : "ph:caret-down"
               }, null, 8, ["icon"])
-            ], 8, r0)
+            ], 8, l0)
           ])
         ]),
         default: Z(({ close: u, isOpen: d }) => [
-          s.search ? (h(), oe(xy, { key: 0 }, {
+          s.search ? (h(), oe($y, { key: 0 }, {
             default: Z(() => [
               _e(Na, {
                 modelValue: a.value,
@@ -14549,10 +14553,10 @@ const Ky = /* @__PURE__ */ se({
             ]),
             _: 2
           }, 1024)) : L("", !0),
-          r.value.length === 0 ? (h(), M("p", l0, " No results... ")) : L("", !0),
+          r.value.length === 0 ? (h(), M("p", o0, " No results... ")) : L("", !0),
           (h(!0), M(be, null, Ee(r.value, (f) => {
             var v, y;
-            return h(), oe(gy, {
+            return h(), oe(wy, {
               key: f.value,
               class: ge({ selected: (v = t.value) == null ? void 0 : v.find((m) => m.value === f.value) }),
               icon: (y = t.value) != null && y.find((m) => m.value === f.value) ? "ph:check-bold" : "",
@@ -14571,10 +14575,10 @@ const Ky = /* @__PURE__ */ se({
       }, 8, ["expand"])
     ], 2));
   }
-}), o0 = { class: "vui-sheet-header" }, i0 = { class: "flex-1" }, s0 = {
+}), i0 = { class: "vui-sheet-header" }, s0 = { class: "flex-1" }, u0 = {
   key: 1,
   class: "vui-sheet-content"
-}, Ua = 16, u0 = /* @__PURE__ */ se({
+}, Ua = 16, d0 = /* @__PURE__ */ se({
   __name: "Sheet",
   props: /* @__PURE__ */ ft({
     position: { default: "right" },
@@ -14625,8 +14629,8 @@ const Ky = /* @__PURE__ */ se({
                 class: ge(["vui-sheet", [`vui-sheet-position-${l.position}`]]),
                 style: Ne(a.value)
               }, [
-                le("div", o0, [
-                  le("div", i0, [
+                le("div", i0, [
+                  le("div", s0, [
                     H(l.$slots, "header", { close: n }, void 0, !0)
                   ]),
                   _e(pt, {
@@ -14639,7 +14643,7 @@ const Ky = /* @__PURE__ */ se({
                   key: 0,
                   space: 1
                 })) : L("", !0),
-                l.$slots.default ? (h(), M("div", s0, [
+                l.$slots.default ? (h(), M("div", u0, [
                   H(l.$slots, "default", { close: n }, void 0, !0)
                 ])) : L("", !0)
               ], 6)) : L("", !0)
@@ -14651,7 +14655,7 @@ const Ky = /* @__PURE__ */ se({
       })
     ]));
   }
-}), rg = /* @__PURE__ */ Wt(u0, [["__scopeId", "data-v-6b64b128"]]), oi = "var(--border-radius-s)", lg = /* @__PURE__ */ se({
+}), lg = /* @__PURE__ */ Wt(d0, [["__scopeId", "data-v-6b64b128"]]), oi = "var(--border-radius-s)", og = /* @__PURE__ */ se({
   __name: "Skeleton",
   props: {
     radius: { default: () => oi },
@@ -14670,13 +14674,13 @@ const Ky = /* @__PURE__ */ se({
       })
     }, null, 4));
   }
-}), d0 = ["id"], c0 = ["for"], f0 = {
+}), c0 = ["id"], f0 = ["for"], v0 = {
   key: 0,
   class: "vui-switch-content"
-}, v0 = {
+}, p0 = {
   key: 1,
   class: "vui-switch-content"
-}, og = /* @__PURE__ */ se({
+}, ig = /* @__PURE__ */ se({
   __name: "Switch",
   props: /* @__PURE__ */ ft({
     label: {},
@@ -14695,24 +14699,24 @@ const Ky = /* @__PURE__ */ se({
         id: p(a),
         "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
         type: "checkbox"
-      }, null, 8, d0), [
+      }, null, 8, c0), [
         [ui, n.value]
       ]),
       le("label", { for: p(a) }, [
         l[1] || (l[1] = le("div", { class: "vui-switch-icon" }, [
           le("span", { class: "vui-switch-indicator" })
         ], -1)),
-        t.default ? (h(), M("div", v0, [
+        t.default ? (h(), M("div", p0, [
           H(r.$slots, "default")
-        ])) : (h(), M("p", f0, Me(r.label), 1))
-      ], 8, c0)
+        ])) : (h(), M("p", v0, Me(r.label), 1))
+      ], 8, f0)
     ], 2));
   }
-}), p0 = {
+}), m0 = {
   key: 0,
   ref: "context",
   class: "vui-cell-context"
-}, ig = /* @__PURE__ */ se({
+}, sg = /* @__PURE__ */ se({
   __name: "Cell",
   setup(e) {
     const t = vt(), n = gt("context"), a = A(() => {
@@ -14725,15 +14729,15 @@ const Ky = /* @__PURE__ */ se({
       style: Ne(a.value)
     }, [
       H(r.$slots, "default"),
-      r.$slots.context ? (h(), M("div", p0, [
+      r.$slots.context ? (h(), M("div", m0, [
         H(r.$slots, "context")
       ], 512)) : L("", !0)
     ], 4));
   }
-}), m0 = {
+}), h0 = {
   key: 0,
   class: "vui-table-th-content"
-}, sg = /* @__PURE__ */ se({
+}, ug = /* @__PURE__ */ se({
   __name: "Header",
   props: {
     header: {},
@@ -14761,7 +14765,7 @@ const Ky = /* @__PURE__ */ se({
         }
     });
     return (a, r) => (h(), M("th", null, [
-      t.header ? (h(), M("div", m0, [
+      t.header ? (h(), M("div", h0, [
         H(a.$slots, "default", {}, () => [
           je(Me(t.header.label), 1)
         ]),
@@ -14778,15 +14782,15 @@ const Ky = /* @__PURE__ */ se({
       ])) : L("", !0)
     ]));
   }
-}), h0 = { class: "vui-table-row" }, ug = /* @__PURE__ */ se({
+}), y0 = { class: "vui-table-row" }, dg = /* @__PURE__ */ se({
   __name: "Row",
   setup(e) {
-    return (t, n) => (h(), M("tr", h0, [
+    return (t, n) => (h(), M("tr", y0, [
       H(t.$slots, "default")
     ]));
   }
 }), Pr = Symbol("select-row-provide");
-function dg(e, t) {
+function cg(e, t) {
   const n = A(() => uu(e)), a = I(Object.assign({
     pagination: {
       enabled: !1,
@@ -14796,7 +14800,7 @@ function dg(e, t) {
     select: !1
   }, t)), r = I(1), l = A(() => {
     var O, D;
-    return Qy(
+    return Ky(
       n.value.length,
       r.value,
       (O = a.value.pagination) == null ? void 0 : O.perPage,
@@ -14885,7 +14889,7 @@ function dg(e, t) {
     isSelectedAll: b
   };
 }
-const cg = /* @__PURE__ */ se({
+const fg = /* @__PURE__ */ se({
   __name: "SelectAll",
   setup(e) {
     const {
@@ -14905,7 +14909,7 @@ const cg = /* @__PURE__ */ se({
       }, null, 8, ["icon"])
     ], 2)) : L("", !0);
   }
-}), fg = /* @__PURE__ */ se({
+}), vg = /* @__PURE__ */ se({
   __name: "SelectRow",
   props: {
     row: {}
@@ -14928,7 +14932,7 @@ const cg = /* @__PURE__ */ se({
       }, null, 8, ["icon"])
     ], 2)) : L("", !0);
   }
-}), y0 = { class: "vui-table-pagination-wrap" }, vg = /* @__PURE__ */ se({
+}), g0 = { class: "vui-table-pagination-wrap" }, pg = /* @__PURE__ */ se({
   __name: "Table",
   props: {
     fixed: { type: Boolean },
@@ -14959,12 +14963,12 @@ const cg = /* @__PURE__ */ se({
           H(n.$slots, "body")
         ])
       ]),
-      le("div", y0, [
+      le("div", g0, [
         H(n.$slots, "pagination")
       ])
     ], 2));
   }
-}), g0 = ["data-tab-id"], pg = /* @__PURE__ */ se({
+}), w0 = ["data-tab-id", "name"], mg = /* @__PURE__ */ se({
   __name: "Tab",
   props: {
     disabled: { type: Boolean },
@@ -14977,19 +14981,20 @@ const cg = /* @__PURE__ */ se({
     return (a, r) => (h(), M("button", {
       class: ge(["vui-tab", { disabled: t.disabled }]),
       "data-tab-id": n.value,
-      role: "tab"
+      role: "tab",
+      name: n.value
     }, [
       t.icon ? (h(), oe(p(Ue), {
         key: 0,
         icon: t.icon
       }, null, 8, ["icon"])) : L("", !0),
       je(" " + Me(t.label), 1)
-    ], 10, g0));
+    ], 10, w0));
   }
-}), w0 = {
+}), b0 = {
   ref: "underline",
   class: "vui-tab-underline"
-}, mg = /* @__PURE__ */ se({
+}, hg = /* @__PURE__ */ se({
   __name: "Tabs",
   props: /* @__PURE__ */ ft({
     variant: { default: "default" },
@@ -15033,12 +15038,12 @@ const cg = /* @__PURE__ */ se({
         class: ge({ active: s.props.id === n.value }),
         onClick: (c) => n.value = s.props.id
       }, null, 8, ["class", "onClick"]))), 128)),
-      le("div", w0, null, 512)
+      le("div", b0, null, 512)
     ], 2));
   }
 }), sr = I(/* @__PURE__ */ new Map());
 let Qa = 0;
-function hg(e, t) {
+function yg(e, t) {
   const n = Object.assign({
     persist: !1,
     timeout: 7e3
@@ -15056,14 +15061,14 @@ function hg(e, t) {
     sr.value.delete(r);
   }, n.timeout, Qa), Qa++, a;
 }
-function yg(e) {
+function gg(e) {
   sr.value.delete(e);
 }
-const b0 = { class: "vui-toast-wrapper" }, k0 = { class: "vui-toast-item-content" }, _0 = { key: 0 }, x0 = /* @__PURE__ */ se({
+const k0 = { class: "vui-toast-wrapper" }, _0 = { class: "vui-toast-item-content" }, x0 = { key: 0 }, $0 = /* @__PURE__ */ se({
   __name: "Toasts",
   setup(e) {
     return (t, n) => (h(), oe(Ta, { to: "body" }, [
-      le("div", b0, [
+      le("div", k0, [
         _e(du, {
           name: "toast",
           tag: "ul",
@@ -15074,9 +15079,9 @@ const b0 = { class: "vui-toast-wrapper" }, k0 = { class: "vui-toast-item-content
               key: a,
               class: "vui-toast-item"
             }, [
-              le("div", k0, [
+              le("div", _0, [
                 le("strong", null, Me(r.title), 1),
-                r.description ? (h(), M("p", _0, Me(r.description), 1)) : L("", !0)
+                r.description ? (h(), M("p", x0, Me(r.description), 1)) : L("", !0)
               ]),
               r.action ? (h(), oe(pt, {
                 key: 0,
@@ -15094,7 +15099,7 @@ const b0 = { class: "vui-toast-wrapper" }, k0 = { class: "vui-toast-item-content
       ])
     ]));
   }
-}), gg = /* @__PURE__ */ Wt(x0, [["__scopeId", "data-v-d0d7691b"]]), $0 = ["aria-describedby"], D0 = /* @__PURE__ */ se({
+}), wg = /* @__PURE__ */ Wt($0, [["__scopeId", "data-v-d0d7691b"]]), D0 = ["aria-describedby"], P0 = /* @__PURE__ */ se({
   __name: "Tooltip",
   props: {
     placement: { default: "bottom" },
@@ -15119,12 +15124,13 @@ const b0 = { class: "vui-toast-wrapper" }, k0 = { class: "vui-toast-item-content
     return (o, i) => (h(), M(be, null, [
       le("div", {
         ref: "popoutAnchor",
+        class: "inline-block",
         "aria-describedby": p(l),
         onMouseenter: i[0] || (i[0] = (s) => n.value = !0),
         onMouseleave: i[1] || (i[1] = (s) => n.value = !1)
       }, [
         H(o.$slots, "default", {}, void 0, !0)
-      ], 40, $0),
+      ], 40, D0),
       _e(Ct, {
         appear: "",
         name: "tooltip"
@@ -15148,64 +15154,64 @@ const b0 = { class: "vui-toast-wrapper" }, k0 = { class: "vui-toast-item-content
       })
     ], 64));
   }
-}), wg = /* @__PURE__ */ Wt(D0, [["__scopeId", "data-v-6a3f8c64"]]);
+}), bg = /* @__PURE__ */ Wt(P0, [["__scopeId", "data-v-cc9d7f8a"]]);
 export {
-  T0 as Accordion,
-  A0 as AccordionGroup,
-  O0 as Alert,
-  C0 as Avatar,
+  A0 as Accordion,
+  O0 as AccordionGroup,
+  C0 as Alert,
+  S0 as Avatar,
   Qs as Backdrop,
-  S0 as Badge,
-  B0 as BreadcrumbItem,
-  R0 as Breadcrumbs,
+  B0 as Badge,
+  R0 as BreadcrumbItem,
+  E0 as Breadcrumbs,
   pt as Button,
-  E0 as ButtonGroup,
-  I0 as Calendar,
+  I0 as ButtonGroup,
+  N0 as Calendar,
   lm as Card,
-  ig as Cell,
-  N0 as Checkbox,
-  X0 as Confirm,
-  Y0 as CopyClipboard,
-  H0 as Counter,
+  sg as Cell,
+  Y0 as Checkbox,
+  G0 as Confirm,
+  F0 as CopyClipboard,
+  W0 as Counter,
   cl as Divider,
-  L0 as Drawer,
-  py as Dropdown,
-  gy as DropdownItem,
-  xy as DropdownTitle,
-  W0 as Dropzone,
-  q0 as File,
+  j0 as Drawer,
+  my as Dropdown,
+  wy as DropdownItem,
+  $y as DropdownTitle,
+  q0 as Dropzone,
+  z0 as File,
   bn as Flex,
-  j0 as Grid,
-  sg as Header,
+  H0 as Grid,
+  ug as Header,
   Na as Input,
-  Q0 as Kbd,
-  K0 as KbdGroup,
-  Ly as Modal,
-  G0 as OTP,
-  J0 as OTPItem,
-  Z0 as Pagination,
-  z0 as Password,
+  K0 as Kbd,
+  X0 as KbdGroup,
+  jy as Modal,
+  J0 as OTP,
+  Z0 as OTPItem,
+  eg as Pagination,
+  U0 as Password,
   Us as Popout,
-  eg as Progress,
-  tg as Radio,
-  ng as RadioGroup,
-  ug as Row,
-  ag as Select,
-  cg as SelectAll,
-  fg as SelectRow,
-  rg as Sheet,
-  lg as Skeleton,
+  tg as Progress,
+  ng as Radio,
+  ag as RadioGroup,
+  dg as Row,
+  rg as Select,
+  fg as SelectAll,
+  vg as SelectRow,
+  lg as Sheet,
+  og as Skeleton,
   Yd as Spinner,
-  og as Switch,
-  pg as Tab,
-  vg as Table,
-  mg as Tabs,
-  U0 as Textarea,
-  gg as Toasts,
-  wg as Tooltip,
-  dg as defineTable,
-  Qy as paginate,
-  hg as pushToast,
-  yg as removeToast,
+  ig as Switch,
+  mg as Tab,
+  pg as Table,
+  hg as Tabs,
+  Q0 as Textarea,
+  wg as Toasts,
+  bg as Tooltip,
+  cg as defineTable,
+  Ky as paginate,
+  yg as pushToast,
+  gg as removeToast,
   Oi as searchString
 };