bitboss-ui 2.0.174 → 2.0.176

package/dist/index25.js

@@ -1,248 +1,178 @@
-import { defineComponent as ae, ref as a, computed as i, getCurrentInstance as oe, useAttrs as se, onMounted as ne, onBeforeUnmount as ie, nextTick as N, watch as re, createBlock as ue, openBlock as y, withCtx as W, createElementVNode as o, mergeProps as F, createElementBlock as B, createCommentVNode as V, renderSlot as r, createTextVNode as de, toDisplayString as E, createVNode as ce } from "vue";
-import { useFocusTrap as fe } from "./index248.js";
-import { useId as H } from "./index8.js";
-import { wait as g } from "./index135.js";
-import { waitFor as be } from "./index249.js";
-import { useModalsState as h } from "./index250.js";
-import { useMobile as pe } from "./index9.js";
-import ve from "./index251.js";
-import { useLocale as me } from "./index217.js";
-import ye from "./index111.js";
+import { defineComponent as P, mergeModels as D, useModel as q, computed as p, ref as E, watch as A, onMounted as H, createElementBlock as d, openBlock as u, withModifiers as K, normalizeStyle as O, normalizeClass as R, unref as v, createCommentVNode as g, Fragment as U, createElementVNode as t, renderSlot as s, createTextVNode as j, toDisplayString as T, createVNode as G, withCtx as J, nextTick as Q } from "vue";
+import { parseSize as X } from "./index251.js";
+import { useId as V } from "./index8.js";
+import { useLocale as Y } from "./index235.js";
+import { useMobile as Z } from "./index9.js";
+import { useUntil as x } from "./index236.js";
+import { wait as h } from "./index135.js";
+import ee from "./index111.js";
 /* empty css         */
-const ge = { class: "bb-base-dialog-close" }, he = ["aria-label"], Se = /* @__PURE__ */ ae({
+const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
+  ref: "header",
+  class: "bb-base-dialog__header"
+}, le = { class: "bb-base-dialog__close" }, se = ["aria-label", "disabled"], ae = {
+  ref: "body",
+  class: "bb-base-dialog__body scrollbar-border"
+}, ie = {
+  ref: "footer",
+  class: "bb-base-dialog__footer"
+}, ve = /* @__PURE__ */ P({
   __name: "BaseDialog",
-  props: {
+  props: /* @__PURE__ */ D({
     closeLabel: {},
     compact: { type: Boolean },
     disabled: { type: Boolean },
     eager: { type: Boolean },
-    panelClasses: { default: () => [] },
-    overlayClasses: { default: () => [] },
     persistent: { type: Boolean },
     showClose: { type: Boolean, default: !0 },
     title: {},
-    transition: { default: "fade" },
-    transitionDuration: { default: 200 },
+    transitionDuration: { default: 300 },
     size: { default: "sm" },
     description: {},
     focusTarget: {},
     fullscreen: { type: [Boolean, String] },
-    modelValue: { type: [Boolean, null] }
-  },
-  emits: ["shown", "hidden", "update:modelValue"],
-  setup(R, { emit: K }) {
-    var O, A;
-    const l = R, u = K, _ = `title_${H().id.value}`, w = `description_${H().id.value}`, { isMobile: P } = pe(), d = a(null), k = a(null), U = a(null), j = a(null), $ = a(null), q = a(null), M = i(
-      () => l.fullscreen === !0 || l.fullscreen === "mobile" && P.value
-    ), T = !!((A = (O = oe()) == null ? void 0 : O.proxy) != null && A.$nuxt), p = a(0), G = i(() => {
-      const { openedModals: e } = h();
-      return e.value && e.value === p.value;
-    }), { activate: J, deactivate: D } = fe(k, {
-      initialFocus: l.focusTarget ?? void 0,
-      clickOutsideDeactivates: (e) => !l.persistent && e.target === d.value,
-      allowOutsideClick: !0,
-      /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (N(async () => {
-        l.persistent ? (b.value = !0, await g(100), b.value = !1) : u("update:modelValue", !1);
-      }), !l.persistent)
-    }), Q = se(), { t: X } = me(), Y = i(
-      () => l.closeLabel || X("dialog.closeLabel").value
-    );
-    ne(async () => {
-      !l.modelValue && !n.value || T && !globalThis.document || S();
-    });
-    const v = a(!1), c = a(!1), C = a(!0), f = a(!1), n = a(l.eager || l.modelValue), L = i(() => c.value || f.value), Z = () => {
-      if (!globalThis.document) return;
-      const e = window.innerWidth - document.documentElement.clientWidth;
-      document.body.style.overflow = "hidden", document.body.style.paddingRight = `${e}px`;
-    }, z = () => {
-      globalThis.document && (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px");
-    };
-    ie(() => {
-      if (l.modelValue) {
-        const { openedModals: e, modalHasClosed: t } = h();
-        e.value && (t(), p.value = 0, z());
-      }
-    });
-    const S = async () => {
-      if (l.modelValue) {
-        n.value || (n.value = !0, await be(() => !!$.value), await N()), C.value = !1, f.value = !1, c.value = !0;
-        const { modalHasOpened: e, openedModals: t } = h();
-        e(), p.value = t.value, Z(), await g(l.transitionDuration), c.value = !1, v.value = !0, u("shown"), J();
-      } else {
-        D(), c.value = !1, v.value = !1, f.value = !0, await g(l.transitionDuration), f.value = !1, C.value = !0;
-        const { modalHasClosed: e, openedModals: t } = h();
-        e(), p.value = 0, t.value || z(), u("hidden");
+    panelClasses: { default: () => [] },
+    overlayClasses: { default: () => [] }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ D(["shown", "hidden"], ["update:modelValue"]),
+  setup(y, { emit: S }) {
+    const o = y, w = S, l = q(y, "modelValue"), { t: z } = Y(), N = p(
+      () => o.closeLabel || z("dialog.closeLabel").value
+    ), n = E(null), c = x(
+      () => l.value || o.eager,
+      {
+        initialValue: l.value || o.eager
       }
+    ), b = `title_${V().id.value}`, f = `description_${V().id.value}`, C = (e) => {
+      if (e.key === "Escape" && (o.disabled || o.persistent))
+        return e.preventDefault(), a.value = !0, h(200).then(() => {
+          a.value = !1;
+        }), !1;
+    }, _ = async (e) => {
+      var i, B, L, M;
+      e ? ((i = window.globalThis) != null && i.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && (document.documentElement.style.setProperty(
+        "--scrollbar-width",
+        `${I()}px`
+      ), document.addEventListener("keydown", C)), (B = n.value) == null || B.showModal(), o.focusTarget && Q(() => {
+        var $;
+        const m = ($ = n.value) == null ? void 0 : $.querySelector(o.focusTarget);
+        m && m instanceof HTMLElement && m.focus();
+      }), w("shown")) : (await h(o.transitionDuration), (L = window.globalThis) != null && L.document && document.removeEventListener("keydown", C), (M = n.value) == null || M.close(), w("hidden"));
     };
-    re(
-      () => l.modelValue,
-      () => {
-        !l.modelValue && !n.value || T && !globalThis.document || S();
-      },
-      { flush: "post" }
-    );
-    const m = (e) => {
-      e.target === d.value && e.preventDefault();
-    }, b = a(!1), ee = async (e) => {
-      l.disabled || L.value || d.value && e.target === d.value && (l.persistent ? k.value && (b.value = !0, await g(100), b.value = !1) : u("update:modelValue", !1));
-    }, x = () => {
-      l.disabled || L.value || (D(), u("update:modelValue", !1));
-    }, le = i(() => {
-      const e = [
-        {
-          "bb-base-dialog bb-base-dialog__overlay": !0,
-          "bb-base-dialog--fullscreen": M.value,
-          "bb-base-dialog--faded": !G.value,
-          "bb-base-dialog--open": v.value,
-          "bb-base-dialog--opening": c.value,
-          "bb-base-dialog--closed": C.value,
-          "bb-base-dialog--closing": f.value,
-          "bb-base-dialog--attempted-closing": b.value
-        },
-        l.overlayClasses
-      ].flat(), t = {
-        onClick: ee,
-        onScroll: m,
-        onTouchmove: m,
-        onWheel: m,
-        onKeydown: m
-      }, s = {
-        "--transition-duration": l.transitionDuration / 1e3 + "s"
-      };
-      return {
-        class: e,
-        style: s,
-        ...t,
-        ...Q
-      };
-    }), te = i(() => {
-      const e = [
-        {
-          "bb-base-dialog__panel": !0,
-          "bb-base-dialog__panel--compact": l.compact
-        },
-        l.panelClasses
-      ].flat(), t = {
-        role: "dialog",
-        "aria-modal": !0,
-        "aria-live": v.value ? "polite" : "off"
-      };
-      n.value && (l.title && (t["aria-labelledby"] = _), l.description && (t["aria-describedby"] = w));
-      let s;
-      const I = {
-        sm: 384,
-        md: 652,
-        lg: 896
-      };
-      return M.value ? s = "100%" : typeof l.size == "number" ? s = l.size + "px" : l.size in I ? s = I[l.size] + "px" : s = l.size + "px", {
-        class: e,
-        style: {
-          maxWidth: s
-        },
-        ...t
-      };
+    A(l, _), H(() => {
+      l.value && _(!0);
     });
-    return (e, t) => (y(), ue(ve, null, {
-      default: W(() => [
-        o("div", F(le.value, {
-          ref_key: "overlay",
-          ref: d
-        }), [
-          o("div", F(te.value, {
-            ref_key: "panel",
-            ref: k
-          }), [
-            n.value ? (y(), B("div", {
-              key: 0,
-              ref_key: "content",
-              ref: U,
-              class: "bb-base-dialog__content"
+    const W = p(() => k.value ? "100%" : X(o.size, {
+      sm: 384,
+      md: 652,
+      lg: 896
+    })), r = (e) => {
+      if (e.preventDefault(), o.disabled || o.persistent)
+        return a.value = !0, h(300).then(() => {
+          a.value = !1;
+        }), !1;
+      l.value = !1;
+    }, a = E(!1), I = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: F } = Z(), k = p(
+      () => o.fullscreen === !0 || o.fullscreen === "mobile" && F.value
+    );
+    return (e, i) => (u(), d("dialog", {
+      ref_key: "dialog",
+      ref: n,
+      "aria-describedby": v(c) && e.description ? f : void 0,
+      "aria-labelledby": v(c) && e.title ? b : void 0,
+      "aria-live": l.value ? "polite" : "off",
+      class: R([
+        "bb-base-dialog",
+        [
+          {
+            "bb-base-dialog--open": l.value,
+            "bb-base-dialog--fullscreen": k.value,
+            "bb-base-dialog--compact": e.compact,
+            "bb-base-dialog--deny-close": a.value
+          },
+          e.overlayClasses,
+          e.panelClasses
+        ].flat()
+      ]),
+      style: O({
+        "--max-width": W.value,
+        "--transition-duration": `${o.transitionDuration}ms`
+      }),
+      onCancel: r,
+      onClick: K(r, ["self"])
+    }, [
+      v(c) ? (u(), d(U, { key: 0 }, [
+        t("div", te, [
+          s(e.$slots, "header", {
+            close: r,
+            title: e.title,
+            titleId: b
+          }, () => [
+            t("span", {
+              id: b,
+              class: "bb-base-dialog__title"
             }, [
-              o("div", {
-                ref_key: "header",
-                ref: j,
-                class: "bb-base-dialog__header"
+              s(e.$slots, "title", { text: e.title }, () => [
+                j(T(e.title), 1)
+              ])
+            ]),
+            t("span", le, [
+              e.showClose ? (u(), d("button", {
+                key: 0,
+                "aria-label": N.value,
+                disabled: o.disabled,
+                type: "button",
+                onClick: r
               }, [
-                r(e.$slots, "header", {
-                  close: x,
-                  title: e.title,
-                  titleId: _
-                }, () => [
-                  o("span", {
-                    id: _,
-                    class: "bb-base-dialog__title"
-                  }, [
-                    r(e.$slots, "title", { text: e.title }, () => [
-                      de(E(e.title), 1)
-                    ])
-                  ]),
-                  o("span", ge, [
-                    e.showClose ? (y(), B("button", {
-                      key: 0,
-                      "aria-label": Y.value,
-                      type: "button",
-                      onClick: x
+                s(e.$slots, "close", {}, () => [
+                  i[0] || (i[0] = t("span", { class: "bb-base-dialog__close-icon" }, [
+                    t("svg", {
+                      "aria-hidden": "true",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      xmlns: "http://www.w3.org/2000/svg"
                     }, [
-                      r(e.$slots, "close", {}, () => [
-                        t[0] || (t[0] = o("span", { class: "bb-base-dialog-close__icon" }, [
-                          o("svg", {
-                            "aria-hidden": "true",
-                            fill: "none",
-                            viewBox: "0 0 24 24",
-                            xmlns: "http://www.w3.org/2000/svg"
-                          }, [
-                            o("path", {
-                              d: "M23 23L1 1M23 1L1 23",
-                              stroke: "currentColor",
-                              "stroke-linecap": "round",
-                              "stroke-width": "3"
-                            })
-                          ])
-                        ], -1))
-                      ])
-                    ], 8, he)) : V("", !0)
-                  ])
+                      t("path", {
+                        d: "M23 23L1 1M23 1L1 23",
+                        stroke: "currentColor",
+                        "stroke-linecap": "round",
+                        "stroke-width": "3"
+                      })
+                    ])
+                  ], -1))
                 ])
-              ], 512),
-              o("div", {
-                ref_key: "body",
-                ref: $,
-                class: "bb-base-dialog__body scrollbar-border"
-              }, [
-                r(e.$slots, "description", {
-                  descriptionId: w,
-                  text: e.description
-                }, () => [
-                  e.description ? (y(), B("div", {
-                    key: 0,
-                    id: w,
-                    class: "bb-base-dialog__description sr-only"
-                  }, E(e.description), 1)) : V("", !0)
-                ]),
-                ce(ye, { "transition-duration": 500 }, {
-                  default: W(() => [
-                    r(e.$slots, "default")
-                  ]),
-                  _: 3
-                })
-              ], 512),
-              t[1] || (t[1] = o("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
-              o("div", {
-                ref_key: "footer",
-                ref: q,
-                class: "bb-base-dialog__footer"
-              }, [
-                r(e.$slots, "footer")
-              ], 512)
-            ], 512)) : V("", !0)
-          ], 16)
-        ], 16)
-      ]),
-      _: 3
-    }));
+              ], 8, se)) : g("", !0)
+            ])
+          ])
+        ], 512),
+        t("div", ae, [
+          s(e.$slots, "description", {
+            descriptionId: f,
+            text: e.description
+          }, () => [
+            e.description ? (u(), d("div", {
+              key: 0,
+              id: f,
+              class: "bb-base-dialog__description sr-only"
+            }, T(e.description), 1)) : g("", !0)
+          ]),
+          G(ee, { "transition-duration": 500 }, {
+            default: J(() => [
+              s(e.$slots, "default")
+            ]),
+            _: 3
+          })
+        ], 512),
+        t("div", ie, [
+          s(e.$slots, "footer")
+        ], 512)
+      ], 64)) : g("", !0)
+    ], 46, oe));
   }
 });
 export {
-  Se as default
+  ve as default
 };

package/dist/index250.js

@@ -1,9 +1,230 @@
-import { ref as e } from "vue";
-const o = e(0), s = () => {
-  o.value++;
-}, a = () => {
-  o.value--;
-}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+import { defineComponent as U, ref as f, computed as x, watch as E, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as c, renderSlot as m, createTextVNode as H, toDisplayString as g, unref as L, Fragment as Z, renderList as ee } from "vue";
+import { isNil as b } from "./index262.js";
+import { useVirtualizer as te } from "./index330.js";
+import { isNotNil as oe } from "./index140.js";
+import { hash as N } from "./index219.js";
+import { useLocale as ne } from "./index235.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, se = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ U({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(V, { expose: z, emit: C }) {
+    const o = V, _ = C, { t: y } = ne(), s = f(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
+      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
+    ), v = te({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value,
+      estimateSize: () => 42,
+      overscan: 5
+    }), F = (e) => {
+      e && v.value.measureElement(e);
+    }, M = x(() => v.value.getVirtualItems()), A = x(() => v.value.getTotalSize()), n = f(null), a = x(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), I = (e = 1) => {
+      const l = b(n.value) ? -1 : n.value;
+      let t = (l + e) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = I(e + 1);
+      return t;
+    }, P = () => {
+      if (!a.value) return;
+      const e = I();
+      n.value = e, u();
+    }, S = (e = 1) => {
+      const l = b(n.value) ? 0 : n.value;
+      let t = (l - e + o.options.length) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = S(e + 1);
+      return t;
+    }, R = async () => {
+      if (!a.value) return;
+      const e = S();
+      n.value = e, u();
+    }, q = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, u();
+    }, J = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, u();
+    }, W = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+        e++;
+      n.value = e % o.options.length, u();
+    }, Y = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].selected && e > 0; )
+        e--;
+      n.value = e === -1 ? o.options.length - 1 : e, u();
+    }, j = (e) => {
+      if (!a.value) return;
+      const l = o.options.findIndex(
+        (t) => t.valueHash === e
+      );
+      l >= 0 && (n.value = l), u();
+    }, k = () => {
+      n.value = null;
+    }, u = () => {
+      s.value && oe(n.value) && v.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, w = () => {
+      if (b(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, B = f(0), T = () => {
+      s.value && (B.value = s.value.scrollHeight);
+    }, G = (e) => !e.disabled, K = (e) => {
+      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
+        if (!s.value.querySelector('[role="listbox"]'))
+          throw new Error("Could not find listbox in DOM tree.");
+        let t = e.target, r = t.dataset.index;
+        for (; b(r) && t.parentElement; )
+          t = t.parentElement, r = t.dataset.index;
+        if (r) {
+          const D = o.options[+r];
+          D && G(D) && (n.value = +r, w());
+        }
+      }
+    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
+    return E(
+      () => o.open,
+      () => {
+        T();
+      },
+      { flush: "post" }
+    ), E(
+      () => o.options,
+      (e, l) => {
+        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (v.value.calculateRange(), T(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), z({
+      focusNext: P,
+      focusPrevious: R,
+      focusFirst: q,
+      focusFirstSelected: W,
+      focusLast: J,
+      focusLastSelected: Y,
+      blur: k,
+      confirmOption: w,
+      focusByHash: j,
+      getHighlighted: Q
+    }), (e, l) => (p(), d("span", {
+      class: $(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !i.value.length,
+        "bb-listbox--open": e.open
+      }]),
+      style: h({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${B.value}px`
+      }),
+      onClick: X(K, ["stop"])
+    }, [
+      c("span", le, [
+        c("span", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container"
+        }, [
+          m(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (p(), d("span", ie, [
+            m(e.$slots, "loading", {}, () => [
+              H(g(e.loadingText || L(y)("common.loadingText").value), 1)
+            ])
+          ])) : e.options.length ? (p(), d("span", {
+            key: 2,
+            role: "listbox",
+            style: h({
+              height: `${A.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: F,
+              "aria-selected": n.value === r ? !0 : void 0,
+              class: $({
+                "bb-listbox__option autocomplete-option": !0,
+                "autocomplete-option--focused": n.value === t.index,
+                "autocomplete-option--selected": i.value[t.index].selected,
+                "autocomplete-option--disabled": i.value[t.index].disabled
+              }),
+              "data-index": t.index,
+              role: "option",
+              style: h({
+                transform: `translateY(${t.start}px)`
+              })
+            }, [
+              c("span", ue, [
+                m(e.$slots, "option", {
+                  disabled: !!i.value[t.index].disabled,
+                  focused: n.value === t.index,
+                  index: t.index,
+                  item: i.value[t.index].item,
+                  selected: !!i.value[t.index].selected,
+                  text: i.value[t.index].text,
+                  value: i.value[t.index].value
+                }, () => [
+                  l[0] || (l[0] = c("svg", {
+                    class: "autocomplete-option__checkbox",
+                    role: "presentation",
+                    viewBox: "276.411 158.834 114.971 114.97"
+                  }, [
+                    c("path", {
+                      d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+                      fill: "none",
+                      "stroke-linecap": "round",
+                      "stroke-width": "14px"
+                    })
+                  ], -1)),
+                  c("span", re, g(i.value[t.index].text), 1)
+                ])
+              ])
+            ], 14, ae))), 128))
+          ], 4)) : (p(), d("span", se, [
+            m(e.$slots, "no-data", {}, () => [
+              H(g(e.noDataText || L(y)("common.noDataText").value), 1)
+            ])
+          ])),
+          m(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  d as useModalsState
+  xe as default
 };

package/dist/index251.js

@@ -1,17 +1,15 @@
-import { defineComponent as a, getCurrentInstance as c, createBlock as l, openBlock as u, Teleport as f, unref as d, renderSlot as m } from "vue";
-const i = /* @__PURE__ */ a({
-  __name: "BbTeleport",
-  props: {
-    target: {}
-  },
-  setup(o) {
-    var t, e;
-    const r = o, n = !!((e = (t = c()) == null ? void 0 : t.proxy) != null && e.$nuxt), p = r.target || (n ? "#teleports" : "body");
-    return (s, _) => (u(), l(f, { to: d(p) }, [
-      m(s.$slots, "default")
-    ], 8, ["to"]));
+const c = (t, r) => {
+  if (typeof t == "string") {
+    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
+    if (n) {
+      const [, o, a] = n;
+      return a ? t : o + "px";
+    } else if (t in r)
+      return r[t] + "px";
+    throw new Error(`Invalid size: ${t}`);
   }
-});
+  return t + "px";
+};
 export {
-  i as default
+  c as parseSize
 };