sakana-element 2.1.5 → 2.3.0

package/dist/es/Select-Blw_iO2r.js

@@ -1,133 +0,0 @@
-import { R as e, _ as l, c as t, r as o, w as a } 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 g, reactive as m, watchEffect as b, watch as y, onMounted as x, onBeforeUnmount as _, provide as V, normalizeStyle as w, withCtx as I, createCommentVNode as M, createElementVNode as k, Fragment as S, renderList as O, createBlock as L, mergeProps as B, nextTick as z } from "vue";
-import { C as D, D as j, g as C, b as F, s as R, e as $, E, F as H, f as P, y as N, q as W, i as q, G as A, c as T } from "./vendor-DXmGx29U.js";
-import { u as U, c as G, a as K } from "./hooks-CYdEHUVd.js";
-import { P as J } from "./Icon-DpJyuj7c.js";
-import { _ as Q } from "./Input-DBPpvf0Y.js";
-import { T as X } from "./Tooltip-HWx_i2FA.js";
-const Y = Symbol("selectContext"), Z = { 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"] }] }, ee = /* @__PURE__ */ new Set(["primary", "success", "warning", "danger", "info"]), le = { 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" } }, te = ["id"], oe = l(i({ name: "PxOption", __name: "Option", props: { value: {}, label: {}, disabled: { type: Boolean, default: false } }, setup(l2) {
-  const t2 = l2, o2 = s(Y), a2 = n((() => {
-    var _a;
-    return ((_a = o2 == null ? void 0 : o2.selectStates.selectedOption) == null ? void 0 : _a.value) === t2.value;
-  })), i2 = n((() => D(["label", "value"], ((e2) => j(C(o2, ["highlightedLine", "value", e2]), C(t2, e2))))));
-  function f2() {
-    t2.disabled || (o2 == null ? void 0 : o2.handleSelect(t2));
-  }
-  return (l3, s2) => (r(), u("li", { class: c(["px-select__menu-item", { "is-disabled": l3.disabled, "is-selected": a2.value, "is-highlighted": i2.value }]), id: `select-item-${l3.value}`, onClick: d(f2, ["stop"]) }, [p(l3.$slots, "default", {}, (() => {
-    var _a, _b;
-    return [h(v(e), { vNode: ((_a = v(o2)) == null ? void 0 : _a.renderLabel) ? (_b = v(o2)) == null ? void 0 : _b.renderLabel(t2) : l3.label }, null, 8, ["vNode"])];
-  }), true)], 10, te));
-} }), [["__scopeId", "data-v-c5f1823d"]]), ae = { key: 0, class: "px-select__loading" }, ie = { key: 1, class: "px-select__nodata" }, se = { class: "px-select__menu" }, ne = a(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: a2 }) {
-  const i2 = e2, s2 = a2, p2 = f(), D2 = g(), te2 = g(), ne2 = g(), ue2 = g(/* @__PURE__ */ new Map()), re = g(i2.options ?? []), de = g(false), ce = Ee(i2.modelValue), pe = m({ inputValue: (ce == null ? void 0 : ce.label) ?? "", selectedOption: ce, mouseHover: false, loading: false, highlightedIndex: -1 }), he = n((() => i2.disabled)), ve = n((() => ee.has(i2.color ?? ""))), fe = n((() => !!i2.color && !ve.value)), ge = n((() => {
-    if (!fe.value) return {};
-    const e3 = t(i2.color), l3 = i2.ghost ? "ghost" : "default";
-    return o(e3, "px-select", le[l3]);
-  })), me = n((() => {
-    var _a;
-    return F((_a = p2 == null ? void 0 : p2.default) == null ? void 0 : _a.call(p2), ((e3) => j(e3.type, oe)));
-  })), be = n((() => R(me.value) > 0)), ye = n((() => i2.clearable && pe.mouseHover && "" !== pe.inputValue)), xe = n((() => {
-    let e3;
-    return e3 = be.value ? [...ue2.value.values()][pe.highlightedIndex] : re.value[pe.highlightedIndex], e3;
-  })), _e = n((() => be.value ? $(me.value, ((e3) => {
-    var _a, _b, _c;
-    return { props: { ...e3.props, disabled: true === ((_a = e3.props) == null ? void 0 : _a.disabled) || !q((_b = e3.props) == null ? void 0 : _b.disabled) && !A((_c = e3.props) == null ? void 0 : _c.disabled) } };
-  })) : [])), Ve = n((() => !!i2.filterable && !we.value)), we = n((() => be.value && ue2.value.size > 0 || !be.value && R(re.value) > 0)), Ie = n((() => be.value ? ue2.value.size - 1 : R(re.value) - 1)), Me = n((() => i2.filterable && pe.selectedOption && de.value ? pe.selectedOption.label : i2.placeholder)), ke = n((() => i2.remote ? 300 : 100));
-  let Se = E(Ne, ke.value);
-  b((() => {
-    Se.cancel(), Se = E(Ne, ke.value);
-  }));
-  const Oe = U().value, { wrapperRef: Le, isFocused: Be, handleBlur: ze, handleFocus: De } = G(ne2), je = (function({ isDropdownVisible: e3, controlVisible: l3, selectStates: t2, highlightedLine: o2, handleSelect: a3, hasData: i3, lastIndex: s3 }) {
-    const n2 = /* @__PURE__ */ new Map();
-    return n2.set("Enter", (() => {
-      e3.value && t2.highlightedIndex >= 0 && o2.value && a3(o2.value), l3(!e3.value);
-    })), n2.set("Escape", (() => e3.value && l3(!e3.value))), n2.set("ArrowUp", ((e4) => {
-      e4.preventDefault(), i3.value && (-1 !== t2.highlightedIndex && 0 !== t2.highlightedIndex ? t2.highlightedIndex-- : t2.highlightedIndex = s3.value);
-    })), n2.set("ArrowDown", ((e4) => {
-      e4.preventDefault(), i3.value && (-1 !== t2.highlightedIndex && t2.highlightedIndex !== s3.value ? t2.highlightedIndex++ : t2.highlightedIndex = 0);
-    })), n2;
-  })({ isDropdownVisible: de, controlVisible: Fe, selectStates: pe, highlightedLine: xe, handleSelect: He, hasData: we, lastIndex: Ie });
-  function Ce(e3) {
-    Be.value && z((() => ze(new FocusEvent("focus", e3))));
-  }
-  function Fe(e3) {
-    var _a;
-    te2.value && ((_a = C(te2, ["value", e3 ? "show" : "hide"])) == null ? void 0 : _a(), i2.filterable && (function(e4) {
-      var _a2;
-      i2.filterable && (e4 ? (pe.selectedOption && (pe.inputValue = ""), Se()) : pe.inputValue = ((_a2 = pe.selectedOption) == null ? void 0 : _a2.label) || "");
-    })(e3), de.value = e3, s2("visible-change", e3), pe.highlightedIndex = -1);
-  }
-  function Re() {
-    he.value || Fe(!de.value);
-  }
-  function $e() {
-    var _a;
-    (_a = ne2.value) == null ? void 0 : _a.clear(), pe.inputValue = "", pe.selectedOption = null, s2("clear"), P(["change", "update:modelValue"], ((e3) => s2(e3, "")));
-  }
-  function Ee(e3) {
-    return H(i2.options, ((l3) => l3.value === e3));
-  }
-  function He(e3) {
-    var _a;
-    e3.disabled || (pe.inputValue = e3.label, pe.selectedOption = e3, P(["change", "update:modelValue"], ((l3) => s2(l3, e3.value))), Fe(false), (_a = ne2.value) == null ? void 0 : _a.focus());
-  }
-  function Pe(e3) {
-    ue2.value.clear(), P(e3, ((e4) => {
-      ue2.value.set(e4.props.value, e4.props);
-    }));
-  }
-  function Ne() {
-    const e3 = pe.inputValue;
-    pe.highlightedIndex = -1, be.value ? (async function(e4) {
-      if (i2.filterable) {
-        if (i2.remote && i2.remoteMethod && N(i2.remoteMethod)) return await qe(i2.remoteMethod, e4), void Pe(_e.value);
-        if (i2.filterMethod && N(i2.filterMethod)) {
-          const l3 = $(i2.filterMethod(e4), "value");
-          Pe(F(_e.value, ((e5) => T(l3, C(e5, ["props", "value"])))));
-        } else Pe(F(_e.value, ((l3) => T(C(l3, ["props", "label"]), e4))));
-      }
-    })(e3) : (async function(e4) {
-      i2.filterable && (i2.remote && i2.remoteMethod && N(i2.remoteMethod) ? re.value = await qe(i2.remoteMethod, e4) : i2.filterMethod && N(i2.filterMethod) ? re.value = i2.filterMethod(e4) : re.value = F(i2.options, ((l3) => T(l3.label, e4))));
-    })(e3);
-  }
-  function We(e3) {
-    var _a;
-    je.has(e3.key) && ((_a = je.get(e3.key)) == null ? void 0 : _a(e3));
-  }
-  async function qe(e3, l3) {
-    if (!e3 || !N(e3)) return;
-    let t2;
-    pe.loading = true;
-    try {
-      t2 = await e3(l3);
-    } catch (e4) {
-      t2 = [];
-    }
-    return t2;
-  }
-  function Ae() {
-    const e3 = Ee(i2.modelValue);
-    e3 && (pe.inputValue = e3.label, pe.selectedOption = e3);
-  }
-  return K(D2, ((e3) => Ce(e3))), y((() => i2.options), ((e3) => {
-    re.value = e3 ?? [];
-  })), y((() => _e.value), ((e3) => Pe(e3)), { immediate: true }), y((() => i2.modelValue), (() => {
-    Ae();
-  })), x((() => {
-    Ae();
-  })), _((() => {
-    Se.cancel();
-  })), V(Y, { handleSelect: He, selectStates: pe, renderLabel: function(e3) {
-    return N(i2.renderLabel) ? i2.renderLabel(e3) : e3.label;
-  }, highlightedLine: xe }), l2({ focus: () => {
-    var _a;
-    (_a = ne2.value) == null ? void 0 : _a.focus();
-  }, blur: () => {
-    Ce();
-  } }), (e3, l3) => (r(), u("div", { ref_key: "selectRef", ref: D2, class: c(["px-select", { "is-disabled": he.value, "is-ghost": e3.ghost, [`px-select--${e3.size}`]: e3.size, [`px-select--${e3.color}`]: ve.value }]), style: w(ge.value), onClick: d(Re, ["stop"]), onMouseenter: l3[2] || (l3[2] = (e4) => pe.mouseHover = true), onMouseleave: l3[3] || (l3[3] = (e4) => pe.mouseHover = false) }, [h(X, { ref_key: "tooltipRef", ref: te2, placement: "bottom-start", "popper-options": v(Z), onClickOutside: l3[1] || (l3[1] = (e4) => Fe(false)), manual: "" }, { default: I((() => [k("div", { ref_key: "inputWrapperRef", ref: Le }, [h(Q, { ref_key: "inputRef", ref: ne2, modelValue: pe.inputValue, "onUpdate:modelValue": l3[0] || (l3[0] = (e4) => pe.inputValue = e4), id: v(Oe), disabled: he.value, ghost: e3.ghost, color: e3.color, size: e3.size, placeholder: e3.filterable ? Me.value : e3.placeholder, readonly: !e3.filterable || !de.value, onFocus: v(De), onBlur: v(ze), onInput: v(Se), onKeydown: We }, { suffix: I((() => [ye.value ? (r(), L(J, { key: 0, icon: "close-box", class: "px-input__clear", onClick: d($e, ["stop"]), onMousedown: d(v(W), ["prevent"]) }, null, 8, ["onMousedown"])) : (r(), L(J, { key: 1, class: c(["header-angle", { "is-active": de.value }]), icon: "chevron-down" }, null, 8, ["class"]))])), _: 1 }, 8, ["modelValue", "id", "disabled", "ghost", "color", "size", "placeholder", "readonly", "onFocus", "onBlur", "onInput"])], 512)])), content: I((() => [pe.loading ? (r(), u("div", ae, [h(J, { icon: "loader", spin: "" })])) : e3.filterable && Ve.value ? (r(), u("div", ie, " No data ")) : M("", true), k("ul", se, [be.value ? (r(true), u(S, { key: 1 }, O(ue2.value, (([e4, l4]) => (r(), L(oe, B({ key: e4, ref_for: true }, l4), null, 16)))), 128)) : (r(true), u(S, { key: 0 }, O(re.value, ((e4) => (r(), L(oe, B({ key: e4.value, ref_for: true }, e4), null, 16)))), 128))])])), _: 1 }, 8, ["popper-options"])], 38));
-} }), [["__scopeId", "data-v-28834867"]])), ue = a(oe);
-export {
-  ne as P,
-  ue as a
-};

package/dist/es/Switch-CHjcLtHs.js

@@ -1,34 +0,0 @@
-import { c as e, w as i } from "./utils-bsCscZfS.js";
-import { defineComponent as c, computed as t, ref as a, 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-CYdEHUVd.js";
-import { P as w } from "./Icon-DpJyuj7c.js";
-const _ = ["id", "name", "disabled", "checked"], k = { 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 = i(c({ 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(i2, { expose: c2, emit: C2 }) {
-  const T = i2, g = C2, I = t((() => T.disabled)), S = a(T.modelValue), z = a(), B = f().value, j = t((() => S.value === T.activeValue)), N = t((() => j.value ? T.activeIcon : T.inactiveIcon)), P = t((() => {
-    const i3 = {};
-    if (T.activeColor) {
-      const c3 = e(T.activeColor);
-      i3["--px-switch-on-color"] = c3.color, i3["--px-switch-on-border-color"] = c3.dark;
-    }
-    if (T.inactiveColor) {
-      const c3 = e(T.inactiveColor);
-      i3["--px-switch-off-color"] = c3.color, i3["--px-switch-off-border-color"] = c3.dark;
-    }
-    return i3;
-  }));
-  function $() {
-    if (I.value) return;
-    const e2 = j.value ? T.inactiveValue : T.activeValue;
-    S.value = e2, g("update:modelValue", e2), g("change", e2);
-  }
-  return o((() => {
-    z.value.checked = j.value;
-  })), l(j, ((e2) => {
-    z.value.checked = e2;
-  })), c2({ checked: j, focus: () => {
-    var _a;
-    (_a = z.value) == null ? void 0 : _a.focus();
-  } }), (e2, i3) => (n(), s("div", { class: u(["px-switch", { [`px-switch--${e2.size}`]: e2.size, [`px-switch--${e2.type}`]: e2.type, "is-disabled": I.value, "is-checked": j.value }]), style: r(P.value), onClick: $ }, [v("input", { class: "px-switch__input", type: "checkbox", role: "switch", ref_key: "inputRef", ref: z, id: p(B), name: e2.name, disabled: I.value, checked: j.value, onKeydown: d($, ["enter"]) }, null, 40, _), v("div", k, [v("div", y, [e2.activeText || e2.inactiveText ? (n(), s("span", b, x(j.value ? e2.activeText : e2.inactiveText), 1)) : h("", true)]), v("div", V, [N.value ? (n(), m(w, { key: 0, class: "px-switch__icon", icon: N.value, size: "xs" }, null, 8, ["icon"])) : h("", true)])])], 6));
-} }));
-export {
-  C as P
-};

package/dist/es/Tooltip-HWx_i2FA.js

@@ -1,74 +0,0 @@
-import { _ as e, w as t } from "./utils-bsCscZfS.js";
-import { onMounted as a, watch as o, onUnmounted as i, defineComponent as l, ref as r, computed as n, watchEffect as u, createElementBlock as s, openBlock as v, mergeProps as c, toHandlers as p, renderSlot as d, createVNode as f, unref as g, Transition as m, withCtx as h, createCommentVNode as b, createElementVNode as _, createTextVNode as k, toDisplayString as y } from "vue";
-import { createPopper as T } from "@popperjs/core";
-import { u as x, a as w } from "./hooks-CYdEHUVd.js";
-import { H as j, f as B, E, v as L } from "./vendor-DXmGx29U.js";
-const N = ["aria-describedby"], R = ["id"], $ = e(l({ 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 } }, emits: ["visible-change", "click-outside"], setup(e2, { expose: t2, emit: l2 }) {
-  const $2 = e2, O2 = l2, P = r(false), A = x("px-tooltip"), D = r({}), H = r({}), I = r({}), M = r(), q = r(), z = r(), C = n((() => $2.virtualTriggering ? $2.virtualRef : z.value)), F = n((() => ({ placement: $2.placement, modifiers: [{ name: "offset", options: { offset: [0, 9] } }], ...$2.popperOptions }))), G = n((() => "hover" === $2.trigger ? $2.showTimeout : 0)), J = n((() => "hover" === $2.trigger ? $2.hideTimeout : 0));
-  let K, Q, S;
-  function U() {
-    Q == null ? void 0 : Q.cancel(), K == null ? void 0 : K();
-  }
-  function V() {
-    K == null ? void 0 : K.cancel(), Q == null ? void 0 : Q();
-  }
-  function W() {
-    P.value ? V() : U();
-  }
-  function X(e3) {
-    $2.disabled || (P.value = e3, O2("visible-change", e3));
-  }
-  function Y() {
-    if (!$2.disabled && !$2.manual) return "hover" === $2.trigger ? (D.value.mouseenter = U, H.value.mouseleave = V, void (I.value.mouseenter = U)) : void ("click" !== $2.trigger ? "contextmenu" !== $2.trigger || (D.value.contextmenu = (e3) => {
-      e3.preventDefault(), U();
-    }) : D.value.click = W);
-  }
-  function Z() {
-    S == null ? void 0 : S.destroy(), S = null;
-  }
-  function ee() {
-    D.value = {}, H.value = {}, I.value = {}, Y();
-  }
-  const te = U, ae = () => {
-    K == null ? void 0 : K.cancel(), X(false);
-  };
-  return o(P, ((e3) => {
-    e3 && C.value && q.value && (S = T(C.value, q.value, F.value));
-  }), { flush: "post" }), o((() => $2.manual), ((e3) => {
-    e3 ? ee() : Y();
-  })), o((() => $2.trigger), (() => {
-    K == null ? void 0 : K.cancel(), P.value = false, O2("visible-change", false), ee();
-  })), u((() => {
-    $2.manual || Y(), K == null ? void 0 : K.cancel(), Q == null ? void 0 : Q.cancel(), K = E(L(X, null, true), G.value), Q = E(L(X, null, false), J.value);
-  })), w(M, (() => {
-    O2("click-outside"), "hover" === $2.trigger || $2.manual || P.value && V();
-  })), (function(e3, t3, l3) {
-    let r2, n2;
-    const u2 = /* @__PURE__ */ new Map(), s2 = () => {
-      const e4 = t3.value;
-      e4 && j(e4) && B(l3.value, ((t4, a2) => {
-        u2.set(a2, t4), e4.addEventListener(a2, t4);
-      }));
-    }, v2 = (e4) => {
-      const a2 = e4 ?? t3.value;
-      a2 && j(a2) && B(["mouseenter", "click", "contextmenu"], ((e5) => u2.has(e5) && a2.removeEventListener(e5, u2.get(e5))));
-    };
-    a((() => {
-      n2 = o((() => e3.virtualRef), ((t4, a2) => {
-        e3.virtualTriggering && (j(a2) && v2(a2), j(t4) && s2());
-      }), { immediate: true }), r2 = o(l3, (() => {
-        e3.virtualTriggering && (v2(), s2(), K == null ? void 0 : K.cancel(), X(false));
-      }), { deep: true });
-    })), i((() => {
-      r2 == null ? void 0 : r2(), n2 == null ? void 0 : n2();
-    }));
-  })($2, C, D), i((() => {
-    Z(), K == null ? void 0 : K.cancel(), Q == null ? void 0 : Q.cancel();
-  })), t2({ show: te, hide: ae, toggle: () => {
-    P.value ? ae() : te();
-  } }), (e3, t3) => (v(), s("div", c({ class: "px-tooltip", ref_key: "containerNode", ref: M }, p(H.value, true)), [e3.virtualTriggering ? d(e3.$slots, "default", { key: 1 }, void 0, true) : (v(), s("div", c({ key: 0, class: "px-tooltip__trigger", ref_key: "_triggerNode", ref: z }, p(D.value, true), { "aria-describedby": P.value ? g(A) : void 0 }), [d(e3.$slots, "default", {}, void 0, true)], 16, N)), f(m, { name: e3.transition, onAfterLeave: Z }, { default: h((() => [P.value ? (v(), s("div", c({ key: 0, class: "px-tooltip__popper", ref_key: "popperNode", ref: q }, p(I.value, true), { id: g(A), role: "tooltip" }), [d(e3.$slots, "content", {}, (() => [k(y(e3.content), 1)]), true), t3[0] || (t3[0] = _("div", { id: "arrow", "data-popper-arrow": "" }, null, -1))], 16, R)) : b("", true)])), _: 3 }, 8, ["name"])], 16));
-} }), [["__scopeId", "data-v-4e2bfb45"]]), O = t($);
-export {
-  O as P,
-  $ as T
-};

package/dist/es/hooks-CYdEHUVd.js

@@ -1,105 +0,0 @@
-import { isRef as e, watch as t, onMounted as n, onBeforeUnmount as a, unref as r, getCurrentInstance as o, useSlots as l, watchEffect as s, ref as u, computed as d, onUnmounted as c } from "vue";
-import { f as i, y as v, k as f, z as m } from "./vendor-DXmGx29U.js";
-function p(o2, l2, s2) {
-  e(o2) ? t(o2, ((e2, t2) => {
-    null == t2 || t2.removeEventListener(l2, s2), null == e2 || e2.addEventListener(l2, s2);
-  })) : n((() => null == o2 ? void 0 : o2.addEventListener(l2, s2))), a((() => {
-    var e2;
-    return null == (e2 = r(o2)) ? void 0 : e2.removeEventListener(l2, s2);
-  }));
-}
-function h(e2, t2) {
-  p(document, "click", ((n2) => {
-    e2.value && n2.target && (e2.value.contains(n2.target) || t2(n2));
-  }));
-}
-const g = (e2, t2) => i(e2, ((e3) => {
-  v(t2) && t2(e3), e3.children && g(e3.children, t2);
-}));
-function w() {
-  var e2, t2;
-  const n2 = /* @__PURE__ */ new Map(), a2 = o(), r2 = null == (t2 = null == (e2 = l()) ? void 0 : e2.default) ? void 0 : t2.call(e2);
-  s((() => {
-    (null == a2 ? void 0 : a2.props.disabled) ? g(r2 ?? [], ((e3) => {
-      (null == e3 ? void 0 : e3.props) && (n2.set(e3, f(e3.props)), e3.props = m(null == e3 ? void 0 : e3.props, { style: { cursor: "not-allowed", color: "var(--px-text-color-placeholder)" } }));
-    })) : g(r2 ?? [], ((e3) => {
-      n2.has(e3) && (e3.props = n2.get(e3));
-    }));
-  }));
-}
-function L(e2, { afterBlur: t2, beforeBlur: n2, afterFocus: a2 } = {}) {
-  const r2 = o(), { emit: l2 } = r2, s2 = u(), d2 = u(false);
-  return p(s2, "click", (() => {
-    var t3;
-    null == (t3 = e2.value) || t3.focus();
-  })), { wrapperRef: s2, isFocused: d2, handleFocus: (e3) => {
-    d2.value || (d2.value = true, l2("focus", e3), null == a2 || a2());
-  }, handleBlur: (e3) => {
-    var a3;
-    v(n2) && n2(e3) || e3.relatedTarget && (null == (a3 = s2.value) ? void 0 : a3.contains(e3.relatedTarget)) || (d2.value = false, l2("blur", e3), null == t2 || t2());
-  } };
-}
-const k = { prefix: Math.floor(1e4 * Math.random()), current: 0 };
-function y(e2 = "er") {
-  const t2 = `${e2}-${k.prefix}-${k.current++}`;
-  return u(t2);
-}
-function E(e2) {
-  const t2 = d((() => e2.getLastBottomOffset())), n2 = d((() => e2.offset + t2.value)), a2 = d((() => n2.value + e2.boxHeight.value));
-  return { topOffset: n2, bottomOffset: a2 };
-}
-const x = u(0);
-function b(e2 = 2e3) {
-  const t2 = u(e2), n2 = d((() => x.value + t2.value));
-  return { initialValue: t2, currentZIndex: n2, nextZIndex: () => (x.value++, n2.value) };
-}
-function M() {
-  const e2 = u(false);
-  let t2 = null, a2 = null;
-  return n((() => {
-    "undefined" != typeof window && (t2 = window.matchMedia("(prefers-color-scheme: dark)"), e2.value = t2.matches, a2 = (t3) => {
-      e2.value = t3.matches;
-    }, t2.addEventListener ? t2.addEventListener("change", a2) : t2.addListener(a2));
-  })), c((() => {
-    t2 && a2 && (t2.removeEventListener ? t2.removeEventListener("change", a2) : t2.removeListener(a2));
-  })), { prefersDark: e2, prefers: d((() => e2.value ? "dark" : "light")) };
-}
-const B = "px-theme", I = "px-dark", T = u("system"), F = u(false);
-function O(e2) {
-  "undefined" != typeof document && (e2 ? document.documentElement.classList.add(I) : document.documentElement.classList.remove(I));
-}
-function S(e2) {
-  return "system" === e2 ? "undefined" != typeof window && window.matchMedia("(prefers-color-scheme: dark)").matches : "dark" === e2;
-}
-let $ = false;
-function D() {
-  if (!$ && "undefined" != typeof window) {
-    !(function() {
-      if ("undefined" == typeof window) return;
-      const e4 = localStorage.getItem(B);
-      e4 && ["light", "dark", "system"].includes(e4) ? T.value = e4 : T.value = "system", F.value = S(T.value), O(F.value);
-    })(), $ = true;
-    const e3 = window.matchMedia("(prefers-color-scheme: dark)"), t2 = (e4) => {
-      "system" === T.value && (F.value = e4.matches, O(F.value));
-    };
-    e3.addEventListener ? e3.addEventListener("change", t2) : e3.addListener(t2);
-  }
-  const e2 = (e3) => {
-    T.value = e3, F.value = S(e3), O(F.value), "undefined" != typeof localStorage && localStorage.setItem(B, e3);
-  };
-  return { theme: d((() => T.value)), isDark: d((() => F.value)), setTheme: e2, toggleTheme: () => {
-    const t2 = F.value ? "light" : "dark";
-    e2(t2);
-  } };
-}
-export {
-  h as a,
-  w as b,
-  L as c,
-  b as d,
-  E as e,
-  p as f,
-  M as g,
-  D as h,
-  y as u
-};

package/dist/es/utils-bsCscZfS.js

@@ -1,84 +0,0 @@
-import { h as o, d as e, y as r } from "./vendor-DXmGx29U.js";
-import { defineComponent as n } from "vue";
-function t(o2, e2) {
-  const r2 = parseInt(o2.replace("#", ""), 16);
-  return `#${(Math.max(0, (r2 >> 16) - Math.round(2.55 * e2)) << 16 | Math.max(0, (r2 >> 8 & 255) - Math.round(2.55 * e2)) << 8 | Math.max(0, (255 & r2) - Math.round(2.55 * e2))).toString(16).padStart(6, "0")}`;
-}
-function c(o2, e2) {
-  const r2 = parseInt(o2.replace("#", ""), 16);
-  return `#${(Math.min(255, (r2 >> 16) + Math.round(2.55 * e2)) << 16 | Math.min(255, (r2 >> 8 & 255) + Math.round(2.55 * e2)) << 8 | Math.min(255, (255 & r2) + Math.round(2.55 * e2))).toString(16).padStart(6, "0")}`;
-}
-function a(o2) {
-  const e2 = parseInt(o2.replace("#", ""), 16);
-  return (0.299 * (e2 >> 16) + 0.587 * (e2 >> 8 & 255) + 0.114 * (255 & e2)) / 255 > 0.6 ? "#1e1e2e" : "#ffffff";
-}
-function s(o2) {
-  return { color: o2, dark: t(o2, 15), light: c(o2, 35), contrast: a(o2), transparent: "transparent" };
-}
-function i(o2, e2, r2) {
-  const n2 = {};
-  for (const [t2, c2] of Object.entries(r2)) n2[`--${e2}-${t2}`] = o2[c2];
-  return n2;
-}
-const l = { outline: { "text-color": "color", "bg-color": "transparent", "border-color": "color", "shadow-color": "transparent" }, dash: { "text-color": "color", "bg-color": "light", "border-color": "color", "shadow-color": "transparent" }, default: { "text-color": "contrast", "bg-color": "color", "border-color": "dark", "shadow-color": "dark" } };
-function f(o2, e2) {
-}
-const u = { spinner: "loader", loading: "loader", "eye-slash": "eye-closed", "eye-off": "eye-closed", xmark: "close", x: "close", times: "close", "circle-xmark": "close-box", "x-circle": "close-box", "times-circle": "close-box", error: "close-box", "circle-info": "info-box", "info-circle": "info-box", info: "info-box", "check-circle": "check", "circle-check": "check", success: "check", "circle-exclamation": "warning-box", "exclamation-circle": "warning-box", warning: "warning-box", "angle-down": "chevron-down", "caret-down": "chevron-down", "angle-up": "chevron-up", "caret-up": "chevron-up", "angle-left": "chevron-left", "caret-left": "chevron-left", "angle-right": "chevron-right", "caret-right": "chevron-right", "question-circle": "info-box", "circle-question": "info-box", help: "info-box", question: "info-box", gear: "sliders", cog: "sliders", settings: "sliders", star: "bookmark", "star-solid": "bookmark" };
-function d(o2) {
-  return o2 in u ? u[o2] : o2;
-}
-const h = /* @__PURE__ */ new Set(["svg", "path", "rect", "circle", "ellipse", "line", "polyline", "polygon", "g", "defs", "clipPath", "mask", "title", "desc", "linearGradient", "radialGradient", "stop", "symbol", "use"]), p = /^on/i, m = /^\s*javascript\s*:/i;
-function g(o2) {
-  if (!o2 || "string" != typeof o2) return "";
-  if ("undefined" == typeof DOMParser) return "";
-  const e2 = new DOMParser().parseFromString(o2, "image/svg+xml");
-  return e2.querySelector("parsererror") ? "" : (b(e2.documentElement), e2.documentElement.outerHTML);
-}
-function b(o2) {
-  const e2 = Array.from(o2.children);
-  for (const o3 of e2) {
-    const e3 = o3.tagName.toLowerCase();
-    if (h.has(e3)) {
-      for (const e4 of Array.from(o3.attributes)) (p.test(e4.name) || "href" === e4.name && m.test(e4.value) || "xlink:href" === e4.name && m.test(e4.value)) && o3.removeAttribute(e4.name);
-      b(o3);
-    } else o3.remove();
-  }
-}
-const x = /* @__PURE__ */ new Map();
-function v(o2) {
-  for (const [e2, r2] of Object.entries(o2)) x.set(e2, g(r2));
-}
-function w(o2) {
-  return x.get(o2);
-}
-const k = (o2) => (o2.install = (e2) => {
-  const r2 = o2.name;
-  e2.component(r2, o2);
-}, o2), M = (o2, e2) => (o2.install = (r2) => {
-  r2.config.globalProperties[e2] = o2;
-}, o2);
-function y(r2, n2 = "px") {
-  return r2 ? o(r2) || ((o2) => !!e(o2) && !Number.isNaN(Number(o2)))(r2) ? `${r2}${n2}` : e(r2) ? r2 : void 0 : "";
-}
-const N = /* @__PURE__ */ new Map([["info", "info-box"], ["success", "check"], ["warning", "warning-box"], ["danger", "close-box"], ["error", "close-box"]]), S = n({ props: { vNode: { type: [String, Object, Function], required: true } }, setup: (o2) => () => r(o2.vNode) ? o2.vNode() : o2.vNode }), O = (o2, e2) => {
-  const r2 = o2.__vccOpts || o2;
-  for (const [o3, n2] of e2) r2[o3] = n2;
-  return r2;
-};
-export {
-  S as R,
-  l as S,
-  O as _,
-  d as a,
-  v as b,
-  s as c,
-  f as d,
-  y as e,
-  M as f,
-  w as g,
-  c as l,
-  i as r,
-  g as s,
-  N as t,
-  k as w
-};

package/dist/theme/Card.css

@@ -1,112 +0,0 @@
-/* Card Variables */
-.px-card[data-v-1f65a210] {
-  --px-card-bg-color: var(--px-bg-color);
-  --px-card-border-color: var(--px-border-color);
-  --px-card-shadow-color: var(--px-shadow-color);
-  --px-card-text-color: var(--px-text-color-primary);
-  --px-card-header-border-color: var(--px-border-color-light);
-  --px-card-footer-border-color: var(--px-border-color-light);
-  --px-card-padding: 16px;
-}
-/* Base Card Styles - Pixel Game Aesthetic */
-.px-card[data-v-1f65a210] {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  color: var(--px-card-text-color);
-  font-family: var(--px-font-family);
-  font-size: var(--px-font-size-base);
-  background: transparent;
-  border: none;
-  box-sizing: border-box;
-  overflow: hidden;
-  transition: none;
-}
-/* Border layer — filled with border color, clipped to pixel shape */
-.px-card[data-v-1f65a210]::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background: var(--px-card-border-color);
-    clip-path: polygon(
-      0 2px, 2px 2px, 2px 0,
-      calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px,
-      100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%,
-      2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px)
-    );
-    z-index: 0;
-}
-/* Fill layer — inset by border width, filled with bg color */
-.px-card[data-v-1f65a210]::after {
-    content: '';
-    position: absolute;
-    inset: 2px;
-    background: var(--px-card-bg-color);
-    clip-path: polygon(
-      0 2px, 2px 2px, 2px 0,
-      calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px,
-      100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%,
-      2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px)
-    );
-    z-index: 0;
-}
-/* Card sections - all above pseudo-elements */
-.px-card__header[data-v-1f65a210] {
-  position: relative;
-  z-index: 1;
-  padding: var(--px-card-padding);
-  border-bottom: 2px solid var(--px-card-header-border-color);
-  font-weight: 600;
-}
-.px-card__body[data-v-1f65a210] {
-  position: relative;
-  z-index: 1;
-  padding: var(--px-card-padding);
-  flex: 1;
-}
-.px-card__footer[data-v-1f65a210] {
-  position: relative;
-  z-index: 1;
-  padding: var(--px-card-padding);
-  border-top: 2px solid var(--px-card-footer-border-color);
-}
-/* Shadow variants */
-.px-card--shadow-always[data-v-1f65a210] {
-  filter: drop-shadow(var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-card-shadow-color));
-}
-.px-card--shadow-hover[data-v-1f65a210] {
-  filter: none;
-}
-.px-card--shadow-hover[data-v-1f65a210]:hover {
-    filter: drop-shadow(var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-card-shadow-color));
-}
-.px-card--shadow-never[data-v-1f65a210] {
-  filter: none;
-}
-/* Hoverable interaction */
-.px-card.is-hoverable[data-v-1f65a210] {
-  cursor: pointer;
-}
-.px-card.is-hoverable[data-v-1f65a210]:hover {
-    transform: translateY(-4px);
-    filter: drop-shadow(var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-card-shadow-color));
-}
-.px-card.is-hoverable[data-v-1f65a210]:active {
-    transform: translateY(0);
-}
-/* Size variants */
-.px-card--small[data-v-1f65a210] {
-  --px-card-padding: 12px;
-  font-size: var(--px-font-size-small);
-  filter: drop-shadow(2px 2px 0px var(--px-card-shadow-color));
-}
-.px-card--small.px-card--shadow-hover[data-v-1f65a210] { filter: none;
-}
-.px-card--small.px-card--shadow-hover[data-v-1f65a210]:hover { filter: drop-shadow(2px 2px 0px var(--px-card-shadow-color));
-}
-.px-card--small.px-card--shadow-never[data-v-1f65a210] { filter: none;
-}
-.px-card--large[data-v-1f65a210] {
-  --px-card-padding: 20px;
-  font-size: var(--px-font-size-large);
-}