sakana-element 2.3.0 → 2.4.0

package/dist/es/Kbd-DXNjs7at.js

@@ -0,0 +1,13 @@
+import { _ as l, w as e } from "./utils-BXICIEsD.js";
+import { defineComponent as a, computed as s, createElementBlock as b, openBlock as t, normalizeClass as o, createCommentVNode as n, Fragment as d, renderList as p, createVNode as r, unref as c, createElementVNode as i, toDisplayString as k, renderSlot as u } from "vue";
+import { P as f } from "./Icon-D6qRB3pq.js";
+const _ = { command: { label: "⌘" }, shift: { label: "⇧" }, ctrl: { label: "Ctrl" }, alt: { label: "⌥" }, option: { label: "⌥" }, enter: { label: "↵" }, delete: { label: "⌫" }, escape: { label: "Esc" }, tab: { label: "Tab" }, capslock: { label: "Caps" }, up: { label: "▲", icon: "arrow-up" }, down: { label: "▼", icon: "arrow-down" }, left: { label: "◀", icon: "arrow-left" }, right: { label: "▶", icon: "arrow-right" }, space: { label: "Space" }, win: { label: "⊞" }, fn: { label: "Fn" }, home: { label: "Home" }, end: { label: "End" }, pageup: { label: "PgUp" }, pagedown: { label: "PgDn" } }, m = /* @__PURE__ */ new Set(["up", "down", "left", "right"]), w = { key: 0, class: "px-kbd__key" }, x = { key: 1, class: "px-kbd__key" }, y = ["title"], g = { key: 0, class: "px-kbd__key" }, h = e(l(a({ name: "PxKbd", __name: "Kbd", props: { size: { default: "default" }, keys: {} }, setup(l2) {
+  const e2 = l2, a2 = s((() => ({ [`px-kbd--${e2.size}`]: "default" !== e2.size })));
+  function h2(l3) {
+    return m.has(l3);
+  }
+  return (l3, e3) => (t(), b("span", { class: o(["px-kbd", a2.value]) }, [(t(true), b(d, null, p(l3.keys, ((l4) => (t(), b(d, { key: l4 }, [h2(l4) ? (t(), b("kbd", w, [r(f, { icon: c(_)[l4].icon, size: "xs" }, null, 8, ["icon"])])) : (t(), b("kbd", x, [i("abbr", { title: l4, class: "px-kbd__abbr" }, k(c(_)[l4].label), 9, y)]))], 64)))), 128)), l3.$slots.default ? (t(), b("kbd", g, [u(l3.$slots, "default", {}, void 0, true)])) : n("", true)], 2));
+} }), [["__scopeId", "data-v-fa07bd0e"]]));
+export {
+  h as P
+};

package/dist/es/{Link-Av9RdcFv.js → Link-08Ee61Fv.js}

@@ -1,4 +1,4 @@
-import { r as e, c as o, _ as t, w as l } from "./utils-BS5vsvlM.js";
+import { r as e, c as o, _ as t, w as l } from "./utils-BXICIEsD.js";
 import { defineComponent as r, computed as a, createElementBlock as i, openBlock as s, normalizeStyle as d, normalizeClass as n, renderSlot as c } from "vue";
 const p = ["href", "target"], u = l(t(r({ name: "PxLink", __name: "Link", props: { type: {}, underline: { type: Boolean, default: true }, disabled: { type: Boolean }, href: {}, target: {}, color: {} }, emits: ["click"], setup(t2, { emit: l2 }) {
   const r2 = t2, u2 = l2, k = { "text-color": "color", "hover-color": "dark" }, f = a((() => r2.color ? e(o(r2.color), "px-link", k) : {})), m = (e2) => {

package/dist/es/{Loading-CBNDUWQd.js → Loading-ByI9mjss.js}

@@ -1,7 +1,7 @@
-import { _ as e, w as n } from "./utils-BS5vsvlM.js";
+import { _ as e, w as n } from "./utils-BXICIEsD.js";
 import { defineComponent as t, computed as o, createElementBlock as a, openBlock as i, normalizeStyle as l, normalizeClass as r, createElementVNode as s, useCssVars as d, createBlock as c, Transition as u, withCtx as p, withDirectives as b, createCommentVNode as m, toDisplayString as f, vShow as v, nextTick as g, ref as x, reactive as y, createApp as k } from "vue";
-import { a as L } from "./hooks-BqobYUzS.js";
-import { i as _, d as $, r as A, u as I } from "./vendor-DXmGx29U.js";
+import { a as L } from "./hooks-pU4JmsO3.js";
+import { i as _, d as $, r as A, u as I } from "./vendor-DrBJKLFW.js";
 const h = e(t({ name: "PxLoadingIndicator", __name: "LoadingIndicator", props: { variant: { default: "spinner" }, size: { default: "md" }, type: { default: "primary" }, color: {} }, setup(e2) {
   const n2 = e2, t2 = o((() => n2.color ? { "--px-loading-indicator-color": n2.color } : {}));
   return (e3, n3) => (i(), a("span", { class: r(["px-loading-indicator", [`px-loading-indicator--${e3.variant}`, `px-loading-indicator--${e3.size}`, `px-loading-indicator--${e3.type}`]]), style: l(t2.value), role: "status", "aria-label": "Loading" }, n3[0] || (n3[0] = [s("span", { class: "px-loading-indicator__inner" }, null, -1)]), 6));

package/dist/es/{Message-DgnyyuXn.js → Message-CGG-lV5I.js}

@@ -1,28 +1,28 @@
-import { t as e, e as o, R as t, f as s, h as n, i as a } from "./utils-BS5vsvlM.js";
-import { defineComponent as l, ref as i, computed as r, watch as c, onMounted as u, onBeforeUnmount as p, createBlock as d, openBlock as f, Transition as m, withCtx as g, withDirectives as y, createElementVNode as v, normalizeStyle as x, normalizeClass as b, createVNode as h, createElementBlock as B, createCommentVNode as _, renderSlot as C, unref as w, withModifiers as k, vShow as I, shallowReactive as T, isVNode as P, h as $, render as O, reactive as M, nextTick as z, createTextVNode as A, toDisplayString as E, resolveDynamicComponent as L, withKeys as V, Fragment as j } from "vue";
-import { f as D, a as N, u as R, g as S, h as H, i as K, b as Z } from "./hooks-BqobYUzS.js";
-import { P as U } from "./Icon-BLDDdSU-.js";
-import { v as q, u as F, f as G, d as J, w as Q, g as W, x as X, i as Y, y as ee, z as oe, A as te, B as se } from "./vendor-DXmGx29U.js";
-import { b as ne } from "./Button-BJHtN7gh.js";
-import { _ as ae } from "./Input-C5HuVehE.js";
-import { P as le } from "./Overlay-CpvMhnuU.js";
+import { t as e, b as o, R as t, h as s, i as n, j as a } from "./utils-BXICIEsD.js";
+import { defineComponent as l, ref as i, computed as r, watch as c, onMounted as u, onBeforeUnmount as p, createBlock as d, openBlock as f, Transition as m, withCtx as g, withDirectives as y, createElementVNode as v, normalizeStyle as x, normalizeClass as b, createVNode as h, createElementBlock as B, createCommentVNode as _, renderSlot as C, unref as w, withModifiers as k, vShow as I, shallowReactive as T, isVNode as P, h as $, render as O, reactive as M, nextTick as z, createTextVNode as A, toDisplayString as E, resolveDynamicComponent as j, withKeys as L, Fragment as V } from "vue";
+import { f as D, a as N, u as R, g as S, h as H, i as K, b as Z } from "./hooks-pU4JmsO3.js";
+import { P as U } from "./Icon-D6qRB3pq.js";
+import { v as q, u as F, f as G, d as J, w as Q, g as W, x as X, i as Y, y as ee, z as oe, A as te, B as se } from "./vendor-DrBJKLFW.js";
+import { b as ne } from "./Button-DbFviVWb.js";
+import { _ as ae } from "./Input-bThwBbNZ.js";
+import { P as le } from "./Overlay-6iPenJB1.js";
 const ie = ["aria-live"], re = { class: "px-message__content" }, ce = { key: 0, class: "px-message__close" }, ue = l({ name: "PxMessage", __name: "Message", props: { id: {}, message: {}, duration: { default: 3e3 }, showClose: { type: Boolean }, center: { type: Boolean }, type: { default: "info" }, offset: { default: 10 }, zIndex: {}, transitionName: { default: "fade-up" }, plain: { type: Boolean }, ghost: { type: Boolean }, icon: {}, showTimer: { type: Boolean, default: true }, onDestroy: {} }, setup(s2, { expose: n2 }) {
   const a2 = s2, l2 = i(false), T2 = i(), P2 = i(0), { topOffset: $2, bottomOffset: O2 } = D({ getLastBottomOffset: q(ve, a2), offset: a2.offset, boxHeight: P2 }), M2 = r((() => a2.icon ?? e.get(a2.type) ?? "circle-info")), z2 = r((() => ({ top: o($2.value), zIndex: a2.zIndex })));
   let A2;
   function E2() {
-    0 !== a2.duration && (A2 = F(V2, a2.duration));
+    0 !== a2.duration && (A2 = F(L2, a2.duration));
   }
-  function L2() {
+  function j2() {
     clearTimeout(A2);
   }
-  function V2() {
-    L2(), l2.value = false;
+  function L2() {
+    j2(), l2.value = false;
   }
   return c(l2, ((e2) => {
     e2 || (P2.value = -a2.offset);
   })), u((() => {
     l2.value = true, E2();
-  })), p((() => L2())), n2({ close: V2, bottomOffset: O2 }), (e2, o2) => (f(), d(m, { name: e2.transitionName, onEnter: o2[0] || (o2[0] = (e3) => P2.value = T2.value.getBoundingClientRect().height), onAfterLeave: o2[1] || (o2[1] = (o3) => !l2.value && e2.onDestroy()) }, { default: g((() => [y(v("div", { ref_key: "messageRef", ref: T2, class: b(["px-message", { [`px-message--${e2.type}`]: e2.type, "is-close": e2.showClose, "text-center": e2.center, "is-plain": e2.plain, "is-ghost": e2.ghost }]), style: x(z2.value), role: "alert", "aria-live": "danger" === e2.type || "warning" === e2.type ? "assertive" : "polite", onMouseenter: L2, onMouseleave: E2 }, [h(U, { class: "px-message__icon", icon: M2.value }, null, 8, ["icon"]), v("div", re, [C(e2.$slots, "default", {}, (() => [e2.message ? (f(), d(w(t), { key: 0, vNode: e2.message }, null, 8, ["vNode"])) : _("", true)]))]), e2.showClose ? (f(), B("div", ce, [h(U, { icon: "close", onClick: k(V2, ["stop"]) })])) : _("", true), e2.showTimer && e2.duration > 0 ? (f(), B("div", { key: 1, class: "px-message__timer", style: x({ animationDuration: `${e2.duration}ms` }) }, null, 4)) : _("", true)], 46, ie), [[I, l2.value]])])), _: 3 }, 8, ["name"]));
+  })), p((() => j2())), n2({ close: L2, bottomOffset: O2 }), (e2, o2) => (f(), d(m, { name: e2.transitionName, onEnter: o2[0] || (o2[0] = (e3) => P2.value = T2.value.getBoundingClientRect().height), onAfterLeave: o2[1] || (o2[1] = (o3) => !l2.value && e2.onDestroy()) }, { default: g((() => [y(v("div", { ref_key: "messageRef", ref: T2, class: b(["px-message", { [`px-message--${e2.type}`]: e2.type, "is-close": e2.showClose, "text-center": e2.center, "is-plain": e2.plain, "is-ghost": e2.ghost }]), style: x(z2.value), role: "alert", "aria-live": "danger" === e2.type || "warning" === e2.type ? "assertive" : "polite", onMouseenter: j2, onMouseleave: E2 }, [h(U, { class: "px-message__icon", icon: M2.value }, null, 8, ["icon"]), v("div", re, [C(e2.$slots, "default", {}, (() => [e2.message ? (f(), d(w(t), { key: 0, vNode: e2.message }, null, 8, ["vNode"])) : _("", true)]))]), e2.showClose ? (f(), B("div", ce, [h(U, { icon: "close", onClick: k(L2, ["stop"]) })])) : _("", true), e2.showTimer && e2.duration > 0 ? (f(), B("div", { key: 1, class: "px-message__timer", style: x({ animationDuration: `${e2.duration}ms` }) }, null, 4)) : _("", true)], 46, ie), [[I, l2.value]])])), _: 3 }, 8, ["name"]));
 } }), pe = ["info", "success", "warning", "danger", "error"], de = T([]), { nextZIndex: fe } = N(), me = n((() => de.length ? de[de.length - 1] : void 0)), ge = { type: "info", duration: 3e3, offset: 10, transitionName: "fade-up" }, ye = (e2) => {
   const o2 = !e2 || P(e2) || J(e2) ? { message: e2 } : e2;
   return { ...ge, ...o2 };
@@ -102,7 +102,7 @@ const be = a(xe, "$message"), he = { class: "px-message-box__content" }, Be = {
   })), Z(window, "hashchange", (() => {
     D2.closeOnHashChange && q2.value && re2();
   })), (e2, o3) => (f(), d(m, { name: "fade-in-linear", onAfterLeave: e2.destroy }, { default: g((() => [y(h(le, { "z-index": D2.zIndex, "overlay-class": D2.overlayClass, mask: "" }, { default: g((() => [v("div", { role: "dialog", "aria-modal": "true", "aria-labelledby": O2, class: "px-overlay-message-box", onClick: te2 }, [v("div", { ref_key: "rootRef", ref: u2, class: b(["px-message-box", { "is-center": D2.center, "is-draggable": D2.draggable }, D2.type ? `px-message-box--${D2.type}` : "", D2.customClass]), style: x(J2.value), onClick: o3[5] || (o3[5] = k((() => {
-  }), ["stop"])) }, [w(Y)(D2.title) ? _("", true) : (f(), B("div", { key: 0, ref_key: "headerRef", ref: p2, class: "px-message-box__header" }, [v("div", { class: "px-message-box__title", id: O2 }, [G2.value && D2.center ? (f(), d(U, { key: 0, class: b({ [`px-icon-${D2.type}`]: D2.type }), icon: G2.value }, null, 8, ["class", "icon"])) : _("", true), A(" " + E(D2.title), 1)]), e2.showClose ? (f(), B("button", { key: 0, class: "px-message-box__header-btn", onClick: k(re2, ["stop"]) }, [h(U, { icon: "close" })])) : _("", true)], 512)), v("div", he, [G2.value && !D2.center && F2.value ? (f(), d(U, { key: 0, class: b({ [`px-icon-${D2.type}`]: D2.type }), icon: G2.value }, null, 8, ["class", "icon"])) : _("", true), F2.value ? (f(), B("div", Be, [C(e2.$slots, "default", {}, (() => [(f(), d(L(D2.showInput ? "label" : "p"), { for: D2.showInput ? w($2) : void 0 }, { default: g((() => [A(E(D2.message), 1)])), _: 1 }, 8, ["for"]))]))])) : _("", true)]), y(v("div", _e, [h(ae, { modelValue: D2.inputValue, "onUpdate:modelValue": o3[0] || (o3[0] = (e3) => D2.inputValue = e3), ref_key: "inputRef", ref: T2, placeholder: D2.inputPlaceholder, type: D2.inputType, onKeyup: V(se2, ["enter"]) }, null, 8, ["modelValue", "placeholder", "type"]), Q2.value ? (f(), B("div", Ce, E(Q2.value), 1)) : _("", true)], 512), [[I, D2.showInput]]), v("div", we, [D2.footer ? (f(), d(w(t), { key: 0, vNode: D2.footer }, null, 8, ["vNode"])) : (f(), B(j, { key: 1 }, [D2.showCancelButton ? (f(), d(ne, { key: 0, class: "px-message-box__footer-btn px-message-box__cancel-btn", type: D2.cancelButtonType, round: D2.roundButton, loading: D2.cancelButtonLoading, onClick: o3[1] || (o3[1] = (e3) => ie2("cancel")), onKeydown: o3[2] || (o3[2] = V(k(((e3) => ie2("cancel")), ["prevent"]), ["enter"])) }, { default: g((() => [A(E(D2.cancelButtonText || w(n2).t("messagebox.cancel")), 1)])), _: 1 }, 8, ["type", "round", "loading"])) : _("", true), y(h(ne, { ref_key: "confirmBtnRef", ref: P2, class: "px-message-box__footer-btn px-message-box__confirm-btn", type: D2.confirmButtonType ?? "primary", round: D2.roundButton, loading: D2.confirmButtonLoading, onClick: o3[3] || (o3[3] = (e3) => ie2("confirm")), onKeydown: o3[4] || (o3[4] = V(k(((e3) => ie2("confirm")), ["prevent"]), ["enter"])) }, { default: g((() => [A(E(D2.confirmButtonText || w(n2).t("messagebox.confirm")), 1)])), _: 1 }, 8, ["type", "round", "loading"]), [[I, D2.showConfirmButton]])], 64))])], 6)])])), _: 3 }, 8, ["z-index", "overlay-class"]), [[I, q2.value]])])), _: 3 }, 8, ["onAfterLeave"]));
+  }), ["stop"])) }, [w(Y)(D2.title) ? _("", true) : (f(), B("div", { key: 0, ref_key: "headerRef", ref: p2, class: "px-message-box__header" }, [v("div", { class: "px-message-box__title", id: O2 }, [G2.value && D2.center ? (f(), d(U, { key: 0, class: b({ [`px-icon-${D2.type}`]: D2.type }), icon: G2.value }, null, 8, ["class", "icon"])) : _("", true), A(" " + E(D2.title), 1)]), e2.showClose ? (f(), B("button", { key: 0, class: "px-message-box__header-btn", onClick: k(re2, ["stop"]) }, [h(U, { icon: "close" })])) : _("", true)], 512)), v("div", he, [G2.value && !D2.center && F2.value ? (f(), d(U, { key: 0, class: b({ [`px-icon-${D2.type}`]: D2.type }), icon: G2.value }, null, 8, ["class", "icon"])) : _("", true), F2.value ? (f(), B("div", Be, [C(e2.$slots, "default", {}, (() => [(f(), d(j(D2.showInput ? "label" : "p"), { for: D2.showInput ? w($2) : void 0 }, { default: g((() => [A(E(D2.message), 1)])), _: 1 }, 8, ["for"]))]))])) : _("", true)]), y(v("div", _e, [h(ae, { modelValue: D2.inputValue, "onUpdate:modelValue": o3[0] || (o3[0] = (e3) => D2.inputValue = e3), ref_key: "inputRef", ref: T2, placeholder: D2.inputPlaceholder, type: D2.inputType, onKeyup: L(se2, ["enter"]) }, null, 8, ["modelValue", "placeholder", "type"]), Q2.value ? (f(), B("div", Ce, E(Q2.value), 1)) : _("", true)], 512), [[I, D2.showInput]]), v("div", we, [D2.footer ? (f(), d(w(t), { key: 0, vNode: D2.footer }, null, 8, ["vNode"])) : (f(), B(V, { key: 1 }, [D2.showCancelButton ? (f(), d(ne, { key: 0, class: "px-message-box__footer-btn px-message-box__cancel-btn", type: D2.cancelButtonType, round: D2.roundButton, loading: D2.cancelButtonLoading, onClick: o3[1] || (o3[1] = (e3) => ie2("cancel")), onKeydown: o3[2] || (o3[2] = L(k(((e3) => ie2("cancel")), ["prevent"]), ["enter"])) }, { default: g((() => [A(E(D2.cancelButtonText || w(n2).t("messagebox.cancel")), 1)])), _: 1 }, 8, ["type", "round", "loading"])) : _("", true), y(h(ne, { ref_key: "confirmBtnRef", ref: P2, class: "px-message-box__footer-btn px-message-box__confirm-btn", type: D2.confirmButtonType ?? "primary", round: D2.roundButton, loading: D2.confirmButtonLoading, onClick: o3[3] || (o3[3] = (e3) => ie2("confirm")), onKeydown: o3[4] || (o3[4] = L(k(((e3) => ie2("confirm")), ["prevent"]), ["enter"])) }, { default: g((() => [A(E(D2.confirmButtonText || w(n2).t("messagebox.confirm")), 1)])), _: 1 }, 8, ["type", "round", "loading"]), [[I, D2.showConfirmButton]])], 64))])], 6)])])), _: 3 }, 8, ["z-index", "overlay-class"]), [[I, q2.value]])])), _: 3 }, 8, ["onAfterLeave"]));
 } }), Ie = /* @__PURE__ */ new Map();
 function Te(e2) {
   let o2;

package/dist/es/{Notification-LYRXnVAf.js → Notification-B4clKY5h.js}

@@ -1,10 +1,10 @@
-import { t, e as o, R as e, _ as n, f as i, h as s, i as a } from "./utils-BS5vsvlM.js";
-import { defineComponent as l, ref as r, computed as c, onMounted as p, onBeforeUnmount as f, createBlock as d, openBlock as u, Transition as m, withCtx as h, withDirectives as v, createElementVNode as g, normalizeStyle as x, normalizeClass as y, createCommentVNode as _, createElementBlock as C, toDisplayString as w, renderSlot as k, unref as b, createVNode as I, withModifiers as N, vShow as z, isVNode as B, h as E, render as O, shallowReactive as $ } from "vue";
-import { f as j, a as D, u as T } from "./hooks-BqobYUzS.js";
-import { P as M } from "./Icon-BLDDdSU-.js";
-import { v as P, u as R, f as A, d as L, w as W, g as H, x as Z } from "./vendor-DXmGx29U.js";
-const q = ["aria-live"], F = { class: "px-notification__text" }, G = { class: "px-notification__title" }, J = { class: "px-notification__content" }, K = { key: 1, class: "px-notification__close" }, Q = n(l({ name: "PxNotification", __name: "Notification", props: { title: {}, id: {}, zIndex: {}, position: { default: "top-right" }, type: { default: "info" }, message: {}, duration: { default: 3e3 }, showClose: { type: Boolean, default: true }, offset: { default: 20 }, transitionName: { default: "fade" }, icon: {}, plain: { type: Boolean }, ghost: { type: Boolean }, showTimer: { type: Boolean, default: true }, onClick: {}, onClose: {}, onDestroy: {} }, setup(n2, { expose: i2 }) {
-  const s2 = n2, a2 = r(false), l2 = r(), B2 = r(0), { topOffset: E2, bottomOffset: O2 } = j({ getLastBottomOffset: P(it, s2), offset: s2.offset, boxHeight: B2 }), $2 = c((() => s2.icon ?? t.get(s2.type) ?? "circle-info")), D2 = c((() => s2.position.endsWith("right") ? "right" : "left")), T2 = c((() => s2.position.startsWith("top") ? "top" : "bottom")), A2 = c((() => ({ [T2.value]: o(E2.value), zIndex: s2.zIndex })));
+import { t, b as o, R as e, _ as n, h as i, i as s, j as a } from "./utils-BXICIEsD.js";
+import { defineComponent as l, ref as r, computed as c, onMounted as p, onBeforeUnmount as f, createBlock as d, openBlock as u, Transition as m, withCtx as h, withDirectives as v, createElementVNode as g, normalizeStyle as x, normalizeClass as y, createVNode as _, createElementBlock as C, createCommentVNode as w, toDisplayString as b, renderSlot as k, unref as I, withModifiers as N, vShow as z, isVNode as B, h as j, render as E, shallowReactive as O } from "vue";
+import { f as $, a as D, u as T } from "./hooks-pU4JmsO3.js";
+import { P as M } from "./Icon-D6qRB3pq.js";
+import { v as P, u as R, f as A, d as L, w as W, g as H, x as Z } from "./vendor-DrBJKLFW.js";
+const q = ["aria-live"], F = { class: "px-notification__text" }, G = { class: "px-notification__title" }, J = { class: "px-notification__content" }, K = { key: 0, class: "px-notification__close" }, Q = n(l({ name: "PxNotification", __name: "Notification", props: { title: {}, id: {}, zIndex: {}, position: { default: "top-right" }, type: { default: "info" }, message: {}, duration: { default: 3e3 }, showClose: { type: Boolean, default: true }, offset: { default: 20 }, transitionName: { default: "fade" }, icon: {}, plain: { type: Boolean }, ghost: { type: Boolean }, showTimer: { type: Boolean, default: true }, onClick: {}, onClose: {}, onDestroy: {} }, setup(n2, { expose: i2 }) {
+  const s2 = n2, a2 = r(false), l2 = r(), B2 = r(0), { topOffset: j2, bottomOffset: E2 } = $({ getLastBottomOffset: P(it, s2), offset: s2.offset, boxHeight: B2 }), O2 = c((() => s2.icon ?? t.get(s2.type) ?? "circle-info")), D2 = c((() => s2.position.endsWith("right") ? "right" : "left")), T2 = c((() => s2.position.startsWith("top") ? "top" : "bottom")), A2 = c((() => ({ [T2.value]: o(j2.value), zIndex: s2.zIndex })));
   let L2;
   function W2() {
     0 !== s2.duration && (L2 = R(Z2, s2.duration));
@@ -17,10 +17,10 @@ const q = ["aria-live"], F = { class: "px-notification__text" }, G = { class: "p
   }
   return p((() => {
     a2.value = true, W2();
-  })), f((() => H2())), i2({ bottomOffset: O2, close: Z2 }), (t2, o2) => (u(), d(m, { name: `px-notification-${t2.transitionName}`, onAfterLeave: o2[1] || (o2[1] = (o3) => !a2.value && t2.onDestroy()), onEnter: o2[2] || (o2[2] = (t3) => B2.value = l2.value.getBoundingClientRect().height) }, { default: h((() => [v(g("div", { ref_key: "notifyRef", ref: l2, class: y(["px-notification", { [`px-notification--${t2.type}`]: t2.type, [D2.value]: true, "show-close": t2.showClose, "is-plain": t2.plain, "is-ghost": t2.ghost }]), style: x(A2.value), role: "alert", "aria-live": "danger" === t2.type || "warning" === t2.type ? "assertive" : "polite", onClick: o2[0] || (o2[0] = (...o3) => t2.onClick && t2.onClick(...o3)), onMouseenter: H2, onMouseleave: W2 }, [$2.value ? (u(), d(M, { key: 0, icon: $2.value, class: "px-notification__icon" }, null, 8, ["icon"])) : _("", true), g("div", F, [g("div", G, w(t2.title), 1), g("div", J, [k(t2.$slots, "default", {}, (() => [t2.message ? (u(), d(b(e), { key: 0, vNode: t2.message }, null, 8, ["vNode"])) : _("", true)]), true)])]), t2.showClose ? (u(), C("div", K, [I(M, { icon: "close", onClick: N(Z2, ["stop"]) })])) : _("", true), t2.showTimer && t2.duration > 0 ? (u(), C("div", { key: 2, class: "px-notification__timer", style: x({ animationDuration: `${t2.duration}ms` }) }, null, 4)) : _("", true)], 46, q), [[z, a2.value]])])), _: 3 }, 8, ["name"]));
-} }), [["__scopeId", "data-v-4191d2e2"]]), S = ["info", "success", "warning", "danger", "error"], U = ["top-right", "top-left", "bottom-right", "bottom-left"], V = /* @__PURE__ */ new Map();
+  })), f((() => H2())), i2({ bottomOffset: E2, close: Z2 }), (t2, o2) => (u(), d(m, { name: `px-notification-${t2.transitionName}`, onAfterLeave: o2[1] || (o2[1] = (o3) => !a2.value && t2.onDestroy()), onEnter: o2[2] || (o2[2] = (t3) => B2.value = l2.value.getBoundingClientRect().height) }, { default: h((() => [v(g("div", { ref_key: "notifyRef", ref: l2, class: y(["px-notification", { [`px-notification--${t2.type}`]: t2.type, [D2.value]: true, "show-close": t2.showClose, "is-plain": t2.plain, "is-ghost": t2.ghost }]), style: x(A2.value), role: "alert", "aria-live": "danger" === t2.type || "warning" === t2.type ? "assertive" : "polite", onClick: o2[0] || (o2[0] = (...o3) => t2.onClick && t2.onClick(...o3)), onMouseenter: H2, onMouseleave: W2 }, [_(M, { icon: O2.value, class: "px-notification__icon" }, null, 8, ["icon"]), g("div", F, [g("div", G, b(t2.title), 1), g("div", J, [k(t2.$slots, "default", {}, (() => [t2.message ? (u(), d(I(e), { key: 0, vNode: t2.message }, null, 8, ["vNode"])) : w("", true)]), true)])]), t2.showClose ? (u(), C("div", K, [_(M, { icon: "close", onClick: N(Z2, ["stop"]) })])) : w("", true), t2.showTimer && t2.duration > 0 ? (u(), C("div", { key: 1, class: "px-notification__timer", style: x({ animationDuration: `${t2.duration}ms` }) }, null, 4)) : w("", true)], 46, q), [[z, a2.value]])])), _: 3 }, 8, ["name"]));
+} }), [["__scopeId", "data-v-5c4c1be5"]]), S = ["info", "success", "warning", "danger", "error"], U = ["top-right", "top-left", "bottom-right", "bottom-left"], V = /* @__PURE__ */ new Map();
 A(U, ((t2) => {
-  V.set(t2, $([]));
+  V.set(t2, O([]));
 }));
 const { nextZIndex: X } = D(), Y = s((() => {
   let t2;
@@ -38,9 +38,9 @@ const { nextZIndex: X } = D(), Y = s((() => {
   return e2 && e2 > 0 && i(et(n2), e2), ((t3) => {
     const o3 = T().value, e3 = document.createElement("div"), n3 = et(t3.position || "top-right"), i2 = { ...t3, id: o3, zIndex: X(), onDestroy: () => {
       const t4 = W(n3, { id: o3 });
-      -1 !== t4 && (n3.splice(t4, 1), O(null, e3), Y.unregister());
-    } }, s2 = E(Q, i2);
-    O(s2, e3), document.body.appendChild(e3.firstElementChild);
+      -1 !== t4 && (n3.splice(t4, 1), E(null, e3), Y.unregister());
+    } }, s2 = j(Q, i2);
+    E(s2, e3), document.body.appendChild(e3.firstElementChild);
     const a2 = s2.component, l2 = { close: () => a2.exposed.close() }, r2 = { props: i2, id: o3, vm: a2, vnode: s2, handler: l2 };
     return n3.push(r2), Y.register(), r2;
   })(o2).handler;

package/dist/es/{Overlay-CpvMhnuU.js → Overlay-6iPenJB1.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e, createElementBlock as s, openBlock as o, normalizeStyle as t, normalizeClass as a, renderSlot as l } from "vue";
-import { _ as i } from "./utils-BS5vsvlM.js";
+import { _ as i } from "./utils-BXICIEsD.js";
 const d = i(e({ name: "PxOverlay", __name: "Overlay", props: { mask: { type: Boolean, default: true }, zIndex: {}, overlayClass: {} }, emits: ["click"], setup(e2, { emit: i2 }) {
   const d2 = i2;
   function n(e3) {

package/dist/es/Pixelate-A8J7jxDW.js

@@ -0,0 +1,39 @@
+import { b as e, p as t, w as n } from "./utils-BXICIEsD.js";
+import { defineComponent as a, ref as r, computed as i, watch as l, createElementBlock as u, openBlock as o, normalizeStyle as s, createElementVNode as c } from "vue";
+const g = ["src"], d = n(a({ name: "PxPixelate", __name: "Pixelate", props: { src: {}, pixelSize: { default: 8 }, width: {}, height: {}, grayscale: { type: Boolean, default: false }, palette: {}, background: { default: "#FFFFFF" } }, emits: ["rendered", "error"], setup(n2, { expose: a2, emit: d2 }) {
+  const h = n2, p = d2, f = r(), v = r(), m = r(false), x = i((() => {
+    const t2 = {};
+    return null != h.width && (t2.width = e(h.width) ?? ""), null != h.height && (t2.height = e(h.height) ?? ""), t2;
+  })), y = i((() => {
+    const e2 = { "image-rendering": "pixelated" };
+    return null != h.width && (e2.width = "100%"), null != h.height && (e2.height = "100%"), e2;
+  }));
+  function w() {
+    const e2 = f.value, n3 = v.value;
+    e2 && n3 && m.value && (t(e2, n3, { pixelSize: h.pixelSize, grayscale: h.grayscale, palette: h.palette, background: h.background }), p("rendered"));
+  }
+  function k() {
+    m.value = true, w();
+  }
+  function F(e2) {
+    p("error", e2);
+  }
+  return l((() => [h.pixelSize, h.grayscale, h.palette, h.background]), (() => {
+    m.value && w();
+  })), l((() => h.src), (() => {
+    m.value = false;
+  })), a2({ render: function() {
+    w();
+  }, canvasRef: f, originRef: v, getSize: function() {
+    const e2 = f.value;
+    return { width: (e2 == null ? void 0 : e2.width) ?? 0, height: (e2 == null ? void 0 : e2.height) ?? 0 };
+  }, getImageData: function() {
+    const e2 = f.value;
+    if (!e2 || !m.value) return null;
+    const t2 = e2.getContext("2d");
+    return t2 ? t2.getImageData(0, 0, e2.width, e2.height) : null;
+  } }), (e2, t2) => (o(), u("div", { class: "px-pixelate", style: s(x.value) }, [c("canvas", { ref_key: "canvasRef", ref: f, style: s(y.value) }, null, 4), c("img", { ref_key: "originRef", ref: v, src: e2.src, style: { display: "none" }, crossorigin: "anonymous", onLoad: k, onError: F }, null, 40, g)], 4));
+} }));
+export {
+  d as P
+};

package/dist/es/{Popconfirm-DvxFdLrw.js → Popconfirm-gcHGcOTz.js}

@@ -1,23 +1,23 @@
-import { e as o, _ as e, w as t } from "./utils-BS5vsvlM.js";
-import { defineComponent as c, ref as i, computed as n, createBlock as l, openBlock as r, withCtx as a, renderSlot as f, createElementVNode as p, normalizeStyle as s, createCommentVNode as m, createTextVNode as d, toDisplayString as u, createVNode as _, unref as h } from "vue";
-import { g as y } from "./hooks-BqobYUzS.js";
-import { b as B } from "./Button-BJHtN7gh.js";
-import { P as x } from "./Icon-BLDDdSU-.js";
-import { T as w } from "./Tooltip-J3ji6weH.js";
-const T = { class: "px-popconfirm__main" }, v = { class: "px-popconfirm__action" }, b = t(e(c({ name: "PxPopconfirm", __name: "Popconfirm", props: { title: { default: "" }, confirmButtonText: {}, cancelButtonText: {}, confirmButtonType: { default: "primary" }, cancelButtonType: {}, icon: { default: "question-circle" }, iconColor: { default: "#f90" }, hideIcon: { type: Boolean }, hideAfter: { default: 200 }, width: { default: 150 }, disabled: { type: Boolean }, placement: {}, showArrow: { type: Boolean }, effect: {} }, emits: ["confirm", "cancel"], setup(e2, { emit: t2 }) {
-  const c2 = e2, b2 = t2, k = y(), j = i(), P = n((() => ({ width: o(c2.width) })));
+import { b as o, _ as e, w as t } from "./utils-BXICIEsD.js";
+import { defineComponent as c, ref as n, computed as i, createBlock as l, openBlock as r, withCtx as a, renderSlot as f, createElementVNode as p, normalizeStyle as s, createCommentVNode as m, createTextVNode as d, toDisplayString as u, createVNode as _, unref as h } from "vue";
+import { g as y } from "./hooks-pU4JmsO3.js";
+import { b as B } from "./Button-DbFviVWb.js";
+import { P as x } from "./Icon-D6qRB3pq.js";
+import { T as w } from "./Tooltip-CdPqNYdn.js";
+const T = { class: "px-popconfirm__main" }, v = { class: "px-popconfirm__action" }, k = t(e(c({ name: "PxPopconfirm", __name: "Popconfirm", props: { title: { default: "" }, confirmButtonText: {}, cancelButtonText: {}, confirmButtonType: { default: "primary" }, cancelButtonType: {}, icon: { default: "question-circle" }, iconColor: { default: "#f90" }, hideIcon: { type: Boolean }, hideAfter: { default: 200 }, width: { default: 150 }, disabled: { type: Boolean }, placement: {}, showArrow: { type: Boolean }, effect: {} }, emits: ["confirm", "cancel"], setup(e2, { emit: t2 }) {
+  const c2 = e2, k2 = t2, b = y(), j = n(), P = i((() => ({ width: o(c2.width) })));
   function g() {
     var _a;
     (_a = j.value) == null ? void 0 : _a.hide();
   }
   function A(o2) {
-    b2("confirm", o2), g();
+    k2("confirm", o2), g();
   }
   function C(o2) {
-    b2("cancel", o2), g();
+    k2("cancel", o2), g();
   }
-  return (o2, e3) => (r(), l(w, { ref_key: "tooltipRef", ref: j, trigger: "click", "hide-timeout": o2.hideAfter, disabled: o2.disabled, placement: o2.placement, "show-arrow": o2.showArrow, effect: o2.effect }, { content: a((() => [p("div", { class: "px-popconfirm", role: "alertdialog", style: s(P.value) }, [p("div", T, [!o2.hideIcon && o2.icon ? (r(), l(x, { key: 0, icon: o2.icon, color: o2.iconColor }, null, 8, ["icon", "color"])) : m("", true), d(" " + u(o2.title), 1)]), p("div", v, [_(B, { class: "px-popconfirm__cancel", size: "small", type: o2.cancelButtonType, onClick: C }, { default: a((() => [d(u(o2.cancelButtonText || h(k).t("popconfirm.cancelButtonText")), 1)])), _: 1 }, 8, ["type"]), _(B, { class: "px-popconfirm__confirm", size: "small", type: o2.confirmButtonType, onClick: A }, { default: a((() => [d(u(o2.confirmButtonText || h(k).t("popconfirm.confirmButtonText")), 1)])), _: 1 }, 8, ["type"])])], 4)])), default: a((() => [f(o2.$slots, "reference", {}, (() => [f(o2.$slots, "default", {}, void 0, true)]), true)])), _: 3 }, 8, ["hide-timeout", "disabled", "placement", "show-arrow", "effect"]));
+  return (o2, e3) => (r(), l(w, { ref_key: "tooltipRef", ref: j, trigger: "click", "hide-timeout": o2.hideAfter, disabled: o2.disabled, placement: o2.placement, "show-arrow": o2.showArrow, effect: o2.effect }, { content: a((() => [p("div", { class: "px-popconfirm", role: "alertdialog", style: s(P.value) }, [p("div", T, [!o2.hideIcon && o2.icon ? (r(), l(x, { key: 0, icon: o2.icon, color: o2.iconColor }, null, 8, ["icon", "color"])) : m("", true), d(" " + u(o2.title), 1)]), p("div", v, [_(B, { class: "px-popconfirm__cancel", size: "small", type: o2.cancelButtonType, onClick: C }, { default: a((() => [d(u(o2.cancelButtonText || h(b).t("popconfirm.cancelButtonText")), 1)])), _: 1 }, 8, ["type"]), _(B, { class: "px-popconfirm__confirm", size: "small", type: o2.confirmButtonType, onClick: A }, { default: a((() => [d(u(o2.confirmButtonText || h(b).t("popconfirm.confirmButtonText")), 1)])), _: 1 }, 8, ["type"])])], 4)])), default: a((() => [f(o2.$slots, "reference", {}, (() => [f(o2.$slots, "default", {}, void 0, true)]), true)])), _: 3 }, 8, ["hide-timeout", "disabled", "placement", "show-arrow", "effect"]));
 } }), [["__scopeId", "data-v-68772965"]]));
 export {
-  b as P
+  k as P
 };

package/dist/es/{Progress-Bc5INMhJ.js → Progress-DFUBJQ4X.js}

@@ -1,4 +1,4 @@
-import { r as e, c as t, w as r } from "./utils-BS5vsvlM.js";
+import { r as e, c as t, w as r } from "./utils-BXICIEsD.js";
 import { defineComponent as a, computed as s, createElementBlock as o, openBlock as l, normalizeClass as i, createElementVNode as p, createCommentVNode as n, normalizeStyle as d, toDisplayString as u } from "vue";
 const x = { "fill-color": "color", "fill-border-color": "dark", "track-border-color": "dark", "text-color": "dark", "shadow-color": "dark" }, c = ["aria-valuenow"], v = { class: "px-progress__track" }, m = { key: 0, class: "px-progress__inner-text" }, f = { key: 0, class: "px-progress__text" }, g = r(a({ name: "PxProgress", __name: "Progress", props: { percentage: { default: 0 }, type: { default: "primary" }, size: { default: "default" }, status: {}, variant: { default: "solid" }, stripedFlow: { type: Boolean, default: false }, indeterminate: { type: Boolean, default: false }, strokeWidth: { default: 0 }, showText: { type: Boolean, default: true }, textInside: { type: Boolean, default: false }, color: {}, format: {} }, setup(r2, { expose: a2 }) {
   const g2 = r2, h = s((() => Math.max(0, Math.min(100, g2.percentage)))), k = s((() => g2.color ? "function" == typeof g2.color ? g2.color(h.value) : g2.color : "")), w = s((() => k.value ? e(t(k.value), "px-progress", x) : {})), y = s((() => {

package/dist/es/{Radio-263_rtRl.js → Radio-CLBa1XIM.js}

@@ -1,7 +1,7 @@
-import { c as e, r as a, w as l } from "./utils-BS5vsvlM.js";
+import { c as e, r as a, w as l } from "./utils-BXICIEsD.js";
 import { defineComponent as o, useSlots as d, inject as r, ref as u, computed as i, createElementBlock as t, openBlock as s, normalizeStyle as n, normalizeClass as c, createElementVNode as p, createCommentVNode as m, unref as v, renderSlot as f, createTextVNode as h, toDisplayString as b, provide as y } from "vue";
-import { u as x } from "./hooks-BqobYUzS.js";
-import { u as _ } from "./Form-7lZt5ehf.js";
+import { u as x } from "./hooks-pU4JmsO3.js";
+import { u as _ } from "./Form-B_XDnSjK.js";
 const g = Symbol("radioGroupContext"), k = { "checked-color": "color", "checked-border-color": "dark" }, V = { class: "px-radio__input" }, z = ["aria-checked", "id", "name", "disabled", "checked"], B = { key: 0, class: "px-radio__label" }, R = o({ name: "PxRadio", inheritAttrs: false, __name: "Radio", props: { modelValue: { type: [String, Number, Boolean] }, value: { type: [String, Number, Boolean] }, disabled: { type: Boolean, default: false }, size: {}, type: {}, color: {}, label: {}, name: {}, id: {} }, emits: ["update:modelValue", "change"], setup(l2, { expose: o2, emit: y2 }) {
   const R2 = l2, S2 = y2, $2 = d(), j2 = r(g, void 0), G2 = !!j2, { formItem: N } = _(), P = u(), C = x().value, E = i((() => G2 ? j2.modelValue.value === R2.value : R2.modelValue === R2.value)), I = i((() => !!(j2 == null ? void 0 : j2.disabled.value) || R2.disabled)), w = i((() => R2.size ?? (j2 == null ? void 0 : j2.size.value))), A = i((() => R2.type ?? (j2 == null ? void 0 : j2.type.value))), F = i((() => R2.color ?? (j2 == null ? void 0 : j2.color.value))), q = i((() => R2.name ?? (j2 == null ? void 0 : j2.name.value))), D = i((() => {
     const l3 = F.value;

package/dist/es/Resizable-BWrFr2oj.js

@@ -0,0 +1,151 @@
+import { a as e, w as i } from "./utils-BXICIEsD.js";
+import { defineComponent as t, ref as n, reactive as a, shallowRef as l, onMounted as o, onBeforeUnmount as s, computed as r, provide as u, createElementBlock as d, openBlock as c, normalizeClass as v, renderSlot as f, triggerRef as z, inject as p, normalizeStyle as m, watch as g } from "vue";
+const S = Symbol("resizableGroupContext"), w = t({ name: "PxResizableGroup", __name: "ResizableGroup", props: { direction: {}, autoSaveId: {}, keyboardResizeBy: { default: 10 } }, emits: ["layout"], setup(i2, { emit: t2 }) {
+  const p2 = i2, m2 = t2, g2 = n(), w2 = a([]), x2 = l(/* @__PURE__ */ new Map()), b2 = a([]);
+  let h2 = 0, y2 = 0;
+  function P2(i3, t3, n2) {
+    const a2 = (x2.value.get(i3.id) ?? 0) + (x2.value.get(t3.id) ?? 0);
+    let l2 = a2 - (n2 = e(n2, i3.minSize, i3.maxSize));
+    l2 = e(l2, t3.minSize, t3.maxSize), n2 = a2 - l2, x2.value.set(i3.id, n2), x2.value.set(t3.id, l2), z(x2);
+  }
+  o((() => {
+    !(function() {
+      if (p2.autoSaveId) try {
+        const e3 = localStorage.getItem(`px-resizable-${p2.autoSaveId}`);
+        if (e3) {
+          const i4 = JSON.parse(e3);
+          if (i4.length === w2.length) {
+            const e4 = /* @__PURE__ */ new Map();
+            return w2.forEach(((t4, n3) => {
+              e4.set(t4.id, i4[n3]);
+            })), void (x2.value = e4);
+          }
+        }
+      } catch {
+      }
+      const e2 = /* @__PURE__ */ new Map();
+      let i3 = 0, t3 = 0;
+      for (const n3 of w2) null != n3.defaultSize ? (e2.set(n3.id, n3.defaultSize), i3 += n3.defaultSize) : t3++;
+      const n2 = t3 > 0 ? (100 - i3) / t3 : 0;
+      for (const i4 of w2) null == i4.defaultSize && e2.set(i4.id, n2);
+      x2.value = e2;
+    })();
+  }));
+  let R = null, E = -1, L = null;
+  function k(e2) {
+    if (E < 0 || !R) return;
+    const i3 = "touches" in e2 ? e2.touches[0].clientX : e2.clientX, t3 = "touches" in e2 ? e2.touches[0].clientY : e2.clientY, n2 = "horizontal" === p2.direction, a2 = n2 ? i3 : t3, l2 = n2 ? R.left : R.top, o2 = n2 ? R.width : R.height;
+    if (0 === o2) return;
+    const s2 = (a2 - l2) / o2 * 100, r2 = w2[E], u2 = w2[E + 1];
+    if (!r2 || !u2) return;
+    let d2 = 0;
+    for (let e3 = 0; e3 < E; e3++) d2 += x2.value.get(w2[e3].id) ?? 0;
+    P2(r2, u2, s2 - d2), H();
+  }
+  function I() {
+    E = -1, R = null, window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", k), window.removeEventListener("touchend", I), A(), L && (L(), L = null);
+  }
+  function H() {
+    const e2 = w2.map(((e3) => x2.value.get(e3.id) ?? 0));
+    m2("layout", e2);
+  }
+  function A() {
+    if (p2.autoSaveId) try {
+      const e2 = w2.map(((e3) => x2.value.get(e3.id) ?? 0));
+      localStorage.setItem(`px-resizable-${p2.autoSaveId}`, JSON.stringify(e2));
+    } catch {
+    }
+  }
+  s((() => {
+    window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", k), window.removeEventListener("touchend", I);
+  }));
+  const B = r((() => p2.direction)), M = r((() => p2.keyboardResizeBy));
+  return u(S, { direction: B, keyboardResizeBy: M, registerPanel: function(e2) {
+    e2.id = h2++, w2.push(e2);
+  }, unregisterPanel: function(e2) {
+    const i3 = w2.findIndex(((i4) => i4.id === e2));
+    i3 > -1 && w2.splice(i3, 1), x2.value.delete(e2), z(x2);
+  }, getPanelSize: function(e2) {
+    return x2.value.get(e2) ?? 0;
+  }, setPanelSize: function(i3, t3, n2 = false) {
+    const a2 = w2.find(((e2) => e2.id === i3));
+    if (!a2) return;
+    const l2 = n2 ? t3 : e(t3, a2.minSize, a2.maxSize), o2 = l2 - (x2.value.get(i3) ?? 0);
+    if (0 === o2) return;
+    const s2 = w2.indexOf(a2), r2 = w2[s2 + 1] ?? w2[s2 - 1];
+    if (!r2) return;
+    const u2 = (x2.value.get(r2.id) ?? 0) - o2;
+    !n2 && (u2 < r2.minSize || u2 > r2.maxSize) || (x2.value.set(i3, l2), x2.value.set(r2.id, u2), z(x2), H());
+  }, startResize: function(e2, i3) {
+    var _a;
+    const t3 = b2.indexOf(e2);
+    t3 < 0 || (E = t3, R = ((_a = g2.value) == null ? void 0 : _a.getBoundingClientRect()) ?? null, L = i3 ?? null, window.addEventListener("mousemove", k), window.addEventListener("mouseup", I), window.addEventListener("touchmove", k, { passive: true }), window.addEventListener("touchend", I));
+  }, keyboardResize: function(e2, i3) {
+    const t3 = b2.indexOf(e2);
+    if (t3 < 0) return;
+    const n2 = w2[t3], a2 = w2[t3 + 1];
+    n2 && a2 && (P2(n2, a2, (x2.value.get(n2.id) ?? 0) + i3), H(), A());
+  }, getNextHandleId: function() {
+    return y2++;
+  }, registerHandle: function(e2) {
+    b2.push(e2);
+  }, unregisterHandle: function(e2) {
+    const i3 = b2.indexOf(e2);
+    i3 > -1 && b2.splice(i3, 1);
+  }, panelSizes: x2 }), (e2, i3) => (c(), d("div", { ref_key: "groupRef", ref: g2, class: v(["px-resizable-group", { "is-horizontal": "horizontal" === B.value, "is-vertical": "vertical" === B.value }]) }, [f(e2.$slots, "default")], 2));
+} }), x = t({ name: "PxResizableHandle", __name: "ResizableHandle", props: { disabled: { type: Boolean, default: false }, hitAreaMargins: { default: 0 } }, emits: ["dragging"], setup(e2, { emit: i2 }) {
+  const t2 = e2, a2 = i2, l2 = p(S);
+  if (!l2) throw new Error("PxResizableHandle must be used inside PxResizableGroup");
+  let u2 = -1;
+  const f2 = n(false);
+  o((() => {
+    u2 = l2.getNextHandleId(), l2.registerHandle(u2);
+  })), s((() => {
+    l2.unregisterHandle(u2);
+  }));
+  const z2 = r((() => "vertical" === l2.direction.value));
+  function g2() {
+    t2.disabled || (f2.value = true, a2("dragging", true), l2.startResize(u2, (() => {
+      f2.value = false, a2("dragging", false);
+    })));
+  }
+  function w2(e3) {
+    if (t2.disabled) return;
+    const i3 = "horizontal" === l2.direction.value ? "ArrowRight" === e3.key ? 1 : "ArrowLeft" === e3.key ? -1 : 0 : "ArrowDown" === e3.key ? 1 : "ArrowUp" === e3.key ? -1 : 0;
+    0 !== i3 && (e3.preventDefault(), l2.keyboardResize(u2, i3 * l2.keyboardResizeBy.value));
+  }
+  const x2 = r((() => t2.hitAreaMargins ? { "--px-handle-hit-area": `${t2.hitAreaMargins}px` } : {}));
+  return (e3, i3) => (c(), d("div", { class: v(["px-resizable-handle", { "is-disabled": t2.disabled, "is-vertical": z2.value, "is-dragging": f2.value, "has-hit-area": !!t2.hitAreaMargins }]), style: m(x2.value), role: "separator", tabindex: "0", onMousedown: g2, onTouchstartPassive: g2, onKeydown: w2 }, null, 38));
+} }), b = t({ name: "PxResizablePanel", __name: "ResizablePanel", props: { defaultSize: {}, minSize: { default: 10 }, maxSize: { default: 100 }, collapsible: { type: Boolean, default: false }, collapsedSize: { default: 0 } }, emits: ["resize", "collapse", "expand"], setup(e2, { expose: i2, emit: t2 }) {
+  const a2 = e2, l2 = t2, u2 = p(S);
+  if (!u2) throw new Error("PxResizablePanel must be used inside PxResizableGroup");
+  const z2 = n(-1), w2 = n(false);
+  let x2 = 0;
+  const b2 = { id: 0, minSize: a2.minSize, maxSize: a2.maxSize, collapsible: a2.collapsible, collapsedSize: a2.collapsedSize, defaultSize: a2.defaultSize };
+  g((() => [a2.minSize, a2.maxSize, a2.collapsible, a2.collapsedSize]), (([e3, i3, t3, n2]) => {
+    b2.minSize = e3, b2.maxSize = i3, b2.collapsible = t3, b2.collapsedSize = n2;
+  })), o((() => {
+    u2.registerPanel(b2), z2.value = b2.id;
+  })), s((() => {
+    u2.unregisterPanel(z2.value);
+  }));
+  const h2 = r((() => u2.panelSizes.value.get(z2.value) ?? 0));
+  g(h2, ((e3, i3) => {
+    void 0 !== i3 && e3 !== i3 && l2("resize", e3);
+  }));
+  const y2 = r((() => ({ flexBasis: `${h2.value}%`, flexGrow: 0, flexShrink: 0 })));
+  return i2({ collapse: function() {
+    a2.collapsible && !w2.value && (x2 = h2.value, w2.value = true, u2.setPanelSize(z2.value, a2.collapsedSize, true), l2("collapse"));
+  }, expand: function() {
+    w2.value && (w2.value = false, u2.setPanelSize(z2.value, x2, true), l2("expand"));
+  }, getSize: function() {
+    return h2.value;
+  }, resize: function(e3) {
+    u2.setPanelSize(z2.value, e3);
+  } }), (e3, i3) => (c(), d("div", { class: v(["px-resizable-panel", { "is-collapsed": w2.value }]), style: m(y2.value) }, [f(e3.$slots, "default")], 6));
+} }), h = i(w), y = i(b), P = i(x);
+export {
+  h as P,
+  P as a,
+  y as b
+};

package/dist/es/{Select-7ZxUCS8z.js → Select-BtLqds1d.js}

@@ -1,10 +1,10 @@
-import { R as e, _ as l, c as t, r as a, w as o } from "./utils-BS5vsvlM.js";
-import { defineComponent as i, inject as s, computed as n, createElementBlock as u, openBlock as r, withModifiers as d, normalizeClass as c, renderSlot as p, createVNode as h, unref as v, useSlots as f, ref as m, reactive as g, watchEffect as b, nextTick as x, watch as y, onMounted as _, onBeforeUnmount as V, provide as w, normalizeStyle as I, withCtx as M, createCommentVNode as k, createElementVNode as S, toDisplayString as O, Fragment as L, renderList as B, createBlock as D, mergeProps as z } from "vue";
-import { C as $, D as j, g as C, b as F, s as R, e as E, E as H, F as P, f as W, y as q, q as A, i as N, G as T, c as U } from "./vendor-DXmGx29U.js";
-import { g as G, u as K, e as J, c as Q } from "./hooks-BqobYUzS.js";
-import { P as X } from "./Icon-BLDDdSU-.js";
-import { _ as Y } from "./Input-C5HuVehE.js";
-import { T as Z } from "./Tooltip-J3ji6weH.js";
+import { R as e, _ as l, c as t, r as a, w as o } from "./utils-BXICIEsD.js";
+import { defineComponent as i, inject as s, computed as n, createElementBlock as u, openBlock as r, withModifiers as d, normalizeClass as c, renderSlot as p, createVNode as h, unref as v, useSlots as f, ref as m, reactive as g, watchEffect as b, nextTick as x, watch as y, onMounted as _, onBeforeUnmount as V, provide as w, normalizeStyle as I, withCtx as k, createCommentVNode as M, createElementVNode as S, toDisplayString as O, Fragment as L, renderList as B, createBlock as D, mergeProps as z } from "vue";
+import { C as $, D as j, g as C, b as F, s as R, e as E, E as H, F as P, f as W, y as q, q as A, i as N, G as T, c as U } from "./vendor-DrBJKLFW.js";
+import { g as G, u as K, e as J, c as Q } from "./hooks-pU4JmsO3.js";
+import { P as X } from "./Icon-D6qRB3pq.js";
+import { _ as Y } from "./Input-bThwBbNZ.js";
+import { T as Z } from "./Tooltip-CdPqNYdn.js";
 const ee = Symbol("selectContext"), le = { modifiers: [{ name: "offset", options: { offset: [0, 9] } }, { name: "sameWidth", enabled: true, fn: ({ state: e2 }) => {
   e2.styles.popper.width = `${e2.rects.reference.width}px`;
 }, phase: "beforeWrite", requires: ["computeStyles"] }] }, te = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "info"]), ae = { default: { "item-selected-font-color": "color", "item-selected-bg-color": "light", "item-indicator-color": "color", "item-highlighted-border-color": "color" }, ghost: { "item-selected-font-color": "color", "item-selected-bg-color": "light", "item-indicator-color": "color", "item-highlighted-border-color": "color" } }, oe = ["aria-selected", "id"], ie = l(i({ name: "PxOption", __name: "Option", props: { value: {}, label: {}, disabled: { type: Boolean, default: false } }, setup(l2) {
@@ -19,7 +19,7 @@ const ee = Symbol("selectContext"), le = { modifiers: [{ name: "offset", options
     var _a, _b;
     return [h(v(e), { vNode: ((_a = v(a2)) == null ? void 0 : _a.renderLabel) ? (_b = v(a2)) == null ? void 0 : _b.renderLabel(t2) : l3.label }, null, 8, ["vNode"])];
   }), true)], 10, oe));
-} }), [["__scopeId", "data-v-d9852f9a"]]), se = { key: 0, class: "px-select__loading" }, ne = { key: 1, class: "px-select__nodata" }, ue = ["id"], re = o(l(i({ name: "PxSelect", __name: "Select", props: { modelValue: {}, id: {}, options: { default: () => [] }, placeholder: {}, disabled: { type: Boolean }, clearable: { type: Boolean }, ghost: { type: Boolean }, color: {}, size: {}, renderLabel: {}, filterable: { type: Boolean }, filterMethod: {}, remote: { type: Boolean }, remoteMethod: {} }, emits: ["update:modelValue", "change", "visible-change", "clear", "focus", "blur"], setup(e2, { expose: l2, emit: o2 }) {
+} }), [["__scopeId", "data-v-1ab275ee"]]), se = { key: 0, class: "px-select__loading" }, ne = { key: 1, class: "px-select__nodata" }, ue = ["id"], re = o(l(i({ name: "PxSelect", __name: "Select", props: { modelValue: {}, id: {}, options: { default: () => [] }, placeholder: {}, disabled: { type: Boolean }, clearable: { type: Boolean }, ghost: { type: Boolean }, color: {}, size: {}, renderLabel: {}, filterable: { type: Boolean }, filterMethod: {}, remote: { type: Boolean }, remoteMethod: {} }, emits: ["update:modelValue", "change", "visible-change", "clear", "focus", "blur"], setup(e2, { expose: l2, emit: o2 }) {
   const i2 = G(), s2 = e2, p2 = o2, $2 = f(), oe2 = m(), re2 = m(), de2 = m(), ce = m(/* @__PURE__ */ new Map()), pe = m(s2.options ?? []), he = m(false), ve = We(s2.modelValue), fe = g({ inputValue: (ve == null ? void 0 : ve.label) ?? "", selectedOption: ve, mouseHover: false, loading: false, highlightedIndex: -1 }), me = n((() => s2.disabled)), ge = n((() => te.has(s2.color ?? ""))), be = n((() => !!s2.color && !ge.value)), xe = n((() => {
     if (!be.value) return {};
     const e3 = t(s2.color), l3 = s2.ghost ? "ghost" : "default";
@@ -33,7 +33,7 @@ const ee = Symbol("selectContext"), le = { modifiers: [{ name: "offset", options
   })), Ie = n((() => _e.value ? E(ye.value, ((e3) => {
     var _a, _b, _c;
     return { props: { ...e3.props, disabled: true === ((_a = e3.props) == null ? void 0 : _a.disabled) || !N((_b = e3.props) == null ? void 0 : _b.disabled) && !T((_c = e3.props) == null ? void 0 : _c.disabled) } };
-  })) : [])), Me = n((() => !!s2.filterable && !ke.value)), ke = n((() => _e.value && ce.value.size > 0 || !_e.value && R(pe.value) > 0)), Se = n((() => _e.value ? ce.value.size - 1 : R(pe.value) - 1)), Oe = n((() => s2.filterable && fe.selectedOption && he.value ? fe.selectedOption.label : s2.placeholder)), Le = n((() => s2.remote ? 300 : 100));
+  })) : [])), ke = n((() => !!s2.filterable && !Me.value)), Me = n((() => _e.value && ce.value.size > 0 || !_e.value && R(pe.value) > 0)), Se = n((() => _e.value ? ce.value.size - 1 : R(pe.value) - 1)), Oe = n((() => s2.filterable && fe.selectedOption && he.value ? fe.selectedOption.label : s2.placeholder)), Le = n((() => s2.remote ? 300 : 100));
   let Be = H(Ne, Le.value);
   b((() => {
     Be.cancel(), Be = H(Ne, Le.value);
@@ -47,7 +47,7 @@ const ee = Symbol("selectContext"), le = { modifiers: [{ name: "offset", options
     })), n2.set("ArrowDown", ((e4) => {
       e4.preventDefault(), i3.value && (-1 !== t2.highlightedIndex && t2.highlightedIndex !== s3.value ? t2.highlightedIndex++ : t2.highlightedIndex = 0);
     })), n2;
-  })({ isDropdownVisible: he, controlVisible: Ee, selectStates: fe, highlightedLine: we, handleSelect: qe, hasData: ke, lastIndex: Se });
+  })({ isDropdownVisible: he, controlVisible: Ee, selectStates: fe, highlightedLine: we, handleSelect: qe, hasData: Me, lastIndex: Se });
   function Re(e3) {
     $e.value && x((() => je(new FocusEvent("focus", e3))));
   }
@@ -125,9 +125,9 @@ const ee = Symbol("selectContext"), le = { modifiers: [{ name: "offset", options
     (_a = de2.value) == null ? void 0 : _a.focus();
   }, blur: () => {
     Re();
-  } }), (e3, l3) => (r(), u("div", { ref_key: "selectRef", ref: oe2, class: c(["px-select", { "is-disabled": me.value, "is-ghost": e3.ghost, [`px-select--${e3.size}`]: e3.size, [`px-select--${e3.color}`]: ge.value }]), style: I(xe.value), onClick: d(He, ["stop"]), onMouseenter: l3[2] || (l3[2] = (e4) => fe.mouseHover = true), onMouseleave: l3[3] || (l3[3] = (e4) => fe.mouseHover = false) }, [h(Z, { ref_key: "tooltipRef", ref: re2, placement: "bottom-start", "popper-options": v(le), onClickOutside: l3[1] || (l3[1] = (e4) => Ee(false)), manual: "" }, { default: M((() => [S("div", { ref_key: "inputWrapperRef", ref: ze }, [h(Y, { ref_key: "inputRef", ref: de2, modelValue: fe.inputValue, "onUpdate:modelValue": l3[0] || (l3[0] = (e4) => fe.inputValue = e4), id: v(De), disabled: me.value, ghost: e3.ghost, color: e3.color, size: e3.size, placeholder: e3.filterable ? Oe.value : e3.placeholder, readonly: !e3.filterable || !he.value, "aria-controls": `px-select-menu-${v(De)}`, "aria-activedescendant": we.value ? `select-item-${we.value.value}` : void 0, onFocus: v(Ce), onBlur: v(je), onInput: v(Be), onKeydown: Te }, { suffix: M((() => [Ve.value ? (r(), D(X, { key: 0, icon: "close-box", class: "px-input__clear", onClick: d(Pe, ["stop"]), onMousedown: d(v(A), ["prevent"]) }, null, 8, ["onMousedown"])) : (r(), D(X, { key: 1, class: c(["header-angle", { "is-active": he.value }]), icon: "chevron-down" }, null, 8, ["class"]))])), _: 1 }, 8, ["modelValue", "id", "disabled", "ghost", "color", "size", "placeholder", "readonly", "aria-controls", "aria-activedescendant", "onFocus", "onBlur", "onInput"])], 512)])), content: M((() => [fe.loading ? (r(), u("div", se, [h(X, { icon: "loader", spin: "" })])) : e3.filterable && Me.value ? (r(), u("div", ne, O(v(i2).t("select.noData")), 1)) : k("", true), S("ul", { class: "px-select__menu", role: "listbox", id: `px-select-menu-${v(De)}` }, [_e.value ? (r(true), u(L, { key: 1 }, B(ce.value, (([e4, l4]) => (r(), D(ie, z({ key: e4, ref_for: true }, l4), null, 16)))), 128)) : (r(true), u(L, { key: 0 }, B(pe.value, ((e4) => (r(), D(ie, z({ key: e4.value, ref_for: true }, e4), null, 16)))), 128))], 8, ue)])), _: 1 }, 8, ["popper-options"])], 38));
-} }), [["__scopeId", "data-v-4d450d40"]])), de = o(ie);
+  } }), (e3, l3) => (r(), u("div", { ref_key: "selectRef", ref: oe2, class: c(["px-select", { "is-disabled": me.value, "is-ghost": e3.ghost, [`px-select--${e3.size}`]: e3.size, [`px-select--${e3.color}`]: ge.value }]), style: I(xe.value), onClick: d(He, ["stop"]), onMouseenter: l3[2] || (l3[2] = (e4) => fe.mouseHover = true), onMouseleave: l3[3] || (l3[3] = (e4) => fe.mouseHover = false) }, [h(Z, { ref_key: "tooltipRef", ref: re2, placement: "bottom-start", "popper-options": v(le), onClickOutside: l3[1] || (l3[1] = (e4) => Ee(false)), manual: "" }, { default: k((() => [S("div", { ref_key: "inputWrapperRef", ref: ze }, [h(Y, { ref_key: "inputRef", ref: de2, modelValue: fe.inputValue, "onUpdate:modelValue": l3[0] || (l3[0] = (e4) => fe.inputValue = e4), id: v(De), disabled: me.value, ghost: e3.ghost, color: e3.color, size: e3.size, placeholder: e3.filterable ? Oe.value : e3.placeholder, readonly: !e3.filterable || !he.value, "aria-controls": `px-select-menu-${v(De)}`, "aria-activedescendant": we.value ? `select-item-${we.value.value}` : void 0, onFocus: v(Ce), onBlur: v(je), onInput: v(Be), onKeydown: Te }, { suffix: k((() => [Ve.value ? (r(), D(X, { key: 0, icon: "close-box", class: "px-input__clear", onClick: d(Pe, ["stop"]), onMousedown: d(v(A), ["prevent"]) }, null, 8, ["onMousedown"])) : (r(), D(X, { key: 1, class: c(["header-angle", { "is-active": he.value }]), icon: "chevron-down" }, null, 8, ["class"]))])), _: 1 }, 8, ["modelValue", "id", "disabled", "ghost", "color", "size", "placeholder", "readonly", "aria-controls", "aria-activedescendant", "onFocus", "onBlur", "onInput"])], 512)])), content: k((() => [fe.loading ? (r(), u("div", se, [h(X, { icon: "loader", spin: "" })])) : e3.filterable && ke.value ? (r(), u("div", ne, O(v(i2).t("select.noData")), 1)) : M("", true), S("ul", { class: "px-select__menu", role: "listbox", id: `px-select-menu-${v(De)}` }, [_e.value ? (r(true), u(L, { key: 1 }, B(ce.value, (([e4, l4]) => (r(), D(ie, z({ key: e4, ref_for: true }, l4), null, 16)))), 128)) : (r(true), u(L, { key: 0 }, B(pe.value, ((e4) => (r(), D(ie, z({ key: e4.value, ref_for: true }, e4), null, 16)))), 128))], 8, ue)])), _: 1 }, 8, ["popper-options"])], 38));
+} }), [["__scopeId", "data-v-e33550e6"]])), de = o(ie);
 export {
-  re as P,
-  de as a
+  de as P,
+  re as a
 };

package/dist/es/Skeleton-CGUQv3nQ.js

@@ -0,0 +1,15 @@
+import { b as e, w as t } from "./utils-BXICIEsD.js";
+import { defineComponent as a, computed as i, createElementBlock as n, renderSlot as l, openBlock as s, normalizeClass as o, Fragment as r, renderList as d, normalizeStyle as u } from "vue";
+const m = t(a({ name: "PxSkeleton", __name: "Skeleton", props: { loading: { type: Boolean, default: true }, animated: { type: Boolean, default: true }, animation: { default: "shimmer" }, variant: { default: "rectangular" }, width: {}, height: {}, rows: { default: 1 }, size: {} }, setup(t2) {
+  const a2 = t2, m2 = i((() => {
+    const t3 = {}, i2 = e(a2.width), n2 = e(a2.height);
+    return i2 && (t3.width = i2), n2 && (t3.height = n2), t3;
+  })), p = i((() => "text" === a2.variant && a2.rows > 1));
+  return (e2, t3) => e2.loading ? (s(), n("div", { key: 0, class: o(["px-skeleton", [`px-skeleton--${e2.variant}`, { [`px-skeleton--${e2.size}`]: e2.size && "default" !== e2.size, "is-loading": e2.loading, "is-animated": e2.animated, [`is-animation-${e2.animation}`]: e2.animated }]]) }, [p.value ? (s(true), n(r, { key: 0 }, d(e2.rows, ((e3) => {
+    return s(), n("div", { key: e3, class: "px-skeleton__row", style: u((t4 = e3, t4 === a2.rows ? { ...m2.value, width: m2.value.width ?? "60%" } : m2.value)) }, null, 4);
+    var t4;
+  })), 128)) : (s(), n("div", { key: 1, class: "px-skeleton__bone", style: u(m2.value) }, null, 4))], 2)) : l(e2.$slots, "default", { key: 1 });
+} }));
+export {
+  m as P
+};

package/dist/es/{Switch-DiCsMJT3.js → Switch-CZJ-S77_.js}

@@ -1,7 +1,7 @@
-import { c as e, w as c } from "./utils-BS5vsvlM.js";
+import { c as e, w as c } from "./utils-BXICIEsD.js";
 import { defineComponent as i, computed as a, ref as t, onMounted as o, watch as l, createElementBlock as s, openBlock as n, normalizeStyle as r, normalizeClass as u, createElementVNode as v, withKeys as d, unref as p, createCommentVNode as h, toDisplayString as x, createBlock as m } from "vue";
-import { u as f } from "./hooks-BqobYUzS.js";
-import { P as w } from "./Icon-BLDDdSU-.js";
+import { u as f } from "./hooks-pU4JmsO3.js";
+import { P as w } from "./Icon-D6qRB3pq.js";
 const k = ["aria-checked", "id", "name", "disabled", "checked"], _ = { class: "px-switch__core" }, y = { class: "px-switch__core-inner" }, b = { key: 0, class: "px-switch__core-inner-text" }, V = { class: "px-switch__core-action" }, C = c(i({ name: "PxSwitch", inheritAttrs: false, __name: "Switch", props: { modelValue: { type: [Boolean, String, Number] }, disabled: { type: Boolean }, activeText: {}, inactiveText: {}, activeValue: { type: [Boolean, String, Number], default: true }, inactiveValue: { type: [Boolean, String, Number], default: false }, name: {}, id: {}, size: {}, type: {}, activeColor: {}, inactiveColor: {}, activeIcon: {}, inactiveIcon: {} }, emits: ["update:modelValue", "change"], setup(c2, { expose: i2, emit: C2 }) {
   const T = c2, g = C2, I = a((() => T.disabled)), S = t(T.modelValue), z = t(), B = f().value, j = a((() => S.value === T.activeValue)), N = a((() => j.value ? T.activeIcon : T.inactiveIcon)), P = a((() => {
     const c3 = {};

package/dist/es/{Table-BvA_xzDe.js → Table-lHbxiyGq.js}

@@ -1,4 +1,4 @@
-import { w as e } from "./utils-BS5vsvlM.js";
+import { w as e } from "./utils-BXICIEsD.js";
 import { defineComponent as o, computed as s, createElementBlock as t, openBlock as a, normalizeClass as l, createElementVNode as p, renderSlot as i } from "vue";
 const r = { class: "px-table__inner" }, n = ["xs", "sm", "md", "lg", "xl"], b = e(o({ name: "PxTable", __name: "Table", props: { type: {}, zebra: { type: Boolean }, hover: { type: Boolean }, border: { type: Boolean }, stripe: { type: Boolean }, pinRows: { type: Boolean }, pinCols: { type: Boolean }, size: { default: "md" }, showHeader: { type: Boolean, default: true }, outline: { type: Boolean }, ghost: { type: Boolean }, hoverable: { type: Boolean } }, setup(e2) {
   const o2 = e2, n2 = s((() => o2.zebra || o2.stripe)), b2 = s((() => ({ "px-table": true, [`px-table--${o2.size}`]: o2.size, [`px-table--${o2.type}`]: o2.type, "is-zebra": n2.value, "is-hover": o2.hover, "is-border": o2.border, "is-pin-rows": o2.pinRows, "is-pin-cols": o2.pinCols, "is-hide-header": !o2.showHeader, "is-outline": o2.outline, "is-ghost": o2.ghost, "is-hoverable": o2.hoverable })));

package/dist/es/{Tooltip-J3ji6weH.js → Tooltip-CdPqNYdn.js}

@@ -1,8 +1,8 @@
-import { e, _ as t, w as a } from "./utils-BS5vsvlM.js";
+import { b as e, _ as t, w as a } from "./utils-BXICIEsD.js";
 import { onMounted as o, watch as l, onUnmounted as i, defineComponent as r, ref as n, computed as u, watchEffect as s, createElementBlock as c, openBlock as v, mergeProps as p, toHandlers as d, renderSlot as f, createVNode as m, unref as g, Transition as h, withCtx as y, createCommentVNode as x, createTextVNode as _, toDisplayString as b } from "vue";
 import { createPopper as k } from "@popperjs/core";
-import { u as T, c as w } from "./hooks-BqobYUzS.js";
-import { H as B, f as $, E as j, v as W } from "./vendor-DXmGx29U.js";
+import { u as T, c as w } from "./hooks-pU4JmsO3.js";
+import { H as B, f as $, E as j, v as W } from "./vendor-DrBJKLFW.js";
 const A = ["aria-describedby"], E = ["id"], L = { key: 0, class: "px-tooltip__arrow", "data-popper-arrow": "" }, N = t(r({ name: "PxTooltip", __name: "Tooltip", props: { content: {}, trigger: { default: "hover" }, placement: { default: "bottom" }, manual: { type: Boolean }, disabled: { type: Boolean }, popperOptions: {}, transition: { default: "fade" }, showTimeout: { default: 0 }, hideTimeout: { default: 200 }, virtualRef: {}, virtualTriggering: { type: Boolean }, effect: { default: "dark" }, type: {}, enterable: { type: Boolean, default: true }, maxWidth: {}, showArrow: { type: Boolean } }, emits: ["visible-change", "click-outside"], setup(t2, { expose: a2, emit: r2 }) {
   const N2 = t2, R2 = r2, O = n(false), P = T("px-tooltip"), D = n({}), H = n({}), I = n({}), M = n(), q = n(), z = n(), C = u((() => N2.virtualTriggering ? N2.virtualRef : z.value)), F = u((() => ({ placement: N2.placement, modifiers: [{ name: "offset", options: { offset: [0, 9] } }], ...N2.popperOptions }))), G = u((() => "hover" === N2.trigger ? N2.showTimeout : 0)), J = u((() => "hover" === N2.trigger ? N2.hideTimeout : 0)), K = u((() => N2.maxWidth ? { maxWidth: e(N2.maxWidth) } : {}));
   let Q, S, U;