sakana-element 2.3.0 → 2.4.0

package/README.md

@@ -2,13 +2,13 @@
 
 [![npm version](https://img.shields.io/npm/v/sakana-element.svg)](https://www.npmjs.com/package/sakana-element)
 [![npm downloads](https://img.shields.io/npm/dm/sakana-element.svg)](https://www.npmjs.com/package/sakana-element)
-[![license](https://img.shields.io/npm/l/sakana-element.svg)](https://github.com/yu859/sakana-element/blob/master/LICENSE)
+[![license](https://img.shields.io/npm/l/sakana-element.svg)](https://github.com/SaKaNa-Y/sakana-element/blob/master/LICENSE)
 
 A Vue 3 + TypeScript component library with pixel art design aesthetic.
 
 像素风格的 Vue 3 + TypeScript 组件库。
 
-**[Documentation / 文档](https://sakana-element-docs.vercel.app)** | **[GitHub](https://github.com/yu859/sakana-element)**
+**[Documentation / 文档](https://sakana-element-docs.vercel.app)** | **[GitHub](https://github.com/SaKaNa-Y/sakana-element)**
 
 ---
 
@@ -148,10 +148,10 @@ Add the `px-dark` or `dark` class to an ancestor element:
 ## Links / 链接
 
 - [Documentation / 文档](https://sakana-element-docs.vercel.app)
-- [GitHub](https://github.com/yu859/sakana-element)
+- [GitHub](https://github.com/SaKaNa-Y/sakana-element)
 - [npm](https://www.npmjs.com/package/sakana-element)
-- [Changelog](https://github.com/yu859/sakana-element/blob/master/CHANGELOG.md)
+- [Changelog](https://github.com/SaKaNa-Y/sakana-element/blob/master/CHANGELOG.md)
 
 ## License / 许可证
 
-[ISC](https://github.com/yu859/sakana-element/blob/master/LICENSE)
+[ISC](https://github.com/SaKaNa-Y/sakana-element/blob/master/LICENSE)

package/dist/es/{Alert-BwTsp4X3.js → Alert-DfLsJvQD.js}

@@ -1,6 +1,6 @@
-import { t as e, r as t, S as l, c as o, _ as s, w as a } from "./utils-BS5vsvlM.js";
+import { t as e, r as t, S as l, c as o, _ as s, w as a } from "./utils-BXICIEsD.js";
 import { defineComponent as c, useSlots as n, ref as i, computed as r, createBlock as p, openBlock as u, Transition as d, withCtx as f, withDirectives as _, createElementVNode as y, normalizeStyle as x, normalizeClass as v, createCommentVNode as m, createElementBlock as h, renderSlot as k, createTextVNode as w, toDisplayString as B, createVNode as I, withModifiers as b, vShow as $ } from "vue";
-import { P as g } from "./Icon-BLDDdSU-.js";
+import { P as g } from "./Icon-D6qRB3pq.js";
 const P = { class: "px-alert__content" }, j = { key: 0, class: "px-alert__description" }, A = { key: 1, class: "px-alert__close" }, C = a(s(c({ name: "PxAlert", __name: "Alert", props: { title: {}, type: { default: "info" }, description: {}, effect: { default: "light" }, closable: { type: Boolean, default: true }, center: { type: Boolean }, showIcon: { type: Boolean }, outline: { type: Boolean }, dash: { type: Boolean }, color: {} }, emits: ["close"], setup(s2, { expose: a2, emit: c2 }) {
   const C2 = s2, S = c2, q = n(), z = i(true), D = r((() => e.get(C2.type) ?? "circle-info")), E = r((() => C2.description || q.default)), F = r((() => {
     if (!C2.color) return {};

package/dist/es/{Avatar-CJu6JYV3.js → Avatar-Ci4OKsv7.js}

@@ -1,4 +1,4 @@
-import { r as a, c as e, S as s, _ as r, w as t } from "./utils-BS5vsvlM.js";
+import { r as a, c as e, S as s, _ as r, w as t } from "./utils-BXICIEsD.js";
 import { defineComponent as o, computed as l, createElementBlock as p, openBlock as u, normalizeStyle as d, normalizeClass as i, renderSlot as c } from "vue";
 const f = t(r(o({ name: "PxAvatar", __name: "Avatar", props: { size: { default: "default" }, shape: { default: "circle" }, border: { type: Boolean, default: true }, color: {} }, setup(r2) {
   const t2 = r2, o2 = l((() => t2.color ? a(e(t2.color), "px-avatar", s.default) : {}));

package/dist/es/{Badge-BmxZXX8k.js → Badge-B4wEToK6.js}

@@ -1,6 +1,6 @@
-import { r as e, S as s, c as o, _ as a, w as t } from "./utils-BS5vsvlM.js";
+import { r as e, S as s, c as o, _ as a, w as t } from "./utils-BXICIEsD.js";
 import { defineComponent as l, useSlots as i, computed as n, createElementBlock as u, openBlock as d, normalizeStyle as r, normalizeClass as p, createBlock as c, createCommentVNode as f, renderSlot as m } from "vue";
-import { P as y } from "./Icon-BLDDdSU-.js";
+import { P as y } from "./Icon-D6qRB3pq.js";
 const x = t(a(l({ name: "PxBadge", __name: "Badge", props: { type: { default: "primary" }, size: { default: "default" }, outline: { type: Boolean }, dash: { type: Boolean }, color: {}, round: { type: Boolean }, icon: {} }, setup(a2) {
   const t2 = a2, l2 = i(), x2 = n((() => !l2.default)), z = n((() => "small" === t2.size ? "xs" : "sm")), g = n((() => {
     if (!t2.color) return {};

package/dist/es/{Breadcrumb-BP8MSklj.js → Breadcrumb-BFzww8jd.js}

@@ -1,6 +1,6 @@
-import { _ as a, w as r } from "./utils-BS5vsvlM.js";
+import { _ as a, w as r } from "./utils-BXICIEsD.js";
 import { defineComponent as e, useSlots as s, provide as o, createElementBlock as t, openBlock as d, createElementVNode as l, renderSlot as c, inject as i, normalizeClass as p, createBlock as b, resolveDynamicComponent as n, mergeProps as u, withModifiers as m, withCtx as _, createCommentVNode as f, unref as x, Fragment as v, createTextVNode as B, toDisplayString as k } from "vue";
-import { P as y } from "./Icon-BLDDdSU-.js";
+import { P as y } from "./Icon-D6qRB3pq.js";
 const I = Symbol("breadcrumbContext"), P = { class: "px-breadcrumb", "aria-label": "Breadcrumb" }, S = { class: "px-breadcrumb__list" }, h = a(e({ name: "PxBreadcrumb", __name: "Breadcrumb", props: { separator: { default: "/" } }, setup(a2) {
   const r2 = a2, e2 = s();
   return o(I, { separator: r2.separator, separatorSlot: e2.separator }), (a3, r3) => (d(), t("nav", P, [l("ol", S, [c(a3.$slots, "default", {}, void 0, true)])]));

package/dist/es/{Button-BJHtN7gh.js → Button-DbFviVWb.js}

@@ -1,7 +1,7 @@
-import { d as o, l as t, c as r, r as e, _ as l, w as a } from "./utils-BS5vsvlM.js";
+import { d as o, l as t, c as r, r as e, _ as l, w as a } from "./utils-BXICIEsD.js";
 import { defineComponent as i, useSlots as s, inject as c, ref as n, computed as d, onBeforeUnmount as b, createBlock as p, openBlock as g, resolveDynamicComponent as u, unref as v, normalizeStyle as h, normalizeClass as y, withCtx as x, renderSlot as k, createCommentVNode as f, createVNode as B, provide as m, reactive as _, toRef as z, createElementBlock as w } from "vue";
-import { P as T } from "./Icon-BLDDdSU-.js";
-import { t as $ } from "./vendor-DXmGx29U.js";
+import { P as T } from "./Icon-D6qRB3pq.js";
+import { t as $ } from "./vendor-DrBJKLFW.js";
 const I = Symbol("BUTTON_GROUP_CTX_KEY"), P = { link: { "text-color": "color", "bg-color": "transparent", "border-color": "transparent", "shadow-color": "transparent", "hover-text-color": "dark", "hover-bg-color": "transparent", "hover-border-color": "transparent", "active-text-color": "dark", "active-bg-color": "transparent", "active-border-color": "transparent", "disabled-text-color": "light", "disabled-bg-color": "transparent", "disabled-border-color": "transparent" }, ghost: { "text-color": "color", "bg-color": "transparent", "border-color": "transparent", "shadow-color": "transparent", "hover-text-color": "dark", "hover-bg-color": "lighter", "hover-border-color": "transparent", "active-text-color": "dark", "active-bg-color": "light", "active-border-color": "transparent", "disabled-text-color": "light", "disabled-bg-color": "transparent", "disabled-border-color": "transparent" }, dash: { "text-color": "color", "bg-color": "lighter", "border-color": "color", "shadow-color": "transparent", "hover-text-color": "dark", "hover-bg-color": "light", "hover-border-color": "dark", "active-text-color": "dark", "active-bg-color": "color", "active-border-color": "dark", "disabled-text-color": "light", "disabled-bg-color": "lighter", "disabled-border-color": "light" }, plain: { "text-color": "color", "bg-color": "lighter", "border-color": "color", "hover-text-color": "contrast", "hover-bg-color": "color", "hover-border-color": "color", "active-text-color": "contrast", "active-bg-color": "dark", "active-border-color": "dark", "disabled-text-color": "light", "disabled-bg-color": "lighter", "disabled-border-color": "light" }, default: { "text-color": "contrast", "bg-color": "color", "border-color": "dark", "shadow-color": "dark", "hover-text-color": "contrast", "hover-bg-color": "light", "hover-border-color": "color", "active-text-color": "contrast", "active-bg-color": "dark", "active-border-color": "dark", "disabled-text-color": "contrast", "disabled-bg-color": "light", "disabled-border-color": "light" } }, j = l(i({ name: "PxButton", __name: "Button", props: { tag: { default: "button" }, type: {}, size: {}, nativeType: { default: "button" }, disabled: { type: Boolean }, loading: { type: Boolean }, icon: {}, circle: { type: Boolean }, plain: { type: Boolean }, round: { type: Boolean }, dash: { type: Boolean }, ghost: { type: Boolean }, link: { type: Boolean }, block: { type: Boolean }, responsive: { type: Boolean }, color: {}, loadingIcon: {}, ariaLabel: {}, autofocus: { type: Boolean }, useThrottle: { type: Boolean, default: true }, throttleDuration: { default: 500 } }, emits: ["click"], setup(l2, { expose: a2, emit: i2 }) {
   const m2 = /* @__PURE__ */ new Set(["button", "a", "div", "span", "router-link"]), _2 = l2;
   "string" != typeof _2.tag || m2.has(_2.tag) || o("PxButton", `Invalid tag "${_2.tag}". Allowed tags: ${[...m2].join(", ")}. Falling back to "button".`);

package/dist/es/{Card-DJHkCmsz.js → Card-ClRqKkc_.js}

@@ -1,4 +1,4 @@
-import { r as o, S as a, c as e, _ as s, w as r } from "./utils-BS5vsvlM.js";
+import { r as o, S as a, c as e, _ as s, w as r } from "./utils-BXICIEsD.js";
 import { defineComponent as t, useSlots as d, computed as l, createElementBlock as c, openBlock as n, normalizeStyle as p, normalizeClass as i, createCommentVNode as h, createElementVNode as u, unref as v, renderSlot as y } from "vue";
 const x = { key: 0, class: "px-card__header" }, _ = { class: "px-card__body" }, f = { key: 1, class: "px-card__footer" }, w = r(s(t({ name: "PxCard", __name: "Card", props: { type: {}, color: {}, hoverable: { type: Boolean }, shadow: { type: [Boolean, String], default: "always" }, size: {}, outline: { type: Boolean }, dash: { type: Boolean }, ghost: { type: Boolean } }, setup(s2) {
   const r2 = { "text-color": "color", "bg-color": "transparent", "border-color": "transparent", "shadow-color": "transparent" }, t2 = s2, w2 = d(), g = l((() => {

package/dist/es/ChatBubble-DFEV_lVI.js

@@ -0,0 +1,9 @@
+import { r as a, c as t, _ as e, w as s } from "./utils-BXICIEsD.js";
+import { defineComponent as l, useSlots as o, computed as c, createElementBlock as r, openBlock as p, normalizeStyle as n, normalizeClass as b, createCommentVNode as _, createElementVNode as d, unref as m, renderSlot as u, toDisplayString as h } from "vue";
+const i = { "bubble-text-color": "contrast", "bubble-bg-color": "color", "bubble-border-color": "dark", "bubble-shadow-color": "dark" }, x = { key: 0, class: "px-chat__avatar" }, v = { class: "px-chat__content" }, y = { key: 0, class: "px-chat__header" }, f = { key: 0, class: "px-chat__name" }, k = { key: 1, class: "px-chat__time" }, $ = { class: "px-chat__bubble" }, w = { key: 1, class: "px-chat__footer" }, B = s(e(l({ name: "PxChatBubble", __name: "ChatBubble", props: { placement: { default: "start" }, type: {}, color: {}, name: {}, time: {}, status: {} }, setup(e2) {
+  const s2 = e2, l2 = o(), B2 = c((() => s2.color ? a(t(s2.color), "px-chat", i) : {}));
+  return (a2, t2) => (p(), r("div", { class: b(["px-chat", { [`px-chat--${a2.placement}`]: a2.placement, [`px-chat--${a2.type}`]: a2.type }]), style: n(B2.value) }, [m(l2).avatar ? (p(), r("div", x, [u(a2.$slots, "avatar", {}, void 0, true)])) : _("", true), d("div", v, [m(l2).header || a2.name || a2.time ? (p(), r("div", y, [u(a2.$slots, "header", {}, (() => [a2.name ? (p(), r("span", f, h(a2.name), 1)) : _("", true), a2.time ? (p(), r("span", k, h(a2.time), 1)) : _("", true)]), true)])) : _("", true), d("div", $, [t2[0] || (t2[0] = d("span", { class: "px-chat__tail" }, null, -1)), u(a2.$slots, "default", {}, void 0, true)]), m(l2).footer || a2.status ? (p(), r("div", w, [u(a2.$slots, "footer", {}, (() => [d("span", null, h(a2.status), 1)]), true)])) : _("", true)])], 6));
+} }), [["__scopeId", "data-v-c022026d"]]));
+export {
+  B as P
+};

package/dist/es/{Checkbox-DX8L3fyp.js → Checkbox-l86YI3Fr.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 c, inject as t, ref as u, computed as i, onMounted as n, watch as s, createElementBlock as d, openBlock as r, normalizeStyle as m, normalizeClass as p, createElementVNode as v, createCommentVNode as h, unref as x, renderSlot as b, createTextVNode as k, toDisplayString as f, provide as y } from "vue";
-import { u as _ } from "./hooks-BqobYUzS.js";
-import { u as g } from "./Form-7lZt5ehf.js";
+import { u as _ } from "./hooks-pU4JmsO3.js";
+import { u as g } from "./Form-B_XDnSjK.js";
 const V = Symbol("checkboxGroupContext"), z = { "checked-color": "color", "checked-border-color": "dark" }, C = { class: "px-checkbox__input" }, B = ["aria-checked", "id", "name", "disabled", "checked"], $ = { key: 0, class: "px-checkbox__label" }, j = o({ name: "PxCheckbox", inheritAttrs: false, __name: "Checkbox", props: { modelValue: { type: Boolean, default: false }, value: { type: [String, Number, Boolean] }, disabled: { type: Boolean, default: false }, indeterminate: { type: Boolean, default: false }, size: {}, type: {}, color: {}, label: {}, name: {}, id: {} }, emits: ["update:modelValue", "change"], setup(l2, { expose: o2, emit: y2 }) {
   const j2 = l2, G2 = y2, P2 = c(), E2 = t(V, void 0), I2 = !!E2, { formItem: S } = g(), w = u(), A = _().value, F = i((() => I2 ? E2.modelValue.value.includes(j2.value) : j2.modelValue)), N = i((() => {
     if (E2 == null ? void 0 : E2.disabled.value) return true;

package/dist/es/{Collapse-Ir3V9CuO.js → Collapse-B67v6RSE.js}

@@ -1,6 +1,6 @@
-import { c as e, r as o, _ as a, w as l } from "./utils-BS5vsvlM.js";
+import { c as e, r as o, _ as a, w as l } from "./utils-BXICIEsD.js";
 import { defineComponent as t, ref as s, computed as n, watchEffect as c, watch as i, provide as r, createElementBlock as d, openBlock as p, normalizeStyle as u, normalizeClass as m, renderSlot as v, inject as h, createElementVNode as f, createVNode as g, unref as b, createBlock as x, createCommentVNode as _, createTextVNode as w, toDisplayString as y, Transition as C, mergeProps as I, toHandlers as P, withCtx as $, withDirectives as k, vShow as B } from "vue";
-import { P as O } from "./Icon-BLDDdSU-.js";
+import { P as O } from "./Icon-D6qRB3pq.js";
 const V = Symbol("collapseContext"), A = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "info"]), j = { default: { "border-color": "color", "shadow-color": "dark", "active-bg-color": "light" }, ghost: { "border-color": "transparent", "shadow-color": "transparent", "active-bg-color": "transparent" } }, E = a(t({ name: "PxCollapse", __name: "Collapse", props: { modelValue: {}, accordion: { type: Boolean }, color: {}, ghost: { type: Boolean }, trigger: {}, iconPlacement: {} }, emits: ["update:modelValue", "change"], setup(a2, { emit: l2 }) {
   const t2 = a2, h2 = l2, f2 = s(t2.modelValue);
   t2.accordion && f2.value.length > 1 && (f2.value = [f2.value[0]]);
@@ -20,7 +20,7 @@ const V = Symbol("collapseContext"), A = /* @__PURE__ */ new Set(["primary", "su
     const a3 = o2.indexOf(e2);
     a3 > -1 ? o2.splice(a3, 1) : o2.push(e2), _2(o2);
   }, color: t2.color, ghost: t2.ghost, trigger: t2.trigger, iconPlacement: t2.iconPlacement }), (e2, o2) => (p(), d("div", { class: m(["px-collapse", { "is-ghost": e2.ghost, [`px-collapse--${e2.color}`]: g2.value }]), style: u(x2.value) }, [v(e2.$slots, "default", {}, void 0, true)], 6));
-} }), [["__scopeId", "data-v-dc792000"]]), F = (e2) => e2.style.height = "0px", L = (e2) => e2.style.height = `${e2.scrollHeight}px`, N = (e2) => e2.style.height = "", S = (e2) => e2.style.overflow = "hidden", H = (e2) => e2.style.overflow = "", q = { beforeEnter(e2) {
+} }), [["__scopeId", "data-v-7f3e3aa8"]]), F = (e2) => e2.style.height = "0px", L = (e2) => e2.style.height = `${e2.scrollHeight}px`, N = (e2) => e2.style.height = "", S = (e2) => e2.style.overflow = "hidden", H = (e2) => e2.style.overflow = "", q = { beforeEnter(e2) {
   F(e2), S(e2);
 }, enter: (e2) => L(e2), afterEnter(e2) {
   N(e2), H(e2);
@@ -46,7 +46,7 @@ const V = Symbol("collapseContext"), A = /* @__PURE__ */ new Set(["primary", "su
     var _a;
     return p(), d("div", { class: m(["px-collapse-item", { "is-disabled": e3.disabled }]) }, [f("div", { class: m(["px-collapse-item__header", { "is-disabled": e3.disabled, "is-active": l2.value, "is-hidden-arrow": false === e3.showArrow, "is-icon-start": "start" === ((_a = b(a2)) == null ? void 0 : _a.iconPlacement) }]), id: `item-header-${e3.name}`, role: "button", "aria-expanded": l2.value, "aria-controls": `item-content-${e3.name}`, tabindex: t2.value ? 0 : void 0, onClick: c2, onFocus: i2, onFocusout: r2 }, [f("span", D, [v(e3.$slots, "title", {}, (() => [w(y(e3.title), 1)]), true)]), false !== e3.showArrow ? (p(), x(O, { key: 0, icon: s2.value, class: m(["header-angle", { "is-toggle-icon": !!e3.icon }]) }, null, 8, ["icon", "class"])) : _("", true)], 42, z), g(C, I({ name: "slide" }, P(b(q))), { default: $((() => [k(f("div", G, [f("div", { class: "px-collapse-item__content", id: `item-content-${e3.name}` }, [v(e3.$slots, "default", {}, void 0, true)], 8, J)], 512), [[B, l2.value]])])), _: 3 }, 16)], 2);
   };
-} }), [["__scopeId", "data-v-47d8126b"]]), M = l(E), Q = l(K);
+} }), [["__scopeId", "data-v-f3406cbb"]]), M = l(E), Q = l(K);
 export {
   M as P,
   Q as a

package/dist/es/{ConfigProvider-CsbSqwwi.js → ConfigProvider-BCoGbcS5.js}

@@ -1,6 +1,6 @@
-import { w as e } from "./utils-BS5vsvlM.js";
+import { w as e } from "./utils-BXICIEsD.js";
 import { ref as o, getCurrentInstance as n, unref as t, watch as a, provide as l, inject as s, computed as r, defineComponent as c, renderSlot as u } from "vue";
-import { n as i, m as d, o as p } from "./vendor-DXmGx29U.js";
+import { n as i, m as d, o as p } from "./vendor-DrBJKLFW.js";
 const m = { name: "en", el: { select: { loading: "Loading", noMatch: "No matching data", noData: "No data", placeholder: "Select" }, dropdown: { toggleDropdown: "Toggle Dropdown" }, messagebox: { title: "Message", confirm: "OK", cancel: "Cancel", error: "Illegal input", close: "Close this dialog" }, popconfirm: { confirmButtonText: "Yes", cancelButtonText: "No" } } }, g = Symbol(), v = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
 function f(e2, ...o2) {
   return d(e2, ...o2, ((e3, o3, n2) => {

package/dist/es/Diff-BLiniLom.js

@@ -0,0 +1,64 @@
+import { a as e, b as n, p as t, w as o } from "./utils-BXICIEsD.js";
+import { defineComponent as i, ref as a, computed as r, watch as l, onBeforeUnmount as s, createElementBlock as u, openBlock as c, normalizeStyle as v, normalizeClass as d, createElementVNode as f, renderSlot as p, createCommentVNode as w, Fragment as m, withModifiers as h } from "vue";
+const g = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "info"]), y = ["src"], x = { class: "px-diff__after" }, _ = ["src"], L = ["aria-valuenow"], E = o(i({ name: "PxDiff", __name: "Diff", props: { src: {}, pixelSize: { default: 8 }, grayscale: { type: Boolean, default: false }, palette: {}, background: { default: "#FFFFFF" }, initialPosition: { default: 50 }, width: {}, height: {}, color: {} }, emits: ["change", "rendered", "error"], setup(o2, { expose: i2, emit: E2 }) {
+  const k = o2, b = E2, P = a(), F = a(), R = a(), S = a(false), $ = a(false), z = a(e(k.initialPosition, 0, 100)), D = r((() => {
+    const e2 = {};
+    return null != k.width && (e2.width = n(k.width) ?? ""), null != k.height && (e2.height = n(k.height) ?? ""), e2;
+  })), X = r((() => {
+    const e2 = ["px-diff"];
+    return k.color && g.has(k.color) && e2.push(`px-diff--${k.color}`), e2;
+  })), B = r((() => ({ clipPath: `inset(0 ${100 - z.value}% 0 0)` }))), C = r((() => ({ left: `${z.value}%` })));
+  function A() {
+    const e2 = F.value, n2 = R.value;
+    e2 && n2 && S.value && (t(e2, n2, { pixelSize: k.pixelSize, grayscale: k.grayscale, palette: k.palette, background: k.background }), b("rendered"));
+  }
+  function K() {
+    S.value = true, A();
+  }
+  function M(e2) {
+    b("error", e2);
+  }
+  l((() => [k.pixelSize, k.grayscale, k.palette, k.background]), (() => {
+    S.value && A();
+  })), l((() => k.src), (() => {
+    S.value = false;
+  }));
+  let j = null;
+  function T(n2) {
+    var _a;
+    const t2 = j ?? ((_a = P.value) == null ? void 0 : _a.getBoundingClientRect());
+    if (!t2) return;
+    const o3 = n2 - t2.left, i3 = e(o3 / t2.width * 100, 0, 100);
+    z.value = Math.round(i3), b("change", z.value);
+  }
+  function q(e2) {
+    var _a;
+    $.value = true, j = ((_a = P.value) == null ? void 0 : _a.getBoundingClientRect()) ?? null, T("touches" in e2 ? e2.touches[0].clientX : e2.clientX), window.addEventListener("mousemove", G), window.addEventListener("mouseup", H), window.addEventListener("touchmove", G), window.addEventListener("touchend", H);
+  }
+  function G(e2) {
+    $.value && T("touches" in e2 ? e2.touches[0].clientX : e2.clientX);
+  }
+  function H() {
+    $.value = false, j = null, window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", H), window.removeEventListener("touchmove", G), window.removeEventListener("touchend", H);
+  }
+  function I(n2) {
+    const t2 = n2.shiftKey ? 10 : 1;
+    let o3 = z.value;
+    if ("ArrowLeft" === n2.key) o3 = e(z.value - t2, 0, 100), n2.preventDefault();
+    else {
+      if ("ArrowRight" !== n2.key) return;
+      o3 = e(z.value + t2, 0, 100), n2.preventDefault();
+    }
+    z.value = o3, b("change", o3);
+  }
+  return i2({ setPosition: function(n2) {
+    z.value = e(n2, 0, 100);
+  }, getPosition: function() {
+    return z.value;
+  } }), s((() => {
+    window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", H), window.removeEventListener("touchmove", G), window.removeEventListener("touchend", H);
+  })), (e2, n2) => (c(), u("div", { ref_key: "containerRef", ref: P, class: d(X.value), style: v(D.value) }, [f("div", { class: "px-diff__before", style: v(B.value) }, [p(e2.$slots, "before", {}, (() => [e2.src ? (c(), u("img", { key: 0, src: e2.src, class: "px-diff__img" }, null, 8, y)) : w("", true)]))], 4), f("div", x, [p(e2.$slots, "after", {}, (() => [e2.src ? (c(), u(m, { key: 0 }, [f("canvas", { ref_key: "canvasRef", ref: F, class: "px-diff__canvas" }, null, 512), f("img", { ref_key: "originRef", ref: R, src: e2.src, style: { display: "none" }, crossorigin: "anonymous", onLoad: K, onError: M }, null, 40, _)], 64)) : w("", true)]))]), f("div", { class: "px-diff__handle", style: v(C.value), role: "separator", tabindex: "0", "aria-valuenow": z.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "Comparison slider", onKeydown: I }, [f("div", { class: "px-diff__handle-grip", onMousedown: h(q, ["prevent"]), onTouchstart: h(q, ["prevent"]) }, null, 32)], 44, L)], 6));
+} }));
+export {
+  E as P
+};

package/dist/es/{Divider-C7PtODSK.js → Divider-DDSOHv8G.js}

@@ -1,4 +1,4 @@
-import { r as e, c as t, w as o } from "./utils-BS5vsvlM.js";
+import { r as e, c as t, w as o } from "./utils-BXICIEsD.js";
 import { defineComponent as i, useSlots as r, computed as n, createElementBlock as a, openBlock as d, normalizeStyle as l, normalizeClass as s, createCommentVNode as c, renderSlot as p, createTextVNode as v, toDisplayString as u } from "vue";
 const x = ["aria-orientation"], y = { key: 0, class: "px-divider__text" }, f = o(i({ name: "PxDivider", __name: "Divider", props: { direction: { default: "horizontal" }, contentPosition: { default: "center" }, type: {}, color: {}, borderStyle: { default: "solid" }, content: {} }, setup(o2) {
   const i2 = o2, f2 = r(), m = { "line-color": "color" }, P = n((() => i2.color ? e(t(i2.color), "px-divider", m) : {})), $ = n((() => !("horizontal" !== i2.direction || !f2.default && !i2.content)));

package/dist/es/{Drawer-C2eVmvUp.js → Drawer-apeXw6EO.js}

@@ -1,6 +1,6 @@
-import { _ as e, w as l } from "./utils-BS5vsvlM.js";
+import { _ as e, w as l } from "./utils-BXICIEsD.js";
 import { defineComponent as a, ref as o, computed as t, watch as d, onUnmounted as s, createElementBlock as r, openBlock as i, unref as n, normalizeClass as u, createElementVNode as c, createBlock as p, renderSlot as v, Teleport as m, createCommentVNode as y, createVNode as f, normalizeStyle as w, Transition as x, withCtx as _, toDisplayString as b } from "vue";
-import { u as k, a as O, b as $ } from "./hooks-BqobYUzS.js";
+import { u as k, a as O, b as $ } from "./hooks-pU4JmsO3.js";
 const h = ["id"], V = { class: "px-drawer__content" }, B = ["aria-labelledby"], z = { key: 0, class: "px-drawer__header" }, I = ["id"], g = { class: "px-drawer__body" }, C = l(e(a({ name: "PxDrawer", __name: "Drawer", props: { modelValue: { type: Boolean }, placement: { default: "left" }, size: { default: "300px" }, showOverlay: { type: Boolean, default: true }, lockScroll: { type: Boolean, default: true }, closeOnClickOverlay: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, title: {} }, emits: ["update:modelValue", "open", "close"], setup(e2, { expose: l2, emit: a2 }) {
   const C2 = e2, E = a2, j = k("px-drawer"), { nextZIndex: D } = O(), P = o(0), S = o(C2.modelValue), Z = t((() => ({ width: C2.size, zIndex: P.value })));
   function q(e3) {

package/dist/es/{Dropdown-CVg_c2fB.js → Dropdown-By9qIErf.js}

@@ -1,10 +1,10 @@
-import { w as e } from "./utils-BS5vsvlM.js";
-import { defineComponent as o, inject as t, computed as n, createElementBlock as i, openBlock as a, Fragment as l, createCommentVNode as s, createElementVNode as r, withKeys as d, normalizeClass as p, withModifiers as u, createBlock as m, renderSlot as c, createTextVNode as f, toDisplayString as v, watch as h, nextTick as y, onBeforeUnmount as w, useSlots as b, ref as k, provide as g, createVNode as x, mergeProps as _, withCtx as B, unref as C, normalizeStyle as O, renderList as D } from "vue";
-import { u as z, c as H, d as R } from "./hooks-BqobYUzS.js";
-import { P as $, a as j } from "./Button-BJHtN7gh.js";
-import { T as A } from "./Tooltip-J3ji6weH.js";
-import { P as E } from "./Icon-BLDDdSU-.js";
-import { a as I, i as T } from "./vendor-DXmGx29U.js";
+import { w as e } from "./utils-BXICIEsD.js";
+import { defineComponent as o, inject as t, computed as n, createElementBlock as i, openBlock as a, Fragment as l, createCommentVNode as s, createElementVNode as r, withKeys as d, normalizeClass as p, withModifiers as u, createBlock as m, renderSlot as c, createTextVNode as f, toDisplayString as v, watch as h, nextTick as y, onBeforeUnmount as w, useSlots as k, ref as b, provide as g, createVNode as x, mergeProps as _, withCtx as B, unref as C, normalizeStyle as O, renderList as D } from "vue";
+import { u as z, c as H, d as R } from "./hooks-pU4JmsO3.js";
+import { P as $, a as j } from "./Button-DbFviVWb.js";
+import { T as A } from "./Tooltip-CdPqNYdn.js";
+import { P as E } from "./Icon-D6qRB3pq.js";
+import { a as I, i as T } from "./vendor-DrBJKLFW.js";
 const P = Symbol("dropdownContext"), L = { key: 0, role: "separator", class: "divided-placeholder" }, K = ["id", "onKeydown"], S = o({ name: "PxDropdownItem", __name: "DropdownItem", props: { command: { default: z().value }, label: {}, disabled: { type: Boolean, default: false }, divided: { type: Boolean, default: false }, icon: {} }, setup(e2) {
   const o2 = e2, h2 = t(P), y2 = n((() => h2 == null ? void 0 : h2.size.value));
   function w2() {
@@ -18,8 +18,8 @@ function q(e2, o2) {
 }
 const U = ["aria-expanded"], V = e(o({ name: "PxDropdown", inheritAttrs: false, __name: "Dropdown", props: { type: {}, size: {}, items: { default: () => [] }, hideOnClick: { type: Boolean, default: true }, splitButton: { type: Boolean }, maxHeight: {}, hoverColor: {}, content: {}, trigger: {}, placement: {}, manual: { type: Boolean }, disabled: { type: Boolean }, popperOptions: {}, transition: {}, showTimeout: {}, hideTimeout: {}, virtualRef: {}, virtualTriggering: { type: Boolean }, effect: {}, enterable: { type: Boolean }, maxWidth: {}, showArrow: { type: Boolean } }, emits: ["visible-change", "command", "click"], setup(e2, { expose: o2, emit: t2 }) {
   const s2 = e2, d2 = t2;
-  b();
-  const u2 = k(), f2 = k(), v2 = k(), z2 = k(false), E2 = n((() => {
+  k();
+  const u2 = b(), f2 = b(), v2 = b(), z2 = b(false), E2 = n((() => {
     var _a;
     return { ...I(s2, ["items", "hideOnClick", "size", "type", "splitButton", "maxHeight", "hoverColor"]), popperOptions: { ...s2.popperOptions, modifiers: [{ name: "offset", options: { offset: [0, s2.showArrow ? 9 : 0] } }, ...((_a = s2.popperOptions) == null ? void 0 : _a.modifiers) ?? []] } };
   })), L2 = n((() => {

package/dist/es/{FileInput-BE26BmXm.js → FileInput-CZ5jTfB_.js}

@@ -1,7 +1,7 @@
-import { c as e, r as l, w as o } from "./utils-BS5vsvlM.js";
+import { c as e, r as l, w as o } from "./utils-BXICIEsD.js";
 import { defineComponent as a, shallowRef as t, ref as r, computed as i, createElementBlock as n, openBlock as s, normalizeStyle as c, normalizeClass as u, createElementVNode as p, createBlock as d, createCommentVNode as f, renderSlot as m, createTextVNode as h, toDisplayString as v, withModifiers as g } from "vue";
-import { u as b } from "./Form-7lZt5ehf.js";
-import { P as x } from "./Icon-BLDDdSU-.js";
+import { u as b } from "./Form-B_XDnSjK.js";
+import { P as x } from "./Icon-D6qRB3pq.js";
 const _ = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "info"]), k = { default: { "border-color": "color", "hover-border-color": "dark", "shadow-color": "dark" }, ghost: { "border-color": "transparent", "hover-border-color": "color", "shadow-color": "transparent", "hover-shadow-color": "dark" } }, y = { class: "px-file-input__wrapper" }, w = ["disabled", "accept", "multiple", "form"], B = { class: "px-file-input__name" }, V = o(a({ name: "PxFileInput", inheritAttrs: false, __name: "FileInput", props: { modelValue: {}, id: {}, size: {}, color: {}, ghost: { type: Boolean }, disabled: { type: Boolean }, accept: {}, multiple: { type: Boolean }, placeholder: { default: "No file chosen" }, clearable: { type: Boolean }, form: {} }, emits: ["update:modelValue", "change", "clear"], setup(o2, { expose: a2, emit: V2 }) {
   const I = o2, $ = V2, j = t(), { formItem: z } = b(), C = r(null), F = i((() => _.has(I.color ?? ""))), P = i((() => !!I.color && !F.value)), A = i((() => {
     if (!P.value) return {};

package/dist/es/Filter-B_1zU4Dq.js

@@ -0,0 +1,40 @@
+import { c as e, r as l, w as a } from "./utils-BXICIEsD.js";
+import { defineComponent as i, useSlots as t, inject as u, computed as o, createElementBlock as s, openBlock as r, normalizeStyle as d, normalizeClass as n, createElementVNode as v, createCommentVNode as c, unref as m, renderSlot as p, createTextVNode as f, toDisplayString as b, provide as y, createVNode as h, Fragment as k, renderList as x, createBlock as V } from "vue";
+import { P as g } from "./Icon-D6qRB3pq.js";
+import { u as _ } from "./hooks-pU4JmsO3.js";
+const A = Symbol("filterContext"), z = { "active-color": "color", "active-border-color": "dark" }, F = ["type", "aria-checked", "id", "name", "disabled", "checked"], P = { key: 0, class: "px-filter-item__label" }, $ = i({ name: "PxFilterItem", inheritAttrs: false, __name: "FilterItem", props: { value: {}, label: {}, disabled: { type: Boolean } }, setup(a2) {
+  const i2 = a2, y2 = t(), h2 = u(A, void 0), k2 = !!h2, x2 = _().value, V2 = o((() => (h2 == null ? void 0 : h2.multiple.value) ?? false)), g2 = o((() => {
+    if (!k2) return false;
+    const e2 = h2.modelValue.value;
+    return V2.value ? Array.isArray(e2) && e2.includes(i2.value) : e2 === i2.value;
+  })), $2 = o((() => !!k2 && !V2.value && h2.hasSelection.value && !g2.value)), j2 = o((() => !!(h2 == null ? void 0 : h2.disabled.value) || (i2.disabled ?? false))), B2 = o((() => h2 == null ? void 0 : h2.size.value)), C2 = o((() => h2 == null ? void 0 : h2.type.value)), E = o((() => h2 == null ? void 0 : h2.color.value)), I = o((() => h2 == null ? void 0 : h2.name.value)), S = o((() => {
+    const a3 = E.value;
+    if (!a3) return {};
+    const i3 = e(a3);
+    return l(i3, "px-filter-item", z);
+  }));
+  function w() {
+    !j2.value && k2 && (V2.value ? h2.changeEvent(i2.value) : h2.changeEvent(g2.value ? void 0 : i2.value));
+  }
+  return (e2, l2) => (r(), s("div", { class: n(["px-filter-item", { [`px-filter-item--${B2.value}`]: B2.value, [`px-filter-item--${C2.value}`]: C2.value, "is-active": g2.value, "is-disabled": j2.value, "is-hidden": $2.value }]), style: d(S.value), onClick: w }, [v("input", { class: "px-filter-item__original", type: V2.value ? "checkbox" : "radio", "aria-checked": g2.value, id: m(x2), name: I.value, disabled: j2.value, checked: g2.value }, null, 8, F), e2.label || m(y2).default ? (r(), s("span", P, [p(e2.$slots, "default", {}, (() => [f(b(e2.label), 1)]))])) : c("", true)], 6));
+} }), j = ["role"], B = a(i({ name: "PxFilter", __name: "Filter", props: { modelValue: {}, options: {}, name: {}, disabled: { type: Boolean, default: false }, size: {}, type: {}, color: {}, multiple: { type: Boolean, default: false } }, emits: ["update:modelValue", "change"], setup(e2, { emit: l2 }) {
+  const a2 = e2, i2 = l2, t2 = o((() => a2.multiple ? Array.isArray(a2.modelValue) && a2.modelValue.length > 0 : void 0 !== a2.modelValue)), u2 = (e3) => {
+    if (a2.multiple) {
+      const l3 = Array.isArray(a2.modelValue) ? [...a2.modelValue] : [];
+      if (void 0 === e3) return i2("update:modelValue", []), void i2("change", []);
+      const t3 = l3.indexOf(e3);
+      t3 >= 0 ? l3.splice(t3, 1) : l3.push(e3), i2("update:modelValue", l3), i2("change", l3);
+    } else i2("update:modelValue", e3), i2("change", e3);
+  };
+  function d2() {
+    u2(void 0);
+  }
+  return y(A, { modelValue: o((() => a2.modelValue)), disabled: o((() => a2.disabled)), size: o((() => a2.size)), type: o((() => a2.type)), color: o((() => a2.color)), name: o((() => a2.name)), multiple: o((() => a2.multiple)), hasSelection: t2, changeEvent: u2 }), (e3, l3) => {
+    var _a;
+    return r(), s("div", { class: n(["px-filter", { "is-collapsed": !e3.multiple && t2.value }]), role: e3.multiple ? "group" : "radiogroup" }, [t2.value ? (r(), s("div", { key: 0, class: "px-filter__reset", onClick: d2 }, [h(g, { icon: "close" })])) : c("", true), ((_a = e3.options) == null ? void 0 : _a.length) ? (r(true), s(k, { key: 1 }, x(e3.options, ((e4) => (r(), V($, { key: e4.value, value: e4.value, label: e4.label, disabled: e4.disabled }, null, 8, ["value", "label", "disabled"])))), 128)) : p(e3.$slots, "default", { key: 2 })], 10, j);
+  };
+} })), C = a($);
+export {
+  B as P,
+  C as a
+};

package/dist/es/{Form-7lZt5ehf.js → Form-B_XDnSjK.js}

@@ -1,121 +1,122 @@
-import { inject as e, defineComponent as r, reactive as s, toRefs as t, provide as a, createElementBlock as l, openBlock as o, normalizeClass as i, renderSlot as u, useCssVars as n, computed as d, useSlots as c, ref as p, onMounted as m, onUnmounted as v, normalizeStyle as f, unref as h, createBlock as b, createCommentVNode as g, createElementVNode as y, resolveDynamicComponent as x, withCtx as _, createTextVNode as q, toDisplayString as P, nextTick as k } from "vue";
-import { d as F, _ as I, w } from "./utils-BS5vsvlM.js";
-import { f as j, b as $, s as B, c as A, d as S, i as W, e as M, g as V, h as z, j as C, k as O, l as T, p as D } from "./vendor-DXmGx29U.js";
-import { u as E } from "./hooks-BqobYUzS.js";
+import { inject as e, defineComponent as s, reactive as r, toRefs as t, provide as a, createElementBlock as l, openBlock as o, normalizeClass as i, renderSlot as u, useCssVars as n, computed as d, useSlots as c, ref as p, onMounted as m, onUnmounted as v, normalizeStyle as f, unref as h, createBlock as b, createCommentVNode as g, createElementVNode as y, resolveDynamicComponent as x, withCtx as _, createTextVNode as q, toDisplayString as P, nextTick as k } from "vue";
+import { d as F, _ as I, w } from "./utils-BXICIEsD.js";
+import { f as j, b as $, s as B, c as A, d as S, i as W, e as M, g as V, h as z, j as C, k as O, l as T, p as D } from "./vendor-DrBJKLFW.js";
+import { u as E } from "./hooks-pU4JmsO3.js";
 import { z as R } from "zod";
-import { P as G } from "./Icon-BLDDdSU-.js";
+import { P as G } from "./Icon-D6qRB3pq.js";
 const H = Symbol("formContext"), J = Symbol("formItemContext");
 function K() {
   return { form: e(H, void 0), formItem: e(J, void 0) };
 }
-const L = r({ name: "PxForm", __name: "Form", props: { model: {}, rules: {}, disabled: { type: Boolean }, inline: { type: Boolean }, statusIcon: { type: Boolean }, labelWidth: {}, labelPosition: { default: "right" }, labelSuffix: {}, showMessage: { type: Boolean, default: true }, hideRequiredAsterisk: { type: Boolean, default: false }, requiredAsteriskPosition: { default: "left" } }, emits: ["validate"], setup(e2, { expose: r2, emit: n2 }) {
-  const d2 = n2, c2 = [], p2 = async (e3, r3) => {
+const L = s({ name: "PxForm", __name: "Form", props: { model: {}, rules: {}, disabled: { type: Boolean }, inline: { type: Boolean }, statusIcon: { type: Boolean }, labelWidth: {}, labelPosition: { default: "right" }, labelSuffix: {}, showMessage: { type: Boolean, default: true }, hideRequiredAsterisk: { type: Boolean, default: false }, requiredAsteriskPosition: { default: "left" } }, emits: ["validate"], setup(e2, { expose: s2, emit: n2 }) {
+  const d2 = n2, c2 = [], p2 = async (e3, s3) => {
     try {
-      const s2 = await (async function(e4 = []) {
-        let r4 = {};
-        for (const s3 of e4) try {
-          await s3.validate("");
+      const r2 = await (async function(e4 = []) {
+        let s4 = {};
+        for (const r3 of e4) try {
+          await r3.validate("");
         } catch (e5) {
-          r4 = { ...r4, ...e5 };
+          s4 = { ...s4, ...e5 };
         }
-        return !B(Object.keys(r4)) || Promise.reject(r4);
+        return !B(Object.keys(s4)) || Promise.reject(s4);
       })(m2(c2, e3 ?? []));
-      return true === s2 && (r3 == null ? void 0 : r3(s2)), s2;
+      return true === r2 && (s3 == null ? void 0 : s3(r2)), r2;
     } catch (e4) {
       if (e4 instanceof Error) throw e4;
-      const s2 = e4;
-      return r3 == null ? void 0 : r3(false, s2), Promise.reject(s2);
+      const r2 = e4;
+      return s3 == null ? void 0 : s3(false, r2), Promise.reject(r2);
     }
   };
-  function m2(e3, r3) {
-    return B(r3) ? $(e3, ((e4) => A(r3, e4.prop))) : e3;
+  function m2(e3, s3) {
+    return B(s3) ? $(e3, ((e4) => A(s3, e4.prop))) : e3;
   }
-  const v2 = s({ ...t(e2), emits: d2, addField: (e3) => {
+  const v2 = r({ ...t(e2), emits: d2, addField: (e3) => {
     e3.prop && c2.push(e3);
   }, removeField: (e3) => {
     e3.prop && c2.splice(c2.indexOf(e3), 1);
   } });
-  return a(H, v2), r2({ validate: async (e3) => p2([], e3), validateField: p2, resetFields: (e3) => {
+  return a(H, v2), s2({ validate: async (e3) => p2([], e3), validateField: p2, resetFields: (e3) => {
     j(m2(c2, e3 ?? []), ((e4) => e4.resetField()));
   }, clearValidate: (e3) => {
     j(m2(c2, e3 ?? []), ((e4) => e4.clearValidate()));
-  } }), (e3, r3) => (o(), l("form", { class: i(["px-form", { "is-inline": e3.inline }]) }, [u(e3.$slots, "default")], 2));
-} }), N = ["aria-describedby"], Q = { class: "px-form-item__input-wrap" }, U = ["id"], X = I(r({ name: "PxFormItem", __name: "FormItem", props: { prop: {}, label: {}, for: {}, labelWidth: {}, disabled: { type: Boolean }, required: { type: Boolean, default: void 0 }, showMessage: { type: Boolean, default: true }, error: {}, rules: {} }, setup(r2, { expose: I2 }) {
+  } }), (e3, s3) => (o(), l("form", { class: i(["px-form", { "is-inline": e3.inline }]) }, [u(e3.$slots, "default")], 2));
+} }), N = ["aria-describedby"], Q = { class: "px-form-item__input-wrap" }, U = ["id"], X = I(s({ name: "PxFormItem", __name: "FormItem", props: { prop: {}, label: {}, for: {}, labelWidth: {}, disabled: { type: Boolean }, required: { type: Boolean, default: void 0 }, showMessage: { type: Boolean, default: true }, error: {}, rules: {} }, setup(s2, { expose: I2 }) {
   n(((e2) => ({ ac9c6e38: le.value })));
-  const w2 = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), j2 = r2, K2 = c(), L2 = e(H), X2 = E().value, Y2 = p("init"), Z2 = p(""), ee = p([]), re = (e2) => {
-    return e2 && j2.prop && !W(V(e2, j2.prop)) ? (r3 = j2.prop, (T(r3) ? r3 : r3.split(".")).some(((e3) => w2.has(e3))) ? (F("PxFormItem", `Prop path "${j2.prop}" contains a dangerous segment and was rejected.`), null) : V(e2, j2.prop)) : null;
-    var r3;
-  }, se = d((() => !(!j2.label && !K2.label))), te = d((() => j2.for || (ee.value.length ? ee.value[0] : ""))), ae = d((() => `${j2.label ?? ""}${(L2 == null ? void 0 : L2.labelSuffix) ?? ""}`)), le = d((() => {
+  const w2 = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), j2 = s2, K2 = c(), L2 = e(H), X2 = E().value, Y2 = p("init"), Z2 = p(""), ee = p([]), se = (e2) => {
+    return e2 && j2.prop && !W(V(e2, j2.prop)) ? (s3 = j2.prop, (T(s3) ? s3 : s3.split(".")).some(((e3) => w2.has(e3))) ? (F("PxFormItem", `Prop path "${j2.prop}" contains a dangerous segment and was rejected.`), null) : V(e2, j2.prop)) : null;
+    var s3;
+  }, re = d((() => !(!j2.label && !K2.label))), te = d((() => j2.for || (ee.value.length ? ee.value[0] : ""))), ae = d((() => `${j2.label ?? ""}${(L2 == null ? void 0 : L2.labelSuffix) ?? ""}`)), le = d((() => {
     const e2 = (e3) => z(e3) ? `${e3}px` : C(e3, "px") ? e3 : `${e3}px`;
     return j2.labelWidth ? e2(j2.labelWidth) : (L2 == null ? void 0 : L2.labelWidth) ? e2(L2 == null ? void 0 : L2.labelWidth) : "150px";
   })), oe = d((() => (L2 == null ? void 0 : L2.labelPosition) ?? "right")), ie = d((() => "top" === oe.value)), ue = d((() => ie.value ? { width: "100%", textAlign: "left", padding: "0 0 8px 0" } : { textAlign: "left" === oe.value ? "left" : "right" })), ne = d((() => (L2 == null ? void 0 : L2.disabled) || j2.disabled)), de = d((() => {
     const e2 = L2 == null ? void 0 : L2.model;
-    return re(e2);
+    return se(e2);
   })), ce = d((() => j2.prop ? S(j2.prop) ? j2.prop : j2.prop.join(".") : "")), pe = d((() => {
-    const { required: e2 } = j2, r3 = [];
-    j2.rules && r3.push(...j2.rules);
-    const s2 = L2 == null ? void 0 : L2.rules;
-    if (s2 && j2.prop) {
-      const e3 = re(s2);
-      e3 && r3.push(...e3);
+    const { required: e2 } = j2, s3 = [];
+    j2.rules && s3.push(...j2.rules);
+    const r2 = L2 == null ? void 0 : L2.rules;
+    if (r2 && j2.prop) {
+      const e3 = se(r2);
+      e3 && s3.push(...e3);
     }
     if (!W(e2)) {
-      const s3 = $(M(r3, ((e3, r4) => [e3, r4])), ((e3) => A(D(e3[0]), "required")));
-      if (B(s3)) for (const t2 of s3) {
-        const [s4, a2] = t2;
-        s4.required !== e2 && (r3[a2] = { ...s4, required: e2 });
+      const r3 = $(M(s3, ((e3, s4) => [e3, s4])), ((e3) => A(D(e3[0]), "required")));
+      if (B(r3)) for (const t2 of r3) {
+        const [r4, a2] = t2;
+        r4.required !== e2 && (s3[a2] = { ...r4, required: e2 });
       }
-      else r3.push({ required: e2 });
+      else s3.push({ required: e2 });
     }
-    return r3;
+    return s3;
   })), me = d((() => W(j2.required) ? B($(pe.value, ((e2) => e2.required))) > 0 : j2.required));
   let ve = null, fe = false;
-  const he = async (e2, r3) => {
+  const he = async (e2, s3) => {
     if (fe || !j2.prop || ne.value) return false;
-    if (!Y2.value) return r3 == null ? void 0 : r3(false), false;
-    const s2 = (function(e3) {
-      const r4 = pe.value;
-      return r4 ? $(r4, ((r5) => !(r5 == null ? void 0 : r5.trigger) || !e3 || (T(r5.trigger) ? r5.trigger.includes(e3) : r5.trigger === e3))) : [];
+    if (!Y2.value) return s3 == null ? void 0 : s3(false), false;
+    const r2 = (function(e3) {
+      const s4 = pe.value;
+      return s4 ? $(s4, ((s5) => !(s5 == null ? void 0 : s5.trigger) || !e3 || (T(s5.trigger) ? s5.trigger.includes(e3) : s5.trigger === e3))) : [];
     })(e2);
-    return B(s2) ? (Y2.value = "validating", (async function(e3) {
+    return B(r2) ? (Y2.value = "validating", (async function(e3) {
       var _a;
-      const r4 = de.value;
-      for (const s3 of e3) {
-        let e4 = s3.schema ?? null;
-        if (!e4 && s3.required && (e4 = R.string({ message: s3.message ?? "This field is required" }).min(1, s3.message ?? "This field is required")), !e4) continue;
-        const t2 = e4.safeParse(r4);
+      const s4 = de.value;
+      for (const r3 of e3) {
+        let e4 = r3.schema ?? null;
+        if (!e4 && r3.required && (e4 = R.string({ message: r3.message ?? "This field is required" }).min(1, r3.message ?? "This field is required")), !e4) continue;
+        const t2 = e4.safeParse(s4);
         if (!t2.success) {
-          const e5 = s3.message ?? ((_a = t2.error.issues[0]) == null ? void 0 : _a.message) ?? "Validation failed";
+          const e5 = r3.message ?? ((_a = t2.error.issues[0]) == null ? void 0 : _a.message) ?? "Validation failed";
           Y2.value = "error", Z2.value = e5;
-          const r5 = { errors: [{ field: ce.value, message: e5 }], fields: { [ce.value]: [{ message: e5 }] } };
-          return L2 == null ? void 0 : L2.emits("validate", j2, false, e5), Promise.reject(r5);
+          const s5 = { errors: [{ field: ce.value, message: e5 }], fields: { [ce.value]: [{ message: e5 }] } };
+          return L2 == null ? void 0 : L2.emits("validate", j2, false, e5), Promise.reject(s5);
         }
       }
       return Y2.value = "success", L2 == null ? void 0 : L2.emits("validate", j2, true, ""), true;
-    })(s2).then((() => (r3 == null ? void 0 : r3(true), true))).catch(((e3) => {
-      const { fields: s3 } = e3;
-      return r3 == null ? void 0 : r3(false, s3), Promise.reject(s3);
-    }))) : (r3 == null ? void 0 : r3(true), true);
+    })(r2).then((() => (s3 == null ? void 0 : s3(true), true))).catch(((e3) => {
+      const { fields: r3 } = e3;
+      return s3 == null ? void 0 : s3(false, r3), Promise.reject(r3);
+    }))) : (s3 == null ? void 0 : s3(true), true);
   }, be = () => {
     const e2 = L2 == null ? void 0 : L2.model;
     e2 && ce.value && !W(V(e2, ce.value)) && (fe = true, e2[ce.value] = O(ve)), k((() => ge()));
   }, ge = () => {
     Y2.value = "init", Z2.value = "", fe = false;
-  }, ye = s({ ...t(j2), disabled: ne.value, validate: he, resetField: be, clearValidate: ge, addInputId: (e2) => {
+  }, ye = r({ ...t(j2), disabled: ne.value, validate: he, resetField: be, clearValidate: ge, addInputId: (e2) => {
     A(ee.value, e2) || ee.value.push(e2);
   }, removeInputId: (e2) => {
-    ee.value = $(ee.value, ((r3) => r3 !== e2));
+    ee.value = $(ee.value, ((s3) => s3 !== e2));
   } });
   return m((() => {
     j2.prop && (L2 == null ? void 0 : L2.addField(ye), ve = de.value);
   })), v((() => {
     j2.prop && (L2 == null ? void 0 : L2.removeField(ye));
-  })), a(J, ye), I2({ validateMessage: Z2, validateStatus: Y2, validate: he, resetField: be, clearValidate: ge }), (e2, r3) => {
+  })), a(J, ye), I2({ validateMessage: Z2, validateStatus: Y2, validate: he, resetField: be, clearValidate: ge }), (e2, s3) => {
     var _a, _b, _c, _d, _e;
-    return o(), l("div", { class: i(["px-form-item", { "is-error": "error" === Y2.value, "is-success": "success" === Y2.value, "is-disabled": ne.value, "is-required": me.value, "asterisk-left": "left" === ((_a = h(L2)) == null ? void 0 : _a.requiredAsteriskPosition), "asterisk-right": "right" === ((_b = h(L2)) == null ? void 0 : _b.requiredAsteriskPosition) }]), style: f(ie.value ? { flexDirection: "column" } : {}) }, [se.value ? (o(), b(x(te.value ? "label" : "div"), { key: 0, class: "px-form-item__label", style: f(ue.value), id: h(X2), for: te.value }, { default: _((() => [u(e2.$slots, "label", { label: ae.value }, (() => [q(P(ae.value), 1)]), true)])), _: 3 }, 8, ["style", "id", "for"])) : g("", true), y("div", { class: "px-form-item__content", style: f(ie.value ? { width: "100%" } : {}), "aria-describedby": "error" === Y2.value ? `form-item-error-${h(X2)}` : void 0 }, [y("div", Q, [u(e2.$slots, "default", { validate: he }, void 0, true), ((_c = h(L2)) == null ? void 0 : _c.statusIcon) && "success" === Y2.value ? (o(), b(G, { key: 0, icon: "check", class: "px-form-item__status-icon is-success", size: "sm" })) : g("", true), ((_d = h(L2)) == null ? void 0 : _d.statusIcon) && "error" === Y2.value ? (o(), b(G, { key: 1, icon: "close", class: "px-form-item__status-icon is-error", size: "sm" })) : g("", true)]), "error" === Y2.value ? (o(), l("div", { key: 0, class: "px-form-item__error-msg", id: `form-item-error-${h(X2)}` }, [((_e = h(L2)) == null ? void 0 : _e.showMessage) && e2.showMessage ? u(e2.$slots, "error", { key: 0, error: Z2.value }, (() => [q(P(Z2.value), 1)]), true) : g("", true)], 8, U)) : g("", true)], 12, N)], 6);
+    return o(), l("div", { class: i(["px-form-item", { "is-error": "error" === Y2.value, "is-success": "success" === Y2.value, "is-disabled": ne.value, "is-required": me.value, "asterisk-left": "left" === ((_a = h(L2)) == null ? void 0 : _a.requiredAsteriskPosition), "asterisk-right": "right" === ((_b = h(L2)) == null ? void 0 : _b.requiredAsteriskPosition) }]), style: f(ie.value ? { flexDirection: "column" } : {}) }, [re.value ? (o(), b(x(te.value ? "label" : "div"), { key: 0, class: "px-form-item__label", style: f(ue.value), id: h(X2), for: te.value }, { default: _((() => [u(e2.$slots, "label", { label: ae.value }, (() => [q(P(ae.value), 1)]), true)])), _: 3 }, 8, ["style", "id", "for"])) : g("", true), y("div", { class: "px-form-item__content", style: f(ie.value ? { width: "100%" } : {}), "aria-describedby": "error" === Y2.value ? `form-item-error-${h(X2)}` : void 0 }, [y("div", Q, [u(e2.$slots, "default", { validate: he }, void 0, true), ((_c = h(L2)) == null ? void 0 : _c.statusIcon) && "success" === Y2.value ? (o(), b(G, { key: 0, icon: "check", class: "px-form-item__status-icon is-success", size: "sm" })) : g("", true), ((_d = h(L2)) == null ? void 0 : _d.statusIcon) && "error" === Y2.value ? (o(), b(G, { key: 1, icon: "close", class: "px-form-item__status-icon is-error", size: "sm" })) : g("", true)]), "error" === Y2.value ? (o(), l("div", { key: 0, class: "px-form-item__error-msg", id: `form-item-error-${h(X2)}` }, [((_e = h(L2)) == null ? void 0 : _e.showMessage) && e2.showMessage ? u(e2.$slots, "error", { key: 0, error: Z2.value }, (() => [q(P(Z2.value), 1)]), true) : g("", true)], 8, U)) : g("", true)], 12, N)], 6);
   };
 } }), [["__scopeId", "data-v-0e2bbb22"]]), Y = w(L), Z = w(X);
 export {
+  J as F,
   Y as P,
   Z as a,
   K as u

package/dist/es/{Icon-BLDDdSU-.js → Icon-D6qRB3pq.js}

@@ -1,4 +1,4 @@
-import { a as v, g as h, s as l, _ as o, w, b as r } from "./utils-BS5vsvlM.js";
+import { e as v, g as h, s as l, _ as o, w, f as r } from "./utils-BXICIEsD.js";
 import { defineComponent as t, computed as H, createElementBlock as m, openBlock as s, mergeProps as z } from "vue";
 const n = { xs: 12, sm: 18, md: 24, lg: 36, xl: 48, "2xl": 72, "1x": 24, "2x": 48, "3x": 72 }, V = ["innerHTML"], g = { key: 1, class: "px-icon__fallback" }, e = o(t({ name: "PxIcon", inheritAttrs: false, __name: "Icon", props: { icon: {}, size: { default: "md" }, rotation: {}, flip: {}, spin: { type: Boolean }, pulse: { type: Boolean }, bounce: { type: Boolean }, shake: { type: Boolean }, beat: { type: Boolean }, fade: { type: Boolean }, type: {}, color: {} }, setup(o2) {
   const w2 = o2, r2 = H((() => v(w2.icon))), t2 = H((() => {

package/dist/es/{Indicator-B-en-MgG.js → Indicator-C6Ip4dpP.js}

@@ -1,4 +1,4 @@
-import { r as o, c as i, _ as e, w as t } from "./utils-BS5vsvlM.js";
+import { r as o, c as i, _ as e, w as t } from "./utils-BXICIEsD.js";
 import { defineComponent as a, useSlots as s, computed as n, createElementBlock as r, openBlock as p, normalizeClass as c, renderSlot as l, createCommentVNode as d, createElementVNode as f, normalizeStyle as _ } from "vue";
 const x = { "bg-color": "color", "border-color": "dark", "shadow-color": "dark" }, u = t(e(a({ name: "PxIndicator", __name: "Indicator", props: { placement: { default: "top-end" }, type: { default: "primary" }, color: {}, offset: {}, inline: { type: Boolean }, processing: { type: Boolean } }, setup(e2) {
   const t2 = e2, a2 = s(), u2 = n((() => !a2.indicator)), m = n((() => t2.color ? o(i(t2.color), "px-indicator", x) : {})), v = n((() => t2.offset ? { "--px-indicator-offset-x": `${t2.offset[0]}px`, "--px-indicator-offset-y": `${t2.offset[1]}px` } : {}));

package/dist/es/{Input-C5HuVehE.js → Input-bThwBbNZ.js}

@@ -1,9 +1,9 @@
-import { c as e, r as o, d as a, w as l } from "./utils-BS5vsvlM.js";
+import { c as e, r as o, d as a, w as l } from "./utils-BXICIEsD.js";
 import { defineComponent as s, ref as r, shallowRef as u, useAttrs as t, computed as p, watch as n, createElementBlock as d, openBlock as c, normalizeStyle as i, normalizeClass as f, unref as v, withDirectives as m, Fragment as y, createCommentVNode as h, createElementVNode as x, renderSlot as _, mergeProps as w, vModelDynamic as k, createBlock as b, withModifiers as $, vModelText as g, nextTick as B } from "vue";
-import { e as V, u as I } from "./hooks-BqobYUzS.js";
-import { u as P } from "./Form-7lZt5ehf.js";
-import { P as j } from "./Icon-BLDDdSU-.js";
-import { q as C, f as F } from "./vendor-DXmGx29U.js";
+import { e as V, u as I } from "./hooks-pU4JmsO3.js";
+import { u as P } from "./Form-B_XDnSjK.js";
+import { P as j } from "./Icon-D6qRB3pq.js";
+import { q as C, f as F } from "./vendor-DrBJKLFW.js";
 const R = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "info"]), z = { default: { "border-color": "color", "hover-border-color": "dark", "focus-border-color": "dark", "shadow-color": "dark", "focus-shadow-color": "dark" }, ghost: { "border-color": "transparent", "hover-border-color": "color", "focus-border-color": "dark", "shadow-color": "transparent", "focus-shadow-color": "dark" } }, M = { key: 0, class: "px-input__prepend" }, U = { key: 0, class: "px-input__prefix" }, q = ["id", "type", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "form"], A = { key: 1, class: "px-input__suffix" }, S = { key: 1, class: "px-input__append" }, D = ["id", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "form"], E = s({ name: "PxInput", inheritAttrs: false, __name: "Input", props: { id: {}, modelValue: {}, type: { default: "text" }, size: {}, color: {}, ghost: { type: Boolean }, disabled: { type: Boolean }, clearable: { type: Boolean }, showPassword: { type: Boolean }, placeholder: {}, readonly: { type: Boolean }, autocomplete: { default: "off" }, autofocus: { type: Boolean }, form: {} }, emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"], setup(l2, { expose: s2, emit: E2 }) {
   const G2 = l2, H = E2, J = r(G2.modelValue), K = r(false), L = u(), N = u(), O = t(), { formItem: Q } = P(), T = p((() => L.value || N.value)), W = p((() => G2.disabled)), X = p((() => R.has(G2.color ?? ""))), Y = p((() => !!G2.color && !X.value)), Z = p((() => {
     if (!Y.value) return {};