bitboss-ui 2.1.113 → 2.1.114

package/dist/components/BaseCheckboxGroup/types.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, InputHTMLAttributes, MaybeRefOrGetter } from 'vue';
 import { BaseCheckboxIconSlotProps } from '../BaseCheckbox/types';
-export type BaseCheckboxGroupProps<T> = {
+export type BaseCheckboxGroupProps<T = any> = {
     /**
      * ID of the element that describes the entire checkbox group for assistive
      * technologies. Forwarded to each generated input as `aria-describedby`.
@@ -74,7 +74,7 @@ export type BaseCheckboxGroupProps<T> = {
      * change to load options dynamically.
      * @defaultValue `[]`
      */
-    items: T[] | ((prefill: boolean, modelValue?: any[]) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[]) => T[]);
+    items: T[] | ((prefill: boolean, modelValue?: any) => Promise<T[]>) | ((prefill: boolean, modelValue?: any) => T[]);
     /**
      * Defines how to derive the display text from an item. Accepts a nested key path
      * into the item or a function `(item) => string`.
@@ -103,9 +103,17 @@ export type BaseCheckboxGroupProps<T> = {
     max?: number;
     /**
      * Selected values for the group. Used with `v-model`.
-     * Must be an array.
+     * Single value when `multiple` is false, array when `multiple` is true.
      */
-    modelValue: any[];
+    modelValue: any;
+    /**
+     * Enables multi-selection behavior.
+     * When `true`, `modelValue` must be an array and emitted updates are arrays.
+     * When `false`, `modelValue` must be a single value (or `null`) and emitted
+     * updates are single values.
+     * @defaultValue `true`
+     */
+    multiple?: boolean;
     /**
      * Debounce delay (ms) applied when reacting to `modelValue` changes.
      * @defaultValue `0`

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

@@ -4,7 +4,7 @@ import { SlotAttributes } from '../BaseRadio/BaseRadio.vue';
 /**
  * Props for the radio group component that renders a list of radio options from items.
  */
-export type BaseRadioGroupProps<T> = {
+export type BaseRadioGroupProps<T = any> = {
     /**
      * Id(s) of elements describing this group for assistive technologies.
      */

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

@@ -77,7 +77,7 @@ export type BbCheckboxGroupProps<T> = {
     /**
      * Used to retrieve items can be an array or a function.
      */
-    items: T[] | ((prefill: boolean, modelValue?: any[]) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[]) => T[]);
+    items: T[] | ((prefill: boolean, modelValue?: any) => Promise<T[]>) | ((prefill: boolean, modelValue?: any) => T[]);
     /**
      * Defines a path that returns a property of the object to use as text or a function that returns a string
      */
@@ -105,7 +105,13 @@ export type BbCheckboxGroupProps<T> = {
     /**
      * Used by v-model. Can be an array of any serializable type.
      */
-    modelValue: any[];
+    modelValue: any;
+    /**
+     * Enables multi-selection behavior.
+     * When true, `modelValue` must be an array.
+     * When false, `modelValue` should be a single value.
+     */
+    multiple?: boolean;
     /**
      * Timeout used to debounce response to changes to modelValue.
      */

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

@@ -1,6 +1,6 @@
 import { BaseCheckboxIconSlotProps } from '../BaseCheckbox/types';
 import { BbCheckboxGroupEvents, BbCheckboxGroupProps } from '../BbCheckboxGroup/BbCheckboxGroup.vue';
-export type BbSwitchGroupProps<T> = BbCheckboxGroupProps<T>;
+export type BbSwitchGroupProps<T = any> = BbCheckboxGroupProps<T>;
 export type BbSwitchGroupEvents = BbCheckboxGroupEvents;
 declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/dist/index109.js

@@ -1,13 +1,13 @@
 import { defineComponent as D, computed as b, toRef as r, ref as E, reactive as L, watch as m, createElementBlock as V, openBlock as g, Fragment as B, renderSlot as i, createCommentVNode as P, unref as R, renderList as j } from "vue";
-import { useItemValue as G } from "./index294.js";
-import { isNil as k } from "./index231.js";
-import { indexBy as U } from "./index295.js";
-import { hash as p } from "./index238.js";
-import { useItemsGetter as W } from "./index247.js";
-import { usePrefill as q } from "./index248.js";
-import { useIndexById as z } from "./index246.js";
-import { useBaseOptions as J } from "./index243.js";
-import { useHashedWatcher as K } from "./index245.js";
+import { useItemValue as G } from "./index290.js";
+import { isNil as k } from "./index274.js";
+import { indexBy as U } from "./index291.js";
+import { hash as p } from "./index240.js";
+import { useItemsGetter as W } from "./index236.js";
+import { usePrefill as q } from "./index242.js";
+import { useIndexById as z } from "./index237.js";
+import { useBaseOptions as J } from "./index238.js";
+import { useHashedWatcher as K } from "./index241.js";
 const oe = /* @__PURE__ */ D({
   __name: "BbRows",
   props: {

package/dist/index110.js

@@ -1,31 +1,31 @@
 import { defineComponent as at, ref as f, computed as l, watch as Q, toRef as X, onBeforeUnmount as rt, createElementBlock as Y, openBlock as Z, Fragment as nt, renderSlot as m, createCommentVNode as it, createVNode as F, normalizeProps as ye, mergeProps as ge, normalizeStyle as lt, normalizeClass as st, withCtx as g, createElementVNode as L, withDirectives as ut, withKeys as h, withModifiers as d, unref as I, vModelDynamic as ct, guardReactiveProps as dt, nextTick as we } from "vue";
-import { extractDomContainer as pt } from "./index274.js";
-import { get as vt } from "./index236.js";
-import { hash as ee } from "./index238.js";
-import { isNil as ft } from "./index231.js";
-import { matchAnyKey as Be } from "./index241.js";
-import { parseWidthString as mt } from "./index275.js";
-import { useArray as ht } from "./index242.js";
-import { useBaseOptions as bt } from "./index243.js";
-import { useCoherence as yt } from "./index244.js";
+import { extractDomContainer as pt } from "./index262.js";
+import { get as vt } from "./index284.js";
+import { hash as ee } from "./index240.js";
+import { isNil as ft } from "./index274.js";
+import { matchAnyKey as Be } from "./index294.js";
+import { parseWidthString as mt } from "./index286.js";
+import { useArray as ht } from "./index295.js";
+import { useBaseOptions as bt } from "./index238.js";
+import { useCoherence as yt } from "./index239.js";
 import { useElementSize as gt, useIntersectionObserver as wt } from "./index146.js";
-import { useHashedWatcher as Ae } from "./index245.js";
+import { useHashedWatcher as Ae } from "./index241.js";
 import { useId as Bt } from "./index8.js";
-import { useIndexById as Ie } from "./index246.js";
-import { useItemsGetter as At } from "./index247.js";
+import { useIndexById as Ie } from "./index237.js";
+import { useItemsGetter as At } from "./index236.js";
 import { useMobile as It } from "./index9.js";
-import { usePrefill as Vt } from "./index248.js";
-import { useUntil as xt } from "./index257.js";
+import { usePrefill as Vt } from "./index242.js";
+import { useUntil as xt } from "./index285.js";
 import { wait as C } from "./index145.js";
 /* empty css       */
 /* empty css       */
 import Et from "./index118.js";
 /* empty css         */
-import St from "./index254.js";
+import St from "./index253.js";
 /* empty css         */
-import kt from "./index225.js";
-import Dt from "./index256.js";
-import { waitFor as Lt } from "./index276.js";
+import kt from "./index226.js";
+import Dt from "./index296.js";
+import { waitFor as Lt } from "./index297.js";
 const Ct = {
   key: 0,
   class: "bb-select-popover__search-container"

package/dist/index118.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 "./index235.js";
+import { isCssColor as m } from "./index232.js";
 const d = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index122.js

@@ -30,6 +30,7 @@ const E = /* @__PURE__ */ f({
     loadingText: {},
     max: {},
     modelValue: {},
+    multiple: { type: Boolean },
     modelValueDebounceTime: {},
     name: {},
     noDataText: {},

package/dist/index124.js

@@ -8,12 +8,12 @@ import Ce from "./index14.js";
 import Be from "./index116.js";
 /* empty css         */
 import { useFrameworkDetection as Te } from "./index147.js";
-import { merge as qe } from "./index270.js";
-import { isNil as Le } from "./index231.js";
+import { merge as qe } from "./index302.js";
+import { isNil as Le } from "./index274.js";
 import { useQuery as Fe } from "./index11.js";
-import { hash as Ee } from "./index238.js";
+import { hash as Ee } from "./index240.js";
 import { isNotNil as Ne } from "./index150.js";
-import { useLogger as Pe } from "./index237.js";
+import { useLogger as Pe } from "./index243.js";
 const Ve = ["id"], Re = { class: "bb-tab__label-boundary" }, Ke = { class: "bb-tab__label" }, De = { class: "bb-tab__panes-container" }, We = ["id", "aria-labelledby", "tabindex"], rt = /* @__PURE__ */ fe({
   __name: "BbTab",
   props: {

package/dist/index126.js

@@ -1,22 +1,22 @@
 import { defineComponent as he, mergeModels as X, ref as ke, computed as u, toRef as O, useModel as Y, watch as M, reactive as ge, createBlock as Z, openBlock as s, resolveDynamicComponent as xe, normalizeClass as i, withCtx as we, createElementBlock as o, createCommentVNode as p, createElementVNode as n, toDisplayString as m, renderSlot as c, unref as v, Fragment as k, renderList as x, normalizeStyle as H, createVNode as ee, createTextVNode as Ce, mergeProps as Ie } from "vue";
-import { clamp as Ve } from "./index221.js";
-import { hash as T } from "./index238.js";
-import { isNil as w } from "./index231.js";
-import { when as $e } from "./index249.js";
+import { clamp as Ve } from "./index222.js";
+import { hash as T } from "./index240.js";
+import { isNil as w } from "./index274.js";
+import { when as $e } from "./index233.js";
 import { useId as Be } from "./index8.js";
-import { useItemValue as He } from "./index294.js";
-import { useItemsGetter as Te } from "./index247.js";
-import { usePrefill as Ae } from "./index248.js";
-import { useIndexById as le } from "./index246.js";
-import { useBaseOptions as Ne } from "./index243.js";
-import { useHashedWatcher as Le } from "./index245.js";
-import { useLocale as De } from "./index233.js";
+import { useItemValue as He } from "./index290.js";
+import { useItemsGetter as Te } from "./index236.js";
+import { usePrefill as Ae } from "./index242.js";
+import { useIndexById as le } from "./index237.js";
+import { useBaseOptions as Ne } from "./index238.js";
+import { useHashedWatcher as Le } from "./index241.js";
+import { useLocale as De } from "./index230.js";
 import ae from "./index18.js";
 /* empty css        */
 import Ee from "./index32.js";
 /* empty css        */
-import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index302.js";
-import { useLogger as Me } from "./index237.js";
+import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index299.js";
+import { useLogger as Me } from "./index243.js";
 const Fe = {
   key: 0,
   class: "sr-only"

package/dist/index134.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 "./index12.js";
-import b from "./index269.js";
+import b from "./index301.js";
 const $ = /* @__PURE__ */ a({
   __name: "BbToast",
   props: {

package/dist/index136.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 "./index257.js";
+import { useLocale as Q } from "./index230.js";
+import { useUntil as X } from "./index285.js";
 import Y from "./index14.js";
 /* empty css        */
-import Z from "./index254.js";
+import Z from "./index253.js";
 /* empty css         */
 import { useElementSize as ee } from "./index146.js";
-import { extractDomContainer as V } from "./index274.js";
-import { parseWidthString as te } from "./index275.js";
+import { extractDomContainer as V } from "./index262.js";
+import { parseWidthString as te } from "./index286.js";
 const ce = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "BbTooltip",

package/dist/index138.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 "./index287.js";
+import { flattenTree as T } from "./index289.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index14.js

@@ -1,5 +1,5 @@
 import { defineComponent as w, getCurrentInstance as P, computed as r, createBlock as c, openBlock as i, mergeProps as f, withCtx as v, renderSlot as d, createTextVNode as p, toDisplayString as h, resolveDynamicComponent as b } from "vue";
-import R from "./index224.js";
+import R from "./index281.js";
 import { useFrameworkDetection as _ } from "./index147.js";
 import { _config as g } from "./index4.js";
 const D = /* @__PURE__ */ w({

package/dist/index140.js

@@ -5,8 +5,8 @@ import u from "./index88.js";
 /* empty css        */
 import I from "./index118.js";
 /* empty css         */
-import N from "./index225.js";
-import g from "./index226.js";
+import N from "./index226.js";
+import g from "./index227.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/index144.js

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

package/dist/index146.js

@@ -1,5 +1,5 @@
-import { tryOnMounted as D, toArray as L, notNullish as Z, noop as V, tryOnScopeDispose as P, useThrottleFn as q, isClient as ee, watchImmediate as te, useDebounceFn as ne, pxValue as G, injectLocal as oe, isObject as le } from "./index222.js";
-import { bypassFilter as We, createFilterWrapper as ye, debounceFilter as Te, debouncedWatch as Ie, getLifeCycleTarget as Me, throttleFilter as _e, debouncedWatch as Re, watchWithFilter as Ae } from "./index222.js";
+import { tryOnMounted as D, toArray as L, notNullish as Z, noop as V, tryOnScopeDispose as P, useThrottleFn as q, isClient as ee, watchImmediate as te, useDebounceFn as ne, pxValue as G, injectLocal as oe, isObject as le } from "./index221.js";
+import { bypassFilter as We, createFilterWrapper as ye, debounceFilter as Te, debouncedWatch as Ie, getLifeCycleTarget as Me, throttleFilter as _e, debouncedWatch as Re, watchWithFilter as Ae } from "./index221.js";
 import { shallowRef as S, getCurrentInstance as ue, onMounted as se, computed as g, watch as B, toValue as w, reactive as U, ref as J, watchEffect as re, hasInjectionContext as ie, unref as ce } from "vue";
 const R = ee ? window : void 0;
 function W(o) {

package/dist/index149.js

@@ -1,5 +1,5 @@
-import { isArray as p } from "./index228.js";
-import { isPlainObject as i } from "./index229.js";
+import { isArray as p } from "./index224.js";
+import { isPlainObject as i } from "./index225.js";
 function f(e, n, u, l, r) {
   const o = {}.propertyIsEnumerable.call(l, n) ? "enumerable" : "nonenumerable";
   o === "enumerable" && (e[n] = u), r && o === "nonenumerable" && Object.defineProperty(e, n, {

package/dist/index16.js

@@ -1,9 +1,9 @@
 import { defineComponent as $, ref as d, computed as i, createBlock as C, openBlock as g, normalizeClass as M, withCtx as n, createVNode as b, unref as p, withDirectives as I, createElementVNode as t, mergeProps as f, renderSlot as s } from "vue";
-import { isHex as q } from "./index285.js";
+import { isHex as q } from "./index229.js";
 import { isNotNil as D } from "./index150.js";
 import { useId as E } from "./index8.js";
-import { useLocale as N } from "./index233.js";
-import { vMaska as L } from "./index286.js";
+import { useLocale as N } from "./index230.js";
+import { vMaska as L } from "./index231.js";
 import P from "./index74.js";
 import z from "./index140.js";
 /* empty css         */

package/dist/index18.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 "./index235.js";
-import { booleanishToBoolean as q } from "./index271.js";
-import { isEqual as A } from "./index273.js";
+import { isCssColor as y } from "./index232.js";
+import { booleanishToBoolean as q } from "./index244.js";
+import { isEqual as A } from "./index245.js";
 const N = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index20.js

@@ -1,16 +1,17 @@
-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 "./index18.js";
+import { defineComponent as z, ref as B, toRef as p, computed as R, createBlock as W, openBlock as K, unref as T, withCtx as n, renderSlot as l, normalizeProps as f, guardReactiveProps as h, createVNode as N, mergeProps as C } from "vue";
+import U from "./index18.js";
 /* empty css        */
-import U from "./index261.js";
+import q from "./index234.js";
 /* empty css         */
-import { useItemsGetter as q } from "./index247.js";
-import { useIndexById as C } from "./index246.js";
-import { useBaseOptions as J } from "./index243.js";
-import { useCoherence as Q } from "./index244.js";
-import { hash as X } from "./index238.js";
-import { useHashedWatcher as $ } from "./index245.js";
-import { usePrefill as Y } from "./index248.js";
-const ce = /* @__PURE__ */ z({
+import { useItemsGetter as J } from "./index236.js";
+import { useIndexById as $ } from "./index237.js";
+import { useBaseOptions as Q } from "./index238.js";
+import { useCoherence as X } from "./index239.js";
+import { hash as Y } from "./index240.js";
+import { useHashedWatcher as w } from "./index241.js";
+import { usePrefill as Z } from "./index242.js";
+import { useLogger as _ } from "./index243.js";
+const fe = /* @__PURE__ */ z({
   __name: "BaseCheckboxGroup",
   props: {
     ariaDescribedby: {},
@@ -30,6 +31,7 @@ const ce = /* @__PURE__ */ z({
     loadingText: {},
     max: { default: 1 / 0 },
     modelValue: {},
+    multiple: { type: Boolean, default: !0 },
     modelValueDebounceTime: { default: 0 },
     name: {},
     noDataText: {},
@@ -37,28 +39,29 @@ const ce = /* @__PURE__ */ z({
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(I, { emit: D }) {
-    const o = I, t = D;
-    if (!Array.isArray(o.modelValue))
-      throw new Error("Model value must be an array in checkbox group.");
-    const i = B(), d = B(!1), {
-      getter: u,
+    const o = I, t = D, L = _();
+    o.multiple && !Array.isArray(o.modelValue) && L.throw(
+      'BaseCheckboxGroup: multiple is set to "true" but modelValue is not an array.'
+    );
+    const r = B(), u = B(!1), {
+      getter: d,
       items: E,
       loading: H
-    } = q({
+    } = J({
       items: p(o, "items"),
       debounce: 0
     }), c = () => {
-      o.enforceCoherence && !v.value && t("update:modelValue", F.value.coherent);
-    }, { hasPrefilled: L } = Y({
+      o.enforceCoherence && !v.value && t("update:modelValue", O.value);
+    }, { hasPrefilled: x } = Z({
       trigger: !0,
       currentValue: o.modelValue,
-      multiple: !0,
+      multiple: o.multiple,
       fn: async (e) => {
-        await u(e, o.modelValue), c();
+        await d(e, o.modelValue), c();
       }
-    }), { data: b } = C({
-      items: G(() => o.modelValue)
-    }), { options: y } = J({
+    }), { data: b } = $({
+      items: R(() => [].concat(o.modelValue))
+    }), { options: y } = Q({
       disabled: p(o, "disabled"),
       items: E,
       itemText: o.itemText,
@@ -66,62 +69,70 @@ const ce = /* @__PURE__ */ z({
       max: o.max,
       selectable: !0,
       selectedIndexedByHash: b
-    }), x = async (e) => {
-      t("update:modelValue", o.modelValue.concat(e.value));
-    }, M = async (e) => {
-      const l = { ...b.value };
-      delete l[e.valueHash], t("update:modelValue", Object.values(l));
-    }, { data: P } = C({
+    }), P = async (e) => {
+      if (o.multiple) {
+        t("update:modelValue", [].concat(o.modelValue).concat(e.value));
+        return;
+      }
+      t("update:modelValue", e.value);
+    }, F = async (e) => {
+      if (!o.multiple) {
+        t("update:modelValue", null);
+        return;
+      }
+      const s = { ...b.value };
+      delete s[e.valueHash], t("update:modelValue", Object.values(s));
+    }, { data: M } = $({
       items: y,
       key: "valueHash"
-    }), { coherent: v, status: F } = Q({
+    }), { coherent: v, coherentValue: O } = X({
       modelValue: p(o, "modelValue"),
-      multiple: !0,
-      iteratee: (e) => !!P.value[X(e)]
+      multiple: o.multiple,
+      iteratee: (e) => !!M.value[Y(e)]
     });
-    let r = 0;
-    $(
+    let i = 0;
+    w(
       () => o.modelValue,
       async () => {
-        r++, v.value || (await u(!1, o.modelValue), c()), r--;
+        i++, v.value || (await d(!1, o.modelValue), c()), i--;
       },
       {
         debounce: o.modelValueDebounceTime
       }
-    ), $(
+    ), w(
       () => [o.dependencies, o.items],
       async () => {
-        L.value && (r++, await u(!1, o.modelValue), r === 1 && c(), r--);
+        x.value && (i++, await d(!1, o.modelValue), i === 1 && c(), i--);
       },
       {
         debounce: o.depsDebounceTime
       }
     );
-    const O = (e) => {
+    const A = (e) => {
       if (o.id)
         return [o.id, e.valueHash].filter(Boolean).join("-");
-    }, A = (e, l) => {
-      t("change", e), l.selected ? M(l) : x(l);
+    }, G = (e, s) => {
+      t("change", e), s.selected ? F(s) : P(s);
     }, S = {
       onBlur: (e) => t("blur", e),
       onClick: (e) => t("click", e),
       onFocus: (e) => {
-        t("focus", e), d.value || (document.addEventListener("focusin", V, { passive: !0 }), document.addEventListener("click", k, { passive: !0 }), d.value = !0);
+        t("focus", e), u.value || (document.addEventListener("focusin", V, { passive: !0 }), document.addEventListener("click", k, { passive: !0 }), u.value = !0);
       },
       onInput: (e) => t("input", e),
       onKeydown: (e) => t("keydown", e),
       onMousedown: (e) => t("mousedown", e),
       onMouseup: (e) => t("mouseup", e)
     }, g = () => {
-      t("inactive"), d.value = !1, document.removeEventListener("focusin", V), document.removeEventListener("click", k);
+      t("inactive"), u.value = !1, document.removeEventListener("focusin", V), document.removeEventListener("click", k);
     }, V = (e) => {
-      e.target instanceof HTMLElement && (i.value?.$el.contains(e.target) || g());
+      e.target instanceof HTMLElement && (r.value?.$el.contains(e.target) || g());
     }, k = (e) => {
-      e.target instanceof HTMLElement && (i.value?.$el.contains(e.target) || g());
+      e.target instanceof HTMLElement && (r.value?.$el.contains(e.target) || g());
     };
-    return (e, l) => (W(), R(U, {
+    return (e, s) => (K(), W(q, {
       ref_key: "container",
-      ref: i,
+      ref: r,
       class: "bb-base-checkbox-group",
       direction: e.direction,
       "has-errors": e.hasErrors,
@@ -132,23 +143,23 @@ const ce = /* @__PURE__ */ z({
       options: T(y)
     }, {
       prepend: n(() => [
-        s(e.$slots, "prepend")
+        l(e.$slots, "prepend")
       ]),
       loading: n(() => [
-        s(e.$slots, "loading")
+        l(e.$slots, "loading")
       ]),
       "no-data": n(() => [
-        s(e.$slots, "no-data")
+        l(e.$slots, "no-data")
       ]),
       label: n((a) => [
-        s(e.$slots, "label", f(h(a)))
+        l(e.$slots, "label", f(h(a)))
       ]),
       "option:prepend": n((a) => [
-        s(e.$slots, "option:prepend", f(h(a)))
+        l(e.$slots, "option:prepend", f(h(a)))
       ]),
       input: n(({ option: a, index: j }) => [
-        K(N, w({
-          id: O(a),
+        N(U, C({
+          id: A(a),
           "aria-describedby": e.ariaDescribedby,
           autofocus: e.autofocus && !j,
           checked: a.selected,
@@ -159,10 +170,10 @@ const ce = /* @__PURE__ */ z({
           readonly: e.readonly,
           "true-value": a.value
         }, S, {
-          onChange: (m) => A(m, a)
+          onChange: (m) => G(m, a)
         }), {
           icon: n((m) => [
-            s(e.$slots, "icon", w({
+            l(e.$slots, "icon", C({
               item: a.item,
               text: a.text
             }, m))
@@ -171,15 +182,15 @@ const ce = /* @__PURE__ */ z({
         }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "name", "readonly", "true-value", "onChange"])
       ]),
       "option:append": n((a) => [
-        s(e.$slots, "option:append", f(h(a)))
+        l(e.$slots, "option:append", f(h(a)))
       ]),
       append: n(() => [
-        s(e.$slots, "append")
+        l(e.$slots, "append")
       ]),
       _: 3
     }, 8, ["direction", "has-errors", "hide-label", "loading", "loading-text", "no-data-text", "options"]));
   }
 });
 export {
-  ce as default
+  fe as default
 };

package/dist/index22.js

@@ -5,20 +5,20 @@ import { _config as Q } from "./index4.js";
 import { useId as X } from "./index8.js";
 import b from "./index14.js";
 /* empty css        */
-import d from "./index263.js";
-import ee from "./index266.js";
-import ae from "./index267.js";
-import te from "./index278.js";
-import { hash as B } from "./index238.js";
-import { last as le } from "./index240.js";
-import { validateDateFormat as L } from "./index279.js";
-import { useLogger as oe } from "./index237.js";
-import re from "./index280.js";
-import se from "./index281.js";
-import de from "./index282.js";
-import S from "./index283.js";
-import ie from "./index284.js";
-import { useLocale as ne } from "./index233.js";
+import d from "./index246.js";
+import ee from "./index249.js";
+import ae from "./index250.js";
+import te from "./index266.js";
+import { hash as B } from "./index240.js";
+import { last as le } from "./index255.js";
+import { validateDateFormat as L } from "./index267.js";
+import { useLogger as oe } from "./index243.js";
+import re from "./index268.js";
+import se from "./index269.js";
+import de from "./index270.js";
+import S from "./index271.js";
+import ie from "./index272.js";
+import { useLocale as ne } from "./index230.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",