bitboss-ui 2.0.175 → 2.1.0

package/dist/index90.js

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

package/dist/index92.js

@@ -3,8 +3,8 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as d, r
 /* empty css       */
 import P from "./index13.js";
 /* empty css        */
-import { debounce as X } from "./index272.js";
-import { useLocale as H } from "./index222.js";
+import { debounce as X } from "./index268.js";
+import { useLocale as H } from "./index216.js";
 import { useRoute as J } from "./index142.js";
 const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
   __name: "BbPagination",

package/dist/index94.js

@@ -1,11 +1,11 @@
-import { defineComponent as V, ref as m, computed as g, createBlock as k, openBlock as y, unref as i, normalizeClass as D, withCtx as v, createElementVNode as d, createCommentVNode as M, renderSlot as C, toDisplayString as z, normalizeProps as I, guardReactiveProps as O, nextTick as S } from "vue";
+import { defineComponent as V, ref as m, computed as g, createBlock as k, openBlock as y, unref as l, normalizeClass as D, withCtx as v, createElementVNode as d, createCommentVNode as M, renderSlot as C, toDisplayString as z, normalizeProps as I, guardReactiveProps as O, nextTick as S } from "vue";
 import { useId as H } from "./index8.js";
 import { useIntersectionObserver as N } from "./index137.js";
-import { useLocale as U } from "./index222.js";
-import { useUntil as W } from "./index260.js";
+import { useLocale as U } from "./index216.js";
+import { useUntil as W } from "./index217.js";
 import q from "./index13.js";
 /* empty css        */
-import A from "./index232.js";
+import A from "./index228.js";
 /* empty css         */
 const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @__PURE__ */ V({
   __name: "BbPopover",
@@ -21,7 +21,6 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
     showClose: { type: Boolean, default: !0 },
     theme: { default: "default" },
     transitionDuration: { default: 300 },
-    teleportTarget: {},
     focusTarget: {},
     width: {}
   },
@@ -37,9 +36,10 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
     );
     const o = m(!1), u = W(o), b = (e) => {
       var a;
-      e.target instanceof HTMLElement && ((a = c.value) != null && a.contains(e.target) || s());
+      if (e.target instanceof HTMLElement && !((a = c.value) != null && a.contains(e.target)))
+        return s();
     }, T = async () => {
-      o.value = !0, document.addEventListener("click", b);
+      o.value = !0, document.addEventListener("click", b, { passive: !0 });
     }, s = async () => {
       o.value = !1, document.removeEventListener("click", b);
     }, w = async (e) => {
@@ -53,8 +53,8 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
       e.stopImmediatePropagation(), await T();
       let a = t.focusTarget ?? ".bb-popover__close";
       await S();
-      const l = (h = c.value) == null ? void 0 : h.querySelector(a);
-      l instanceof HTMLElement && (l.focus(), n("shown"));
+      const i = (h = c.value) == null ? void 0 : h.querySelector(a);
+      i instanceof HTMLElement && (i.focus(), n("shown"));
     }, f = async () => {
       await s(), n("hidden");
     }, E = g(() => {
@@ -71,7 +71,7 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
       ref_key: "wrapper",
       ref: r,
       modelValue: o.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => o.value = i),
       "arrow-padding": e.arrowPadding,
       block: e.block,
       class: D(["bb-popover", {
@@ -83,18 +83,18 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
           width: E.value
         }
       },
+      dialog: "",
       offset: e.offset,
       padding: e.padding,
       placement: e.placement,
-      "render-content": i(u),
-      tag: "dialog",
+      "render-content": l(u),
       "transition-duration": e.transitionDuration
     }, {
       activator: v(() => [
         C(e.$slots, "activator", I(O({
           props: {
-            "aria-expanded": i(u) ? o.value : !1,
-            "aria-controls": i(u) ? `popover_${p}` : void 0,
+            "aria-expanded": l(u) ? o.value : !1,
+            "aria-controls": l(u) ? `popover_${p}` : void 0,
             onClick: w,
             id: p,
             disabled: !!e.disabled
@@ -117,7 +117,7 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
             onClick: f
           }, {
             default: v(() => [
-              d("span", Z, z(e.closeLabel || i(B)("common.closeLabel").value), 1),
+              d("span", Z, z(e.closeLabel || l(B)("common.closeLabel").value), 1),
               a[1] || (a[1] = d("svg", {
                 fill: "none",
                 viewBox: "0 0 24 24",

package/dist/index96.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index207.js";
+import { clamp as p } from "./index206.js";
 import { getAsPercentageBetween as i } from "./index136.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",

package/dist/types/CommonProps.d.ts

@@ -209,10 +209,6 @@ export type CommonProps = {
      * Will submit "falseValue" if the input is not checked. Otherwise "trueValue" will be submitted.
      */
     submitWhenFalse?: boolean;
-    /**
-     * Target to teleport the floating element to.
-     */
-    teleportTarget?: string;
     /**
      * Value of the input when checked. It handles any kind of serializable object.
      */

package/dist/utilities/functions/parseSize.d.ts

@@ -0,0 +1,2 @@
+import { Sizes } from '../../components/BaseDialog/BaseDialog.vue';
+export declare const parseSize: (size: string | number, sizes: Sizes) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.0.175",
+	"version": "2.1.0",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {
@@ -24,7 +24,6 @@
 		"copy-anything": "^4.0.3",
 		"dayjs": "^1.11.13",
 		"doublet": "^1.0.1",
-		"focus-trap": "^7.6.4",
 		"focusable-selectors": "^0.8.4",
 		"lodash.clonedeepwith": "^4.5.0",
 		"lodash.deburr": "^4.1.0",
@@ -93,4 +92,4 @@
 	"lint-staged": {
 		"*.{js,css,md,html,json,vue,ts}": "prettier --write"
 	}
-}
+}

package/dist/components/BbTeleport.vue.d.ts

@@ -1,20 +0,0 @@
-type Props = {
-    target?: string;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/index213.js

@@ -1,53 +0,0 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index281.js";
-import { useItemValue as w } from "./index273.js";
-import { hash as y } from "./index215.js";
-import { useLogger as D } from "./index253.js";
-const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
-  items: u,
-  disabled: c,
-  selectable: m,
-  itemText: a,
-  itemValue: d,
-  selectedIndexedByHash: r,
-  max: b = 1 / 0
-}) => {
-  const v = l(() => o(c)), p = l(() => o(u)), h = l(
-    () => Object.keys(r.value).length
-  ), g = o(b), f = (e) => {
-    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
-      e,
-      v.value,
-      m,
-      g,
-      h.value,
-      s
-    );
-    return {
-      item: e,
-      text: i,
-      value: n,
-      valueHash: t,
-      selected: s,
-      disabled: o(I)
-    };
-  };
-  return {
-    options: l(() => {
-      const e = [], n = /* @__PURE__ */ new Set();
-      for (let t = 0; t < p.value.length; t++) {
-        const i = p.value[t];
-        i.disabled && H(
-          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
-        );
-        const s = f(i);
-        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
-      }
-      return e;
-    }),
-    createOption: f
-  };
-};
-export {
-  q as useBaseOptions
-};