@toife/vue 3.3.2 → 3.3.5

package/dist/index.es.js

@@ -0,0 +1,2862 @@
+import { ref as p, defineComponent as I, inject as T, computed as i, unref as u, onMounted as X, mergeDefaults as z, openBlock as v, createElementBlock as S, normalizeProps as D, guardReactiveProps as V, toDisplayString as ae, mergeProps as $, renderSlot as k, Fragment as ie, renderList as ce, createBlock as Q, createCommentVNode as Z, reactive as Ee, nextTick as ee, watch as Y, Teleport as Tr, withDirectives as de, vShow as ve, createElementVNode as G, withCtx as re, createTextVNode as ar, toRefs as Re, provide as te, createVNode as se, onUnmounted as ne, normalizeStyle as Sr, normalizeClass as lr, vModelText as Er, vModelDynamic as Rr, markRaw as Ge, resolveDynamicComponent as yr, shallowRef as Or, withKeys as Dr, withModifiers as ir } from "vue";
+import { APP_PROVIDER_STATE_KEY as R, getToastContentAttrs as Ye, TOAST_CONTENT_DEFAULT_PROPS as He, getToastAttrs as We, TOAST_DEFAULT_PROPS as Xe, PRESENT_DEFAULT_STYLES as qe, getAppClassSelector as xe, getPresentBackdropAttrs as Je, getPresentAttrs as Qe, PRESENT_DEFAULT_PROPS as Ze, getButtonAttrs as et, getButtonLoaderAttrs as tt, BUTTON_DEFAULT_PROPS as nt, getFormGroupAttrs as rt, FORM_GROUP_DEFAULT_PROPS as ot, getActionAttrs as st, ACTION_DEFAULT_PROPS as at, getDecisionModalAttrs as lt, getDecisionModalHeaderAttrs as it, getDecisionModalBodyAttrs as ct, getDecisionModalFooterAttrs as ut, DECISION_MODAL_DEFAULT_PROPS as dt, getAppAttrs as pt, APP_DEFAULT_PROPS as _t, getGestureIndicatorAttrs as ft, GESTURE_INDICATOR_DEFAULT_PROPS as vt, getModalAttrs as mt, MODAL_DEFAULT_PROPS as gt, SCROLLABLE_OVERFLOW_VALUES as At, getGridAttrs as ht, GRID_DEFAULT_PROPS as bt, getFlexAttrs as Pt, FLEX_DEFAULT_PROPS as Tt, getGridItemAttrs as St, GRID_ITEM_DEFAULT_PROPS as Et, getFlexItemAttrs as Rt, FLEX_ITEM_DEFAULT_PROPS as yt, getCableAttrs as Ot, CABLE_PROVIDER_STATE_KEY as ye, CABLE_DEFAULT_PROPS as Dt, getToolbarAttrs as kt, TOOLBAR_DEFAULT_PROPS as It, getSkeletonAttrs as wt, SKELETON_DEFAULT_PROPS as Ft, getTabsHighlightPosition as Ct, getTabsHighlightStyle as Bt, getTabsAttrs as xt, TABS_PROVIDER_STATE_KEY as Oe, TABS_DEFAULT_PROPS as Lt, getTabAttrs as Vt, getTabButtonAttrs as $t, TAB_DEFAULT_PROPS as Ut, getSwitchWrapperAttrs as Mt, getSwitchAttrs as zt, getSwitchIconAttrs as Kt, SWITCH_DEFAULT_PROPS as Nt, getCheckboxAttrs as jt, getCheckboxIconAttrs as Gt, CHECKBOX_DEFAULT_PROPS as Yt, RADIO_GROUP_PROVIDER_STATE_KEY as De, getRadioAttrs as Ht, getRadioIconAttrs as Wt, RADIO_DEFAULT_PROPS as Xt, getRadioGroupAttrs as qt, RADIO_GROUP_DEFAULT_PROPS as Jt, getCardAttrs as Qt, CARD_PROVIDER_STATE_KEY as _e, CARD_DEFAULT_PROPS as Zt, getCardBodyAttrs as en, getCardHeaderAttrs as tn, getCardFooterAttrs as nn, getAvatarAttrs as rn, AVATAR_DEFAULT_PROPS as on, getDividerAttrs as sn, DIVIDER_DEFAULT_PROPS as an, getFieldAttrs as ln, getFieldContentAttrs as cn, getFieldInputAttrs as un, getFieldMessageAttrs as dn, FIELD_DEFAULT_PROPS as pn, getSegmentedFieldWrapperAttrs as _n, getSegmentedFieldContentAttrs as fn, getSegmentedFieldMessageAttrs as vn, SEGMENTED_FIELD_DEFAULT_PROPS as mn, getContainerAttrs as gn, getRefresherAttrs as An, ROUTE_PROVIDER_STATE_KEY as ke, getRouteNavigatorAttrs as hn, getRouteNavigatorComponentAttrs as bn, getRouteNavigatorBackdropAttrs as Pn, ROUTE_NAVIGATOR_DEFAULT_PROPS as Tn, ROUTE_WRAPPER_DEFAULT_PROPS as Sn, getPageAttrs as En, getCollapseAttrs as Rn, getCollapseTriggerAttrs as yn, getCollapseContentAttrs as On, getCollapseContentInnerClass as Dn, COLLAPSE_DEFAULT_PROPS as kn, getDropdownAttrs as In, getDropdownPanelAttrs as wn, DROPDOWN_DEFAULT_PROPS as Fn, getSelectAttrs as Cn, getSelectIconAttrs as Bn, getSelectOptionAttrs as xn, getSelectMessageAttrs as Ln, SELECT_DEFAULT_PROPS as Vn, getSlideRangeAttrs as $n, getSlideRangeTrackContainerAttrs as Un, getSlideRangeTrackBodyAttrs as Mn, getSlideRangeTrackBackAttrs as zn, getSlideRangeTrackFrontAttrs as Kn, getSlideRangeThumbAttrs as Nn, getSlideRangeThumbInnerAttrs as jn, getSlideRangeTooltipAttrs as Gn, SLIDE_RANGE_DEFAULT_PROPS as Yn, getSlideRangeTickAttrs as Hn, getTagAttrs as Wn, TAG_DEFAULT_PROPS as Xn, getTooltipAttrs as qn, getTooltipContentAttrs as Jn, getTooltipTriggerAttrs as Qn, TOOLTIP_DEFAULT_PROPS as Zn, preventDefault as kr } from "@toife/core";
+export * from "@toife/core";
+import { gesture as ue } from "@toife/gesture";
+import { useRouter as Ie, useRoute as er } from "vue-router";
+const Ae = p([]), Ir = p(1), tr = () => ({
+  messages: Ae,
+  open: (t) => {
+    Ae.value.push({ ...t, id: Ir.value++ });
+  },
+  close: (t) => {
+    Ae.value = Ae.value.filter((e) => e.id !== t);
+  }
+}), wr = /* @__PURE__ */ I({
+  __name: "toast-content",
+  props: /* @__PURE__ */ z({
+    id: {},
+    message: {},
+    duration: {},
+    role: {},
+    variant: {},
+    placement: {},
+    shape: {}
+  }, {
+    ...He
+  }),
+  emits: ["close"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(!1), l = i(() => {
+      const d = e.role || u(s?.role) || "", _ = e.shape || u(s?.shape) || "";
+      return Ye({
+        role: d,
+        shape: _,
+        variant: e.variant,
+        closing: a.value
+      });
+    });
+    X(() => {
+      setTimeout(() => {
+        a.value = !0, setTimeout(() => {
+          r("close");
+        }, 500);
+      }, e.duration);
+    });
+    const c = { props: e, emit: r, appState: s, isClosing: a, contentAttrs: l, unref: u, computed: i, inject: T, onMounted: X, ref: p, get TOAST_CONTENT_DEFAULT_PROPS() {
+      return He;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getToastContentAttrs() {
+      return Ye;
+    } };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
+  }
+});
+function Fr(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.contentAttrs)), ae(e.props.message), 17);
+}
+const w = (o, n) => {
+  const t = o.__vccOpts || o;
+  for (const [e, r] of n)
+    t[e] = r;
+  return t;
+}, cr = /* @__PURE__ */ w(wr, [["render", Fr], ["__scopeId", "data-v-ead3b322"]]), Cr = /* @__PURE__ */ I({
+  __name: "toast",
+  props: /* @__PURE__ */ z({
+    placement: {}
+  }, {
+    ...Xe
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = tr(), r = i(() => We({ placement: t.placement })), s = i(() => e.messages.value.filter((c) => c.placement == t.placement)), l = { props: t, toast: e, toastAttrs: r, toastMessages: s, dismiss: (c) => {
+      e.close(c);
+    }, computed: i, get useToast() {
+      return tr;
+    }, get ToastContent() {
+      return cr;
+    }, get TOAST_DEFAULT_PROPS() {
+      return Xe;
+    }, get getToastAttrs() {
+      return We;
+    } };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+});
+function Br(o, n, t, e, r, s) {
+  return e.toastMessages.length > 0 ? (v(), S("div", D($({ key: 0 }, e.toastAttrs)), [
+    k(o.$slots, "content", {}, () => [
+      (v(!0), S(ie, null, ce(e.toastMessages, (a, l) => (v(), Q(e.ToastContent, $({ ref_for: !0 }, a, {
+        onClose: (c) => e.dismiss(a.id)
+      }), null, 16, ["onClose"]))), 256))
+    ], !0)
+  ], 16)) : Z("", !0);
+}
+const ur = /* @__PURE__ */ w(Cr, [["render", Br], ["__scopeId", "data-v-bc21eb36"]]), fe = p(1e3), nr = () => ({
+  newIndex: () => (fe.value += 2, fe.value),
+  resetIndex: () => (fe.value = 1e3, fe.value),
+  index: fe
+}), xr = /* @__PURE__ */ I({
+  inheritAttrs: !1,
+  __name: "present",
+  props: /* @__PURE__ */ z({
+    keepalive: { type: Boolean },
+    visible: { type: Boolean },
+    backdrop: {},
+    placement: {},
+    style: {},
+    class: {},
+    bounce: { type: [Number, String, Boolean] },
+    duration: {},
+    teleport: {}
+  }, {
+    ...Ze
+  }),
+  emits: ["close"],
+  setup(o, { expose: n, emit: t }) {
+    const e = o, r = t, s = nr(), a = T(R, null), l = p(!1), c = p(0), d = p(!1), _ = p(!1), f = p(!1), A = Ee({ ...qe }), y = i(() => e.teleport ? e.teleport : u(a?.rootEl) ? u(a?.rootEl) : xe()), b = () => {
+      if (e.teleport) {
+        f.value = !!document.querySelector(e.teleport);
+        return;
+      }
+      if (u(a?.rootEl)) {
+        f.value = !0;
+        return;
+      }
+      f.value = !!document.querySelector(xe());
+    }, h = i(
+      () => Je({
+        zIndex: c.value - 1,
+        backdropTransitionDuration: A.backdropTransitionDuration,
+        backdropOpacity: e.backdrop === "transparent" ? 0 : A.backdropOpacity
+      })
+    ), P = i(
+      () => Qe({
+        zIndex: c.value,
+        presentTransitionDuration: A.presentTransitionDuration,
+        presentTranslate: A.presentTranslate,
+        presentOpacity: A.presentOpacity,
+        className: e.class,
+        placement: e.placement,
+        style: e.style
+      })
+    ), U = i(() => d.value || e.keepalive), L = i(() => e.duration / 1e3 + "s"), E = () => {
+      (c.value === 0 || !e.keepalive) && (c.value = s.newIndex());
+    }, m = (C) => {
+      C.backdropTransitionDuration !== void 0 && (A.backdropTransitionDuration = C.backdropTransitionDuration), C.presentTransitionDuration !== void 0 && (A.presentTransitionDuration = C.presentTransitionDuration), A.backdropOpacity = C.backdropOpacity, C.presentTranslate !== void 0 && (A.presentTranslate = C.presentTranslate), C.presentOpacity !== void 0 && (A.presentOpacity = C.presentOpacity);
+    }, B = (C) => {
+      C.preventDefault(), _.value && r("close", "backdrop");
+    }, j = () => {
+      if (setTimeout(() => {
+        _.value = !0;
+      }, 300), e.bounce && !l.value) {
+        l.value = !0;
+        let C = e.bounce;
+        (e.placement == "bottom" || e.placement == "right") && (C = `calc(${e.bounce} * -1)`), m({
+          backdropTransitionDuration: L.value,
+          backdropOpacity: void 0,
+          presentTranslate: String(C),
+          presentTransitionDuration: L.value,
+          presentOpacity: 1
+        }), setTimeout(() => {
+          m({
+            presentTranslate: "0px"
+          });
+        }, e.duration);
+      } else
+        m({
+          backdropOpacity: void 0,
+          backdropTransitionDuration: L.value,
+          presentTranslate: "0px",
+          presentTransitionDuration: L.value,
+          presentOpacity: 1
+        });
+    }, W = () => {
+      _.value = !1, l.value = !1;
+      let C = "0px", N = 1;
+      e.placement == "bottom" || e.placement == "right" ? C = "100%" : e.placement == "top" || e.placement == "left" ? C = "-100%" : e.placement == "center" && (C = "0px", N = 0), m({
+        backdropOpacity: 0,
+        backdropTransitionDuration: L.value,
+        presentTranslate: C,
+        presentTransitionDuration: L.value,
+        presentOpacity: N
+      });
+    };
+    X(() => {
+      b(), f.value || ee(() => {
+        b(), f.value || requestAnimationFrame(b);
+      }), e.visible ? j() : W();
+    }), Y(
+      () => [e.teleport, u(a?.rootEl)],
+      () => b(),
+      { immediate: !0 }
+    ), Y(
+      () => e.visible,
+      () => {
+        e.visible ? (E(), d.value = !0, setTimeout(() => {
+          j();
+        }, 100)) : (W(), setTimeout(() => {
+          d.value = !1;
+        }, e.duration));
+      }
+    ), n({
+      render: m,
+      open: j,
+      close: W
+    });
+    const x = { props: e, emit: r, presentIndex: s, appState: a, isBounced: l, zIndex: c, isShow: d, isReadyBackdrop: _, isTeleportReady: f, styles: A, teleportTo: y, syncTeleportReady: b, backdropAttrs: h, presentAttrs: P, isRender: U, time: L, createIndex: E, render: m, onClickBackdrop: B, open: j, close: W, unref: u, computed: i, inject: T, nextTick: ee, onMounted: X, reactive: Ee, ref: p, watch: Y, get usePresent() {
+      return nr;
+    }, get PRESENT_DEFAULT_PROPS() {
+      return Ze;
+    }, get PRESENT_DEFAULT_STYLES() {
+      return qe;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getAppClassSelector() {
+      return xe;
+    }, get getPresentAttrs() {
+      return Qe;
+    }, get getPresentBackdropAttrs() {
+      return Je;
+    } };
+    return Object.defineProperty(x, "__isScriptSetup", { enumerable: !1, value: !0 }), x;
+  }
+});
+function Lr(o, n, t, e, r, s) {
+  return v(), Q(Tr, {
+    to: e.teleportTo,
+    disabled: !e.isTeleportReady
+  }, [
+    e.isRender && t.backdrop !== "none" ? de((v(), S("div", $({ key: 0 }, e.backdropAttrs, { onClick: e.onClickBackdrop }), null, 16)), [
+      [ve, e.isShow]
+    ]) : Z("", !0),
+    e.isRender ? de((v(), S("div", D($({ key: 1 }, e.presentAttrs)), [
+      k(o.$slots, "default", {}, void 0, !0)
+    ], 16)), [
+      [ve, e.isShow]
+    ]) : Z("", !0)
+  ], 8, ["to", "disabled"]);
+}
+const we = /* @__PURE__ */ w(xr, [["render", Lr], ["__scopeId", "data-v-98837759"]]), Vr = /* @__PURE__ */ I({
+  __name: "button",
+  props: /* @__PURE__ */ z({
+    role: {},
+    size: {},
+    shape: {},
+    block: { type: Boolean },
+    loading: { type: Boolean },
+    variant: {},
+    shadow: { type: Boolean }
+  }, {
+    ...nt
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = p(!1), s = i(() => {
+      const _ = t.shape || u(e?.shape) || "", f = t.role || u(e?.role) || "", A = (t?.shadow !== void 0 ? t.shadow : u(e?.shadow)) ?? !1;
+      return et({
+        role: f,
+        shape: _,
+        variant: t.variant,
+        size: t.size,
+        block: t.block,
+        shadow: A,
+        focus: r.value
+      });
+    }), a = tt(), d = { props: t, appState: e, isFocused: r, buttonAttrs: s, loaderAttrs: a, onFocus: () => {
+      r.value = !0;
+    }, onBlur: () => {
+      r.value = !1;
+    }, unref: u, computed: i, inject: T, ref: p, get BUTTON_DEFAULT_PROPS() {
+      return nt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getButtonAttrs() {
+      return et;
+    }, get getButtonLoaderAttrs() {
+      return tt;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+});
+function $r(o, n, t, e, r, s) {
+  return v(), S("button", $(e.buttonAttrs, {
+    onFocus: e.onFocus,
+    onBlur: e.onBlur
+  }), [
+    de(G("span", null, [
+      k(o.$slots, "default", {}, void 0, !0)
+    ], 512), [
+      [ve, !e.props.loading]
+    ]),
+    e.props.loading ? (v(), S("span", D($({ key: 0 }, e.loaderAttrs)), [
+      k(o.$slots, "loading", {}, void 0, !0)
+    ], 16)) : Z("", !0)
+  ], 16);
+}
+const Ue = /* @__PURE__ */ w(Vr, [["render", $r], ["__scopeId", "data-v-c79b70d8"]]), Ur = /* @__PURE__ */ I({
+  __name: "form-group",
+  props: /* @__PURE__ */ z({
+    direction: {}
+  }, {
+    ...ot
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = i(() => rt({ direction: t.direction })), r = { props: t, formGroupAttrs: e, computed: i, get FORM_GROUP_DEFAULT_PROPS() {
+      return ot;
+    }, get getFormGroupAttrs() {
+      return rt;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+function Mr(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.formGroupAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const dr = /* @__PURE__ */ w(Ur, [["render", Mr], ["__scopeId", "data-v-addb28b2"]]), zr = /* @__PURE__ */ I({
+  __name: "action",
+  props: /* @__PURE__ */ z({
+    visible: { type: Boolean },
+    dismiss: {},
+    actions: {},
+    role: {},
+    shape: {},
+    divider: { type: Boolean },
+    shadow: { type: Boolean },
+    placement: {}
+  }, {
+    ...at
+  }),
+  emits: ["close", "choose"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(!1), l = i(() => {
+      const f = (e?.divider !== void 0 ? e.divider : u(s?.divider)) ?? !1, A = (e?.shadow !== void 0 ? e.shadow : u(s?.shadow)) ?? !1, y = e.shape ?? u(s?.shape) ?? "", b = e.role ?? u(s?.role) ?? "";
+      return st({
+        role: b,
+        shape: y,
+        placement: e.placement,
+        divider: f,
+        shadow: A,
+        pop: a.value
+      });
+    }), _ = { props: e, emit: r, appState: s, pop: a, actionAttrs: l, onClose: (f) => {
+      e.dismiss && e.dismiss.includes(f) ? r("close", f) : f === "backdrop" && (a.value = !0, setTimeout(() => {
+        a.value = !1;
+      }, 300));
+    }, onChoose: (f) => {
+      r("close"), f.handler?.(), r("choose", f);
+    }, unref: u, computed: i, inject: T, ref: p, get Present() {
+      return we;
+    }, get CustomButton() {
+      return Ue;
+    }, get FormGroup() {
+      return dr;
+    }, get ACTION_DEFAULT_PROPS() {
+      return at;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getActionAttrs() {
+      return st;
+    } };
+    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+  }
+});
+function Kr(o, n, t, e, r, s) {
+  return v(), Q(e.Present, {
+    placement: t.placement,
+    backdrop: "display",
+    keepalive: !1,
+    visible: t.visible,
+    onClose: e.onClose
+  }, {
+    default: re(() => [
+      G("div", D(V(e.actionAttrs)), [
+        k(o.$slots, "body", {}, () => [
+          (v(!0), S(ie, null, ce(t.actions, (a, l) => (v(), Q(e.FormGroup, {
+            direction: "vertical",
+            key: l
+          }, {
+            default: re(() => [
+              (v(!0), S(ie, null, ce(a, (c, d) => (v(), Q(e.CustomButton, {
+                key: `${l}-${d}`,
+                role: c.role,
+                variant: c.variant,
+                onClick: (_) => e.onChoose(c),
+                shape: t.shape,
+                shadow: c.shadow !== void 0 ? c.shadow : t.shadow,
+                block: ""
+              }, {
+                default: re(() => [
+                  ar(ae(c.text), 1)
+                ]),
+                _: 2
+              }, 1032, ["role", "variant", "onClick", "shape", "shadow"]))), 128))
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ], !0)
+      ], 16)
+    ]),
+    _: 3
+  }, 8, ["placement", "visible"]);
+}
+const pr = /* @__PURE__ */ w(zr, [["render", Kr], ["__scopeId", "data-v-c7eb029c"]]), he = p(null), be = p(!1), rr = () => ({
+  open: (e) => {
+    he.value = e, setTimeout(() => {
+      be.value = !0;
+    }, 50);
+  },
+  close: (e) => {
+    he.value?.onClose?.(e), be.value = !1;
+  },
+  choose: (e) => {
+    he.value?.onChoose?.(e), be.value = !1;
+  },
+  visible: be,
+  data: he
+}), Nr = /* @__PURE__ */ I({
+  __name: "decision-modal",
+  props: /* @__PURE__ */ z({
+    visible: { type: Boolean },
+    title: {},
+    message: {},
+    actions: {},
+    dismiss: {},
+    placement: {},
+    role: {},
+    shape: {},
+    divider: { type: Boolean },
+    flow: {}
+  }, {
+    ...dt
+  }),
+  emits: ["close", "choose"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(!1), l = i(() => e.shape || u(s?.shape) || ""), c = i(() => (e.divider !== void 0 ? e.divider : u(s?.divider)) ?? !1), d = i(() => {
+      const P = e.role || u(s?.role) || "";
+      return lt({
+        role: P,
+        shape: l.value,
+        pop: a.value,
+        divider: c.value
+      });
+    }), _ = i(() => it()), f = i(() => ct()), A = i(() => ut({ flow: e.flow })), h = { props: e, emit: r, appState: s, pop: a, shape: l, divider: c, decisionModalAttrs: d, decisionModalHeaderAttrs: _, decisionModalBodyAttrs: f, decisionModalFooterAttrs: A, onClose: (P) => {
+      e.dismiss && e.dismiss.includes(P) ? r("close", P) : P === "backdrop" && (a.value = !0, setTimeout(() => {
+        a.value = !1;
+      }, 300));
+    }, onChoose: (P) => {
+      r("close"), P.handler?.(), r("choose", P);
+    }, unref: u, computed: i, inject: T, ref: p, get Present() {
+      return we;
+    }, get CustomButton() {
+      return Ue;
+    }, get DECISION_MODAL_DEFAULT_PROPS() {
+      return dt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getDecisionModalAttrs() {
+      return lt;
+    }, get getDecisionModalBodyAttrs() {
+      return ct;
+    }, get getDecisionModalFooterAttrs() {
+      return ut;
+    }, get getDecisionModalHeaderAttrs() {
+      return it;
+    } };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
+  }
+});
+function jr(o, n, t, e, r, s) {
+  return v(), Q(e.Present, {
+    placement: t.placement,
+    backdrop: "display",
+    keepalive: o.keepalive,
+    visible: t.visible,
+    onClose: e.onClose
+  }, {
+    default: re(() => [
+      G("div", D(V(e.decisionModalAttrs)), [
+        k(o.$slots, "header", {}, () => [
+          t.title ? (v(), S("div", D($({ key: 0 }, e.decisionModalHeaderAttrs)), ae(t.title), 17)) : Z("", !0)
+        ], !0),
+        k(o.$slots, "body", {}, () => [
+          G("div", D(V(e.decisionModalBodyAttrs)), ae(t.message), 17)
+        ], !0),
+        k(o.$slots, "footer", {}, () => [
+          G("div", D(V(e.decisionModalFooterAttrs)), [
+            (v(!0), S(ie, null, ce(t.actions, (a, l) => (v(), Q(e.CustomButton, {
+              key: `${l}`,
+              role: a.role,
+              variant: a.variant,
+              onClick: (c) => e.onChoose(a),
+              shape: e.shape
+            }, {
+              default: re(() => [
+                ar(ae(a.text), 1)
+              ]),
+              _: 2
+            }, 1032, ["role", "variant", "onClick", "shape"]))), 128))
+          ], 16)
+        ], !0)
+      ], 16)
+    ]),
+    _: 3
+  }, 8, ["placement", "keepalive", "visible"]);
+}
+const _r = /* @__PURE__ */ w(Nr, [["render", jr], ["__scopeId", "data-v-2937fe1a"]]), Pe = p(null), Te = p(!1), or = () => ({
+  open: (e) => {
+    Pe.value = e, setTimeout(() => {
+      Te.value = !0;
+    }, 50);
+  },
+  close: (e) => {
+    Pe.value?.onClose?.(), Te.value = !1;
+  },
+  choose: (e) => {
+    Pe.value?.onChoose?.(e), Te.value = !1;
+  },
+  visible: Te,
+  data: Pe
+}), Gr = /* @__PURE__ */ I({
+  __name: "app",
+  props: /* @__PURE__ */ z({
+    shape: {},
+    divider: { type: Boolean },
+    role: {},
+    shadow: { type: Boolean },
+    triple: { type: Boolean },
+    direction: {},
+    data: {}
+  }, {
+    ..._t
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, { shape: e, divider: r, role: s, shadow: a, triple: l, direction: c, data: d } = Re(t), _ = or(), f = rr(), A = p(), y = i(() => pt({ shape: e.value }));
+    te(R, {
+      shape: e,
+      divider: r,
+      role: s,
+      shadow: a,
+      triple: l,
+      direction: c,
+      rootEl: A,
+      data: d
+    });
+    const b = { props: t, shape: e, divider: r, role: s, shadow: a, triple: l, direction: c, data: d, decisionModal: _, action: f, rootEl: A, appAttrs: y, computed: i, provide: te, ref: p, toRefs: Re, get Toast() {
+      return ur;
+    }, get Action() {
+      return pr;
+    }, get useAction() {
+      return rr;
+    }, get DecisionModal() {
+      return _r;
+    }, get useDecisionModal() {
+      return or;
+    }, get APP_DEFAULT_PROPS() {
+      return _t;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getAppAttrs() {
+      return pt;
+    } };
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
+  }
+});
+function Yr(o, n, t, e, r, s) {
+  return v(), S("div", $({ ref: "rootEl" }, e.appAttrs), [
+    k(o.$slots, "default", {}, void 0, !0),
+    k(o.$slots, "global", {}, void 0, !0),
+    se(e.Toast, { placement: "top-start" }),
+    se(e.Toast, { placement: "bottom-start" }),
+    se(e.Toast, { placement: "bottom-center" }),
+    se(e.Toast, { placement: "bottom-end" }),
+    se(e.Toast, { placement: "top-center" }),
+    se(e.Toast, { placement: "top-end" }),
+    e.action.data.value ? (v(), Q(e.Action, $({
+      key: 0,
+      visible: e.action.visible.value
+    }, e.action.data.value, {
+      onClose: e.action.close,
+      onChoose: e.action.choose
+    }), null, 16, ["visible", "onClose", "onChoose"])) : Z("", !0),
+    e.decisionModal.data.value ? (v(), Q(e.DecisionModal, $({
+      key: 1,
+      visible: e.decisionModal.visible.value
+    }, e.decisionModal.data.value, {
+      onClose: e.decisionModal.close,
+      onChoose: e.decisionModal.choose
+    }), null, 16, ["visible", "onClose", "onChoose"])) : Z("", !0)
+  ], 16);
+}
+const Hr = /* @__PURE__ */ w(Gr, [["render", Yr], ["__scopeId", "data-v-291d6752"]]), Wr = /* @__PURE__ */ I({
+  __name: "gesture-indicator",
+  props: /* @__PURE__ */ z({
+    placement: {},
+    role: {}
+  }, {
+    ...vt
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = i(() => {
+      const a = t.role || u(e?.role) || "";
+      return ft({ role: a, placement: t.placement });
+    }), s = { props: t, appState: e, gestureIndicatorAttrs: r, unref: u, computed: i, inject: T, get GESTURE_INDICATOR_DEFAULT_PROPS() {
+      return vt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getGestureIndicatorAttrs() {
+      return ft;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+function Xr(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.gestureIndicatorAttrs)), null, 16);
+}
+const fr = /* @__PURE__ */ w(Wr, [["render", Xr], ["__scopeId", "data-v-467f711f"]]), qr = /* @__PURE__ */ I({
+  __name: "modal",
+  props: /* @__PURE__ */ z({
+    role: {},
+    class: {},
+    visible: { type: Boolean },
+    gesture: { type: Boolean },
+    fullscreen: { type: Boolean },
+    placement: {},
+    keepalive: { type: Boolean },
+    backdrop: {},
+    shape: {},
+    indicator: { type: Boolean },
+    duration: {},
+    bounce: {},
+    style: {}
+  }, {
+    ...gt
+  }),
+  emits: ["close"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(), l = p(), c = p(!1), d = p(!1), _ = p(null), f = i(() => {
+      if (e.placement == "bottom") return "down";
+      if (e.placement == "top") return "up";
+      if (e.placement == "left") return "left";
+      if (e.placement == "right") return "right";
+    }), A = i(() => {
+      const m = e?.shape || u(s?.shape) || "", B = e.role || u(s?.role) || "";
+      return mt({
+        role: B,
+        shape: m,
+        placement: e.placement,
+        fullscreen: e.fullscreen,
+        className: e.class,
+        style: e.style
+      });
+    }), y = (m) => {
+      r("close", m);
+    };
+    function b(m) {
+      return At.includes(m);
+    }
+    const h = (m, B) => {
+      const j = getComputedStyle(m);
+      return B == "y" ? m.scrollHeight > m.clientHeight && b(j.overflowY) : m.scrollWidth > m.clientWidth && b(j.overflowX);
+    }, P = (m, B) => B == "down" ? m.scrollTop > 0 : B == "up" ? m.scrollTop < m.scrollHeight - m.clientHeight : B == "right" ? m.scrollLeft > 0 : m.scrollLeft < m.scrollWidth - m.clientWidth, U = (m) => {
+      if (!a.value || !f.value) return !0;
+      const B = m.target;
+      if (!(B instanceof Element)) return !0;
+      const j = f.value == "left" || f.value == "right" ? "x" : "y";
+      let W = B;
+      for (; W && W !== a.value; ) {
+        if (W instanceof HTMLElement && h(W, j) && P(W, f.value))
+          return !1;
+        W = W.parentElement;
+      }
+      return !0;
+    }, L = () => {
+      c.value = !0, setTimeout(() => {
+        c.value = !1;
+      }, 300);
+    };
+    Y(
+      () => a.value,
+      (m) => {
+        m && (_.value = ue(a.value, {
+          options: {
+            minDist: 30
+          },
+          beforeEvent(B) {
+            return !(c.value || !e.gesture || e.placement == "center" || !U(B));
+          },
+          down() {
+            d.value = !1;
+          },
+          fast({ initialDirection: B }) {
+            L(), B == f.value ? r("close", "gesture") : l.value.open();
+          },
+          move({ deltaY: B, deltaX: j, initialDirection: W }) {
+            if (W != f.value) return;
+            let x = 0;
+            e.placement == "bottom" || e.placement == "top" ? x = B : x = j, e.placement == "bottom" && (x = B > 0 ? B : 0), e.placement == "top" && (x = B < 0 ? B : 0), e.placement == "left" && (x = j < 0 ? j : 0), e.placement == "right" && (x = j > 0 ? j : 0), (e.placement == "bottom" && (x >= 10 || d.value) || e.placement == "top" && (x <= -10 || d.value) || e.placement == "left" && (x <= -10 || d.value) || e.placement == "right" && (x >= 10 || d.value)) && (d.value = !0, l.value.render({
+              presentTranslate: x + "px",
+              presentTransitionDuration: "0s"
+            }));
+          },
+          up({ deltaY: B, deltaX: j, initialDirection: W }) {
+            if (d.value = !1, L(), W != f.value) {
+              l.value.open();
+              return;
+            }
+            let x, C, N;
+            e.placement == "bottom" || e.placement == "top" ? (x = a.value.offsetHeight, N = B) : (x = a.value.offsetWidth, N = j), C = N / x * 100, C > 50 ? r("close", "gesture") : l.value.open();
+          },
+          cancel() {
+            d.value = !1, L(), l.value.open();
+          }
+        }));
+      }
+    ), ne(() => {
+      _.value && _.value.destroy();
+    });
+    const E = { props: e, emit: r, appState: s, modal: a, present: l, isBusy: c, isMoving: d, ges: _, gestureDir: f, modalAttrs: A, close: y, hasScrollableOverflow: b, isScrollable: h, hasRemainingScroll: P, canStartGesture: U, busy: L, computed: i, inject: T, onUnmounted: ne, ref: p, unref: u, watch: Y, get toifeGesture() {
+      return ue;
+    }, get Present() {
+      return we;
+    }, get GestureIndicator() {
+      return fr;
+    }, get MODAL_DEFAULT_PROPS() {
+      return gt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get SCROLLABLE_OVERFLOW_VALUES() {
+      return At;
+    }, get getModalAttrs() {
+      return mt;
+    } };
+    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
+  }
+});
+function Jr(o, n, t, e, r, s) {
+  return v(), Q(e.Present, {
+    ref: "present",
+    duration: t.duration,
+    bounce: t.bounce,
+    class: lr(t.class),
+    placement: t.placement,
+    backdrop: t.backdrop,
+    visible: t.visible,
+    keepalive: t.keepalive,
+    onClose: e.close,
+    style: Sr(t.style)
+  }, {
+    default: re(() => [
+      k(o.$slots, "extra", {}, void 0, !0),
+      t.gesture && t.indicator && t.placement != "center" ? (v(), Q(e.GestureIndicator, {
+        key: 0,
+        placement: t.placement
+      }, null, 8, ["placement"])) : Z("", !0),
+      G("div", $({ ref: "modal" }, e.modalAttrs), [
+        k(o.$slots, "default", {}, void 0, !0)
+      ], 16)
+    ]),
+    _: 3
+  }, 8, ["duration", "bounce", "class", "placement", "backdrop", "visible", "keepalive", "style"]);
+}
+const Qr = /* @__PURE__ */ w(qr, [["render", Jr], ["__scopeId", "data-v-2b10da3f"]]), Zr = /* @__PURE__ */ I({
+  __name: "grid",
+  props: /* @__PURE__ */ z({
+    options: {}
+  }, {
+    ...bt
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = i(() => ht(t.options)), r = { props: t, gridAttrs: e, computed: i, get GRID_DEFAULT_PROPS() {
+      return bt;
+    }, get getGridAttrs() {
+      return ht;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+function eo(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.gridAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const to = /* @__PURE__ */ w(Zr, [["render", eo], ["__scopeId", "data-v-7b1bae0b"]]), no = /* @__PURE__ */ I({
+  __name: "flex",
+  props: /* @__PURE__ */ z({
+    options: {}
+  }, {
+    ...Tt
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = i(() => Pt(t.options)), r = { props: t, flexAttrs: e, computed: i, get FLEX_DEFAULT_PROPS() {
+      return Tt;
+    }, get getFlexAttrs() {
+      return Pt;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+function ro(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.flexAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const oo = /* @__PURE__ */ w(no, [["render", ro], ["__scopeId", "data-v-551ea3b0"]]), so = /* @__PURE__ */ I({
+  __name: "grid-item",
+  props: /* @__PURE__ */ z({
+    options: {}
+  }, {
+    ...Et
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = i(() => St(t.options)), r = { props: t, gridItemAttrs: e, computed: i, get GRID_ITEM_DEFAULT_PROPS() {
+      return Et;
+    }, get getGridItemAttrs() {
+      return St;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+function ao(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.gridItemAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const lo = /* @__PURE__ */ w(so, [["render", ao], ["__scopeId", "data-v-3dc106be"]]), io = /* @__PURE__ */ I({
+  __name: "flex-item",
+  props: /* @__PURE__ */ z({
+    options: {}
+  }, {
+    ...yt
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = i(() => Rt(t.options)), r = { props: t, flexItemAttrs: e, computed: i, get FLEX_ITEM_DEFAULT_PROPS() {
+      return yt;
+    }, get getFlexItemAttrs() {
+      return Rt;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+function co(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.flexItemAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const uo = /* @__PURE__ */ w(io, [["render", co], ["__scopeId", "data-v-9aa28166"]]), po = /* @__PURE__ */ I({
+  __name: "cable",
+  props: /* @__PURE__ */ z({
+    keyboard: { type: Boolean },
+    placement: {}
+  }, {
+    ...Dt
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, { placement: e } = Re(t), r = i(() => Ot({ placement: e.value }));
+    te(ye, {
+      placement: e
+    });
+    const s = { props: t, placement: e, cableAttrs: r, computed: i, provide: te, toRefs: Re, get CABLE_DEFAULT_PROPS() {
+      return Dt;
+    }, get CABLE_PROVIDER_STATE_KEY() {
+      return ye;
+    }, get getCableAttrs() {
+      return Ot;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+function _o(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.cableAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const fo = /* @__PURE__ */ w(po, [["render", _o], ["__scopeId", "data-v-4fd2ca97"]]), vo = /* @__PURE__ */ I({
+  __name: "toolbar",
+  props: /* @__PURE__ */ z({
+    placement: {},
+    safe: { type: Boolean },
+    role: {},
+    divider: { type: Boolean }
+  }, {
+    ...It
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(ye), r = T(R), s = i(() => {
+      const l = t.role || u(r?.role) || "", c = t.placement || u(e?.placement) || "", d = (t?.divider !== void 0 ? t.divider : u(r?.divider)) ?? !1;
+      return kt({
+        role: l,
+        placement: c,
+        safe: t.safe,
+        divider: d
+      });
+    }), a = { props: t, cable: e, appState: r, toolbarAttrs: s, unref: u, computed: i, inject: T, get TOOLBAR_DEFAULT_PROPS() {
+      return It;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get CABLE_PROVIDER_STATE_KEY() {
+      return ye;
+    }, get getToolbarAttrs() {
+      return kt;
+    } };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+});
+function mo(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.toolbarAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const go = /* @__PURE__ */ w(vo, [["render", mo], ["__scopeId", "data-v-4ae7e08d"]]), Ao = /* @__PURE__ */ I({
+  __name: "skeleton",
+  props: /* @__PURE__ */ z({
+    width: {},
+    height: {},
+    role: {},
+    shape: {}
+  }, {
+    ...Ft
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = i(() => {
+      const a = t.shape || u(e?.shape) || "", l = t.role || u(e?.role) || "";
+      return wt({
+        role: l,
+        shape: a,
+        width: t.width,
+        height: t.height
+      });
+    }), s = { props: t, appState: e, skeletonAttrs: r, unref: u, computed: i, inject: T, get SKELETON_DEFAULT_PROPS() {
+      return Ft;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getSkeletonAttrs() {
+      return wt;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+function ho(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.skeletonAttrs)), null, 16);
+}
+const bo = /* @__PURE__ */ w(Ao, [["render", ho], ["__scopeId", "data-v-d2115b2f"]]), Po = /* @__PURE__ */ I({
+  __name: "tabs",
+  props: /* @__PURE__ */ z({
+    placement: {},
+    variant: {},
+    role: {},
+    modelValue: {},
+    border: {},
+    margin: {},
+    shape: {},
+    transition: { type: Boolean },
+    size: {}
+  }, {
+    ...Lt
+  }),
+  emits: ["update:modelValue"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(0), l = p(0), c = p(0), d = p(0), _ = p(), f = p(!0), A = i(() => e.role || u(s?.role) || ""), y = i(() => e.shape || u(s?.shape) || ""), b = i(() => e.size), h = i(() => e.modelValue || ""), P = i(() => {
+      const m = Ct({
+        top: c.value,
+        left: d.value,
+        width: a.value,
+        height: l.value,
+        margin: e.margin,
+        border: e.border,
+        variant: e.variant,
+        placement: e.placement
+      });
+      return {
+        ...xt({
+          role: A.value,
+          shape: y.value,
+          placement: e.placement,
+          variant: e.variant,
+          transition: f.value ? !1 : e.transition
+        }),
+        style: Bt({
+          top: m.top,
+          left: m.left,
+          width: m.width,
+          height: m.height,
+          marginX: e.margin[1],
+          marginY: e.margin[0]
+        })
+      };
+    }), U = () => {
+      let m = _.value.querySelector(".active");
+      m && (a.value = m.offsetWidth, l.value = m.offsetHeight, d.value = m.getBoundingClientRect().left - _.value.getBoundingClientRect().left + _.value.scrollLeft, c.value = m.getBoundingClientRect().top - _.value.getBoundingClientRect().top + _.value.scrollTop);
+    }, L = async () => {
+      await ee(), U();
+    };
+    Y(
+      () => e.modelValue,
+      () => {
+        L();
+      }
+    ), X(() => {
+      L(), window.addEventListener("resize", U), setTimeout(() => {
+        f.value = !1;
+      }, 500);
+    }), ne(() => {
+      window.removeEventListener("resize", U);
+    }), te(Oe, {
+      activeValue: h,
+      role: A,
+      shape: y,
+      size: b,
+      setValue: (m) => {
+        r("update:modelValue", m);
+      }
+    });
+    const E = { props: e, emit: r, appState: s, width: a, height: l, top: c, left: d, container: _, isFirstRender: f, role: A, shape: y, size: b, activeValue: h, tabsAttrs: P, calcPosition: U, checkRender: L, unref: u, computed: i, inject: T, nextTick: ee, onMounted: X, onUnmounted: ne, provide: te, ref: p, watch: Y, get TABS_DEFAULT_PROPS() {
+      return Lt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get TABS_PROVIDER_STATE_KEY() {
+      return Oe;
+    }, get getTabsAttrs() {
+      return xt;
+    }, get getTabsHighlightPosition() {
+      return Ct;
+    }, get getTabsHighlightStyle() {
+      return Bt;
+    } };
+    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
+  }
+});
+function To(o, n, t, e, r, s) {
+  return v(), S("ul", $({ ref: "container" }, e.tabsAttrs), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const So = /* @__PURE__ */ w(Po, [["render", To], ["__scopeId", "data-v-72a632e5"]]), Eo = /* @__PURE__ */ I({
+  __name: "tab",
+  props: /* @__PURE__ */ z({
+    value: {},
+    disabled: { type: Boolean }
+  }, {
+    ...Ut
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(Oe), r = i(() => u(e?.shape) || ""), s = i(() => u(e?.size) || "standard"), a = i(() => u(e?.activeValue) === t.value), l = i(() => Vt({ active: a.value })), c = i(() => $t({ shape: r.value, size: s.value })), _ = { props: t, tabsState: e, shape: r, size: s, isActive: a, tabAttrs: l, buttonAttrs: c, handleClick: () => {
+      t.disabled || e?.setValue(t.value || "");
+    }, computed: i, inject: T, unref: u, get TAB_DEFAULT_PROPS() {
+      return Ut;
+    }, get TABS_PROVIDER_STATE_KEY() {
+      return Oe;
+    }, get getTabAttrs() {
+      return Vt;
+    }, get getTabButtonAttrs() {
+      return $t;
+    } };
+    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+  }
+});
+function Ro(o, n, t, e, r, s) {
+  return v(), S("li", D(V(e.tabAttrs)), [
+    G("button", $(e.buttonAttrs, { onClick: e.handleClick }), [
+      k(o.$slots, "default", {}, void 0, !0)
+    ], 16)
+  ], 16);
+}
+const yo = /* @__PURE__ */ w(Eo, [["render", Ro], ["__scopeId", "data-v-2eddd820"]]), Oo = /* @__PURE__ */ I({
+  __name: "switch",
+  props: /* @__PURE__ */ z({
+    modelValue: { type: Boolean },
+    role: {},
+    size: {},
+    shape: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    shadow: { type: Boolean },
+    bounce: {}
+  }, {
+    ...Nt
+  }),
+  emits: ["update:modelValue"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(!1), l = p(!0), c = i(() => {
+      const P = (e?.shadow !== void 0 ? e.shadow : u(s?.shadow)) ?? !1;
+      return Mt({
+        disabled: e.disabled,
+        readonly: e.readonly,
+        shadow: P && !e.disabled && a.value,
+        focus: a.value,
+        modelValue: e.modelValue,
+        transition: !l.value,
+        bounce: e.bounce
+      });
+    }), d = i(() => {
+      const P = e.shape || u(s?.shape) || "", U = u(s?.role) || "", L = e.role || U;
+      return zt({
+        role: L,
+        shape: P,
+        size: e.size
+      });
+    }), _ = Kt(), f = () => {
+      e.disabled || e.readonly || r("update:modelValue", !e.modelValue);
+    }, A = () => {
+      e.disabled || e.readonly || (a.value = !0);
+    }, y = () => {
+      e.disabled || e.readonly || (a.value = !1);
+    }, b = (P) => {
+      P.key !== " " && P.key !== "Enter" || (P.preventDefault(), f());
+    };
+    X(() => {
+      setTimeout(() => {
+        l.value = !1;
+      }, 500);
+    });
+    const h = { props: e, emit: r, appState: s, isFocused: a, isFirstRender: l, switchWrapperAttrs: c, switchAttrs: d, switchIconAttrs: _, onSwitch: f, onFocus: A, onBlur: y, onKeydown: b, unref: u, computed: i, inject: T, ref: p, onMounted: X, get SWITCH_DEFAULT_PROPS() {
+      return Nt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getSwitchAttrs() {
+      return zt;
+    }, get getSwitchIconAttrs() {
+      return Kt;
+    }, get getSwitchWrapperAttrs() {
+      return Mt;
+    } };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
+  }
+}), Do = ["tabindex", "aria-checked"];
+function ko(o, n, t, e, r, s) {
+  return v(), S("div", $(e.switchWrapperAttrs, {
+    tabindex: t.disabled ? -1 : 0,
+    "aria-checked": e.props.modelValue,
+    onPointerup: e.onSwitch,
+    onFocus: e.onFocus,
+    onBlur: e.onBlur,
+    onKeydown: e.onKeydown
+  }), [
+    G("div", D(V(e.switchAttrs)), [
+      G("div", D(V(e.switchIconAttrs)), null, 16)
+    ], 16),
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16, Do);
+}
+const Io = /* @__PURE__ */ w(Oo, [["render", ko], ["__scopeId", "data-v-65bf583f"]]), wo = /* @__PURE__ */ I({
+  __name: "checkbox",
+  props: /* @__PURE__ */ z({
+    modelValue: { type: Boolean },
+    role: {},
+    size: {},
+    shape: {},
+    variant: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    shadow: { type: Boolean }
+  }, {
+    ...Yt
+  }),
+  emits: ["update:modelValue", "focus", "blur"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(!1), l = i(() => {
+      const b = u(s?.role) || "", h = e.role || b, P = e.shape || u(s?.shape) || "", U = (e?.shadow !== void 0 ? e.shadow : u(s?.shadow)) ?? !1;
+      return jt({
+        role: h,
+        shape: P,
+        size: e.size,
+        variant: e.variant,
+        modelValue: e.modelValue,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        shadow: U && !e.disabled && a.value,
+        focus: a.value
+      });
+    }), c = Gt(), d = () => {
+      e.disabled || e.readonly || r("update:modelValue", !e.modelValue);
+    }, y = { props: e, emit: r, appState: s, isFocused: a, checkboxAttrs: l, checkboxIconAttrs: c, onCheckbox: d, onFocus: () => {
+      e.disabled || e.readonly || (a.value = !0, r("focus"));
+    }, onBlur: () => {
+      e.disabled || e.readonly || (a.value = !1, r("blur"));
+    }, onKeydown: (b) => {
+      b.key !== " " && b.key !== "Enter" || (b.preventDefault(), d());
+    }, unref: u, computed: i, inject: T, ref: p, get CHECKBOX_DEFAULT_PROPS() {
+      return Yt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getCheckboxAttrs() {
+      return jt;
+    }, get getCheckboxIconAttrs() {
+      return Gt;
+    } };
+    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
+  }
+}), Fo = ["tabindex", "aria-checked"];
+function Co(o, n, t, e, r, s) {
+  return v(), S("div", $(e.checkboxAttrs, {
+    tabindex: t.disabled ? -1 : 0,
+    "aria-checked": e.props.modelValue,
+    onPointerup: e.onCheckbox,
+    onFocus: e.onFocus,
+    onBlur: e.onBlur,
+    onKeydown: e.onKeydown
+  }), [
+    G("div", D(V(e.checkboxIconAttrs)), null, 16),
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16, Fo);
+}
+const Bo = /* @__PURE__ */ w(wo, [["render", Co], ["__scopeId", "data-v-764d39e7"]]), xo = /* @__PURE__ */ I({
+  __name: "radio",
+  props: /* @__PURE__ */ z({
+    value: {},
+    role: {},
+    size: {},
+    shape: {},
+    variant: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    shadow: { type: Boolean }
+  }, {
+    ...Xt
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = T(
+      De,
+      null
+    ), s = p(!1), a = i(() => t.disabled || (u(r?.disabled) ?? !1)), l = i(() => t.readonly || (u(r?.readonly) ?? !1)), c = i(() => {
+      const h = (t?.shadow !== void 0 ? t.shadow : u(e?.shadow)) ?? !1, P = t.role || u(r?.role) || u(e?.role) || "", U = t.shape || u(r?.shape) || u(e?.shape) || "", L = t.variant || u(r?.variant) || "", E = u(r?.modelValue) === t.value;
+      return Ht({
+        role: P,
+        shape: U,
+        size: t.size,
+        variant: L,
+        checked: E,
+        disabled: a.value,
+        readonly: l.value,
+        shadow: h && !t.disabled && s.value,
+        focus: s.value
+      });
+    }), d = Wt(), _ = () => {
+      a.value || l.value || !r || r.setValue(t.value);
+    }, b = { props: t, appState: e, radioGroupState: r, isFocused: s, disabled: a, readonly: l, radioAttrs: c, radioIconAttrs: d, onRadio: _, onFocus: () => {
+      a.value || l.value || (s.value = !0);
+    }, onBlur: () => {
+      a.value || l.value || (s.value = !1);
+    }, onKeydown: (h) => {
+      h.key !== " " && h.key !== "Enter" || (h.preventDefault(), _());
+    }, unref: u, computed: i, inject: T, ref: p, get RADIO_DEFAULT_PROPS() {
+      return Xt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get RADIO_GROUP_PROVIDER_STATE_KEY() {
+      return De;
+    }, get getRadioAttrs() {
+      return Ht;
+    }, get getRadioIconAttrs() {
+      return Wt;
+    } };
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
+  }
+}), Lo = ["tabindex"];
+function Vo(o, n, t, e, r, s) {
+  return v(), S("div", $(e.radioAttrs, {
+    onPointerup: e.onRadio,
+    tabindex: e.disabled ? -1 : 0,
+    onFocus: e.onFocus,
+    onBlur: e.onBlur,
+    onKeydown: e.onKeydown
+  }), [
+    G("div", D(V(e.radioIconAttrs)), null, 16),
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16, Lo);
+}
+const $o = /* @__PURE__ */ w(xo, [["render", Vo], ["__scopeId", "data-v-4d310476"]]), Uo = /* @__PURE__ */ I({
+  __name: "radio-group",
+  props: /* @__PURE__ */ z({
+    modelValue: {},
+    role: {},
+    shape: {},
+    variant: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    shadow: { type: Boolean },
+    direction: {}
+  }, {
+    ...Jt
+  }),
+  emits: ["update:modelValue"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = i(() => e.modelValue), l = i(() => e.role || u(s?.role) || ""), c = i(() => e.shape || u(s?.shape) || ""), d = i(() => e.variant), _ = i(() => (e?.shadow !== void 0 ? e.shadow : u(s?.shadow)) ?? !1), f = i(() => e.disabled), A = i(() => e.readonly), y = i(() => qt({ direction: e.direction }));
+    te(De, {
+      modelValue: a,
+      role: l,
+      shape: c,
+      variant: d,
+      disabled: f,
+      readonly: A,
+      shadow: _,
+      setValue: (h) => {
+        r("update:modelValue", h);
+      }
+    });
+    const b = { props: e, emit: r, appState: s, modelValue: a, role: l, shape: c, variant: d, shadow: _, disabled: f, readonly: A, radioGroupAttrs: y, unref: u, computed: i, inject: T, provide: te, get RADIO_GROUP_DEFAULT_PROPS() {
+      return Jt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get RADIO_GROUP_PROVIDER_STATE_KEY() {
+      return De;
+    }, get getRadioGroupAttrs() {
+      return qt;
+    } };
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
+  }
+});
+function Mo(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.radioGroupAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const zo = /* @__PURE__ */ w(Uo, [["render", Mo], ["__scopeId", "data-v-f4223668"]]), Ko = /* @__PURE__ */ I({
+  __name: "card",
+  props: /* @__PURE__ */ z({
+    role: {},
+    shape: {},
+    divider: { type: Boolean }
+  }, {
+    ...Zt
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = i(() => (t?.divider !== void 0 ? t.divider : u(e?.divider)) ?? !1), s = i(() => t?.shape || u(e?.shape) || ""), a = i(() => t.role || u(e?.role) || ""), l = i(
+      () => Qt({
+        role: a.value,
+        shape: s.value,
+        divider: r.value
+      })
+    );
+    te(_e, {
+      role: a,
+      shape: s,
+      divider: r
+    });
+    const c = { props: t, appState: e, divider: r, shape: s, role: a, cardAttrs: l, unref: u, computed: i, inject: T, provide: te, get CARD_DEFAULT_PROPS() {
+      return Zt;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get CARD_PROVIDER_STATE_KEY() {
+      return _e;
+    }, get getCardAttrs() {
+      return Qt;
+    } };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
+  }
+});
+function No(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.cardAttrs)), [
+    k(o.$slots, "default")
+  ], 16);
+}
+const jo = /* @__PURE__ */ w(Ko, [["render", No]]), Go = /* @__PURE__ */ I({
+  __name: "card-body",
+  setup(o, { expose: n }) {
+    n();
+    const e = { cardBodyAttrs: en(), get getCardBodyAttrs() {
+      return en;
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+function Yo(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.cardBodyAttrs)), [
+    k(o.$slots, "default")
+  ], 16);
+}
+const Ho = /* @__PURE__ */ w(Go, [["render", Yo]]), Wo = /* @__PURE__ */ I({
+  __name: "card-header",
+  setup(o, { expose: n }) {
+    n();
+    const t = T(_e), e = i(() => {
+      const s = u(t?.divider) ?? !1;
+      return tn({ divider: s });
+    }), r = { cardProviderState: t, cardHeaderAttrs: e, computed: i, inject: T, unref: u, get CARD_PROVIDER_STATE_KEY() {
+      return _e;
+    }, get getCardHeaderAttrs() {
+      return tn;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+function Xo(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.cardHeaderAttrs)), [
+    k(o.$slots, "default")
+  ], 16);
+}
+const qo = /* @__PURE__ */ w(Wo, [["render", Xo]]), Jo = /* @__PURE__ */ I({
+  __name: "card-footer",
+  setup(o, { expose: n }) {
+    n();
+    const t = T(_e), e = i(() => {
+      const s = u(t?.divider) ?? !1;
+      return nn({ divider: s });
+    }), r = { cardProviderState: t, cardFooterAttrs: e, computed: i, inject: T, unref: u, get CARD_PROVIDER_STATE_KEY() {
+      return _e;
+    }, get getCardFooterAttrs() {
+      return nn;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+function Qo(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.cardFooterAttrs)), [
+    k(o.$slots, "default")
+  ], 16);
+}
+const Zo = /* @__PURE__ */ w(Jo, [["render", Qo]]), es = /* @__PURE__ */ I({
+  __name: "avatar",
+  props: /* @__PURE__ */ z({
+    shape: {},
+    size: {},
+    src: {},
+    role: {},
+    divider: { type: Boolean }
+  }, {
+    ...on
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = i(() => {
+      const a = t?.shape || u(e?.shape) || "", l = t?.role || u(e?.role) || "", c = (t?.divider !== void 0 ? t.divider : u(e?.divider)) ?? !1;
+      return rn({
+        role: l,
+        shape: a,
+        divider: c,
+        size: t.size,
+        src: t.src
+      });
+    }), s = { props: t, appState: e, avatarAttrs: r, unref: u, computed: i, inject: T, get AVATAR_DEFAULT_PROPS() {
+      return on;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getAvatarAttrs() {
+      return rn;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+function ts(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.avatarAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const ns = /* @__PURE__ */ w(es, [["render", ts], ["__scopeId", "data-v-f05249c9"]]), rs = /* @__PURE__ */ I({
+  __name: "divider",
+  props: /* @__PURE__ */ z({
+    direction: {},
+    role: {}
+  }, {
+    ...an
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = i(() => {
+      const a = t.role || u(e?.role) || "";
+      return sn({ role: a, direction: t.direction });
+    }), s = { props: t, appState: e, dividerAttrs: r, unref: u, computed: i, inject: T, get DIVIDER_DEFAULT_PROPS() {
+      return an;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getDividerAttrs() {
+      return sn;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+function os(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.dividerAttrs)), null, 16);
+}
+const ss = /* @__PURE__ */ w(rs, [["render", os], ["__scopeId", "data-v-83a5abd7"]]), as = /* @__PURE__ */ I({
+  __name: "image",
+  props: {
+    defaultSrc: {},
+    src: {}
+  },
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = p(t.src ?? ""), s = i(() => t.defaultSrc ?? u(e?.data)?.errorImageUrl ?? ""), a = () => {
+      s.value && (r.value = s.value);
+    };
+    Y(
+      () => t.src,
+      (c) => {
+        r.value = c ?? "";
+      }
+    );
+    const l = { props: t, appState: e, dataSrc: r, defaultSrc: s, handleError: a, unref: u, ref: p, watch: Y, computed: i, inject: T, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    } };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+}), ls = ["src"];
+function is(o, n, t, e, r, s) {
+  return v(), S("img", {
+    onError: e.handleError,
+    src: e.dataSrc
+  }, null, 40, ls);
+}
+const cs = /* @__PURE__ */ w(as, [["render", is]]), us = /* @__PURE__ */ I({
+  __name: "field",
+  props: /* @__PURE__ */ z({
+    modelValue: {},
+    name: {},
+    variant: {},
+    role: {},
+    shape: {},
+    size: {},
+    shadow: { type: Boolean },
+    direction: {},
+    id: {},
+    value: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    autocomplete: {},
+    maxLength: {},
+    tabindex: {},
+    type: {},
+    line: {},
+    maxLine: {},
+    message: {}
+  }, {
+    ...pn
+  }),
+  emits: ["update:modelValue", "focus", "blur", "input", "beforeinput"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(!1), l = p(0), c = p(""), d = i(() => {
+      const E = e.role || u(s?.role) || "", m = e.shape || u(s?.shape) || "", B = (e?.shadow !== void 0 ? e.shadow : u(s?.shadow)) ?? !1, j = e.direction || u(s?.direction) || "left";
+      return ln({
+        role: E,
+        shape: m,
+        size: e.size,
+        direction: j,
+        variant: e.variant,
+        type: e.type,
+        disabled: e.disabled,
+        focus: a.value,
+        shadow: B,
+        readonly: e.readonly,
+        line: Number(e.line),
+        maxLine: e.maxLine !== void 0 ? Number(e.maxLine) : void 0
+      });
+    }), _ = i(() => {
+      const E = e.modelValue;
+      if (E != null && E !== "")
+        return String(E);
+      const m = e.value;
+      return m != null && m !== "" ? String(m) : "";
+    }), f = i(() => cn()), A = i(() => ({
+      ...un(),
+      name: e.name,
+      id: e.id,
+      placeholder: e.placeholder,
+      autocomplete: e.autocomplete,
+      type: e.type,
+      readonly: e.readonly,
+      disabled: e.disabled,
+      maxlength: e.maxLength,
+      tabindex: e.tabindex
+    })), y = i(() => dn()), b = (E) => {
+      e.disabled || (a.value = !0, r("focus", E));
+    }, h = (E) => {
+      e.disabled || (a.value = !1, r("blur", E));
+    }, P = (E) => {
+      r("input", E);
+    }, U = (E) => {
+      r("beforeinput", E);
+    };
+    Y(
+      () => _.value,
+      (E) => {
+        c.value = E.toString();
+      },
+      { immediate: !0 }
+    ), Y(
+      () => c.value,
+      (E) => {
+        r("update:modelValue", E.toString());
+      }
+    );
+    const L = { props: e, emit: r, appState: s, isFocus: a, caret: l, content: c, fieldAttrs: d, rawContent: _, fieldContentAttrs: f, fieldInputAttrs: A, fieldMessageAttrs: y, onFocus: b, onBlur: h, onInput: P, onBeforeinput: U, unref: u, computed: i, inject: T, nextTick: ee, onMounted: X, ref: p, watch: Y, get FIELD_DEFAULT_PROPS() {
+      return pn;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getFieldAttrs() {
+      return ln;
+    }, get getFieldContentAttrs() {
+      return cn;
+    }, get getFieldInputAttrs() {
+      return un;
+    }, get getFieldMessageAttrs() {
+      return dn;
+    } };
+    return Object.defineProperty(L, "__isScriptSetup", { enumerable: !1, value: !0 }), L;
+  }
+}), ds = ["rows"], ps = ["type"];
+function _s(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.fieldAttrs)), [
+    G("div", D(V(e.fieldContentAttrs)), [
+      k(o.$slots, "start-input", {}, void 0, !0),
+      k(o.$slots, "input", {}, () => [
+        t.type === "paragraph" ? de((v(), S("textarea", $({ key: 0 }, e.fieldInputAttrs, {
+          onInput: e.onInput,
+          onFocus: e.onFocus,
+          onBlur: e.onBlur,
+          onBeforeinput: e.onBeforeinput,
+          "onUpdate:modelValue": n[0] || (n[0] = (a) => e.content = a),
+          rows: t.line
+        }), null, 16, ds)), [
+          [Er, e.content]
+        ]) : de((v(), S("input", $({ key: 1 }, e.fieldInputAttrs, {
+          onInput: e.onInput,
+          onFocus: e.onFocus,
+          onBlur: e.onBlur,
+          onBeforeinput: e.onBeforeinput,
+          "onUpdate:modelValue": n[1] || (n[1] = (a) => e.content = a),
+          type: t.type
+        }), null, 16, ps)), [
+          [Rr, e.content]
+        ])
+      ], !0),
+      k(o.$slots, "end-input", {}, void 0, !0)
+    ], 16),
+    t.message ? (v(), S("div", D($({ key: 0 }, e.fieldMessageAttrs)), ae(t.message), 17)) : Z("", !0),
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const Me = /* @__PURE__ */ w(us, [["render", _s], ["__scopeId", "data-v-837bf696"]]), fs = /* @__PURE__ */ I({
+  __name: "segmented-field",
+  props: /* @__PURE__ */ z({
+    modelValue: {},
+    value: {},
+    length: {},
+    variant: {},
+    size: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    type: {},
+    role: {},
+    shape: {},
+    shadow: { type: Boolean },
+    message: {},
+    pattern: {},
+    direction: {}
+  }, {
+    ...mn
+  }),
+  emits: ["update:modelValue", "complete", "focus", "blur", "input"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p([]), l = p([]), c = i(() => {
+      const O = e.modelValue !== void 0 ? e.modelValue : e.value !== void 0 ? e.value : a.value;
+      return Array.from({ length: e.length }, (F, K) => O?.[K] ?? "");
+    }), d = i(() => {
+      const O = c.value.findIndex((F) => !F);
+      return O === -1 ? e.length - 1 : O;
+    }), _ = i(() => {
+      const O = e.role || u(s?.role) || "", F = e.shape || u(s?.shape) || "", K = e.direction || u(s?.direction) || "left";
+      return _n({
+        role: O,
+        shape: F,
+        direction: K,
+        variant: e.variant,
+        size: e.size,
+        disabled: e.disabled
+      });
+    }), f = fn(), A = i(() => {
+      const O = e.role || u(s?.role) || "", F = e.shape || u(s?.shape) || "", K = (e.shadow !== void 0 ? e.shadow : u(s?.shadow)) ?? !1;
+      return {
+        variant: e.variant,
+        size: e.size,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        shadow: K,
+        shape: F,
+        role: O,
+        type: e.type,
+        maxLength: 1,
+        autocomplete: "off"
+      };
+    }), y = vn(), b = (O, F) => {
+      if (!O) return "";
+      let K = O.slice(-1);
+      const H = e.pattern?.[F] ?? e.pattern?.[0];
+      return H && !new RegExp(H).test(K) ? "" : K;
+    }, h = (O) => l.value[O]?.$el?.querySelector("input, textarea"), P = async () => {
+      await ee();
+      for (let O = 0; O < e.length; O++) {
+        const F = h(O);
+        F && (F.value = c.value[O] ?? "");
+      }
+    }, U = async (O) => {
+      const F = Array.from({ length: e.length }, (K, H) => O[H] ?? "");
+      a.value = F, r("update:modelValue", F), r("input", F), F.every((K) => K) && r("complete", F), await P();
+    }, L = async (O) => {
+      if (e.disabled || e.readonly) return;
+      const F = Math.max(0, Math.min(O, e.length - 1));
+      await ee();
+      const K = h(F);
+      K?.focus(), K && "select" in K && K.select();
+    }, E = (O, F) => {
+      const K = [...c.value];
+      K[O] = F, U(K);
+    }, m = (O, F) => {
+      const K = b(F, O);
+      K && (E(O, K), O < e.length - 1 && L(O + 1));
+    }, B = (O, F) => {
+      const K = O.replace(/\s/g, "").split("");
+      if (!K.length) return;
+      const H = [...c.value];
+      let oe = F;
+      for (const Fe of K) {
+        if (oe >= e.length) break;
+        const pe = b(Fe, oe);
+        pe && (H[oe] = pe, oe += 1);
+      }
+      U(H), L(Math.min(oe, e.length - 1));
+    }, N = { props: e, emit: r, appState: s, keepValue: a, fields: l, segments: c, firstEmptyIndex: d, wrapperAttrs: _, contentAttrs: f, fieldAttrs: A, messageAttrs: y, normalizeChar: b, getFieldInput: h, syncFieldInputs: P, updateValue: U, focusInput: L, setCell: E, applyChar: m, handlePaste: B, onFieldClick: () => {
+      L(d.value);
+    }, onSegmentFocus: (O, F) => {
+      r("focus", O), h(F)?.select?.();
+    }, onSegmentBeforeinput: (O, F) => {
+      if (e.disabled || e.readonly) return;
+      const { inputType: K } = O;
+      if (K === "insertText" && O.data != null) {
+        O.preventDefault(), O.data.length > 1 ? B(O.data, F) : m(F, O.data);
+        return;
+      }
+      if (K === "insertFromPaste" && O.dataTransfer) {
+        O.preventDefault();
+        const H = O.dataTransfer.getData("text");
+        B(H, F);
+        return;
+      }
+      if (K === "deleteContentBackward") {
+        O.preventDefault();
+        const H = [...c.value];
+        if (H[F]) {
+          H[F] = "", U(H);
+          return;
+        }
+        F > 0 && (H[F - 1] = "", U(H), L(F - 1));
+      }
+    }, onSegmentInput: (O, F) => {
+      if (e.disabled || e.readonly) return;
+      const K = O.target;
+      if (!K) return;
+      const H = K.value, oe = c.value[F] ?? "";
+      if (!H) {
+        oe || E(F, "");
+        return;
+      }
+      if (H.length > 1) {
+        B(H, F);
+        return;
+      }
+      H !== oe && m(F, H);
+    }, unref: u, computed: i, inject: T, nextTick: ee, ref: p, get Field() {
+      return Me;
+    }, get SEGMENTED_FIELD_DEFAULT_PROPS() {
+      return mn;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getSegmentedFieldContentAttrs() {
+      return fn;
+    }, get getSegmentedFieldMessageAttrs() {
+      return vn;
+    }, get getSegmentedFieldWrapperAttrs() {
+      return _n;
+    } };
+    return Object.defineProperty(N, "__isScriptSetup", { enumerable: !1, value: !0 }), N;
+  }
+});
+function vs(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.wrapperAttrs)), [
+    G("div", $(e.contentAttrs, { onPointerup: e.onFieldClick }), [
+      (v(!0), S(ie, null, ce(e.props.length, (a, l) => (v(), Q(e.Field, $({ key: l }, { ref_for: !0 }, e.fieldAttrs, {
+        "model-value": e.segments[l],
+        tabindex: l === e.firstEmptyIndex ? 0 : -1,
+        onBeforeinput: (c) => e.onSegmentBeforeinput(c, l),
+        onInput: (c) => e.onSegmentInput(c, l),
+        onFocus: (c) => e.onSegmentFocus(c, l),
+        ref_for: !0,
+        ref: "fields"
+      }), null, 16, ["model-value", "tabindex", "onBeforeinput", "onInput", "onFocus"]))), 128))
+    ], 16),
+    t.message ? (v(), S("div", D($({ key: 0 }, e.messageAttrs)), ae(t.message), 17)) : Z("", !0)
+  ], 16);
+}
+const ms = /* @__PURE__ */ w(fs, [["render", vs], ["__scopeId", "data-v-e1be0bb8"]]), gs = /* @__PURE__ */ I({
+  __name: "container",
+  setup(o, { expose: n }) {
+    n();
+    const e = { containerAttrs: gn(), get getContainerAttrs() {
+      return gn;
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+function As(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.containerAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const hs = /* @__PURE__ */ w(gs, [["render", As], ["__scopeId", "data-v-047631ab"]]), bs = /* @__PURE__ */ I({
+  __name: "refresher",
+  emits: ["move", "cancel", "end", "start"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = t, r = p(!1), s = p();
+    let a, l = !1;
+    const c = i(() => An()), d = () => {
+      r.value = !1;
+    }, _ = () => (r.value = !0, d), f = () => {
+      e("end", { refresh: _ });
+    }, A = () => {
+      l = !1, r.value = !1, e("cancel");
+    };
+    Y(
+      () => s.value,
+      () => {
+        a && a.destroy(), s.value && (a = ue(
+          s.value,
+          {
+            options: {
+              minMove: 20
+            },
+            beforeEvent() {
+              return l ? !0 : !((s.value?.scrollTop || 0) > 0);
+            },
+            down() {
+              r.value || (l = (s.value?.scrollTop || 0) <= 0, l && e("start"));
+            },
+            move({ deltaY: b, initialDirection: h }) {
+              if (r.value || !l || h != "down") return;
+              const P = b < 0 ? 0 : b;
+              e("move", { refresh: _, offset: P });
+            },
+            up({ initialDirection: b }) {
+              const h = l;
+              if (l = !1, !(r.value || !h)) {
+                if (b != "down") {
+                  A();
+                  return;
+                }
+                f();
+              }
+            },
+            cancel() {
+              l = !1, !r.value && A();
+            }
+          },
+          {
+            passive: !1
+          }
+        ));
+      }
+    ), ne(() => {
+      a && a.destroy();
+    });
+    const y = { emit: e, refreshing: r, container: s, get cleanup() {
+      return a;
+    }, set cleanup(b) {
+      a = b;
+    }, get isPulling() {
+      return l;
+    }, set isPulling(b) {
+      l = b;
+    }, containerAttrs: c, close: d, refresh: _, up: f, cancel: A, ref: p, onUnmounted: ne, watch: Y, computed: i, get gesture() {
+      return ue;
+    }, get getRefresherAttrs() {
+      return An;
+    } };
+    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
+  }
+});
+function Ps(o, n, t, e, r, s) {
+  return v(), S("div", $(e.containerAttrs, { ref: "container" }), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const Ts = /* @__PURE__ */ w(bs, [["render", Ps], ["__scopeId", "data-v-bfabe45d"]]), Ss = /* @__PURE__ */ I({
+  __name: "route-provider",
+  props: {
+    stack: {}
+  },
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = i(() => t.stack);
+    te(ke, {
+      stack: e
+    });
+    const r = { props: t, stack: e, provide: te, computed: i, get ROUTE_PROVIDER_STATE_KEY() {
+      return ke;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+function Es(o, n, t, e, r, s) {
+  return k(o.$slots, "default");
+}
+const ze = /* @__PURE__ */ w(Ss, [["render", Es]]), Rs = /* @__PURE__ */ I({
+  __name: "route-outlet",
+  props: {
+    component: {}
+  },
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = p(null), r = async (l) => {
+      if (typeof l != "function") return l;
+      const c = await l();
+      return c?.default ?? c;
+    }, s = async (l) => {
+      if (l == null) return null;
+      const c = typeof l == "object" && l !== null && "default" in l ? l.default : l;
+      return r(c);
+    };
+    X(async () => {
+      const l = await s(t.component);
+      e.value = l ? Ge(l) : null;
+    });
+    const a = { props: t, renderComponent: e, resolveComponent: r, resolveFromProp: s, markRaw: Ge, onMounted: X, ref: p };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+});
+function ys(o, n, t, e, r, s) {
+  return e.renderComponent ? (v(), Q(yr(e.renderComponent), { key: 0 })) : Z("", !0);
+}
+const vr = /* @__PURE__ */ w(Rs, [["render", ys]]), Ve = (o) => o.map((n) => ({
+  ...n,
+  stack: Ve(n.stack)
+})), Se = -40, Os = /* @__PURE__ */ I({
+  __name: "route-navigator",
+  props: /* @__PURE__ */ z({
+    direction: {},
+    variant: {},
+    keepalive: { type: Boolean },
+    gesture: { type: Boolean }
+  }, {
+    ...Tn
+  }),
+  emits: ["transform"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(ke), a = Ie(), l = p(), c = p(null), d = Ee({
+      back: Se,
+      prepare: 100,
+      active: 0,
+      backdrop: 0,
+      duration: void 0
+    }), _ = p([]), f = p(0), A = p(0), y = i(
+      () => hn({
+        direction: e.direction,
+        variant: e.variant,
+        moving: d.active !== 0,
+        transform: d
+      })
+    ), b = i(
+      () => bn({ direction: e.direction })
+    ), h = i(
+      () => Pn({ zIndex: A.value * 2 + 99 })
+    ), P = i(() => f.value > 0 ? _.value.at(f.value - 1) ?? null : null), U = i(() => e.variant === "swipe" && e.gesture && P.value), L = (x) => {
+      const C = Ve(x);
+      if (_.value.length === 0) {
+        _.value = C;
+        return;
+      }
+      if (_.value.length === C.length) {
+        const N = _.value.length - 1;
+        _.value[N].stack = C[N].stack;
+      } else if (_.value.length > C.length) {
+        const N = f.value - 1;
+        m(), f.value = N, d.backdrop = 0, r("transform", d), setTimeout(() => {
+          _.value = _.value.slice(0, -1), A.value = N, d.backdrop = 100, r("transform", d);
+        }, 250);
+      } else
+        _.value.push(C[C.length - 1]), d.duration = "0s", d.backdrop = 0, r("transform", d), setTimeout(
+          () => {
+            A.value = A.value + 1, d.duration = void 0, r("transform", d);
+          },
+          e.variant !== "none" ? 10 : 0
+        ), setTimeout(
+          () => {
+            d.backdrop = 100, f.value = _.value.length - 1, r("transform", d);
+          },
+          e.variant !== "none" ? 100 : 0
+        );
+    }, E = () => {
+      f.value <= 0 || !_.value[f.value - 1] || a.back();
+    }, m = () => {
+      d.back = Se, d.prepare = 100, d.active = 0, d.duration = void 0, r("transform", d);
+    }, B = (x) => {
+      const C = l.value?.offsetWidth ?? 0;
+      let N = 0;
+      e.direction == "left" || e.direction == "right" ? N = Math.abs(x.deltaX) / C * 100 : N = Math.abs(x.deltaY) / C * 100, d.back = (100 - N) * Se / 100, d.active = N, d.backdrop = 100 - d.active, d.duration = "0s", r("transform", d);
+    }, j = (x) => {
+      const C = l.value?.offsetWidth ?? 0;
+      let N = 0;
+      e.direction == "left" || e.direction == "right" ? N = Math.abs(x.deltaX) / C * 100 : N = Math.abs(x.deltaY) / C * 100, N >= 60 ? E() : m();
+    };
+    Y(
+      () => u(s?.stack),
+      (x) => {
+        L(x);
+      }
+    ), X(() => {
+      L(u(s?.stack)), c.value = l.value && ue(
+        l.value,
+        {
+          options: {
+            trackOutsideElement: !0
+          },
+          beforeEvent(x) {
+            return x.target?.closest("input, textarea, select, button, [contenteditable]") || !U.value ? !1 : (x.stopPropagation(), !0);
+          },
+          fast({ initialDirection: x }) {
+            !x || x !== e.direction || E();
+          },
+          move({ deltaX: x, deltaY: C, initialDirection: N, event: O }) {
+            !N || N !== e.direction || (O.cancelable && O.preventDefault(), B({ deltaX: x, deltaY: C }));
+          },
+          up({ deltaX: x, deltaY: C, initialDirection: N }) {
+            !N || N !== e.direction || j({ deltaX: x, deltaY: C });
+          },
+          cancel() {
+            m();
+          }
+        },
+        {
+          element: { passive: !1 },
+          move: { passive: !1 }
+        }
+      );
+    }), ne(() => {
+      c.value && c.value.destroy();
+    });
+    const W = { BACK_LAYER_PEEK_PCT: Se, props: e, emit: r, provider: s, router: a, navigatorRef: l, ges: c, transform: d, stack: _, activeIndex: f, backdropIndex: A, navigatorAttrs: y, componentAttrs: b, backdropAttrs: h, prevPage: P, isGestureEnabled: U, changeRoute: L, goBack: E, resetTransform: m, move: B, up: j, computed: i, inject: T, onMounted: X, onUnmounted: ne, reactive: Ee, ref: p, watch: Y, unref: u, get gesture() {
+      return ue;
+    }, get RouteProvider() {
+      return ze;
+    }, get RouteOutlet() {
+      return vr;
+    }, get useRouter() {
+      return Ie;
+    }, get clone() {
+      return Ve;
+    }, get ROUTE_NAVIGATOR_DEFAULT_PROPS() {
+      return Tn;
+    }, get ROUTE_PROVIDER_STATE_KEY() {
+      return ke;
+    }, get getRouteNavigatorAttrs() {
+      return hn;
+    }, get getRouteNavigatorBackdropAttrs() {
+      return Pn;
+    }, get getRouteNavigatorComponentAttrs() {
+      return bn;
+    } };
+    return Object.defineProperty(W, "__isScriptSetup", { enumerable: !1, value: !0 }), W;
+  }
+}), Ds = ["name"];
+function ks(o, n, t, e, r, s) {
+  return v(), S("div", $(e.navigatorAttrs, { ref: "navigatorRef" }), [
+    (v(!0), S(ie, null, ce(e.stack, (a, l) => (v(), S("div", $({
+      key: a.name
+    }, { ref_for: !0 }, e.componentAttrs, {
+      style: { zIndex: l * 2 + 100 },
+      name: a.name,
+      class: {
+        active: l === e.activeIndex,
+        prepare: l === e.activeIndex + 1,
+        back: l === e.activeIndex - 1
+      }
+    }), [
+      se(e.RouteProvider, {
+        stack: a.stack
+      }, {
+        default: re(() => [
+          se(e.RouteOutlet, {
+            component: a.component
+          }, null, 8, ["component"])
+        ]),
+        _: 2
+      }, 1032, ["stack"])
+    ], 16, Ds))), 128)),
+    G("div", D(V(e.backdropAttrs)), null, 16)
+  ], 16);
+}
+const Is = /* @__PURE__ */ w(Os, [["render", ks], ["__scopeId", "data-v-d0385272"]]), Le = Or([]), $e = (o, n) => {
+  if (o.length === 0) return n;
+  if (n.length > 1 && n[n.length - 2]?.name === o[0].name && n.pop(), n.length > 0 && n[n.length - 1] && n[n.length - 1].name === o[0].name)
+    o.shift(), n[n.length - 1].stack = $e(o, n[n.length - 1].stack);
+  else {
+    const t = String(o[0].name), e = o[0].components;
+    o.shift(), n.push({
+      name: t,
+      component: e,
+      stack: $e(o, [])
+    });
+  }
+  return n;
+}, sr = () => ({
+  stack: Le,
+  updateRoutes: (n) => {
+    Le.value = $e([...n], [...Le.value]);
+  }
+}), ws = /* @__PURE__ */ I({
+  __name: "route-wrapper",
+  props: /* @__PURE__ */ z({
+    homeRouteName: {}
+  }, {
+    ...Sn
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, { updateRoutes: e, stack: r } = sr(), s = er(), a = Ie();
+    Y(
+      () => s.matched,
+      () => {
+        e(s.matched);
+      }
+    ), X(() => {
+      const c = t.homeRouteName;
+      if (s.name === c)
+        e(s.matched);
+      else {
+        const d = a.resolve({ name: c });
+        d.matched.length > 0 && e(d.matched), setTimeout(() => {
+          e(s.matched);
+        }, 50);
+      }
+    });
+    const l = { props: t, updateRoutes: e, stack: r, route: s, router: a, onMounted: X, watch: Y, get useRouteWrapper() {
+      return sr;
+    }, get useRouter() {
+      return Ie;
+    }, get useRoute() {
+      return er;
+    }, get RouteProvider() {
+      return ze;
+    }, get ROUTE_WRAPPER_DEFAULT_PROPS() {
+      return Sn;
+    } };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+});
+function Fs(o, n, t, e, r, s) {
+  return v(), Q(e.RouteProvider, { stack: e.stack }, {
+    default: re(() => [
+      k(o.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["stack"]);
+}
+const Cs = /* @__PURE__ */ w(ws, [["render", Fs]]), Bs = /* @__PURE__ */ I({
+  __name: "page",
+  setup(o, { expose: n }) {
+    n();
+    const e = { pageAttrs: En(), get getPageAttrs() {
+      return En;
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+function xs(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.pageAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const Ls = /* @__PURE__ */ w(Bs, [["render", xs], ["__scopeId", "data-v-454bda2b"]]), Vs = /* @__PURE__ */ I({
+  __name: "collapse",
+  props: /* @__PURE__ */ z({
+    modelValue: { type: Boolean },
+    duration: {},
+    role: {},
+    disabled: { type: Boolean }
+  }, {
+    ...kn
+  }),
+  emits: ["update:modelValue"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(null), l = p(0), c = p(!1), d = p(!0), _ = i(() => e.role ?? u(s?.role) ?? ""), f = i(
+      () => e.duration !== void 0 ? `${e.duration / 1e3}s` : void 0
+    ), A = i(
+      () => Rn({
+        role: _.value,
+        open: c.value,
+        disabled: e.disabled
+      })
+    ), y = i(
+      () => yn({
+        open: c.value,
+        disabled: e.disabled
+      })
+    ), b = i(
+      () => On({
+        transition: !d.value,
+        duration: f.value,
+        height: c.value ? `${l.value}px` : "0px"
+      })
+    ), h = i(() => Dn()), P = () => {
+      a.value && (l.value = a.value.scrollHeight);
+    }, U = () => {
+      e.disabled || (c.value = !c.value, r("update:modelValue", c.value));
+    }, L = () => {
+    };
+    Y(
+      () => e.modelValue,
+      async (m) => {
+        c.value = m, m && (await ee(), P(), d.value = !1);
+      },
+      { immediate: !0 }
+    ), Y(
+      () => a.value,
+      (m) => {
+        m && c.value && P();
+      }
+    ), Y(
+      () => [a.value?.innerHTML, c.value],
+      async () => {
+        c.value && (await ee(), P());
+      }
+    ), X(async () => {
+      await ee(), c.value && P();
+    });
+    const E = { props: e, emit: r, appState: s, contentRef: a, contentHeight: l, isOpen: c, isFirstOpen: d, role: _, durationCss: f, wrapperAttrs: A, triggerAttrs: y, contentAttrs: b, contentInnerClass: h, measureContent: P, toggle: U, onTransitionEnd: L, unref: u, computed: i, inject: T, nextTick: ee, onMounted: X, ref: p, watch: Y, get COLLAPSE_DEFAULT_PROPS() {
+      return kn;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getCollapseAttrs() {
+      return Rn;
+    }, get getCollapseContentAttrs() {
+      return On;
+    }, get getCollapseContentInnerClass() {
+      return Dn;
+    }, get getCollapseTriggerAttrs() {
+      return yn;
+    } };
+    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
+  }
+}), $s = ["onKeydown"];
+function Us(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.wrapperAttrs)), [
+    G("div", $(e.triggerAttrs, {
+      role: "button",
+      tabindex: "0",
+      onPointerup: e.toggle,
+      onKeydown: Dr(ir(e.toggle, ["prevent"]), ["enter", "space"])
+    }), [
+      k(o.$slots, "trigger", {}, void 0, !0)
+    ], 16, $s),
+    G("div", $(e.contentAttrs, { onTransitionend: e.onTransitionEnd }), [
+      G("div", {
+        ref: "contentRef",
+        class: lr(e.contentInnerClass)
+      }, [
+        k(o.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ], 16)
+  ], 16);
+}
+const Ms = /* @__PURE__ */ w(Vs, [["render", Us], ["__scopeId", "data-v-ec3e593e"]]), zs = /* @__PURE__ */ I({
+  __name: "dropdown",
+  props: /* @__PURE__ */ z({
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    placement: {},
+    role: {},
+    shadow: { type: Boolean },
+    shape: {},
+    direction: {},
+    size: {}
+  }, {
+    ...Fn
+  }),
+  emits: ["update:modelValue", "open", "close"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(null), l = p(!1), c = i(() => {
+      const h = e.role ?? u(s?.role) ?? "", P = e.shadow ?? u(s?.shadow) ?? !1, U = e.shape ?? u(s?.shape) ?? "";
+      return In({
+        role: h,
+        shape: U,
+        size: e.size,
+        open: l.value,
+        disabled: e.disabled,
+        shadow: P
+      });
+    }), d = i(() => wn({ placement: e.placement })), _ = () => {
+      e.disabled || (l.value = !l.value, r("update:modelValue", l.value));
+    }, f = () => {
+      l.value && (l.value = !1, r("update:modelValue", !1));
+    }, A = (h) => {
+      if (!l.value) return;
+      const P = a.value;
+      P && !P.contains(h.target) && f();
+    }, y = (h) => {
+      h.key === "Escape" && l.value && (h.preventDefault(), f());
+    };
+    Y(
+      () => e.modelValue,
+      (h) => {
+        l.value = h;
+      },
+      { immediate: !0 }
+    ), Y(l, (h, P) => {
+      h && !P && r("open"), !h && P && r("close");
+    }), X(() => {
+      document.addEventListener("pointerdown", A, !0), document.addEventListener("keydown", y, !0);
+    }), ne(() => {
+      document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", y, !0);
+    });
+    const b = { props: e, emit: r, appState: s, rootRef: a, isOpen: l, wrapperAttrs: c, panelAttrs: d, toggle: _, close: f, onDocPointerDown: A, onDocKeydown: y, unref: u, computed: i, inject: T, onMounted: X, onUnmounted: ne, ref: p, watch: Y, get DROPDOWN_DEFAULT_PROPS() {
+      return Fn;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getDropdownAttrs() {
+      return In;
+    }, get getDropdownPanelAttrs() {
+      return wn;
+    } };
+    return Object.defineProperty(b, "__isScriptSetup", { enumerable: !1, value: !0 }), b;
+  }
+});
+function Ks(o, n, t, e, r, s) {
+  return v(), S("div", $({ ref: "rootRef" }, e.wrapperAttrs), [
+    k(o.$slots, "trigger", {
+      toggle: e.toggle,
+      isOpen: e.isOpen
+    }, void 0, !0),
+    de(G("div", D(V(e.panelAttrs)), [
+      k(o.$slots, "default", {}, void 0, !0)
+    ], 16), [
+      [ve, e.isOpen]
+    ])
+  ], 16);
+}
+const mr = /* @__PURE__ */ w(zs, [["render", Ks], ["__scopeId", "data-v-c632efac"]]), Ns = /* @__PURE__ */ I({
+  __name: "select",
+  props: /* @__PURE__ */ z({
+    modelValue: {},
+    name: {},
+    variant: {},
+    role: {},
+    shape: {},
+    size: {},
+    shadow: { type: Boolean },
+    direction: {},
+    id: {},
+    value: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    autocomplete: {},
+    tabindex: {},
+    line: {},
+    maxLine: {},
+    message: {},
+    options: {}
+  }, {
+    ...Vn
+  }),
+  emits: ["update:modelValue", "select"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = T(R), s = t, a = p(!1), l = i(() => e.role || u(r?.role) || ""), c = i(() => e.direction || u(r?.direction) || "left"), d = i(() => e.shadow || u(r?.shadow) || !1), _ = i(() => e.shape || u(r?.shape) || ""), f = i(
+      () => Cn({
+        role: l.value,
+        direction: c.value,
+        size: e.size,
+        disabled: e.disabled
+      })
+    ), A = i(() => ({
+      role: l.value,
+      direction: c.value,
+      shadow: d.value,
+      shape: _.value,
+      disabled: e.disabled
+    })), y = i(() => {
+      const E = e.modelValue || e.value;
+      let m = [];
+      return E && (m = typeof E == "string" ? [E] : E), {
+        modelValue: e.options.filter((j) => (m || []).includes(j.value)).map((j) => j.label ?? j.value).join(","),
+        size: e.size,
+        variant: e.variant,
+        placeholder: e.placeholder,
+        direction: c.value,
+        role: l.value,
+        shape: _.value,
+        readonly: !0,
+        disabled: e.disabled,
+        shadow: d.value
+      };
+    }), b = i(() => Bn()), h = i(() => xn()), P = i(() => Ln()), L = { props: e, appState: r, emit: s, visible: a, role: l, direction: c, shadow: d, shape: _, selectAttrs: f, dropdownAttrs: A, fieldAttrs: y, selectIconAttrs: b, selectOptionAttrs: h, selectMessageAttrs: P, pickOption: (E) => {
+      E.disabled || E.value === void 0 || (s("update:modelValue", E.value), s("select", E), a.value = !1);
+    }, unref: u, computed: i, inject: T, ref: p, get Field() {
+      return Me;
+    }, get Dropdown() {
+      return mr;
+    }, get SELECT_DEFAULT_PROPS() {
+      return Vn;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getSelectAttrs() {
+      return Cn;
+    }, get getSelectIconAttrs() {
+      return Bn;
+    }, get getSelectMessageAttrs() {
+      return Ln;
+    }, get getSelectOptionAttrs() {
+      return xn;
+    } };
+    return Object.defineProperty(L, "__isScriptSetup", { enumerable: !1, value: !0 }), L;
+  }
+}), js = ["disabled", "onPointerup"];
+function Gs(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.selectAttrs)), [
+    se(e.Dropdown, $(e.dropdownAttrs, {
+      modelValue: e.visible,
+      "onUpdate:modelValue": n[0] || (n[0] = (a) => e.visible = a)
+    }), {
+      trigger: re(({ toggle: a, isOpen: l }) => [
+        se(e.Field, $({
+          role: e.role,
+          variant: "outline",
+          onPointerup: a
+        }, e.fieldAttrs, {
+          class: { focus: l }
+        }), {
+          "end-input": re(() => [
+            G("span", $(e.selectIconAttrs, {
+              class: { open: l }
+            }), null, 16)
+          ]),
+          _: 2
+        }, 1040, ["role", "onPointerup", "class"])
+      ]),
+      default: re(() => [
+        (v(!0), S(ie, null, ce(t.options, (a) => (v(), S("button", $({
+          key: a.value,
+          type: "button",
+          disabled: a.disabled
+        }, { ref_for: !0 }, e.selectOptionAttrs, {
+          onPointerup: (l) => e.pickOption(a)
+        }), ae(a.label), 17, js))), 128))
+      ]),
+      _: 1
+    }, 16, ["modelValue"]),
+    t.message ? (v(), S("div", D($({ key: 0 }, e.selectMessageAttrs)), ae(t.message), 17)) : Z("", !0)
+  ], 16);
+}
+const Ys = /* @__PURE__ */ w(Ns, [["render", Gs], ["__scopeId", "data-v-1db077aa"]]), Hs = /* @__PURE__ */ I({
+  __name: "slide-range",
+  props: /* @__PURE__ */ z({
+    modelValue: {},
+    min: {},
+    max: {},
+    step: {},
+    unit: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    role: {},
+    shape: {},
+    tick: { type: [Boolean, String, Number] }
+  }, {
+    ...Yn
+  }),
+  emits: ["update:modelValue", "change"],
+  setup(o, { expose: n, emit: t }) {
+    n();
+    const e = o, r = t, s = T(R), a = p(null), l = p(null), c = p(!1);
+    let d, _ = null, f = 0, A = !1;
+    const y = (g) => {
+      g && g.stopPropagation();
+    }, b = (g) => g === "left" || g === "right", h = (g, M) => {
+      if (typeof g == "number") return g;
+      if (typeof g == "string") {
+        const q = Number.parseFloat(g);
+        return Number.isNaN(q) ? M : q;
+      }
+      return M;
+    }, P = i(() => h(e.min, 0)), U = i(() => h(e.max, 100)), L = i(() => {
+      const g = h(e.step, 1);
+      return g > 0 ? g : 1;
+    }), E = (g) => {
+      const M = P.value, q = U.value, J = L.value;
+      if (q <= M) return M;
+      const le = Math.max(M, Math.min(q, g)), Be = Math.round((le - M) / J);
+      return Math.max(M, Math.min(q, M + Be * J));
+    }, m = i(() => {
+      const g = h(e.modelValue, P.value);
+      return E(g);
+    }), B = i(() => me(m.value)), j = i(() => {
+      if (e.tick === !1) return [];
+      const g = P.value, M = U.value, q = e.tick === !0 ? 1 : h(e.tick, 0);
+      if (q <= 0 || M < g) return [g, M];
+      const J = [];
+      for (let le = g; le <= M; le += q)
+        J.push(le);
+      return J.at(-1) !== M && J.push(M), J;
+    }), W = i(() => `${pe(B.value)}${e.unit || ""}`), x = i(() => {
+      const g = e.role || u(s?.role) || "", M = e.shape || u(s?.shape) || "";
+      return $n({
+        role: g,
+        shape: M,
+        disabled: e.disabled,
+        readonly: e.readonly
+      });
+    }), C = Un(), N = Mn(), O = zn(), F = i(() => Kn({ percent: B.value })), K = i(() => Nn({ percent: B.value })), H = jn(), oe = Gn(), Fe = (g) => {
+      const M = me(g);
+      return Hn({
+        active: B.value > M,
+        percent: M
+      });
+    }, pe = (g) => {
+      const M = P.value, q = U.value, J = M + (q - M) * (g / 100);
+      return E(J);
+    }, me = (g) => {
+      const M = P.value, q = U.value;
+      if (q <= M) return 0;
+      const J = (g - M) / (q - M) * 100;
+      return Math.max(0, Math.min(100, J));
+    }, Ce = () => {
+      d && clearTimeout(d), c.value = !0, d = setTimeout(() => {
+        c.value = !1;
+      }, 300);
+    }, ge = (g) => {
+      if (e.disabled || e.readonly) return;
+      const M = pe(g);
+      M !== e.modelValue && (r("update:modelValue", M), r("change", M));
+    }, Ar = (g, M) => {
+      y(M);
+      const q = me(g);
+      ge(q), Ce();
+    }, hr = (g) => {
+      e.disabled || e.readonly || y(g);
+    }, br = (g) => {
+      e.disabled || e.readonly || y(g);
+    }, Ne = (g) => "changedTouches" in g && g.changedTouches.length > 0 ? g.changedTouches[0].clientX : g.clientX, Pr = (g) => {
+      if (e.disabled || e.readonly || !l.value) return;
+      y(g);
+      const M = l.value.offsetWidth, q = l.value.getBoundingClientRect(), le = (Ne(g) - q.left) / M * 100;
+      ge(Math.max(0, Math.min(100, le))), Ce();
+    };
+    X(() => {
+      !a.value || !l.value || (_ = ue(
+        a.value,
+        {
+          options: { trackOutsideElement: !0 },
+          beforeEvent(g) {
+            return !(e.disabled || e.readonly);
+          },
+          afterEvent(g) {
+            A && y(g);
+          },
+          down({ event: g }) {
+            e.disabled || e.readonly || (f = B.value, A = !1, y(g));
+          },
+          up({ event: g }) {
+            A = !1, c.value = !1, y(g);
+          },
+          cancel(g) {
+            A = !1, c.value = !1, y(g);
+          },
+          move({
+            initialDirection: g,
+            deltaX: M,
+            event: q
+          }) {
+            if (e.disabled || e.readonly || !b(g) || !l.value) return;
+            A = !0, y(q);
+            const J = l.value.offsetWidth, le = M / J * 100, Be = Math.max(0, Math.min(100, f + le));
+            ge(Be), d && clearTimeout(d), c.value = !0;
+          }
+        },
+        { passive: !1, capture: !0 }
+      ));
+    }), ne(() => {
+      d && clearTimeout(d), _?.destroy();
+    });
+    const je = { props: e, emit: r, appState: s, point: a, container: l, isShowTooltip: c, get tooltipTimeout() {
+      return d;
+    }, set tooltipTimeout(g) {
+      d = g;
+    }, get gestureCleanup() {
+      return _;
+    }, set gestureCleanup(g) {
+      _ = g;
+    }, get dragStartPercent() {
+      return f;
+    }, set dragStartPercent(g) {
+      f = g;
+    }, get isHorizontalDrag() {
+      return A;
+    }, set isHorizontalDrag(g) {
+      A = g;
+    }, suppressPointerEvent: y, isHorizontalDirection: b, parseRangeValue: h, rangeMin: P, rangeMax: U, rangeStep: L, snapToStep: E, normalizedValue: m, percent: B, ticks: j, displayValue: W, slideRangeAttrs: x, trackContainerAttrs: C, trackBodyAttrs: N, trackBackAttrs: O, trackFrontAttrs: F, thumbAttrs: K, thumbInnerAttrs: H, tooltipAttrs: oe, tickAttrs: Fe, getValueFromPercent: pe, getPercentFromValue: me, showTooltipTemporarily: Ce, emitValueFromPercent: ge, onTickSelect: Ar, onTrackPointerDown: hr, onThumbPointerDown: br, getClientX: Ne, onClickPath: Pr, get gesture() {
+      return ue;
+    }, computed: i, inject: T, onMounted: X, onUnmounted: ne, ref: p, unref: u, get SLIDE_RANGE_DEFAULT_PROPS() {
+      return Yn;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getSlideRangeAttrs() {
+      return $n;
+    }, get getSlideRangeTickAttrs() {
+      return Hn;
+    }, get getSlideRangeThumbAttrs() {
+      return Nn;
+    }, get getSlideRangeThumbInnerAttrs() {
+      return jn;
+    }, get getSlideRangeTooltipAttrs() {
+      return Gn;
+    }, get getSlideRangeTrackBackAttrs() {
+      return zn;
+    }, get getSlideRangeTrackBodyAttrs() {
+      return Mn;
+    }, get getSlideRangeTrackContainerAttrs() {
+      return Un;
+    }, get getSlideRangeTrackFrontAttrs() {
+      return Kn;
+    } };
+    return Object.defineProperty(je, "__isScriptSetup", { enumerable: !1, value: !0 }), je;
+  }
+}), Ws = ["onPointerup"];
+function Xs(o, n, t, e, r, s) {
+  return v(), S("div", D(V(e.slideRangeAttrs)), [
+    G("div", $(e.trackContainerAttrs, { ref: "container" }), [
+      G("div", $(e.trackBodyAttrs, {
+        onPointerdown: e.onTrackPointerDown,
+        onPointerup: e.onClickPath
+      }), [
+        G("div", D(V(e.trackBackAttrs)), null, 16),
+        G("div", D(V(e.trackFrontAttrs)), null, 16),
+        (v(!0), S(ie, null, ce(e.ticks, (a) => (v(), S("div", $({ key: a }, { ref_for: !0 }, e.tickAttrs(a), {
+          onPointerdown: e.onTrackPointerDown,
+          onPointerup: (l) => e.onTickSelect(a, l)
+        }), null, 16, Ws))), 128))
+      ], 16),
+      G("div", $(e.thumbAttrs, {
+        ref: "point",
+        onPointerdown: ir(e.onThumbPointerDown, ["stop", "prevent"])
+      }), [
+        G("div", D(V(e.thumbInnerAttrs)), null, 16),
+        e.percent > 0 && e.isShowTooltip ? (v(), S("span", D($({ key: 0 }, e.tooltipAttrs)), ae(e.displayValue), 17)) : Z("", !0)
+      ], 16)
+    ], 16)
+  ], 16);
+}
+const qs = /* @__PURE__ */ w(Hs, [["render", Xs], ["__scopeId", "data-v-128d47b9"]]), Js = /* @__PURE__ */ I({
+  __name: "tag",
+  props: /* @__PURE__ */ z({
+    role: {},
+    size: {},
+    shape: {},
+    variant: {}
+  }, {
+    ...Xn
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = i(() => {
+      const a = t.shape || u(e?.shape) || "", l = t.role || u(e?.role) || "";
+      return Wn({
+        role: l,
+        shape: a,
+        size: t.size,
+        variant: t.variant
+      });
+    }), s = { props: t, appState: e, tagAttrs: r, unref: u, computed: i, inject: T, get TAG_DEFAULT_PROPS() {
+      return Xn;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getTagAttrs() {
+      return Wn;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+function Qs(o, n, t, e, r, s) {
+  return v(), S("span", D(V(e.tagAttrs)), [
+    k(o.$slots, "default", {}, void 0, !0)
+  ], 16);
+}
+const Zs = /* @__PURE__ */ w(Js, [["render", Qs], ["__scopeId", "data-v-2bc218e5"]]), ea = /* @__PURE__ */ I({
+  __name: "tooltip",
+  props: /* @__PURE__ */ z({
+    placement: {},
+    disabled: { type: Boolean },
+    role: {},
+    shape: {},
+    size: {}
+  }, {
+    ...Zn
+  }),
+  setup(o, { expose: n }) {
+    n();
+    const t = o, e = T(R), r = p(null), s = p(null), a = p(!1), l = i(() => {
+      const b = t.role ?? u(e?.role) ?? "", h = t.shape ?? u(e?.shape) ?? "";
+      return qn({
+        role: b,
+        shape: h,
+        size: t.size,
+        disabled: t.disabled
+      });
+    }), c = i(() => Jn({ placement: t.placement })), d = Qn(), _ = () => {
+      t.disabled || (a.value = !0);
+    }, f = () => {
+      a.value = !1;
+    }, y = { props: t, appState: e, rootRef: r, triggerRef: s, visible: a, wrapperAttrs: l, contentAttrs: c, triggerAttrs: d, show: _, hide: f, onFocusOut: (b) => {
+      const h = r.value, P = b.relatedTarget;
+      h && P && h.contains(P) || f();
+    }, unref: u, computed: i, inject: T, ref: p, get TOOLTIP_DEFAULT_PROPS() {
+      return Zn;
+    }, get APP_PROVIDER_STATE_KEY() {
+      return R;
+    }, get getTooltipAttrs() {
+      return qn;
+    }, get getTooltipContentAttrs() {
+      return Jn;
+    }, get getTooltipTriggerAttrs() {
+      return Qn;
+    } };
+    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
+  }
+});
+function ta(o, n, t, e, r, s) {
+  return v(), S("div", $({ ref: "rootRef" }, e.wrapperAttrs), [
+    G("div", $({ ref: "triggerRef" }, e.triggerAttrs, {
+      onPointerenter: e.show,
+      onPointerleave: e.hide,
+      onFocusin: e.show,
+      onFocusout: e.onFocusOut
+    }), [
+      k(o.$slots, "default", {}, void 0, !0)
+    ], 16),
+    de(G("div", D(V(e.contentAttrs)), [
+      k(o.$slots, "content", {}, void 0, !0)
+    ], 16), [
+      [ve, e.visible]
+    ])
+  ], 16);
+}
+const na = /* @__PURE__ */ w(ea, [["render", ta], ["__scopeId", "data-v-5dff17ee"]]), Ke = p({}), gr = "toife";
+class ra {
+  /**
+   * Subscribe options
+   */
+  options;
+  app;
+  /**
+   * Constructor
+   */
+  constructor(n, t) {
+    this.options = {
+      name: t?.name || gr,
+      prefix: t?.prefix || "t-"
+    }, this.app = n;
+  }
+  /**
+   * Subscribe components
+   */
+  subscribeAll() {
+    const n = this.options.prefix;
+    this.app.component(n + "app", Hr), this.app.component(n + "action", pr), this.app.component(n + "avatar", ns), this.app.component(n + "button", Ue), this.app.component(n + "cable", fo), this.app.component(n + "card", jo), this.app.component(n + "card-body", Ho), this.app.component(n + "card-header", qo), this.app.component(n + "card-footer", Zo), this.app.component(n + "checkbox", Bo), this.app.component(n + "radio", $o), this.app.component(n + "radio-group", zo), this.app.component(n + "collapse", Ms), this.app.component(n + "container", hs), this.app.component(n + "decision-modal", _r), this.app.component(n + "divider", ss), this.app.component(n + "dropdown", mr), this.app.component(n + "field", Me), this.app.component(n + "flex", oo), this.app.component(n + "flex-item", uo), this.app.component(n + "form-group", dr), this.app.component(n + "gesture-indicator", fr), this.app.component(n + "grid", to), this.app.component(n + "grid-item", lo), this.app.component(n + "image", cs), this.app.component(n + "modal", Qr), this.app.component(n + "page", Ls), this.app.component(n + "present", we), this.app.component(n + "refresher", Ts), this.app.component(n + "route-navigator", Is), this.app.component(n + "route-wrapper", Cs), this.app.component(n + "route-provider", ze), this.app.component(n + "route-outlet", vr), this.app.component(n + "segmented-field", ms), this.app.component(n + "select", Ys), this.app.component(n + "slide-range", qs), this.app.component(n + "skeleton", bo), this.app.component(n + "switch", Io), this.app.component(n + "tag", Zs), this.app.component(n + "tab", yo), this.app.component(n + "tabs", So), this.app.component(n + "tooltip", na), this.app.component(n + "toast", ur), this.app.component(n + "toast-content", cr), this.app.component(n + "toolbar", go);
+  }
+  /**
+   * Subscribe a component
+   */
+  subscribe(n, t) {
+    this.app.component(this.options.prefix + n) || this.app.component(this.options.prefix + n, t);
+  }
+  /**
+   * Prevent default behavior
+   */
+  preventDefault() {
+    kr();
+  }
+}
+const ia = (o, n) => {
+  const t = new ra(o, n);
+  return Ke.value[t.options.name] = t, t;
+}, ca = (o = gr) => Ke.value[o] || null, ua = () => Ke.value;
+export {
+  pr as Action,
+  Hr as App,
+  ns as Avatar,
+  Ue as Button,
+  fo as Cable,
+  jo as Card,
+  Ho as CardBody,
+  Zo as CardFooter,
+  qo as CardHeader,
+  Bo as Checkbox,
+  Ms as Collapse,
+  hs as Container,
+  _r as DecisionModal,
+  ss as Divider,
+  mr as Dropdown,
+  Me as Field,
+  oo as Flex,
+  uo as FlexItem,
+  dr as FormGroup,
+  fr as GestureIndicator,
+  to as Grid,
+  lo as GridItem,
+  cs as Image,
+  Qr as Modal,
+  Ls as Page,
+  we as Present,
+  $o as Radio,
+  zo as RadioGroup,
+  Ts as Refresher,
+  Is as RouteNavigator,
+  vr as RouteOutlet,
+  ze as RouteProvider,
+  Cs as RouteWrapper,
+  ms as SegmentedField,
+  Ys as Select,
+  bo as Skeleton,
+  qs as SlideRange,
+  Io as Switch,
+  yo as Tab,
+  So as Tabs,
+  Zs as Tag,
+  ur as Toast,
+  cr as ToastContent,
+  go as Toolbar,
+  na as Tooltip,
+  Ve as clone,
+  ia as createToife,
+  ua as getApps,
+  rr as useAction,
+  ca as useApp,
+  or as useDecisionModal,
+  nr as usePresent,
+  sr as useRouteWrapper,
+  tr as useToast
+};