@volverjs/ui-vue 0.0.14 → 0.0.15

package/dist/components/VvButton/VvButton.es.js

@@ -1,20 +1,20 @@
-import { Fragment as pe, computed as i, createBlock as O, createCommentVNode as w, createElementBlock as D, createTextVNode as ee, defineComponent as M, getCurrentInstance as ge, inject as L, mergeDefaults as ye, mergeProps as _, openBlock as B, ref as G, renderSlot as I, resolveComponent as be, resolveDynamicComponent as me, toDisplayString as F, toRef as he, toRefs as te, unref as v, useAttrs as Se, useId as Be, useSlots as Ie, watch as Pe, withCtx as re } from "vue";
-import { Icon as ke, addIcon as we, iconLoaded as T } from "@iconify/vue";
+import { Fragment as pe, computed as l, createBlock as w, createCommentVNode as k, createElementBlock as T, createTextVNode as ee, defineComponent as x, getCurrentInstance as ge, inject as L, mergeDefaults as ye, mergeProps as E, openBlock as B, ref as M, renderSlot as I, resolveComponent as be, resolveDynamicComponent as me, toDisplayString as F, toRef as he, toRefs as te, unref as v, useAttrs as Se, useId as Be, useSlots as Ie, watch as Pe, withCtx as re } from "vue";
+import { Icon as Oe, addIcon as ke, iconLoaded as D } from "@iconify/vue";
 var W = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), Oe = /* @__PURE__ */ (function(e) {
+})({}), we = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
-})({}), m = /* @__PURE__ */ (function(e) {
+})({}), b = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
 })({}), Ae = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
-})({}), E = /* @__PURE__ */ (function(e) {
+})({}), _ = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
 })({}), H = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
 })({}), h = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), Ce = /* @__PURE__ */ Symbol.for("volver"), Ne = /* @__PURE__ */ Symbol.for("buttonGroup"), _e = /* @__PURE__ */ Symbol.for("dropdownTrigger"), Ee = /* @__PURE__ */ Symbol.for("dropdownAction"), Le = {
+})({}), Ce = /* @__PURE__ */ Symbol.for("volver"), Ne = /* @__PURE__ */ Symbol.for("buttonGroup"), Ee = /* @__PURE__ */ Symbol.for("dropdownTrigger"), _e = /* @__PURE__ */ Symbol.for("dropdownAction"), Le = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
   showDatePicker: "calendar",
@@ -33,7 +33,7 @@ var W = /* @__PURE__ */ (function(e) {
     type: String,
     default: "noopener noreferrer"
   }
-}, q = {
+}, G = {
   valid: {
     type: Boolean,
     default: !1
@@ -42,7 +42,7 @@ var W = /* @__PURE__ */ (function(e) {
     type: [String, Array],
     default: void 0
   }
-}, K = {
+}, q = {
   invalid: {
     type: Boolean,
     default: !1
@@ -72,7 +72,7 @@ var W = /* @__PURE__ */ (function(e) {
 } }, Re = { current: {
   type: Boolean,
   default: !1
-} }, ct = {
+} }, pt = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -85,22 +85,22 @@ var W = /* @__PURE__ */ (function(e) {
     type: String,
     default: "Clear"
   }
-}, De = { pressed: {
+}, Te = { pressed: {
   type: Boolean,
   default: !1
 } }, j = { label: {
   type: [String, Number],
   default: void 0
-} }, z = { readonly: {
+} }, K = { readonly: {
   type: Boolean,
   default: !1
 } }, R = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, J = { hintLabel: {
+} }, z = { hintLabel: {
   type: String,
   default: ""
-} }, Te = {
+} }, De = {
   options: {
     type: Array,
     default: () => []
@@ -136,8 +136,8 @@ var W = /* @__PURE__ */ (function(e) {
   },
   iconPosition: {
     type: String,
-    default: E.before,
-    validation: (e) => Object.values(E).includes(e)
+    default: _.before,
+    validation: (e) => Object.values(_).includes(e)
   }
 }, ne = { tabindex: {
   type: [String, Number],
@@ -148,16 +148,16 @@ var W = /* @__PURE__ */ (function(e) {
 } }, Ge = { unselectable: {
   type: Boolean,
   default: !0
-} }, le = { id: [String, Number] }, pt = {
+} }, le = { id: [String, Number] }, gt = {
   placement: {
     type: String,
-    default: m.bottom,
-    validator: (e) => Object.values(m).includes(e) || Object.values(Ae).includes(e)
+    default: b.bottom,
+    validator: (e) => Object.values(b).includes(e) || Object.values(Ae).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(Oe).includes(e)
+    validator: (e) => Object.values(we).includes(e)
   },
   transitionName: {
     type: String,
@@ -215,16 +215,16 @@ var W = /* @__PURE__ */ (function(e) {
 } }, Ke = { autocomplete: {
   type: String,
   default: "off"
-} }, gt = {
+} }, yt = {
   ...ue,
   ...qe,
   ...Ke,
   ...ne,
   ...$,
-  ...z,
-  ...q,
   ...K,
-  ...J,
+  ...G,
+  ...q,
+  ...z,
   ...V,
   ...R,
   ...Fe,
@@ -245,14 +245,14 @@ var W = /* @__PURE__ */ (function(e) {
     default: void 0
   },
   ...oe
-}, yt = {
+}, bt = {
   ...ue,
   ...ne,
+  ...G,
   ...q,
-  ...K,
-  ...J,
-  ...$,
   ...z,
+  ...$,
+  ...K,
   ...R,
   ...j,
   ...V,
@@ -273,13 +273,13 @@ var W = /* @__PURE__ */ (function(e) {
     ],
     default: void 0
   }
-}, bt = {
+}, mt = {
+  ...G,
   ...q,
-  ...K,
-  ...Te,
-  ...J,
-  ...$,
+  ...De,
   ...z,
+  ...$,
+  ...K,
   ...R,
   ...j,
   ...V,
@@ -305,7 +305,7 @@ var W = /* @__PURE__ */ (function(e) {
 }, ie = {
   ...$,
   ...j,
-  ...De,
+  ...Te,
   ...je,
   ...Re,
   ...$e,
@@ -322,7 +322,7 @@ var W = /* @__PURE__ */ (function(e) {
     type: String,
     default: h.button
   }
-}, mt = {
+}, ht = {
   storageType: {
     type: String,
     default: W.local,
@@ -331,10 +331,10 @@ var W = /* @__PURE__ */ (function(e) {
   storageKey: String
 };
 function ze(e) {
-  const t = L(e, void 0), a = i(() => t !== void 0);
-  function r(o, u, g) {
-    const d = t?.[o];
-    if (d) return i({
+  const t = L(e, void 0), o = l(() => t !== void 0);
+  function r(a, u, p) {
+    const d = t?.[a];
+    if (d) return l({
       get() {
         return d.value;
       },
@@ -342,19 +342,19 @@ function ze(e) {
         d.value = c;
       }
     });
-    const y = he(u, o);
-    return i({
+    const m = he(u, a);
+    return l({
       get() {
-        return y.value;
+        return m.value;
       },
       set(c) {
-        g && g(`update:${o}`, c);
+        p && p(`update:${a}`, c);
       }
     });
   }
   return {
     group: t,
-    isInGroup: a,
+    isInGroup: o,
     getGroupOrLocalRef: r
   };
 }
@@ -367,8 +367,8 @@ var Je = ["update:modelValue"], Ue = {
   ...ae,
   iconPosition: {
     type: String,
-    default: m.left,
-    validator: (e) => Object.values(m).includes(e)
+    default: b.left,
+    validator: (e) => Object.values(b).includes(e)
   },
   loadingIcon: {
     type: String,
@@ -404,69 +404,69 @@ var Je = ["update:modelValue"], Ue = {
   }
 };
 function Ye(e, t) {
-  const { group: a, isInGroup: r, getGroupOrLocalRef: o } = ze(Ne), { id: u, iconPosition: g, icon: d, label: y, pressed: c } = te(e);
+  const { group: o, isInGroup: r, getGroupOrLocalRef: a } = ze(Ne), { id: u, iconPosition: p, icon: d, label: m, pressed: c } = te(e);
   return {
-    group: a,
+    group: o,
     isInGroup: r,
-    modelValue: o("modelValue", e, t),
-    toggle: o("toggle", e),
-    unselectable: o("unselectable", e),
-    multiple: i(() => a?.multiple.value ?? !1),
-    modifiers: i(() => {
-      let p = e.modifiers, n = a?.modifiers.value;
-      const l = /* @__PURE__ */ new Set();
-      return p && (Array.isArray(p) || (p = p.split(" ")), p.forEach((b) => l.add(b))), n && (Array.isArray(n) || (n = n.split(" ")), n.forEach((b) => l.add(b))), [...l];
+    modelValue: a("modelValue", e, t),
+    toggle: a("toggle", e),
+    unselectable: a("unselectable", e),
+    multiple: l(() => o?.multiple.value ?? !1),
+    modifiers: l(() => {
+      let g = e.modifiers, i = o?.modifiers.value;
+      const n = /* @__PURE__ */ new Set();
+      return g && (Array.isArray(g) || (g = g.split(" ")), g.forEach((y) => n.add(y))), i && (Array.isArray(i) || (i = i.split(" ")), i.forEach((y) => n.add(y))), [...n];
     }),
-    disabled: i(() => !!(e.disabled || a?.disabled.value)),
+    disabled: l(() => !!(e.disabled || o?.disabled.value)),
     id: u,
     pressed: c,
-    iconPosition: g,
+    iconPosition: p,
     icon: d,
-    label: y
+    label: m
   };
 }
 var We = [
   "click",
   "mouseover",
   "mouseleave"
-], He = ie;
+];
 function se() {
   return L(Ce, void 0);
 }
+function He() {
+  return L(Ee, {});
+}
 function Qe() {
   return L(_e, {});
 }
-function Xe() {
-  return L(Ee, {});
-}
-var Ze = { name: "VvAction" }, et = /* @__PURE__ */ M({
-  ...Ze,
-  props: He,
+var Xe = { name: "VvAction" }, Ze = /* @__PURE__ */ x({
+  ...Xe,
+  props: ie,
   emits: We,
-  setup(e, { expose: t, emit: a }) {
-    const r = e, o = a, u = ge(), g = se(), d = G(null);
+  setup(e, { expose: t, emit: o }) {
+    const r = e, a = o, u = ge(), p = se(), d = M(null);
     t({ $el: d });
-    const { reference: y, bus: c, aria: p, expanded: n } = Qe();
+    const { reference: m, bus: c, aria: g, expanded: i } = He();
     Pe(() => d.value, (s) => {
-      y && (y.value = s);
+      m && (m.value = s);
     });
-    const l = i(() => r.pressed || n?.value), { role: b } = Xe(), S = i(() => {
+    const n = l(() => r.pressed || i?.value), { role: y } = Qe(), S = l(() => {
       switch (!0) {
         case r.disabled:
           return h.button;
         case r.to !== void 0:
-          return g?.nuxt ? be(h.nuxtLink) : h.routerLink;
+          return p?.nuxt ? be(h.nuxtLink) : h.routerLink;
         case r.href !== void 0:
           return h.a;
         default:
           return r.defaultTag;
       }
-    }), A = i(() => {
+    }), A = l(() => {
       const s = {
-        ...p?.value,
-        ariaPressed: l.value ? !0 : void 0,
+        ...g?.value,
+        ariaPressed: n.value ? !0 : void 0,
         ariaLabel: r.ariaLabel,
-        role: b?.value
+        role: y?.value
       };
       switch (S.value) {
         case h.a:
@@ -499,31 +499,31 @@ var Ze = { name: "VvAction" }, et = /* @__PURE__ */ M({
         return;
       }
       if (u?.vnode.props?.onClick) {
-        o("click", s);
+        a("click", s);
         return;
       }
       c?.emit("click", s);
     }
     function P(s) {
       if (u?.vnode.props?.onMouseover) {
-        o("mouseover", s);
+        a("mouseover", s);
         return;
       }
       c?.emit("mouseover", s);
     }
     function N(s) {
       if (u?.vnode.props?.onMouseleave) {
-        o("mouseleave", s);
+        a("mouseleave", s);
         return;
       }
       c?.emit("mouseleave", s);
     }
-    return (s, U) => (B(), O(me(v(S)), _(v(A), {
+    return (s, U) => (B(), w(me(v(S)), E(v(A), {
       ref_key: "rootEl",
       ref: d,
       class: {
         active: s.active,
-        pressed: v(l),
+        pressed: v(n),
         disabled: s.disabled,
         current: s.current
       },
@@ -535,19 +535,19 @@ var Ze = { name: "VvAction" }, et = /* @__PURE__ */ M({
       _: 3
     }, 16, ["class"]));
   }
-}), tt = et;
-function de(e, t, a) {
-  return i(() => {
-    const r = { [e]: !0 }, o = typeof t?.value == "string" ? t.value.split(" ") : t?.value;
-    return o && Array.isArray(o) && o.forEach((u) => {
+}), et = Ze;
+function de(e, t, o) {
+  return l(() => {
+    const r = { [e]: !0 }, a = typeof t?.value == "string" ? t.value.split(" ") : t?.value;
+    return a && Array.isArray(a) && a.forEach((u) => {
       u && (r[`${e}--${u}`] = !0);
-    }), a && Object.keys(a.value).forEach((u) => {
-      r[`${e}--${u}`] = v(a.value[u]);
+    }), o && Object.keys(o.value).forEach((u) => {
+      r[`${e}--${u}`] = v(o.value[u]);
     }), r;
   });
 }
-var rt = { name: "VvIcon" }, ot = /* @__PURE__ */ M({
-  ...rt,
+var tt = { name: "VvIcon" }, rt = /* @__PURE__ */ x({
+  ...tt,
   props: /* @__PURE__ */ ye({
     name: {},
     color: {},
@@ -567,31 +567,30 @@ var rt = { name: "VvIcon" }, ot = /* @__PURE__ */ M({
     modifiers: {}
   }, Ve),
   setup(e) {
-    const t = e, a = i(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = G(!0), o = se(), { modifiers: u } = te(t), g = de("vv-icon", u), d = i(() => t.provider || o?.iconsProvider), y = i(() => {
-      const n = t.name ?? "", l = `@${d.value}:${t.prefix}:${n}`;
-      if (T(l)) return l;
-      const b = o?.iconsCollections.find((S) => T(`@${d.value}:${S.prefix}:${n}`));
-      return b ? `@${d.value}:${b.prefix}:${n}` : n;
+    const t = e, o = l(() => typeof t.rotate == "string" ? Number.parseFloat(t.rotate) : t.rotate), r = M(!0), a = se(), { modifiers: u } = te(t), p = de("vv-icon", u), d = l(() => t.provider || a?.iconsProvider), m = l(() => {
+      const i = t.name ?? "", n = `@${d.value}:${t.prefix}:${i}`;
+      if (D(n)) return n;
+      const y = a?.iconsCollections.find((S) => D(`@${d.value}:${S.prefix}:${i}`));
+      return y ? `@${d.value}:${y.prefix}:${i}` : i;
     });
-    function c(n) {
-      const l = typeof window < "u" ? new window.DOMParser() : null;
-      return l ? l.parseFromString(n, "text/html").querySelector("svg") : null;
+    function c(i) {
+      return globalThis.window === void 0 ? null : new globalThis.DOMParser().parseFromString(i, "text/html").querySelector("svg");
     }
-    function p(n) {
-      const l = c(n), b = l?.innerHTML.trim() || "";
-      l && b && we(`@${d.value}:${t.prefix}:${t.name}`, {
-        body: b,
-        height: l.viewBox.baseVal.height,
-        width: l.viewBox.baseVal.width
+    function g(i) {
+      const n = c(i), y = n?.innerHTML.trim() || "";
+      n && y && ke(`@${d.value}:${t.prefix}:${t.name}`, {
+        body: y,
+        height: n.viewBox.baseVal.height,
+        width: n.viewBox.baseVal.width
       });
     }
-    return o && t.src && !T(`@${d.value}:${t.prefix}:${t.name}`) && (r.value = !1, o.fetchIcon(t.src).then((n) => {
-      n && p(n), r.value = !0;
-    }).catch((n) => {
-      throw r.value = !0, new Error(`Error during fetch icon: ${n?.message}`);
-    })), t.svg && p(t.svg), (n, l) => v(r) ? (B(), O(v(ke), _({
+    return a && t.src && !D(`@${d.value}:${t.prefix}:${t.name}`) && (r.value = !1, a.fetchIcon(t.src).then((i) => {
+      i && g(i), r.value = !0;
+    }).catch((i) => {
+      throw r.value = !0, new Error(`Error during fetch icon: ${i?.message}`);
+    })), t.svg && g(t.svg), (i, n) => v(r) ? (B(), w(v(Oe), E({
       key: 0,
-      class: v(g)
+      class: v(p)
     }, {
       inline: e.inline,
       width: e.width,
@@ -599,120 +598,120 @@ var rt = { name: "VvIcon" }, ot = /* @__PURE__ */ M({
       horizontalFlip: e.horizontalFlip,
       verticalFlip: e.verticalFlip,
       flip: e.flip,
-      rotate: v(a),
+      rotate: v(o),
       color: e.color,
-      icon: v(y)
-    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : w("v-if", !0);
+      icon: v(m)
+    }, { onLoad: e.onLoad }), null, 16, ["class", "onLoad"])) : k("v-if", !0);
   }
-}), Q = ot;
-function at(e) {
-  return i(() => String(e?.value || Be()));
+}), Q = rt;
+function ot(e) {
+  return l(() => String(e?.value || Be()));
 }
-function fe(e, t, a) {
-  return a ? X(e, a) === X(t, a) : x(e, t);
+function fe(e, t, o) {
+  return o ? X(e, o) === X(t, o) : J(e, t);
 }
-function x(e, t) {
-  if (e === t) return !0;
-  if (e && t && typeof e == "object" && typeof t == "object") {
-    const a = Array.isArray(e), r = Array.isArray(t);
-    let o, u, g;
-    if (a && r) {
-      if (u = e.length, u !== t.length) return !1;
-      for (o = u; o-- !== 0; ) if (!x(e[o], t[o])) return !1;
-      return !0;
-    }
-    if (a !== r) return !1;
-    const d = e instanceof Date, y = t instanceof Date;
-    if (d !== y) return !1;
-    if (d && y) return e.getTime() === t.getTime();
-    const c = e instanceof RegExp, p = t instanceof RegExp;
-    if (c !== p) return !1;
-    if (c && p) return e.toString() === t.toString();
-    const n = Object.keys(e);
-    if (u = n.length, u !== Object.keys(t).length) return !1;
-    for (o = u; o-- !== 0; ) if (!Object.hasOwn(t, n[o])) return !1;
-    for (o = u; o-- !== 0; )
-      if (g = n[o], !x(e[g], t[g])) return !1;
-    return !0;
+function at(e, t) {
+  if (e.length !== t.length) return !1;
+  for (let o = e.length; o-- !== 0; ) if (!J(e[o], t[o])) return !1;
+  return !0;
+}
+function nt(e, t) {
+  const o = Object.keys(e), { length: r } = o;
+  if (r !== Object.keys(t).length) return !1;
+  for (let a = r; a-- !== 0; ) if (!Object.hasOwn(t, o[a])) return !1;
+  for (let a = r; a-- !== 0; ) {
+    const u = o[a];
+    if (!J(e[u], t[u])) return !1;
   }
-  return Number.isNaN(e) && Number.isNaN(t);
+  return !0;
+}
+function J(e, t) {
+  if (e === t) return !0;
+  if (!e || !t || typeof e != "object" || typeof t != "object") return Number.isNaN(e) && Number.isNaN(t);
+  const o = Array.isArray(e), r = Array.isArray(t);
+  if (o !== r) return !1;
+  if (o && r) return at(e, t);
+  const a = e instanceof Date, u = t instanceof Date;
+  if (a !== u) return !1;
+  if (a && u) return e.getTime() === t.getTime();
+  const p = e instanceof RegExp, d = t instanceof RegExp;
+  return p !== d ? !1 : p && d ? e.toString() === t.toString() : nt(e, t);
 }
 function X(e, t) {
-  if (e && Object.keys(e).length && t) if (t.includes(".")) {
-    const a = t.split(".");
+  if (e && Object.keys(e).length && t) {
+    if (!t.includes(".")) return e[t];
+    const o = t.split(".");
     let r = e;
-    for (let o = 0, u = a.length; o < u; ++o) {
-      if (e == null) return null;
-      r = r[a[o]];
+    for (let a = 0, u = o.length; a < u; ++a) {
+      if (r == null) return null;
+      r = r[o[a]];
     }
     return r;
-  } else
-    return e[t];
-  else return null;
+  } else return null;
 }
 function Z(e, t) {
-  if (e != null && t && t.length) {
-    for (const a of t) if (fe(e, a)) return !0;
+  if (e != null && t?.length) {
+    for (const o of t) if (fe(e, o)) return !0;
   }
   return !1;
 }
-function nt(e, t) {
-  const a = i(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = i(() => t?.value === E.before ? a.value : void 0), o = i(() => t?.value === E.after ? a.value : void 0);
+function lt(e, t) {
+  const o = l(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), r = l(() => t?.value === _.before ? o.value : void 0), a = l(() => t?.value === _.after ? o.value : void 0);
   return {
-    hasIcon: a,
-    hasIconLeft: i(() => t?.value === m.left ? a.value : void 0),
-    hasIconRight: i(() => t?.value === m.right ? a.value : void 0),
-    hasIconTop: i(() => t?.value === m.top ? a.value : void 0),
-    hasIconBottom: i(() => t?.value === m.bottom ? a.value : void 0),
+    hasIcon: o,
+    hasIconLeft: l(() => t?.value === b.left ? o.value : void 0),
+    hasIconRight: l(() => t?.value === b.right ? o.value : void 0),
+    hasIconTop: l(() => t?.value === b.top ? o.value : void 0),
+    hasIconBottom: l(() => t?.value === b.bottom ? o.value : void 0),
     hasIconBefore: r,
-    hasIconAfter: o
+    hasIconAfter: a
   };
 }
-var lt = {
+var ut = {
   key: 1,
   class: "vv-button__label"
-}, ut = {
+}, it = {
   key: 1,
   class: "vv-button__label"
-}, it = {
+}, st = {
   name: "VvButton",
   inheritAttrs: !1
-}, st = /* @__PURE__ */ M({
-  ...it,
+}, dt = /* @__PURE__ */ x({
+  ...st,
   props: Ue,
   emits: Je,
-  setup(e, { expose: t, emit: a }) {
-    const r = e, o = a, u = Se(), g = Ie(), { id: d, modifiers: y, iconPosition: c, icon: p, label: n, modelValue: l, disabled: b, toggle: S, unselectable: A } = Ye(r, o), C = at(d), P = i(() => u?.name || C.value), N = G(null);
-    t({ $el: i(() => N.value?.$el) });
-    const s = i(() => S.value ? Array.isArray(l.value) ? Z(P.value, l.value) : fe(P.value, l.value) : r.pressed), U = de("vv-button", y, i(() => ({
-      reverse: [m.right, m.bottom].includes(c.value),
-      column: [m.top, m.bottom].includes(c.value),
-      "icon-only": !!(p?.value && !n?.value && !g.default)
-    }))), { hasIcon: Y } = nt(p), k = i(() => r.value !== void 0 ? r.value : P.value), ve = i(() => {
+  setup(e, { expose: t, emit: o }) {
+    const r = e, a = o, u = Se(), p = Ie(), { id: d, modifiers: m, iconPosition: c, icon: g, label: i, modelValue: n, disabled: y, toggle: S, unselectable: A } = Ye(r, a), C = ot(d), P = l(() => u?.name || C.value), N = M(null);
+    t({ $el: l(() => N.value?.$el) });
+    const s = l(() => S.value ? Array.isArray(n.value) ? Z(P.value, n.value) : fe(P.value, n.value) : r.pressed), U = de("vv-button", m, l(() => ({
+      reverse: [b.right, b.bottom].includes(c.value),
+      column: [b.top, b.bottom].includes(c.value),
+      "icon-only": !!(g?.value && !i?.value && !p.default)
+    }))), { hasIcon: Y } = lt(g), O = l(() => r.value === void 0 ? P.value : r.value), ve = l(() => {
       if (S.value)
         return { onClick: ce };
     });
     function ce() {
       if (S.value) {
-        if (Array.isArray(l.value)) {
-          if (Z(k.value, l.value)) {
-            A.value && (l.value = l.value.filter((f) => f !== k.value));
+        if (Array.isArray(n.value)) {
+          if (Z(O.value, n.value)) {
+            A.value && (n.value = n.value.filter((f) => f !== O.value));
             return;
           }
-          l.value.push(k.value);
+          n.value.push(O.value);
           return;
         }
-        if (k.value === l.value && A.value) {
-          l.value = r.uncheckedValue;
+        if (O.value === n.value && A.value) {
+          n.value = r.uncheckedValue;
           return;
         }
-        l.value = k.value;
+        n.value = O.value;
       }
     }
-    return (f, dt) => (B(), O(tt, _({
+    return (f, ft) => (B(), w(et, E({
       ...v(u),
       ...v(ve),
-      disabled: v(b),
+      disabled: v(y),
       pressed: v(s),
       active: f.active,
       type: f.type,
@@ -727,20 +726,20 @@ var lt = {
       ref: N,
       class: v(U)
     }), {
-      default: re(() => [I(f.$slots, "default", {}, () => [f.loading ? I(f.$slots, "loading", { key: 0 }, () => [f.loadingIcon ? (B(), O(Q, {
+      default: re(() => [I(f.$slots, "default", {}, () => [f.loading ? I(f.$slots, "loading", { key: 0 }, () => [f.loadingIcon ? (B(), w(Q, {
         key: 0,
         class: "vv-button__loading-icon",
         name: f.loadingIcon
-      }, null, 8, ["name"])) : w("v-if", !0), f.loadingLabel ? (B(), D("span", lt, F(f.loadingLabel), 1)) : w("v-if", !0)]) : (B(), D(pe, { key: 1 }, [
+      }, null, 8, ["name"])) : k("v-if", !0), f.loadingLabel ? (B(), T("span", ut, F(f.loadingLabel), 1)) : k("v-if", !0)]) : (B(), T(pe, { key: 1 }, [
         I(f.$slots, "before"),
-        v(Y) ? (B(), O(Q, _({ key: 0 }, v(Y), { class: "vv-button__icon" }), null, 16)) : w("v-if", !0),
-        v(n) ? (B(), D("span", ut, [I(f.$slots, "label", {}, () => [ee(F(v(n)), 1)])])) : w("v-if", !0),
+        v(Y) ? (B(), w(Q, E({ key: 0 }, v(Y), { class: "vv-button__icon" }), null, 16)) : k("v-if", !0),
+        v(i) ? (B(), T("span", it, [I(f.$slots, "label", {}, () => [ee(F(v(i)), 1)])])) : k("v-if", !0),
         I(f.$slots, "after")
       ], 64))])]),
       _: 3
     }, 16, ["id", "class"]));
   }
-}), ht = st;
+}), St = dt;
 export {
-  ht as default
+  St as default
 };