bitboss-ui 2.0.116 → 2.0.118

package/dist/index61.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, ref as v, computed as c, useAttrs as B, toRef as k, openBlock as t, createBlock as a, unref as l, mergeProps as C, withCtx as h, createVNode as L, createCommentVNode as r, createElementVNode as S, normalizeClass as x, renderSlot as V, createTextVNode as F, toDisplayString as d, createElementBlock as N } from "vue";
+import { defineComponent as _, ref as B, computed as c, useAttrs as v, toRef as k, openBlock as t, createBlock as a, unref as l, mergeProps as C, withCtx as h, createVNode as L, createCommentVNode as r, createElementVNode as S, normalizeClass as x, renderSlot as V, createTextVNode as F, toDisplayString as d, createElementBlock as N } from "vue";
 /* empty css       */
 /* empty css       */
 import P from "./index13.js";
@@ -7,13 +7,13 @@ import s from "./index127.js";
 /* empty css         */
 import T from "./index129.js";
 /* empty css         */
-import { pickBy as $ } from "./index259.js";
-import { noop as A } from "./index260.js";
-import { useLocale as W } from "./index232.js";
+import { pickBy as $ } from "./index260.js";
+import { noop as A } from "./index261.js";
+import { useLocale as W } from "./index216.js";
 const w = {
   key: 2,
   class: "bb-button__loading-label sr-only"
-}, M = /* @__PURE__ */ g({
+}, M = /* @__PURE__ */ _({
   __name: "BbButton",
   props: {
     autoLoading: { type: Boolean },
@@ -25,6 +25,7 @@ const w = {
     disabled: { type: Boolean },
     disabledWhileLoading: { type: Boolean, default: !0 },
     exactActiveClass: {},
+    group: { type: Boolean },
     headers: {},
     href: {},
     icon: {},
@@ -42,7 +43,6 @@ const w = {
     preserveScroll: { type: [Boolean, Function] },
     preserveState: { type: [Boolean, Function, null] },
     queryStringArrayFormat: {},
-    rel: {},
     replace: { type: Boolean },
     tag: {},
     target: {},
@@ -51,15 +51,15 @@ const w = {
     type: {}
   },
   setup(u) {
-    const e = u, { t: b } = W(), i = v(0), n = c(
+    const e = u, { t: b } = W(), i = B(0), n = c(
       () => e.loading || !!i.value && e.autoLoading
-    ), m = c(() => e.disabled), { onClick: y = A } = B(), f = async (o) => {
+    ), m = c(() => e.disabled), { onClick: y = A } = v(), f = async (o) => {
       if (o.stopImmediatePropagation(), n.value && e.disabledWhileLoading) {
         e.type === "submit" && o.preventDefault();
         return;
       }
       i.value++, await y(o), i.value--;
-    }, _ = k(() => ({
+    }, g = k(() => ({
       ...$(
         e,
         (o, p) => ![
@@ -73,11 +73,12 @@ const w = {
         ].includes(p)
       )
     }));
-    return (o, p) => (t(), a(l(P), C(_.value, {
+    return (o, p) => (t(), a(l(P), C(g.value, {
       "aria-disabled": n.value ? !0 : void 0,
       class: {
         "bb-button": !0,
         "bb-button--loading": n.value,
+        "bb-button--group": e.group,
         "bb-button--icon": !!o.icon
       },
       disabled: m.value,

package/dist/index67.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as h, computed as b, openBlock as f, createBlock as y, withCtx as a, renderSlot as n, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
+import { defineComponent as c, ref as b, computed as h, openBlock as f, createBlock as y, withCtx as a, renderSlot as l, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
 import $ from "./index27.js";
 /* empty css        */
 import k from "./index15.js";
@@ -9,6 +9,7 @@ const E = /* @__PURE__ */ c({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    clearable: { type: Boolean },
     compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
@@ -31,14 +32,14 @@ const E = /* @__PURE__ */ c({
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(s, { emit: i }) {
-    const r = s, o = i, l = h(!1), d = b(() => r.persistentHint || l.value), t = {
+    const r = s, o = i, n = b(!1), d = h(() => r.persistentHint || n.value), t = {
       onBlur: (e) => {
-        l.value = !1, o("blur", e);
+        n.value = !1, o("blur", e);
       },
       onChange: (e) => o("change", e),
       onClick: (e) => o("click", e),
       onFocus: (e) => {
-        l.value = !0, o("focus", e);
+        n.value = !0, o("focus", e);
       },
       onInput: (e) => o("input", e),
       onKeydown: (e) => o("keydown", e),
@@ -63,7 +64,7 @@ const E = /* @__PURE__ */ c({
       "show-hint": d.value
     }, {
       label: a((p) => [
-        n(e.$slots, "label", v(B(p)))
+        l(e.$slots, "label", v(B(p)))
       ]),
       input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
         w(k, g({
@@ -72,6 +73,7 @@ const E = /* @__PURE__ */ c({
           "aria-describedby": m,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          clearable: e.clearable,
           compact: e.compact,
           disabled: e.disabled,
           "has-errors": u,
@@ -84,25 +86,25 @@ const E = /* @__PURE__ */ c({
           required: e.required
         }, t), {
           "append-outer": a(() => [
-            n(e.$slots, "append-outer")
+            l(e.$slots, "append-outer")
           ]),
           append: a(() => [
-            n(e.$slots, "append")
+            l(e.$slots, "append")
           ]),
           prefix: a(() => [
-            n(e.$slots, "prefix")
+            l(e.$slots, "prefix")
           ]),
           suffix: a(() => [
-            n(e.$slots, "suffix")
+            l(e.$slots, "suffix")
           ]),
           prepend: a(() => [
-            n(e.$slots, "prepend")
+            l(e.$slots, "prepend")
           ]),
           "prepend-outer": a(() => [
-            n(e.$slots, "prepend-outer")
+            l(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));

package/dist/index71.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, ref as c, computed as f, openBlock as h, createBlock as b, withCtx as o, renderSlot as a, normalizeProps as v, guardReactiveProps as y, createVNode as w, mergeProps as g } from "vue";
+import { defineComponent as u, ref as c, computed as f, openBlock as b, createBlock as h, withCtx as o, renderSlot as a, normalizeProps as v, guardReactiveProps as y, createVNode as w, mergeProps as g } from "vue";
 import B from "./index23.js";
 /* empty css        */
 import $ from "./index27.js";
@@ -10,6 +10,7 @@ const E = /* @__PURE__ */ u({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    clearable: { type: Boolean },
     compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
@@ -49,7 +50,7 @@ const E = /* @__PURE__ */ u({
       },
       "onUpdate:modelValue": (e) => r("update:modelValue", e)
     };
-    return (e, k) => (h(), b($, {
+    return (e, k) => (b(), h($, {
       id: e.id,
       class: "bb-date-picker-input",
       compact: e.compact,
@@ -75,6 +76,7 @@ const E = /* @__PURE__ */ u({
           "append:icon": e.$props["append:icon"],
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          clearable: e.clearable,
           compact: e.compact,
           disabled: e.disabled,
           "first-day-of-week": e.firstDayOfWeek,
@@ -111,7 +113,7 @@ const E = /* @__PURE__ */ u({
             a(e.$slots, "append-outer")
           ]),
           _: 2
-        }, 1040, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "compact", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
+        }, 1040, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "clearable", "compact", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));

package/dist/index75.js

@@ -1,14 +1,14 @@
-import { defineComponent as X, computed as A, ref as y, openBlock as $, createElementBlock as D, mergeProps as B, createElementVNode as H, renderSlot as g, normalizeProps as Y, guardReactiveProps as Z, unref as h, createVNode as C, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as N, toDisplayString as te } from "vue";
-import { findRightIndex as I } from "./index261.js";
+import { defineComponent as X, computed as F, ref as g, openBlock as $, createElementBlock as D, mergeProps as A, createElementVNode as H, renderSlot as y, normalizeProps as Y, guardReactiveProps as Z, unref as h, createVNode as B, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as j, toDisplayString as te } from "vue";
+import { findRightIndex as I } from "./index262.js";
 import { useId as ne } from "./index8.js";
 import { wait as oe } from "./index130.js";
 import { useIntersectionObserver as ae } from "./index132.js";
 import le from "./index13.js";
 /* empty css        */
-import V from "./index262.js";
-import se from "./index263.js";
+import N from "./index263.js";
+import se from "./index264.js";
 /* empty css         */
-import j from "./index127.js";
+import V from "./index127.js";
 /* empty css         */
 const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
   __name: "BbDropdown",
@@ -28,25 +28,25 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
     width: { default: 200 }
   },
   setup(z) {
-    const r = z, u = r.id ?? `bb_${ne().id.value}`, m = A(() => {
+    const r = z, u = r.id ?? `bb_${ne().id.value}`, m = F(() => {
       let e = r.items.findIndex((t) => !t.disabled), o = I(
         r.items,
         (t) => !t.disabled
       );
       return r.items.map((t, n) => {
-        const i = `${u}-item-${t.key}`, { onClick: q, ...F } = t, Q = async () => {
+        const i = `${u}-item-${t.key}`, { onClick: q, ...C } = t, J = async () => {
           await b();
           const s = document.querySelector(`#${u}`);
           if (s) s instanceof HTMLElement && s.focus();
           else return;
           q && q();
-        }, W = (s) => {
+        }, Q = (s) => {
           if (s.target instanceof HTMLElement && s.target.dataset.dropdownItem) {
             if (!a.value) return;
             if (s.key === "ArrowDown") {
               if (s.preventDefault(), a.value && n !== o) {
                 const d = a.value.querySelector(
-                  V.map((w) => `#${i} ~ ${w}`).join(",")
+                  N.map((w) => `#${i} ~ ${w}`).join(",")
                 );
                 d && d instanceof HTMLElement && d.focus();
               }
@@ -59,7 +59,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
               }
             } else if (s.key === "Tab") {
               if (n === o && !s.shiftKey) {
-                const d = V.join(","), w = Array.from(
+                const d = N.join(","), w = Array.from(
                   document.querySelectorAll(d)
                 ), k = w.findIndex(
                   (T) => T.id === u
@@ -75,14 +75,16 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
           }
         };
         return {
-          ...F,
-          disabled: F.disabled || r.disabled,
+          ...C,
+          original: t,
+          key: t.key.split(/\W+/g).join("_").toLowerCase(),
+          disabled: C.disabled || r.disabled,
           id: i,
-          onClick: Q,
-          onKeydown: W
+          onClick: J,
+          onKeydown: Q
         };
       });
-    }), v = y(), a = y();
+    }), v = g(), a = g();
     ae(
       v,
       ([{ intersectionRatio: e }]) => {
@@ -90,7 +92,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
       },
       { threshold: [0, 1] }
     );
-    const c = y(!1), l = y(!1), p = y(!1), f = y(!0), R = () => {
+    const c = g(!1), l = g(!1), p = g(!1), f = g(!0), R = () => {
       c.value || p.value || (l.value ? b() : L());
     }, U = async (e) => {
       let o = r.items.findIndex((n) => !n.disabled), t = I(
@@ -134,23 +136,23 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
         }
         b();
       }
-    }, G = y(!1), L = async () => {
-      G.value = !0, await oe(50), l.value = !0, document.addEventListener("click", M, { passive: !0 }), document.addEventListener("focusin", S, { passive: !0 }), document.addEventListener("keydown", _, { passive: !0 });
+    }, W = g(!1), L = async () => {
+      W.value = !0, await oe(50), l.value = !0, document.addEventListener("click", M, { passive: !0 }), document.addEventListener("focusin", S, { passive: !0 }), document.addEventListener("keydown", _, { passive: !0 });
     }, b = async () => {
       l.value = !1, document.removeEventListener("click", M), document.removeEventListener("focusin", S), document.removeEventListener("keydown", _);
-    }, J = A(() => ({
+    }, G = F(() => ({
       class: {
         "bb-dropdown--block": r.block,
         [`bb-dropdown--${r.theme}`]: r.theme
       }
     }));
-    return (e, o) => ($(), D("span", B({ class: "bb-dropdown" }, J.value), [
+    return (e, o) => ($(), D("span", A({ class: "bb-dropdown" }, G.value), [
       H("span", {
         ref_key: "wrapper",
         ref: v,
         class: "bb-dropdown__wrapper"
       }, [
-        g(e.$slots, "activator", Y(Z({
+        y(e.$slots, "activator", Y(Z({
           props: {
             "aria-expanded": l.value,
             "aria-controls": `menu_${h(u)}`,
@@ -167,7 +169,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
           placement: e.placement
         })))
       ], 512),
-      C(se, {
+      B(se, {
         "arrow-padding": e.arrowPadding,
         "base-class": "bb-dropdown",
         "container-attributes": {
@@ -192,7 +194,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
             class: "bb-dropdown__items-container",
             style: x({ width: `${e.width}px` })
           }, [
-            g(e.$slots, "prepend", {
+            y(e.$slots, "prepend", {
               closed: f.value,
               closing: p.value,
               disabled: e.disabled,
@@ -203,7 +205,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
             ($(!0), D(K, null, ee(m.value, (t, n) => ($(), D(K, {
               key: t.key
             }, [
-              g(e.$slots, "item:prepend", {
+              y(e.$slots, "item:prepend", {
                 closed: f.value,
                 closing: p.value,
                 disabled: t.disabled,
@@ -214,7 +216,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                 placement: e.placement,
                 text: t.text
               }),
-              C(le, B({
+              B(le, A({
                 "aria-role": "menuitem",
                 class: ["bb-dropdown__item", {
                   "bb-dropdown__item--first": n === 0,
@@ -224,45 +226,45 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                 ref_for: !0
               }, t), {
                 default: O(() => [
-                  g(e.$slots, t.key, {
+                  y(e.$slots, t.key, {
                     closed: f.value,
                     closing: p.value,
                     disabled: t.disabled,
                     index: n,
-                    item: t,
+                    item: t.original,
                     open: l.value,
                     opening: c.value,
                     placement: e.placement,
                     text: t.text
                   }, () => [
-                    g(e.$slots, "item", {
+                    y(e.$slots, "item", {
                       closed: f.value,
                       closing: p.value,
                       disabled: t.disabled,
                       index: n,
-                      item: t,
+                      item: t.original,
                       open: l.value,
                       opening: c.value,
                       placement: e.placement,
                       text: t.text
                     }, () => [
-                      t["prepend:icon"] ? ($(), P(j, {
+                      t["prepend:icon"] ? ($(), P(V, {
                         key: 0,
                         class: "item__prepend-icon",
                         type: t["prepend:icon"]
-                      }, null, 8, ["type"])) : N("", !0),
+                      }, null, 8, ["type"])) : j("", !0),
                       H("span", ie, te(t.text), 1),
-                      t["append:icon"] ? ($(), P(j, {
+                      t["append:icon"] ? ($(), P(V, {
                         key: 1,
                         class: "item__append-icon",
                         type: t["append:icon"]
-                      }, null, 8, ["type"])) : N("", !0)
+                      }, null, 8, ["type"])) : j("", !0)
                     ])
                   ])
                 ]),
                 _: 2
               }, 1040, ["class"]),
-              g(e.$slots, "item:append", {
+              y(e.$slots, "item:append", {
                 closed: f.value,
                 closing: p.value,
                 disabled: t.disabled,
@@ -274,7 +276,7 @@ const ie = { class: "item__content" }, ke = /* @__PURE__ */ X({
                 text: t.text
               })
             ], 64))), 128)),
-            g(e.$slots, "append", {
+            y(e.$slots, "append", {
               closed: f.value,
               closing: p.value,
               disabled: e.disabled,

package/dist/index77.js

@@ -1,19 +1,19 @@
-import { defineComponent as E, ref as W, computed as g, openBlock as l, createElementBlock as L, normalizeClass as I, createVNode as u, mergeProps as P, withCtx as t, unref as d, createBlock as D, createCommentVNode as v, createElementVNode as m, toDisplayString as y, createSlots as M, renderSlot as a, normalizeProps as r, guardReactiveProps as i, renderList as R } from "vue";
-import N from "./index13.js";
+import { defineComponent as j, ref as z, computed as y, openBlock as l, createElementBlock as L, normalizeClass as E, createVNode as u, mergeProps as P, withCtx as n, unref as d, createBlock as D, createCommentVNode as v, createElementVNode as m, toDisplayString as _, createSlots as I, renderSlot as a, normalizeProps as r, guardReactiveProps as i, renderList as M } from "vue";
+import W from "./index13.js";
 /* empty css        */
-import T from "./index75.js";
+import R from "./index75.js";
 /* empty css        */
 /* empty css       */
 /* empty css       */
-import S from "./index127.js";
+import N from "./index127.js";
 /* empty css         */
-import Z from "./index129.js";
+import T from "./index129.js";
 /* empty css         */
-import { useLocale as j } from "./index232.js";
+import { useLocale as Z } from "./index216.js";
 const q = { class: "bb-dropdown-button__content" }, A = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"
-}, F = { class: "bb-dropdown-button__dropdown-label sr-only" }, no = /* @__PURE__ */ E({
+}, F = { class: "bb-dropdown-button__dropdown-label sr-only" }, to = /* @__PURE__ */ j({
   __name: "BbDropdownButton",
   props: {
     arrowPadding: {},
@@ -34,84 +34,88 @@ const q = { class: "bb-dropdown-button__content" }, A = {
     loading: { type: Boolean },
     "prepend:icon": {}
   },
-  setup(V) {
-    const n = V, { t: b } = j(), c = W(0), w = g(
-      () => n.loading || !!c.value && n.autoLoading
-    ), z = (o) => async (...s) => {
-      w.value && n.disabledWhileLoading || (c.value++, await o(...s), c.value--);
-    }, h = g(
-      () => n.items.map((o) => o.onClick ? {
+  setup(S) {
+    const t = S, { t: b } = Z(), c = z(0), w = y(
+      () => t.loading || !!c.value && t.autoLoading
+    ), V = (o) => async (...s) => {
+      w.value && t.disabledWhileLoading || (c.value++, await o(...s), c.value--);
+    }, f = y(
+      () => t.items.map((o) => o.onClick ? {
         ...o,
-        onClick: z(o.onClick)
-      } : o)
-    ), _ = g(() => {
-      const o = { ...h.value[0] };
-      return o.disabled = o.disabled || n.disabled, o;
+        key: o.key.split(/\W+/g).join("_").toLowerCase(),
+        onClick: V(o.onClick)
+      } : {
+        ...o,
+        key: o.key.split(/\W+/g).join("_").toLowerCase()
+      })
+    ), k = y(() => {
+      const o = { ...f.value[0] };
+      return o.disabled = o.disabled || t.disabled, o;
     });
     return (o, s) => (l(), L("span", {
-      class: I(["bb-dropdown-button", {
+      class: E(["bb-dropdown-button", {
         "bb-dropdown-button--block": o.block,
         "bb-dropdown-button--loading": w.value,
         [`bb-dropdown-button--${o.theme}`]: !0
       }])
     }, [
-      u(N, P(_.value, { class: "bb-dropdown-button__main-btn" }), {
-        default: t(() => [
-          u(d(Z), { class: "bb-dropdown-button__spinner" }),
-          n["prepend:icon"] ? (l(), D(d(S), {
+      u(W, P(k.value, { class: "bb-dropdown-button__main-btn" }), {
+        default: n(() => [
+          u(d(T), { class: "bb-dropdown-button__spinner" }),
+          t["prepend:icon"] ? (l(), D(d(N), {
             key: 0,
             class: "bb-dropdown-button__prepend-icon",
-            type: n["prepend:icon"]
+            type: t["prepend:icon"]
           }, null, 8, ["type"])) : v("", !0),
-          m("span", q, y(_.value.text), 1),
-          w.value ? (l(), L("span", A, y(d(b)("common.loadingText").value), 1)) : v("", !0),
-          n["append:icon"] ? (l(), D(d(S), {
+          m("span", q, _(k.value.text), 1),
+          w.value ? (l(), L("span", A, _(d(b)("common.loadingText").value), 1)) : v("", !0),
+          t["append:icon"] ? (l(), D(d(N), {
             key: 2,
             class: "bb-dropdown-button__append-icon",
-            type: n["append:icon"]
+            type: t["append:icon"]
           }, null, 8, ["type"])) : v("", !0)
         ]),
         _: 1
       }, 16),
-      u(T, {
+      u(R, {
         id: o.id,
         "arrow-padding": o.arrowPadding,
         disabled: o.disabled,
         eager: o.eager,
-        items: h.value,
+        items: f.value,
         offset: o.offset,
         padding: o.padding,
         placement: o.placement,
         theme: o.theme,
         "transition-duration": o.transitionDuration,
         width: o.width
-      }, M({
-        activator: t(({
+      }, I({
+        activator: n(({
           props: e,
           opening: p,
-          open: f,
-          closed: k,
+          open: g,
+          closed: h,
           closing: B,
           disabled: $,
           placement: C
         }) => [
           a(o.$slots, "activator", {
-            closed: k,
+            closed: h,
             closing: B,
             disabled: $,
-            open: f,
+            open: g,
             opening: p,
             placement: C,
             props: e
           }, () => [
-            u(N, P(e, { class: "bb-dropdown-button__dropdown-btn" }), {
-              default: t(() => [
-                m("span", F, y(f || p ? d(b)("dropdownButton.close").value : d(b)("dropdownButton.open").value), 1),
+            u(W, P(e, { class: "bb-dropdown-button__dropdown-btn" }), {
+              default: n(() => [
+                m("span", F, _(g || p ? d(b)("dropdownButton.close").value : d(b)("dropdownButton.open").value), 1),
                 a(o.$slots, "right-btn", {
-                  closed: k,
+                  closed: h,
                   closing: B,
                   disabled: $,
-                  open: f,
+                  open: g,
                   opening: p,
                   placement: C
                 }, () => [
@@ -131,26 +135,26 @@ const q = { class: "bb-dropdown-button__content" }, A = {
             }, 1040)
           ])
         ]),
-        prepend: t((e) => [
+        prepend: n((e) => [
           a(o.$slots, "prepend", r(i(e)))
         ]),
-        "item:prepend": t((e) => [
+        "item:prepend": n((e) => [
           a(o.$slots, "item:prepend", r(i(e)))
         ]),
-        item: t((e) => [
+        item: n((e) => [
           a(o.$slots, "item", r(i(e)))
         ]),
-        "item:append": t((e) => [
+        "item:append": n((e) => [
           a(o.$slots, "item:append", r(i(e)))
         ]),
-        append: t((e) => [
+        append: n((e) => [
           a(o.$slots, "append", r(i(e)))
         ]),
         _: 2
       }, [
-        R(o.items, (e) => ({
+        M(f.value, (e) => ({
           name: e.key,
-          fn: t((p) => [
+          fn: n((p) => [
             a(o.$slots, e.key, r(i(p)))
           ])
         }))
@@ -159,5 +163,5 @@ const q = { class: "bb-dropdown-button__content" }, A = {
   }
 });
 export {
-  no as default
+  to as default
 };

package/dist/index79.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index266.js";
+import { findInTree as ae } from "./index267.js";
 import { useId as re } from "./index8.js";
 import oe from "./index128.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index265.js")).default);
+              b || (b = (await import("./index266.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index81.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index246.js";
+import { throttle as c } from "./index226.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {