sakana-element 2.4.2 → 2.5.0

package/dist/es/Select-Cq1Ucs_U.js

@@ -1,133 +0,0 @@
-import { R as e, _ as l, c as t, r as a, w as o } from "./utils-CnCdZsHG.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 B, renderList as L, createBlock as D, mergeProps as z } from "vue";
-import { B as $, C as j, g as C, b as F, s as R, e as E, D as H, E as P, f as W, x as A, p as N, i as T, F as U, c as q } from "./vendor-eombfMkP.js";
-import { g as K, u as G, e as J, c as Q } from "./hooks-dJGu-5DG.js";
-import { P as X } from "./Icon-BulvH9Wm.js";
-import { _ as Y } from "./Input-BUHFulIW.js";
-import { T as Z } from "./Tooltip-DR4Mc5Fh.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) {
-  const t2 = l2, a2 = s(ee), o2 = n((() => {
-    var _a;
-    return ((_a = a2 == null ? void 0 : a2.selectStates.selectedOption) == null ? void 0 : _a.value) === t2.value;
-  })), i2 = n((() => $(["label", "value"], ((e2) => j(C(a2, ["highlightedLine", "value", e2]), C(t2, e2))))));
-  function f2() {
-    t2.disabled || (a2 == null ? void 0 : a2.handleSelect(t2));
-  }
-  return (l3, s2) => (r(), u("li", { role: "option", "aria-selected": o2.value, class: c(["px-select__menu-item", { "is-disabled": l3.disabled, "is-selected": o2.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(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-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 = K(), 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";
-    return a(e3, "px-select", ae[l3]);
-  })), ye = n((() => {
-    var _a;
-    return F((_a = $2 == null ? void 0 : $2.default) == null ? void 0 : _a.call($2), ((e3) => j(e3.type, ie)));
-  })), _e = n((() => R(ye.value) > 0)), Ve = n((() => s2.clearable && fe.mouseHover && "" !== fe.inputValue)), we = n((() => {
-    let e3;
-    return e3 = _e.value ? [...ce.value.values()][fe.highlightedIndex] : pe.value[fe.highlightedIndex], e3;
-  })), 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) || !T((_b = e3.props) == null ? void 0 : _b.disabled) && !U((_c = e3.props) == null ? void 0 : _c.disabled) } };
-  })) : [])), 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)), Be = n((() => s2.remote ? 300 : 100));
-  let Le = H(Te, Be.value);
-  b((() => {
-    Le.cancel(), Le = H(Te, Be.value);
-  }));
-  const De = G().value, { wrapperRef: ze, isFocused: $e, handleBlur: je, handleFocus: Ce } = J(de2), Fe = (function({ isDropdownVisible: e3, controlVisible: l3, selectStates: t2, highlightedLine: a2, handleSelect: o3, hasData: i3, lastIndex: s3 }) {
-    const n2 = /* @__PURE__ */ new Map();
-    return n2.set("Enter", (() => {
-      e3.value && t2.highlightedIndex >= 0 && a2.value && o3(a2.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: he, controlVisible: Ee, selectStates: fe, highlightedLine: we, handleSelect: Ae, hasData: Me, lastIndex: Se });
-  function Re(e3) {
-    $e.value && x((() => je(new FocusEvent("focus", e3))));
-  }
-  function Ee(e3) {
-    var _a;
-    re2.value && ((_a = C(re2, ["value", e3 ? "show" : "hide"])) == null ? void 0 : _a(), s2.filterable && (function(e4) {
-      var _a2;
-      s2.filterable && (e4 ? (fe.selectedOption && (fe.inputValue = ""), Le()) : fe.inputValue = ((_a2 = fe.selectedOption) == null ? void 0 : _a2.label) || "");
-    })(e3), he.value = e3, p2("visible-change", e3), fe.highlightedIndex = -1);
-  }
-  function He() {
-    me.value || Ee(!he.value);
-  }
-  function Pe() {
-    var _a;
-    (_a = de2.value) == null ? void 0 : _a.clear(), fe.inputValue = "", fe.selectedOption = null, p2("clear"), W(["change", "update:modelValue"], ((e3) => p2(e3, "")));
-  }
-  function We(e3) {
-    return P(s2.options, ((l3) => l3.value === e3));
-  }
-  function Ae(e3) {
-    var _a;
-    e3.disabled || (fe.inputValue = e3.label, fe.selectedOption = e3, W(["change", "update:modelValue"], ((l3) => p2(l3, e3.value))), Ee(false), (_a = de2.value) == null ? void 0 : _a.focus());
-  }
-  function Ne(e3) {
-    ce.value.clear(), W(e3, ((e4) => {
-      ce.value.set(e4.props.value, e4.props);
-    }));
-  }
-  function Te() {
-    const e3 = fe.inputValue;
-    fe.highlightedIndex = -1, _e.value ? (async function(e4) {
-      if (s2.filterable) {
-        if (s2.remote && s2.remoteMethod && A(s2.remoteMethod)) return await qe(s2.remoteMethod, e4), void Ne(Ie.value);
-        if (s2.filterMethod && A(s2.filterMethod)) {
-          const l3 = E(s2.filterMethod(e4), "value");
-          Ne(F(Ie.value, ((e5) => q(l3, C(e5, ["props", "value"])))));
-        } else Ne(F(Ie.value, ((l3) => q(C(l3, ["props", "label"]), e4))));
-      }
-    })(e3) : (async function(e4) {
-      s2.filterable && (s2.remote && s2.remoteMethod && A(s2.remoteMethod) ? pe.value = await qe(s2.remoteMethod, e4) : s2.filterMethod && A(s2.filterMethod) ? pe.value = s2.filterMethod(e4) : pe.value = F(s2.options, ((l3) => q(l3.label, e4))));
-    })(e3);
-  }
-  function Ue(e3) {
-    var _a;
-    Fe.has(e3.key) && ((_a = Fe.get(e3.key)) == null ? void 0 : _a(e3));
-  }
-  async function qe(e3, l3) {
-    if (!e3 || !A(e3)) return;
-    let t2;
-    fe.loading = true;
-    try {
-      t2 = await e3(l3);
-    } catch (e4) {
-      t2 = [];
-    }
-    return t2;
-  }
-  function Ke() {
-    const e3 = We(s2.modelValue);
-    e3 && (fe.inputValue = e3.label, fe.selectedOption = e3);
-  }
-  return Q(oe2, ((e3) => Re(e3))), y((() => s2.options), ((e3) => {
-    pe.value = e3 ?? [];
-  })), y((() => Ie.value), ((e3) => Ne(e3)), { immediate: true }), y((() => s2.modelValue), (() => {
-    Ke();
-  })), _((() => {
-    Ke();
-  })), V((() => {
-    Le.cancel();
-  })), w(ee, { handleSelect: Ae, selectStates: fe, renderLabel: function(e3) {
-    return A(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: 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(Le), onKeydown: Ue }, { suffix: k((() => [Ve.value ? (r(), D(X, { key: 0, icon: "close-box", class: "px-input__clear", onClick: d(Pe, ["stop"]), onMousedown: d(v(N), ["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(B, { key: 1 }, L(ce.value, (([e4, l4]) => (r(), D(ie, z({ key: e4, ref_for: true }, l4), null, 16)))), 128)) : (r(true), u(B, { key: 0 }, L(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 {
-  de as P,
-  re as a
-};

package/dist/es/Skeleton-ChCVgMSk.js

@@ -1,15 +0,0 @@
-import { b as e, w as t } from "./utils-CnCdZsHG.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-DURmSH-T.js

@@ -1,34 +0,0 @@
-import { c as e, w as c } from "./utils-CnCdZsHG.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-dJGu-5DG.js";
-import { P as w } from "./Icon-BulvH9Wm.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 = {};
-    if (T.activeColor) {
-      const i3 = e(T.activeColor);
-      c3["--px-switch-on-color"] = i3.color, c3["--px-switch-on-border-color"] = i3.dark;
-    }
-    if (T.inactiveColor) {
-      const i3 = e(T.inactiveColor);
-      c3["--px-switch-off-color"] = i3.color, c3["--px-switch-off-border-color"] = i3.dark;
-    }
-    return c3;
-  }));
-  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;
-  })), i2({ checked: j, focus: () => {
-    var _a;
-    (_a = z.value) == null ? void 0 : _a.focus();
-  } }), (e2, c3) => (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", "aria-checked": j.value, ref_key: "inputRef", ref: z, id: p(B), name: e2.name, disabled: I.value, checked: j.value, onKeydown: d($, ["enter"]) }, null, 40, k), v("div", _, [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/Table-BE2f9u65.js

@@ -1,10 +0,0 @@
-import { w as e } from "./utils-CnCdZsHG.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-DR4Mc5Fh.js

@@ -1,74 +0,0 @@
-import { b as e, _ as t, w as a } from "./utils-CnCdZsHG.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 p, mergeProps as v, 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-dJGu-5DG.js";
-import { G as B, f as $, D as j, u as W } from "./vendor-eombfMkP.js";
-const A = ["aria-describedby"], L = ["id"], N = { key: 0, class: "px-tooltip__arrow", "data-popper-arrow": "" }, R = 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 R2 = t2, D2 = r2, E = n(false), O = T("px-tooltip"), P = n({}), G = n({}), I = n({}), M = n(), q = n(), z = n(), C = u((() => R2.virtualTriggering ? R2.virtualRef : z.value)), F = u((() => ({ placement: R2.placement, modifiers: [{ name: "offset", options: { offset: [0, 9] } }], ...R2.popperOptions }))), H = u((() => "hover" === R2.trigger ? R2.showTimeout : 0)), J = u((() => "hover" === R2.trigger ? R2.hideTimeout : 0)), K = u((() => R2.maxWidth ? { maxWidth: e(R2.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() {
-    E.value ? X() : V();
-  }
-  function Z(e2) {
-    R2.disabled || (E.value = e2, D2("visible-change", e2));
-  }
-  function ee() {
-    if (!R2.disabled && !R2.manual) return "hover" === R2.trigger ? (P.value.mouseenter = V, G.value.mouseleave = X, void (R2.enterable && (I.value.mouseenter = V))) : void ("click" !== R2.trigger ? "contextmenu" !== R2.trigger || (P.value.contextmenu = (e2) => {
-      e2.preventDefault(), V();
-    }) : P.value.click = Y);
-  }
-  function te() {
-    U == null ? void 0 : U.destroy(), U = null;
-  }
-  function ae() {
-    P.value = {}, G.value = {}, I.value = {}, ee();
-  }
-  const oe = V, le = () => {
-    Q == null ? void 0 : Q.cancel(), Z(false);
-  };
-  return l(E, ((e2) => {
-    e2 && C.value && q.value && (U = k(C.value, q.value, F.value));
-  }), { flush: "post" }), l((() => R2.manual), ((e2) => {
-    e2 ? ae() : ee();
-  })), l((() => R2.trigger), (() => {
-    Q == null ? void 0 : Q.cancel(), E.value = false, D2("visible-change", false), ae();
-  })), s((() => {
-    R2.manual || ee(), Q == null ? void 0 : Q.cancel(), S == null ? void 0 : S.cancel(), Q = j(W(Z, null, true), H.value), S = j(W(Z, null, false), J.value);
-  })), w(M, (() => {
-    D2("click-outside"), "hover" === R2.trigger || R2.manual || E.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();
-    }));
-  })(R2, C, P), i((() => {
-    te(), Q == null ? void 0 : Q.cancel(), S == null ? void 0 : S.cancel();
-  })), a2({ show: oe, hide: le, toggle: () => {
-    E.value ? le() : oe();
-  } }), (e2, t3) => (p(), c("div", v({ class: ["px-tooltip", [`px-tooltip--${e2.effect}`, e2.type && `px-tooltip--${e2.type}`]], ref_key: "containerNode", ref: M }, d(G.value, true)), [e2.virtualTriggering ? f(e2.$slots, "default", { key: 1 }, void 0, true) : (p(), c("div", v({ key: 0, class: "px-tooltip__trigger", ref_key: "_triggerNode", ref: z }, d(P.value, true), { "aria-describedby": E.value ? g(O) : void 0 }), [f(e2.$slots, "default", {}, void 0, true)], 16, A)), m(h, { name: e2.transition, onAfterLeave: te }, { default: y((() => [E.value ? (p(), c("div", v({ key: 0, class: "px-tooltip__popper", ref_key: "popperNode", ref: q }, d(I.value, true), { id: g(O), style: K.value, role: "tooltip" }), [f(e2.$slots, "content", {}, (() => [_(b(e2.content), 1)]), true), e2.showArrow ? (p(), c("div", N)) : x("", true)], 16, L)) : x("", true)])), _: 3 }, 8, ["name"])], 16));
-} }), [["__scopeId", "data-v-d982dfd2"]]), D = a(R);
-export {
-  D as P,
-  R as T
-};

package/dist/es/Validator-BYn72MYn.js

@@ -1,40 +0,0 @@
-import { _ as e, w as s } from "./utils-CnCdZsHG.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-C1b8Igns.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
-};

package/dist/es/hooks-dJGu-5DG.js

@@ -1,170 +0,0 @@
-import { isRef as e, watch as t, onMounted as n, onBeforeUnmount as o, unref as a, getCurrentInstance as l, useSlots as r, watchEffect as u, ref as s, inject as i, computed as c, onUnmounted as d } from "vue";
-import { f as m, x as v, k as f, y as p, H as h, a as g } from "./vendor-eombfMkP.js";
-function E(l2, r2, u2) {
-  e(l2) ? t(l2, ((e2, t2) => {
-    null == t2 || t2.removeEventListener(r2, u2), null == e2 || e2.addEventListener(r2, u2);
-  })) : n((() => null == l2 ? void 0 : l2.addEventListener(r2, u2))), o((() => {
-    var e2;
-    return null == (e2 = a(l2)) ? void 0 : e2.removeEventListener(r2, u2);
-  }));
-}
-function L(e2, t2) {
-  E(document, "click", ((n2) => {
-    e2.value && n2.target && (e2.value.contains(n2.target) || t2(n2));
-  }));
-}
-const w = (e2, t2) => m(e2, ((e3) => {
-  v(t2) && t2(e3), e3.children && w(e3.children, t2);
-}));
-function y() {
-  var e2, t2;
-  const n2 = /* @__PURE__ */ new Map(), o2 = l(), a2 = null == (t2 = null == (e2 = r()) ? void 0 : e2.default) ? void 0 : t2.call(e2);
-  u((() => {
-    (null == o2 ? void 0 : o2.props.disabled) ? w(a2 ?? [], ((e3) => {
-      (null == e3 ? void 0 : e3.props) && (n2.set(e3, f(e3.props)), e3.props = p(null == e3 ? void 0 : e3.props, { style: { cursor: "not-allowed", color: "var(--px-text-color-placeholder)" } }));
-    })) : w(a2 ?? [], ((e3) => {
-      n2.has(e3) && (e3.props = n2.get(e3));
-    }));
-  }));
-}
-function x(e2, n2, a2 = {}) {
-  let l2 = 0, r2 = 0, u2 = 0, s2 = 0, i2 = false;
-  function c2(e3) {
-    0 === e3.button && (i2 = true, u2 = e3.clientX - l2, s2 = e3.clientY - r2, document.addEventListener("mousemove", d2), document.addEventListener("mouseup", m2), e3.preventDefault());
-  }
-  function d2(t2) {
-    if (!i2) return;
-    const n3 = e2.value;
-    if (!n3) return;
-    let o2 = t2.clientX - u2, c3 = t2.clientY - s2;
-    if (a2.constrainToViewport) {
-      const e3 = n3.getBoundingClientRect(), t3 = document.documentElement.clientWidth, a3 = document.documentElement.clientHeight, u3 = e3.left - l2, s3 = e3.top - r2, i3 = -u3, d3 = t3 - u3 - e3.width, m3 = -s3, v3 = a3 - s3 - e3.height;
-      o2 = Math.max(i3, Math.min(d3, o2)), c3 = Math.max(m3, Math.min(v3, c3));
-    }
-    l2 = o2, r2 = c3, n3.style.transform = `translate(${l2}px, ${r2}px)`;
-  }
-  function m2() {
-    i2 = false, document.removeEventListener("mousemove", d2), document.removeEventListener("mouseup", m2);
-  }
-  function v2(e3) {
-    null == e3 || e3.removeEventListener("mousedown", c2);
-  }
-  return t(n2, ((e3, t2) => {
-    var n3;
-    v2(t2), i2 && (i2 = false, document.removeEventListener("mousemove", d2), document.removeEventListener("mouseup", m2)), null == (n3 = e3) || n3.addEventListener("mousedown", c2);
-  }), { immediate: true }), o((() => {
-    v2(n2.value), document.removeEventListener("mousemove", d2), document.removeEventListener("mouseup", m2);
-  })), { reset: function() {
-    const t2 = e2.value;
-    l2 = 0, r2 = 0, t2 && (t2.style.transform = "");
-  } };
-}
-function k(e2, { afterBlur: t2, beforeBlur: n2, afterFocus: o2 } = {}) {
-  const a2 = l(), { emit: r2 } = a2, u2 = s(), i2 = s(false);
-  return E(u2, "click", (() => {
-    var t3;
-    null == (t3 = e2.value) || t3.focus();
-  })), { wrapperRef: u2, isFocused: i2, handleFocus: (e3) => {
-    i2.value || (i2.value = true, r2("focus", e3), null == o2 || o2());
-  }, handleBlur: (e3) => {
-    var o3;
-    v(n2) && n2(e3) || e3.relatedTarget && (null == (o3 = u2.value) ? void 0 : o3.contains(e3.relatedTarget)) || (i2.value = false, r2("blur", e3), null == t2 || t2());
-  } };
-}
-const b = ["a[href]", "button:not([disabled])", "input:not([disabled])", "textarea:not([disabled])", "select:not([disabled])", '[tabindex]:not([tabindex="-1"])'].join(", ");
-function M(e2) {
-  let t2 = null, n2 = false;
-  function a2(t3) {
-    if (!n2 || "Tab" !== t3.key) return;
-    const o2 = e2.value;
-    if (!o2) return;
-    const a3 = Array.from(o2.querySelectorAll(b)).filter(((e3) => null !== e3.offsetParent));
-    if (0 === a3.length) return void t3.preventDefault();
-    const l3 = a3[0], r2 = a3[a3.length - 1];
-    t3.shiftKey ? document.activeElement !== l3 && o2.contains(document.activeElement) || (t3.preventDefault(), r2.focus()) : document.activeElement !== r2 && o2.contains(document.activeElement) || (t3.preventDefault(), l3.focus());
-  }
-  function l2() {
-    n2 && (n2 = false, document.removeEventListener("keydown", a2), t2 && "function" == typeof t2.focus && t2.focus(), t2 = null);
-  }
-  return o((() => {
-    l2();
-  })), { activate: function() {
-    n2 || (t2 = document.activeElement, n2 = true, document.addEventListener("keydown", a2));
-  }, deactivate: l2 };
-}
-const D = { prefix: Math.floor(1e4 * Math.random()), current: 0 };
-function T(e2 = "er") {
-  const t2 = `${e2}-${D.prefix}-${D.current++}`;
-  return s(t2);
-}
-const B = { 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" } } }, I = Symbol.for("sakana-element-i18n"), S = (e2) => g(e2, "install");
-function $(e2) {
-  if (!e2) {
-    const e3 = i(I) ?? s(h({ locale: B.name, messages: { en: B.el } }));
-    return c((() => S(a(e3))));
-  }
-  return c((() => S(h({ locale: e2.value.name, messages: { en: B.el, [e2.value.name]: e2.value.el } }))));
-}
-function O(e2) {
-  const t2 = c((() => e2.getLastBottomOffset())), n2 = c((() => e2.offset + t2.value)), o2 = c((() => n2.value + e2.boxHeight.value));
-  return { topOffset: n2, bottomOffset: o2 };
-}
-const j = s(0);
-function C(e2 = 2e3) {
-  const t2 = s(e2), n2 = c((() => j.value + t2.value));
-  return { initialValue: t2, currentZIndex: n2, nextZIndex: () => (j.value++, n2.value) };
-}
-function F() {
-  const e2 = s(false);
-  let t2 = null, o2 = null;
-  return n((() => {
-    "undefined" != typeof window && (t2 = window.matchMedia("(prefers-color-scheme: dark)"), e2.value = t2.matches, o2 = (t3) => {
-      e2.value = t3.matches;
-    }, t2.addEventListener ? t2.addEventListener("change", o2) : t2.addListener(o2));
-  })), d((() => {
-    t2 && o2 && (t2.removeEventListener ? t2.removeEventListener("change", o2) : t2.removeListener(o2));
-  })), { prefersDark: e2, prefers: c((() => e2.value ? "dark" : "light")) };
-}
-const H = "px-theme", N = "px-dark", Y = s("system"), A = s(false);
-function K(e2) {
-  "undefined" != typeof document && (e2 ? document.documentElement.classList.add(N) : document.documentElement.classList.remove(N));
-}
-function R(e2) {
-  return "system" === e2 ? "undefined" != typeof window && window.matchMedia("(prefers-color-scheme: dark)").matches : "dark" === e2;
-}
-let V = false;
-function X() {
-  if (!V && "undefined" != typeof window) {
-    !(function() {
-      if ("undefined" == typeof window) return;
-      const e4 = localStorage.getItem(H);
-      e4 && ["light", "dark", "system"].includes(e4) ? Y.value = e4 : Y.value = "system", A.value = R(Y.value), K(A.value);
-    })(), V = true;
-    const e3 = window.matchMedia("(prefers-color-scheme: dark)"), t2 = (e4) => {
-      "system" === Y.value && (A.value = e4.matches, K(A.value));
-    };
-    e3.addEventListener ? e3.addEventListener("change", t2) : e3.addListener(t2);
-  }
-  const e2 = (e3) => {
-    Y.value = e3, A.value = R(e3), K(A.value), "undefined" != typeof localStorage && localStorage.setItem(H, e3);
-  };
-  return { theme: c((() => Y.value)), isDark: c((() => A.value)), setTheme: e2, toggleTheme: () => {
-    const t2 = A.value ? "light" : "dark";
-    e2(t2);
-  } };
-}
-export {
-  I,
-  C as a,
-  E as b,
-  L as c,
-  y as d,
-  k as e,
-  O as f,
-  $ as g,
-  M as h,
-  x as i,
-  F as j,
-  X as k,
-  T as u
-};

package/dist/es/utils-CnCdZsHG.js

@@ -1,155 +0,0 @@
-import { h as e, d as t, x as r } from "./vendor-eombfMkP.js";
-import { defineComponent as o } from "vue";
-function n(e2, t2) {
-  const r2 = parseInt(e2.replace("#", ""), 16);
-  return `#${(Math.max(0, (r2 >> 16) - Math.round(2.55 * t2)) << 16 | Math.max(0, (r2 >> 8 & 255) - Math.round(2.55 * t2)) << 8 | Math.max(0, (255 & r2) - Math.round(2.55 * t2))).toString(16).padStart(6, "0")}`;
-}
-function a(e2, t2) {
-  const r2 = parseInt(e2.replace("#", ""), 16);
-  return `#${(Math.min(255, (r2 >> 16) + Math.round(2.55 * t2)) << 16 | Math.min(255, (r2 >> 8 & 255) + Math.round(2.55 * t2)) << 8 | Math.min(255, (255 & r2) + Math.round(2.55 * t2))).toString(16).padStart(6, "0")}`;
-}
-function c(e2) {
-  const t2 = parseInt(e2.replace("#", ""), 16);
-  return (0.299 * (t2 >> 16) + 0.587 * (t2 >> 8 & 255) + 0.114 * (255 & t2)) / 255 > 0.6 ? "#1e1e2e" : "#ffffff";
-}
-function s(e2) {
-  return { color: e2, dark: n(e2, 15), light: a(e2, 35), contrast: c(e2), transparent: "transparent" };
-}
-function i(e2, t2, r2) {
-  const o2 = {};
-  for (const [n2, a2] of Object.entries(r2)) o2[`--${t2}-${n2}`] = e2[a2];
-  return o2;
-}
-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 u(e2, t2) {
-}
-const f = { 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(e2) {
-  return e2 in f ? f[e2] : e2;
-}
-function h() {
-  return { ...f };
-}
-const g = /* @__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 b(e2) {
-  if (!e2 || "string" != typeof e2) return "";
-  if ("undefined" == typeof DOMParser) return "";
-  const t2 = new DOMParser().parseFromString(e2, "image/svg+xml");
-  return t2.querySelector("parsererror") ? "" : (x(t2.documentElement), t2.documentElement.outerHTML);
-}
-function x(e2) {
-  const t2 = Array.from(e2.children);
-  for (const e3 of t2) {
-    const t3 = e3.tagName.toLowerCase();
-    if (g.has(t3)) {
-      for (const t4 of Array.from(e3.attributes)) (p.test(t4.name) || "href" === t4.name && m.test(t4.value) || "xlink:href" === t4.name && m.test(t4.value)) && e3.removeAttribute(t4.name);
-      x(e3);
-    } else e3.remove();
-  }
-}
-const M = /* @__PURE__ */ new Map();
-function v(e2, t2) {
-  M.set(e2, b(t2));
-}
-function w(e2) {
-  for (const [t2, r2] of Object.entries(e2)) M.set(t2, b(r2));
-}
-function k(e2) {
-  return M.get(e2);
-}
-function y(e2) {
-  return M.has(e2);
-}
-function S() {
-  return Array.from(M.keys());
-}
-const N = (e2) => (e2.install = (t2) => {
-  const r2 = e2.name;
-  t2.component(r2, e2);
-}, e2), $ = (e2, t2) => (e2.install = (r2) => {
-  r2.config.globalProperties[t2] = e2;
-}, e2);
-function F(e2, t2) {
-  for (; e2.length >= t2; ) e2[0].props.onDestroy();
-}
-function I(e2) {
-  let t2 = false, r2 = 0;
-  const o2 = (t3) => {
-    var _a;
-    "Escape" === t3.code && ((_a = e2()) == null ? void 0 : _a.handler.close());
-  };
-  return { register() {
-    r2++, t2 || (document.addEventListener("keydown", o2), t2 = true);
-  }, unregister() {
-    r2--, r2 <= 0 && (document.removeEventListener("keydown", o2), t2 = false, r2 = 0);
-  } };
-}
-function j(e2, t2, r2, o2) {
-  if (0 === o2.length) return [e2, t2, r2];
-  let n2 = 1 / 0, a2 = o2[0];
-  for (const c2 of o2) {
-    const o3 = (e2 - c2[0]) ** 2 + (t2 - c2[1]) ** 2 + (r2 - c2[2]) ** 2;
-    if (0 === o3) return c2;
-    o3 < n2 && (n2 = o3, a2 = c2);
-  }
-  return a2;
-}
-function O(e2, t2, r2) {
-  const o2 = e2.getContext("2d");
-  if (!o2) return;
-  const { pixelSize: n2, grayscale: a2 = false, palette: c2, background: s2 = "#FFFFFF" } = r2, i2 = t2.naturalWidth, l2 = t2.naturalHeight;
-  e2.width = i2, e2.height = l2, o2.drawImage(t2, 0, 0, i2, l2);
-  const u2 = o2.getImageData(0, 0, i2, l2).data, f2 = Math.max(1, Math.round(n2)), d2 = c2 ? (function(e3) {
-    return e3.map(((e4) => "string" == typeof e4 ? (function(e5) {
-      const t3 = e5.replace("#", "");
-      return [parseInt(t3.substring(0, 2), 16), parseInt(t3.substring(2, 4), 16), parseInt(t3.substring(4, 6), 16)];
-    })(e4) : e4));
-  })(c2) : null;
-  o2.fillStyle = s2, o2.fillRect(0, 0, i2, l2);
-  for (let e3 = 0; e3 < l2; e3 += f2) for (let t3 = 0; t3 < i2; t3 += f2) {
-    const r3 = Math.min(f2, i2 - t3), n3 = Math.min(f2, l2 - e3);
-    let c3 = 0, s3 = 0, h2 = 0, g2 = 0;
-    for (let o3 = 0; o3 < n3; o3++) for (let n4 = 0; n4 < r3; n4++) {
-      const r4 = 4 * ((e3 + o3) * i2 + (t3 + n4));
-      c3 += u2[r4], s3 += u2[r4 + 1], h2 += u2[r4 + 2], g2++;
-    }
-    let p2 = Math.round(c3 / g2), m2 = Math.round(s3 / g2), b2 = Math.round(h2 / g2);
-    a2 && (p2 = m2 = b2 = Math.round(0.299 * p2 + 0.587 * m2 + 0.114 * b2)), d2 && ([p2, m2, b2] = j(p2, m2, b2, d2)), o2.fillStyle = `rgb(${p2},${m2},${b2})`, o2.fillRect(t3, e3, r3, n3);
-  }
-}
-function q(r2, o2 = "px") {
-  return r2 ? e(r2) || ((e2) => !!t(e2) && !Number.isNaN(Number(e2)))(r2) ? `${r2}${o2}` : t(r2) ? r2 : void 0 : "";
-}
-function E(e2, t2, r2) {
-  return Math.max(t2, Math.min(r2, e2));
-}
-const A = /* @__PURE__ */ new Map([["info", "info-box"], ["success", "check"], ["warning", "warning-box"], ["danger", "close-box"], ["error", "close-box"]]), D = o({ props: { vNode: { type: [String, Object, Function], required: true } }, setup: (e2) => () => r(e2.vNode) ? e2.vNode() : e2.vNode }), L = (e2, t2) => {
-  const r2 = e2.__vccOpts || e2;
-  for (const [e3, o2] of t2) r2[e3] = o2;
-  return r2;
-};
-export {
-  D as R,
-  l as S,
-  L as _,
-  E as a,
-  q as b,
-  s as c,
-  u as d,
-  d as e,
-  w as f,
-  k as g,
-  F as h,
-  I as i,
-  $ as j,
-  h as k,
-  a as l,
-  S as m,
-  y as n,
-  v as o,
-  O as p,
-  i as r,
-  b as s,
-  A as t,
-  N as w
-};