bitboss-ui 2.1.71 → 2.1.73

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

@@ -149,7 +149,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BbButtonProps, {
-    el: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    $el: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbButtonProps> & Readonly<{}>, {
     size: Sizes | Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default", Sizes>>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -2,6 +2,12 @@ import { BaseButtonProps } from '../BaseButton/BaseButton.vue';
 import { CommonProps } from '../../types/CommonProps';
 import { IconType } from '../../types/Icon';
 export type BbDropdownProps = Pick<CommonProps, 'arrowPadding' | 'disabled' | 'eager' | 'id' | 'offset' | 'padding' | 'placement' | 'transitionDuration'> & {
+    /**
+     * External activator element or component ref.
+     * When provided, the activator slot is not rendered and event listeners
+     * are attached programmatically to the referenced element.
+     */
+    activator?: HTMLElement | Record<string, any> | null;
     /**
      * Array used to render each dropdown button.
      * They can act as `button`, as `a`, or as `router-link`
@@ -52,12 +58,6 @@ declare function __VLS_template(): {
     slots: Readonly<{
         activator?: (props: {
             props: {
-                "aria-expanded": boolean;
-                "aria-controls": string | undefined;
-                id: string;
-                onClick: (...args: any[]) => any;
-                onKeydown: (event: KeyboardEvent) => void;
-                disabled?: BbDropdownProps["disabled"];
                 ref: (reference: unknown) => void;
             };
             disabled?: boolean;
@@ -102,12 +102,6 @@ declare function __VLS_template(): {
     }> & {
         activator?: (props: {
             props: {
-                "aria-expanded": boolean;
-                "aria-controls": string | undefined;
-                id: string;
-                onClick: (...args: any[]) => any;
-                onKeydown: (event: KeyboardEvent) => void;
-                disabled?: BbDropdownProps["disabled"];
                 ref: (reference: unknown) => void;
             };
             disabled?: boolean;

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

@@ -35,14 +35,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         activator?: (props: {
-            props: {
-                "aria-expanded": boolean;
-                "aria-controls": string | undefined;
-                id: string;
-                onClick: (...args: any[]) => any;
-                onKeydown: (event: KeyboardEvent) => void;
-                disabled?: BbDropdownProps["disabled"];
-            };
+            props: {};
             disabled?: boolean;
             open: boolean;
             placement: BbDropdownProps["placement"];
@@ -89,14 +82,7 @@ declare function __VLS_template(): {
         }) => any;
     }> & {
         activator?: (props: {
-            props: {
-                "aria-expanded": boolean;
-                "aria-controls": string | undefined;
-                id: string;
-                onClick: (...args: any[]) => any;
-                onKeydown: (event: KeyboardEvent) => void;
-                disabled?: BbDropdownProps["disabled"];
-            };
+            props: {};
             disabled?: boolean;
             open: boolean;
             placement: BbDropdownProps["placement"];

package/dist/index107.js

@@ -1,13 +1,13 @@
 import { defineComponent as D, computed as V, toRef as r, ref as E, reactive as L, watch as m, createElementBlock as b, openBlock as B, Fragment as g, renderSlot as i, createCommentVNode as P, unref as R, renderList as j } from "vue";
-import { useItemValue as G } from "./index244.js";
-import { isNil as k } from "./index245.js";
-import { indexBy as U } from "./index246.js";
-import { hash as p } from "./index223.js";
-import { useItemsGetter as W } from "./index232.js";
-import { usePrefill as q } from "./index234.js";
-import { useIndexById as z } from "./index231.js";
-import { useBaseOptions as J } from "./index228.js";
-import { useHashedWatcher as K } from "./index230.js";
+import { useItemValue as G } from "./index290.js";
+import { isNil as k } from "./index280.js";
+import { indexBy as U } from "./index292.js";
+import { hash as p } from "./index231.js";
+import { useItemsGetter as W } from "./index227.js";
+import { usePrefill as q } from "./index233.js";
+import { useIndexById as z } from "./index228.js";
+import { useBaseOptions as J } from "./index229.js";
+import { useHashedWatcher as K } from "./index232.js";
 const oe = /* @__PURE__ */ D({
   __name: "BbRows",
   props: {

package/dist/index112.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as a, onMounted as m, onBeforeUnmount as p, createBlock as i, openBlock as l, resolveDynamicComponent as u, normalizeStyle as d, withCtx as f, renderSlot as h } from "vue";
-import { throttle as g } from "./index263.js";
+import { throttle as g } from "./index258.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {

package/dist/index114.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as s, createElementBlock as b, openBlock as _, mergeProps as a, createStaticVNode as x } from "vue";
-import { isCssColor as m } from "./index219.js";
+import { isCssColor as m } from "./index221.js";
 const d = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index120.js

@@ -8,7 +8,7 @@ import ce from "./index13.js";
 /* empty css        */
 import be from "./index112.js";
 /* empty css         */
-import { useFrameworkDetection as fe } from "./index248.js";
+import { useFrameworkDetection as fe } from "./index220.js";
 const he = ["id"], me = { class: "bb-tab__label-boundary" }, ye = { class: "bb-tab__label" }, ve = { class: "bb-tab__panes-container" }, pe = ["id", "aria-labelledby"], Be = /* @__PURE__ */ M({
   __name: "BbTab",
   props: {

package/dist/index122.js

@@ -1,21 +1,21 @@
 import { defineComponent as ue, ref as K, computed as y, toRef as O, watch as N, reactive as pe, createBlock as Q, openBlock as n, resolveDynamicComponent as me, normalizeClass as p, unref as h, withCtx as fe, createElementBlock as d, createCommentVNode as C, createElementVNode as o, toDisplayString as m, renderSlot as f, Fragment as A, renderList as B, createVNode as X, createTextVNode as ye, mergeProps as he } from "vue";
-import { add as ve } from "./index251.js";
-import { clamp as ke } from "./index215.js";
-import { isNil as T } from "./index245.js";
+import { add as ve } from "./index289.js";
+import { clamp as ke } from "./index216.js";
+import { isNil as T } from "./index280.js";
 import { useId as _e } from "./index8.js";
-import { useItemValue as ge } from "./index244.js";
+import { useItemValue as ge } from "./index290.js";
 import { when as Ce } from "./index222.js";
 import Y from "./index17.js";
 /* empty css        */
 import we from "./index31.js";
 /* empty css        */
-import { hash as E } from "./index223.js";
-import { useItemsGetter as Ie } from "./index232.js";
-import { usePrefill as Ve } from "./index234.js";
-import { useIndexById as Ae } from "./index231.js";
-import { useBaseOptions as Be } from "./index228.js";
-import { useHashedWatcher as Te } from "./index230.js";
-import { useLocale as $e } from "./index233.js";
+import { hash as E } from "./index231.js";
+import { useItemsGetter as Ie } from "./index227.js";
+import { usePrefill as Ve } from "./index233.js";
+import { useIndexById as Ae } from "./index228.js";
+import { useBaseOptions as Be } from "./index229.js";
+import { useHashedWatcher as Te } from "./index232.js";
+import { useLocale as $e } from "./index235.js";
 const xe = {
   key: 0,
   class: "sr-only"

package/dist/index13.js

@@ -1,6 +1,6 @@
 import { defineComponent as C, computed as a, createBlock as u, openBlock as i, mergeProps as c, withCtx as d, renderSlot as f, createTextVNode as p, toDisplayString as v, resolveDynamicComponent as b } from "vue";
-import S from "./index262.js";
-import { useFrameworkDetection as k } from "./index248.js";
+import S from "./index219.js";
+import { useFrameworkDetection as k } from "./index220.js";
 const P = /* @__PURE__ */ C({
   __name: "BaseButton",
   props: {

package/dist/index130.js

@@ -1,6 +1,6 @@
 import { defineComponent as a, createElementBlock as o, openBlock as e, normalizeClass as c, createVNode as l, TransitionGroup as m, withCtx as i, Fragment as p, renderList as u, unref as r, createBlock as f, mergeProps as _ } from "vue";
 import { useToast as d, state as k } from "./index11.js";
-import b from "./index253.js";
+import b from "./index288.js";
 const $ = /* @__PURE__ */ a({
   __name: "BbToast",
   props: {

package/dist/index132.js

@@ -1,14 +1,14 @@
 import { defineComponent as R, mergeModels as U, ref as L, computed as v, useTemplateRef as W, useModel as x, watch as m, onBeforeUnmount as F, createElementBlock as I, openBlock as g, Fragment as _, renderSlot as k, createCommentVNode as C, createVNode as j, normalizeProps as q, mergeProps as B, withCtx as T, createElementVNode as f, normalizeStyle as G, createBlock as H, unref as J } from "vue";
 import { useId as K } from "./index8.js";
-import { useLocale as Q } from "./index233.js";
-import { useUntil as X } from "./index242.js";
+import { useLocale as Q } from "./index235.js";
+import { useUntil as X } from "./index236.js";
 import Y from "./index13.js";
 /* empty css        */
-import Z from "./index239.js";
+import Z from "./index241.js";
 /* empty css         */
 import { useElementSize as ee } from "./index141.js";
-import { extractDomContainer as V } from "./index258.js";
-import { parseWidthString as te } from "./index259.js";
+import { extractDomContainer as V } from "./index245.js";
+import { parseWidthString as te } from "./index285.js";
 const ce = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "BbTooltip",

package/dist/index134.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, createElementBlock as f, openBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index254.js";
+import { flattenTree as T } from "./index291.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index136.js

@@ -5,8 +5,8 @@ import u from "./index86.js";
 /* empty css        */
 import I from "./index114.js";
 /* empty css         */
-import N from "./index289.js";
-import g from "./index290.js";
+import N from "./index275.js";
+import g from "./index276.js";
 /* empty css         */
 const h = { class: "bb-common-input-inner-container__prefix" }, B = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
   __name: "CommonInputInnerContainer",

package/dist/index139.js

@@ -1,4 +1,4 @@
-import { clamp as s } from "./index215.js";
+import { clamp as s } from "./index216.js";
 const o = (n, e, r = !1) => {
   const t = n * 100 / e;
   return r ? s(t, 0, 100) : t;

package/dist/index142.js

@@ -1,4 +1,4 @@
-import { urlAlphabet as l } from "./index216.js";
+import { urlAlphabet as l } from "./index215.js";
 let o = (t = 21) => {
   let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )

package/dist/index15.js

@@ -1,15 +1,15 @@
 import { defineComponent as H, ref as s, computed as M, createBlock as D, openBlock as E, normalizeClass as I, withCtx as l, createVNode as d, unref as u, withDirectives as L, createElementVNode as p, mergeProps as _, renderSlot as r, withModifiers as q, normalizeStyle as N } from "vue";
-import { isHex as z } from "./index285.js";
+import { isHex as z } from "./index237.js";
 import { isNotNil as F } from "./index144.js";
 import { useId as S } from "./index8.js";
-import { useLocale as U } from "./index233.js";
-import { vMaska as A } from "./index273.js";
-import K from "./index286.js";
+import { useLocale as U } from "./index235.js";
+import { vMaska as A } from "./index238.js";
+import K from "./index239.js";
 /* empty css         */
 import O from "./index136.js";
 /* empty css         */
 import P from "./index138.js";
-import T from "./index239.js";
+import T from "./index241.js";
 /* empty css         */
 const j = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], G = ["aria-label"], J = { class: "bb-common-input-inner-container__suffix" }, ie = /* @__PURE__ */ H({
   __name: "BaseColorInput",

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { defineComponent as _, ref as i, computed as t, watch as F, createElementBlock as p, openBlock as h, normalizeProps as d, guardReactiveProps as f, createCommentVNode as L, createElementVNode as s, mergeProps as k, renderSlot as M } from "vue";
-import { isCssColor as y } from "./index219.js";
-import { booleanishToBoolean as q } from "./index220.js";
-import { isEqual as A } from "./index221.js";
+import { isCssColor as y } from "./index221.js";
+import { booleanishToBoolean as q } from "./index223.js";
+import { isEqual as A } from "./index224.js";
 const N = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index19.js

@@ -1,15 +1,15 @@
 import { defineComponent as z, ref as B, toRef as p, computed as G, createBlock as R, openBlock as W, unref as T, withCtx as n, renderSlot as s, normalizeProps as f, guardReactiveProps as h, createVNode as K, mergeProps as w } from "vue";
 import N from "./index17.js";
 /* empty css        */
-import U from "./index249.js";
+import U from "./index225.js";
 /* empty css         */
-import { useItemsGetter as q } from "./index232.js";
-import { useIndexById as C } from "./index231.js";
-import { useBaseOptions as J } from "./index228.js";
-import { useCoherence as Q } from "./index229.js";
-import { hash as X } from "./index223.js";
-import { useHashedWatcher as $ } from "./index230.js";
-import { usePrefill as Y } from "./index234.js";
+import { useItemsGetter as q } from "./index227.js";
+import { useIndexById as C } from "./index228.js";
+import { useBaseOptions as J } from "./index229.js";
+import { useCoherence as Q } from "./index230.js";
+import { hash as X } from "./index231.js";
+import { useHashedWatcher as $ } from "./index232.js";
+import { usePrefill as Y } from "./index233.js";
 const ce = /* @__PURE__ */ z({
   __name: "BaseCheckboxGroup",
   props: {

package/dist/index21.js

@@ -5,20 +5,20 @@ import { _config as Q } from "./index4.js";
 import { useId as X } from "./index8.js";
 import b from "./index13.js";
 /* empty css        */
-import d from "./index266.js";
-import ee from "./index269.js";
-import ae from "./index270.js";
-import te from "./index274.js";
-import { hash as B } from "./index223.js";
-import { last as le } from "./index225.js";
-import { validateDateFormat as L } from "./index275.js";
-import { useLogger as oe } from "./index276.js";
-import re from "./index277.js";
-import se from "./index278.js";
-import de from "./index279.js";
-import S from "./index280.js";
-import ie from "./index281.js";
-import { useLocale as ne } from "./index233.js";
+import d from "./index246.js";
+import ee from "./index247.js";
+import ae from "./index248.js";
+import te from "./index249.js";
+import { hash as B } from "./index231.js";
+import { last as le } from "./index250.js";
+import { validateDateFormat as L } from "./index251.js";
+import { useLogger as oe } from "./index252.js";
+import re from "./index253.js";
+import se from "./index254.js";
+import de from "./index255.js";
+import S from "./index256.js";
+import ie from "./index257.js";
+import { useLocale as ne } from "./index235.js";
 const ue = { class: "bb-base-date-picker" }, me = { class: "bb-base-date-picker__body" }, ce = { class: "bb-base-date-picker__controls" }, pe = { class: "sr-only" }, fe = { class: "sr-only" }, be = { class: "sr-only" }, ve = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index215.js

@@ -1,4 +1,4 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 export {
-  n as clamp
+  t as urlAlphabet
 };

package/dist/index216.js

@@ -1,4 +1,4 @@
-const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  t as urlAlphabet
+  n as clamp
 };

package/dist/index217.js

@@ -1,4 +1,4 @@
-import { getType as t } from "./index293.js";
+import { getType as t } from "./index317.js";
 function o(r) {
   return t(r) === "Array";
 }

package/dist/index218.js

@@ -1,4 +1,4 @@
-import { getType as o } from "./index293.js";
+import { getType as o } from "./index317.js";
 function c(e) {
   if (o(e) !== "Object")
     return !1;

package/dist/index219.js

@@ -1,4 +1,36 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { defineComponent as a, resolveComponent as o, createBlock as u, openBlock as l, resolveDynamicComponent as m, unref as c, withCtx as p, renderSlot as f } from "vue";
+import { _config as e } from "./index4.js";
+import { useLogger as i } from "./index252.js";
+import { useFrameworkDetection as k } from "./index220.js";
+const y = /* @__PURE__ */ a({
+  __name: "RouterComponent",
+  setup(g) {
+    const { isInertia: r, isNuxt: s } = k();
+    let t;
+    if (r) {
+      if (t = o(e.inertiaLinkName), typeof t == "string") {
+        const { warn: n } = i();
+        n(
+          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else if (s) {
+      if (t = o(e.nuxtLinkName), typeof t == "string") {
+        const { warn: n } = i();
+        n(
+          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else
+      t = "router-link";
+    return (n, d) => (l(), u(m(c(t)), null, {
+      default: p(() => [
+        f(n.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  s as isCssColor
+  y as default
 };

package/dist/index220.js

@@ -1,4 +1,11 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+import { getCurrentInstance as e } from "vue";
+const s = () => {
+  const t = e(), n = !!t?.proxy?.$inertia, r = !!t?.proxy?.$nuxt;
+  return {
+    isInertia: n,
+    isNuxt: r
+  };
+};
 export {
-  o as booleanishToBoolean
+  s as useFrameworkDetection
 };

package/dist/index221.js

@@ -1,5 +1,4 @@
-import { hash as r } from "./index223.js";
-const a = (o, t) => r(o) === r(t);
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  a as isEqual
+  s as isCssColor
 };

package/dist/index223.js

@@ -1,5 +1,4 @@
-import { hash as o } from "./index300.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  t as hash
+  o as booleanishToBoolean
 };

package/dist/index224.js

@@ -1,5 +1,5 @@
-import { isNil as r } from "./index245.js";
-const e = (t) => r(t) ? !0 : Array.isArray(t) || typeof t == "string" ? t.length === 0 : t instanceof Map || t instanceof Set ? t.size === 0 : typeof t == "number" ? Number.isNaN(t) : typeof t == "boolean" || typeof t == "function" ? !1 : typeof t == "object" ? "length" in t && typeof t.length == "number" ? t.length === 0 : Object.keys(t).length === 0 : !1;
+import { hash as r } from "./index231.js";
+const a = (o, t) => r(o) === r(t);
 export {
-  e as isEmpty
+  a as isEqual
 };

package/dist/index225.js

@@ -1,4 +1,88 @@
-const e = (t) => t[t.length - 1];
+import { defineComponent as p, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as o, renderSlot as t, createCommentVNode as h, createTextVNode as l, toDisplayString as i, unref as b, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index235.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ p({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(f) {
+    const { t: d } = g();
+    return (e, T) => (s(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": e.hasErrors,
+        "bb-cr-container--horizontal": e.direction === "horizontal",
+        "bb-cr-container--vertical": e.direction === "vertical"
+      }])
+    }, [
+      o("span", k, [
+        t(e.$slots, "prepend"),
+        !e.options.length && e.loading ? (s(), n("span", y, [
+          t(e.$slots, "loading", {}, () => [
+            l(i(e.loadingText || b(d)("common.loadingText")), 1)
+          ])
+        ])) : e.options.length ? h("", !0) : (s(), n("span", $, [
+          t(e.$slots, "no-data", {}, () => [
+            l(i(e.noDataText || b(d)("common.noDataText")), 1)
+          ])
+        ])),
+        (s(!0), n(m, null, u(e.options, (a, c) => (s(), n(m, {
+          key: a?.valueHash || c
+        }, [
+          t(e.$slots, "option:prepend", {
+            id: a.valueHash,
+            checked: !!a.selected,
+            disabled: !!a.disabled,
+            item: a.item,
+            text: a.text
+          }),
+          o("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": a.selected }])
+          }, [
+            t(e.$slots, "input", {
+              index: c,
+              option: a
+            }),
+            o("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": e.hideLabel
+              })
+            }, [
+              t(e.$slots, "label", {
+                checked: !!a.selected,
+                item: a.item,
+                text: a.text
+              }, () => [
+                l(i(a.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(e.$slots, "option:append", {
+            id: a.valueHash,
+            checked: !!a.selected,
+            disabled: !!a.disabled,
+            item: a.item,
+            text: a.text
+          })
+        ], 64))), 128)),
+        t(e.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  e as last
+  C as default
 };

package/dist/index227.js

@@ -1,14 +1,31 @@
-import { ref as t } from "vue";
-const n = () => {
-  const e = t([]);
-  return { array: e, set: (...r) => {
-    e.value = r;
-  }, add: (...r) => {
-    e.value.push(...r);
-  }, remove: (r) => {
-    e.value = e.value.filter(r);
-  } };
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index214.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
+          return;
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
+      }
+      e.value--;
+    }
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
 };
 export {
-  n as useArray
+  p as useItemsGetter
 };