sakana-element 2.2.0 → 2.4.0

package/dist/es/Popconfirm-gcHGcOTz.js

@@ -0,0 +1,23 @@
+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) {
+    k2("confirm", o2), g();
+  }
+  function C(o2) {
+    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(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 {
+  k as P
+};

package/dist/es/Progress-DFUBJQ4X.js

@@ -0,0 +1,12 @@
+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((() => {
+    const e2 = { ...w.value };
+    return g2.indeterminate || (e2.width = `${h.value}%`), g2.strokeWidth && (e2["--px-progress-height"] = `${g2.strokeWidth}px`), e2;
+  })), _ = s((() => g2.format ? g2.format(h.value) : `${h.value}%`)), $ = s((() => g2.status ? `px-progress--${g2.status}` : ""));
+  return a2({ clampedPercentage: h }), (e2, t2) => (l(), o("div", { class: i(["px-progress", [`px-progress--${e2.type}`, `px-progress--${e2.size}`, $.value, { [`px-progress--${e2.variant}`]: "solid" !== e2.variant, "is-striped-flow": e2.stripedFlow && "striped" === e2.variant, "is-indeterminate": e2.indeterminate, "is-text-inside": e2.textInside }]]), role: "progressbar", "aria-valuenow": e2.indeterminate ? void 0 : h.value, "aria-valuemin": 0, "aria-valuemax": 100 }, [p("div", v, [p("div", { class: "px-progress__fill", style: d(y.value) }, [e2.showText && e2.textInside && !e2.indeterminate ? (l(), o("span", m, u(_.value), 1)) : n("", true)], 4)]), !e2.showText || e2.textInside || e2.indeterminate ? n("", true) : (l(), o("span", f, u(_.value), 1))], 10, c));
+} }));
+export {
+  g as P
+};

package/dist/es/Radio-CLBa1XIM.js

@@ -0,0 +1,33 @@
+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-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;
+    if (!l3) return {};
+    const o3 = e(l3);
+    return a(o3, "px-radio", k);
+  }));
+  function H() {
+    if (I.value) return;
+    if (E.value) return;
+    const e2 = R2.value;
+    G2 ? j2.changeEvent(e2) : (S2("update:modelValue", e2), S2("change", e2)), G2 || (N == null ? void 0 : N.validate("change").catch(((e3) => {
+    })));
+  }
+  return o2({ checked: E, focus: () => {
+    var _a;
+    (_a = P.value) == null ? void 0 : _a.focus();
+  } }), (e2, a2) => (s(), t("div", { class: c(["px-radio", { [`px-radio--${w.value}`]: w.value, [`px-radio--${A.value}`]: A.value, "is-disabled": I.value, "is-checked": E.value }]), style: n(D.value), onClick: H }, [p("span", V, [p("input", { ref_key: "inputRef", ref: P, class: "px-radio__original", type: "radio", "aria-checked": E.value, id: e2.id || v(C), name: q.value, disabled: I.value, checked: E.value }, null, 8, z), a2[0] || (a2[0] = p("span", { class: "px-radio__inner" }, [p("span", { class: "px-radio__dot" })], -1))]), e2.label || v($2).default ? (s(), t("span", B, [f(e2.$slots, "default", {}, (() => [h(b(e2.label), 1)]))])) : m("", true)], 6));
+} }), S = { class: "px-radio-group", role: "radiogroup" }, $ = o({ name: "PxRadioGroup", __name: "RadioGroup", props: { modelValue: { type: [String, Number, Boolean] }, disabled: { type: Boolean, default: false }, size: {}, type: {}, color: {}, name: {} }, emits: ["update:modelValue", "change"], setup(e2, { emit: a2 }) {
+  const l2 = e2, o2 = a2, { formItem: d2 } = _();
+  return y(g, { modelValue: i((() => l2.modelValue)), disabled: i((() => l2.disabled)), size: i((() => l2.size)), type: i((() => l2.type)), color: i((() => l2.color)), name: i((() => l2.name)), changeEvent: (e3) => {
+    o2("update:modelValue", e3), o2("change", e3), d2 == null ? void 0 : d2.validate("change").catch(((e4) => {
+    }));
+  } }), (e3, a3) => (s(), t("div", S, [f(e3.$slots, "default")]));
+} }), j = l(R), G = l($);
+export {
+  j as P,
+  G as a
+};

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-Dwqv8isB.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-bsCscZfS.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, watch as x, onMounted as y, onBeforeUnmount as _, provide as V, normalizeStyle as w, withCtx as I, createCommentVNode as M, createElementVNode as k, toDisplayString as S, Fragment as O, renderList as L, createBlock as B, mergeProps as D, nextTick 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, c as J, a as Q } from "./hooks-BaG7l8K5.js";
-import { P as X } from "./Icon-DpJyuj7c.js";
-import { _ as Y } from "./Input-CiE4bPJN.js";
-import { T as Z } from "./Tooltip-k6gKnMyt.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,9 +47,9 @@ 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 && z((() => je(new FocusEvent("focus", e3))));
+    $e.value && x((() => je(new FocusEvent("focus", e3))));
   }
   function Ee(e3) {
     var _a;
@@ -110,24 +110,24 @@ const ee = Symbol("selectContext"), le = { modifiers: [{ name: "offset", options
     const e3 = We(s2.modelValue);
     e3 && (fe.inputValue = e3.label, fe.selectedOption = e3);
   }
-  return Q(oe2, ((e3) => Re(e3))), x((() => s2.options), ((e3) => {
+  return Q(oe2, ((e3) => Re(e3))), y((() => s2.options), ((e3) => {
     pe.value = e3 ?? [];
-  })), x((() => Ie.value), ((e3) => Ae(e3)), { immediate: true }), x((() => s2.modelValue), (() => {
-    Ge();
-  })), y((() => {
+  })), y((() => Ie.value), ((e3) => Ae(e3)), { immediate: true }), y((() => s2.modelValue), (() => {
     Ge();
   })), _((() => {
+    Ge();
+  })), V((() => {
     Be.cancel();
-  })), V(ee, { handleSelect: qe, selectStates: fe, renderLabel: function(e3) {
+  })), w(ee, { handleSelect: qe, selectStates: fe, renderLabel: function(e3) {
     return q(s2.renderLabel) ? s2.renderLabel(e3) : e3.label;
   }, highlightedLine: we }), l2({ focus: () => {
     var _a;
     (_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: w(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: I((() => [k("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: I((() => [Ve.value ? (r(), B(X, { key: 0, icon: "close-box", class: "px-input__clear", onClick: d(Pe, ["stop"]), onMousedown: d(v(A), ["prevent"]) }, null, 8, ["onMousedown"])) : (r(), B(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: I((() => [fe.loading ? (r(), u("div", se, [h(X, { icon: "loader", spin: "" })])) : e3.filterable && Me.value ? (r(), u("div", ne, S(v(i2).t("select.noData")), 1)) : M("", true), k("ul", { class: "px-select__menu", role: "listbox", id: `px-select-menu-${v(De)}` }, [_e.value ? (r(true), u(O, { key: 1 }, L(ce.value, (([e4, l4]) => (r(), B(ie, D({ key: e4, ref_for: true }, l4), null, 16)))), 128)) : (r(true), u(O, { key: 0 }, L(pe.value, ((e4) => (r(), B(ie, D({ 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-B1Gnv1tB.js → Switch-CZJ-S77_.js}

@@ -1,7 +1,7 @@
-import { c as e, w as c } from "./utils-bsCscZfS.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-BaG7l8K5.js";
-import { P as w } from "./Icon-DpJyuj7c.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-lHbxiyGq.js

@@ -0,0 +1,10 @@
+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 })));
+  return (e3, o3) => (a(), t("div", { class: l(b2.value) }, [p("div", r, [i(e3.$slots, "default")])], 2));
+} }));
+export {
+  b as P,
+  n as t
+};

package/dist/es/Tooltip-CdPqNYdn.js

@@ -0,0 +1,74 @@
+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-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;
+  function V() {
+    S == null ? void 0 : S.cancel(), Q == null ? void 0 : Q();
+  }
+  function X() {
+    Q == null ? void 0 : Q.cancel(), S == null ? void 0 : S();
+  }
+  function Y() {
+    O.value ? X() : V();
+  }
+  function Z(e2) {
+    N2.disabled || (O.value = e2, R2("visible-change", e2));
+  }
+  function ee() {
+    if (!N2.disabled && !N2.manual) return "hover" === N2.trigger ? (D.value.mouseenter = V, H.value.mouseleave = X, void (N2.enterable && (I.value.mouseenter = V))) : void ("click" !== N2.trigger ? "contextmenu" !== N2.trigger || (D.value.contextmenu = (e2) => {
+      e2.preventDefault(), V();
+    }) : D.value.click = Y);
+  }
+  function te() {
+    U == null ? void 0 : U.destroy(), U = null;
+  }
+  function ae() {
+    D.value = {}, H.value = {}, I.value = {}, ee();
+  }
+  const oe = V, le = () => {
+    Q == null ? void 0 : Q.cancel(), Z(false);
+  };
+  return l(O, ((e2) => {
+    e2 && C.value && q.value && (U = k(C.value, q.value, F.value));
+  }), { flush: "post" }), l((() => N2.manual), ((e2) => {
+    e2 ? ae() : ee();
+  })), l((() => N2.trigger), (() => {
+    Q == null ? void 0 : Q.cancel(), O.value = false, R2("visible-change", false), ae();
+  })), s((() => {
+    N2.manual || ee(), Q == null ? void 0 : Q.cancel(), S == null ? void 0 : S.cancel(), Q = j(W(Z, null, true), G.value), S = j(W(Z, null, false), J.value);
+  })), w(M, (() => {
+    R2("click-outside"), "hover" === N2.trigger || N2.manual || O.value && X();
+  })), (function(e2, t3, a3) {
+    let r3, n2;
+    const u2 = /* @__PURE__ */ new Map(), s2 = () => {
+      const e3 = t3.value;
+      e3 && B(e3) && $(a3.value, ((t4, a4) => {
+        u2.set(a4, t4), e3.addEventListener(a4, t4);
+      }));
+    }, c2 = (e3) => {
+      const a4 = e3 ?? t3.value;
+      a4 && B(a4) && $(["mouseenter", "click", "contextmenu"], ((e4) => u2.has(e4) && a4.removeEventListener(e4, u2.get(e4))));
+    };
+    o((() => {
+      n2 = l((() => e2.virtualRef), ((t4, a4) => {
+        e2.virtualTriggering && (B(a4) && c2(a4), B(t4) && s2());
+      }), { immediate: true }), r3 = l(a3, (() => {
+        e2.virtualTriggering && (c2(), s2(), Q == null ? void 0 : Q.cancel(), Z(false));
+      }), { deep: true });
+    })), i((() => {
+      r3 == null ? void 0 : r3(), n2 == null ? void 0 : n2();
+    }));
+  })(N2, C, D), i((() => {
+    te(), Q == null ? void 0 : Q.cancel(), S == null ? void 0 : S.cancel();
+  })), a2({ show: oe, hide: le, toggle: () => {
+    O.value ? le() : oe();
+  } }), (e2, t3) => (v(), c("div", p({ class: ["px-tooltip", [`px-tooltip--${e2.effect}`, e2.type && `px-tooltip--${e2.type}`]], ref_key: "containerNode", ref: M }, d(H.value, true)), [e2.virtualTriggering ? f(e2.$slots, "default", { key: 1 }, void 0, true) : (v(), c("div", p({ key: 0, class: "px-tooltip__trigger", ref_key: "_triggerNode", ref: z }, d(D.value, true), { "aria-describedby": O.value ? g(P) : void 0 }), [f(e2.$slots, "default", {}, void 0, true)], 16, A)), m(h, { name: e2.transition, onAfterLeave: te }, { default: y((() => [O.value ? (v(), c("div", p({ key: 0, class: "px-tooltip__popper", ref_key: "popperNode", ref: q }, d(I.value, true), { id: g(P), style: K.value, role: "tooltip" }), [f(e2.$slots, "content", {}, (() => [_(b(e2.content), 1)]), true), e2.showArrow ? (v(), c("div", L)) : x("", true)], 16, E)) : x("", true)])), _: 3 }, 8, ["name"])], 16));
+} }), [["__scopeId", "data-v-d982dfd2"]]), R = a(N);
+export {
+  R as P,
+  N as T
+};

package/dist/es/Validator-7ZT_nXDZ.js

@@ -0,0 +1,40 @@
+import { _ as e, w as s } from "./utils-BXICIEsD.js";
+import { defineComponent as a, ref as t, watch as r, provide as i, reactive as l, toRefs as o, createElementBlock as n, openBlock as d, normalizeClass as u, createElementVNode as c, renderSlot as v, toDisplayString as m } from "vue";
+import { z as g } from "zod";
+import { F as f } from "./Form-B_XDnSjK.js";
+const p = { class: "px-validator__content" }, h = { class: "px-validator__hint-text" }, _ = s(e(a({ name: "PxValidator", __name: "Validator", props: { modelValue: {}, rules: { default: () => [] } }, emits: ["validate"], setup(e2, { expose: s2, emit: a2 }) {
+  const _2 = e2, x = a2, V = t("init"), I = t("");
+  function y(e3) {
+    const s3 = _2.rules ?? [];
+    return e3 ? s3.filter(((s4) => !s4.trigger || (Array.isArray(s4.trigger) ? s4.trigger.includes(e3) : s4.trigger === e3))) : s3;
+  }
+  async function P(e3) {
+    var _a;
+    for (const s3 of e3) {
+      let e4 = s3.schema ?? null;
+      if (!e4 && s3.required && (e4 = g.string({ message: s3.message ?? "This field is required" }).min(1, s3.message ?? "This field is required")), !e4) continue;
+      const a3 = e4.safeParse(_2.modelValue);
+      if (!a3.success) {
+        const e5 = s3.message ?? ((_a = a3.error.issues[0]) == null ? void 0 : _a.message) ?? "Validation failed";
+        return V.value = "error", I.value = e5, x("validate", false, e5), Promise.reject(e5);
+      }
+    }
+    return V.value = "success", I.value = "", x("validate", true, ""), true;
+  }
+  const j = async (e3) => {
+    const s3 = y(e3);
+    return !s3.length || P(s3);
+  }, q = () => {
+    V.value = "init", I.value = "";
+  };
+  return r((() => _2.modelValue), (() => {
+    const e3 = y("change");
+    e3.length && P(e3).catch((() => {
+    }));
+  })), s2({ validate: j, reset: q, validateStatus: V, validateMessage: I }), i(f, l({ ...o(_2), validate: (e3) => j(e3).catch((() => false)), resetField: q, clearValidate: q, addInputId: () => {
+  }, removeInputId: () => {
+  } })), (e3, s3) => (d(), n("div", { class: u(["px-validator", { "is-error": "error" === V.value, "is-success": "success" === V.value }]) }, [c("div", p, [v(e3.$slots, "default", {}, void 0, true)]), c("div", { class: u(["px-validator__hint", { "is-hidden": "error" !== V.value }]) }, [v(e3.$slots, "hint", { message: I.value }, (() => [c("span", h, m(I.value), 1)]), true)], 2)], 2));
+} }), [["__scopeId", "data-v-9c099378"]]));
+export {
+  _ as P
+};