@toife/vue 3.1.6 → 3.2.0

package/dist/index.es.js

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