bitboss-ui 3.0.0-beta.4 → 3.0.0-beta.8

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

@@ -25,6 +25,13 @@ export type ItemKey<Item = any> = NestedPaths<Item> | (string & {});
  * inferred per column, so the conditional has literal types to distribute over.
  */
 export type ReservedColumnKey = 'actions' | 'select';
+/**
+ * Suffixes of the header affix slots (`header:prepend` / `header:append` and
+ * their per-column `header:<key>:prepend/append` variants). A column key that
+ * normalizes to one of these shadows the table-wide slot name; the table-wide
+ * interpretation wins and dev builds warn.
+ */
+export type HeaderAffixSuffix = 'prepend' | 'append';
 /**
  * Skeleton placeholder style for the loading state.
  * Matches the expected content type for a better loading experience.
@@ -80,17 +87,17 @@ export type BbTableColumn<Item = any> = BaseColumn<Item> & {
      */
     sorted?: 'asc' | 'desc';
     /**
-     * Classes this column contributes to the whole row's `<tr>`. Every column's
+     * Classes this column contributes to the whole row element. Every column's
      * `rowClass` is accumulated with the table-level `rowClass` prop and applied
      * together. Can also be a function of the cell's content for dynamic values.
      */
     rowClass?: ColumnClasses<Item>;
     /**
-     * Defines the classes to be passed to the `<td>` elements. Can also be a function for dynamic values.
+     * Defines the classes to be passed to this column's data cells. Can also be a function for dynamic values.
      */
     tdClass?: ColumnClasses<Item>;
     /**
-     * Defines the classes to be passed to the `<th>`.
+     * Defines the classes to be passed to this column's header cell.
      */
     thClass?: Classes;
     /**
@@ -144,7 +151,7 @@ export type BbTableProps<Item = any> = {
     /**
      * Opt a nested table into inheriting its column widths from an ancestor
      * table's matching tracks (accounting for `select`/`actions` columns). This
-     * also forces `table-layout: fixed`, so it is **off by default** — a nested
+     * also makes the parent's tracks authoritative, so it is **off by default** — a nested
      * table renders independently unless you ask for alignment.
      * - `false` (the default): do not inherit; size independently.
      * - `true`: inherit from the nearest ancestor table.
@@ -215,7 +222,8 @@ export type BbTableProps<Item = any> = {
      */
     displayCaption?: boolean;
     /**
-     * Defines the table layout as fixed
+     * Splits the width equally among the columns that declare no `width`
+     * (each undeclared column becomes a `minmax(0, 1fr)` track)
      * making each column take up the same amount of space.
      */
     fixed?: boolean;
@@ -343,12 +351,12 @@ export type BbTableProps<Item = any> = {
      */
     readonly?: boolean;
     /**
-     * Defines the classes to be passed to each data `<tr>`. Can also be a
+     * Defines the classes to be passed to each data row. Can also be a
      * function of the row's item for dynamic values.
      */
     rowClass?: RowClasses<Item>;
     /**
-     * Defines the classes to be passed to the header `<tr>`.
+     * Defines the classes to be passed to the header row.
      */
     headerRowClass?: Classes;
     /**
@@ -391,11 +399,11 @@ export type BbTableProps<Item = any> = {
      */
     selectText?: string;
     /**
-     * Defines the classes to be passed to the `<td>` elements. Can also be a function for dynamic values.
+     * Defines the classes to be passed to every data cell. Can also be a function for dynamic values.
      */
     tdClass?: ColumnClasses<Item>;
     /**
-     * Defines the classes to be passed to the `<th>`.
+     * Defines the classes to be passed to every header cell.
      */
     thClass?: Classes;
     /**
@@ -459,7 +467,7 @@ export type MappedItem = Option & {
  * Projection that represents a header
  */
 export type MappedHeader = {
-    align: HTMLTableCellElement['align'];
+    align: string;
     classes?: Classes;
     key: string;
     label: string;
@@ -486,9 +494,9 @@ export type ExpandControllerProps = {
     onKeydown: (event: KeyboardEvent) => void;
 };
 export type BbTableEvents = {
-    (e: 'click:row', event: MouseEvent, item: any, selected: boolean): void;
-    (e: 'contextmenu:row', event: MouseEvent, item: any, selected: boolean): void;
-    (e: 'dblclick:row', event: MouseEvent, item: any, selected: boolean): void;
+    (e: 'click:row', event: MouseEvent, item: any): void;
+    (e: 'contextmenu:row', event: MouseEvent, item: any): void;
+    (e: 'dblclick:row', event: MouseEvent, item: any): void;
     (e: 'update:highlighted', value: any): void;
     (e: 'update:modelValue', value: any): void;
     (e: 'update:selectAll', value: boolean): void;
@@ -498,22 +506,57 @@ export type BbTableEvents = {
     (e: 'item:selected', value: any): void;
     (e: 'item:unselected', value: any): void;
 };
+/**
+ * Props exposed by the table-wide `header:prepend` / `header:append` slots and
+ * their per-column `header:<key>:prepend` / `header:<key>:append` variants —
+ * the `header:<key>` payload plus the column key.
+ */
+export type BbTableHeaderAffixSlotProps<Item = any> = {
+    /** Merged header classes for this column. */
+    classes?: Classes;
+    /**
+     * The raw key of the column being rendered — branch on it in the
+     * table-wide slots.
+     */
+    columnKey: string;
+    /** The current table items. */
+    items?: Item[];
+    /** The column's label. */
+    label?: string;
+    /** Whether this column is sortable. */
+    sortable?: boolean;
+    /** This column's current sort direction, or `null` when unsorted. */
+    sortOrder?: 'asc' | 'desc' | null;
+    /** Cycles this column's sort: unsorted → asc → desc → unsorted. */
+    toggleSort?: () => void;
+};
 export type BbTableSlots<Item = any> = {
     /**
-     * Replaces the entire `<thead>` element. Use when you need full control over the header markup.
+     * Replaces the content of the header row group (`.bb-table__head`). Use when
+     * you need full control over the header markup. The table is a CSS grid,
+     * not a `<table>`: provide role-complete rows — `<div role="row">` holding
+     * one `<div role="columnheader">` per column — and never a `<tr>`/`<th>`.
+     * Rows are subgrid rows, so each cell lands on the matching column track.
      */
     thead?: (props: object) => any;
     /**
-     * Replaces the entire `<tbody>` element. Use when you need full control over the body markup.
+     * Replaces the content of the body row group (`.bb-table__body`). Use when
+     * you need full control over the body markup. Provide role-complete rows —
+     * `<div role="row">` holding one `<div role="cell">` per column — never a
+     * `<tr>`/`<td>`. A full-width cell spans with `grid-column: 1 / -1`.
      */
     tbody?: (props: object) => any;
     /**
-     * Replaces the entire `<tfoot>` element. Use when you need full control over the footer markup.
+     * Fills the footer row group (`.bb-table__foot`). Use when you need a
+     * footer. Provide role-complete rows — `<div role="row">` holding
+     * `<div role="cell">` elements — never a `<tr>`/`<td>`.
      */
     tfoot?: (props: {
         /**
-         * Total rendered column count — the value to give a full-width footer row's
-         * `colspan` (accounts for the selection/expand columns), so you never hand-count it.
+         * Total rendered column count (accounts for the selection/actions
+         * columns), so you never hand-count it. A footer cell spanning the
+         * whole table uses `grid-column: 1 / -1`; one spanning a subset uses
+         * `grid-column: span N` with `N` up to this value.
          */
         columnCount: number;
     }) => any;
@@ -535,6 +578,20 @@ export type BbTableSlots<Item = any> = {
     'header:actions'?: (props: {
         text: string;
     }) => any;
+    /**
+     * Content rendered before every data column's header cell content — the
+     * label + sort control, or the column's own `header:<key>` replacement.
+     * A column's `header:<key>:prepend` slot wins over this one for that
+     * column; they never stack. Branch on `columnKey` for per-column output.
+     */
+    'header:prepend'?: (props: BbTableHeaderAffixSlotProps<Item>) => any;
+    /**
+     * Content rendered after every data column's header cell content — the
+     * label + sort control, or the column's own `header:<key>` replacement.
+     * A column's `header:<key>:append` slot wins over this one for that
+     * column; they never stack. Branch on `columnKey` for per-column output.
+     */
+    'header:append'?: (props: BbTableHeaderAffixSlotProps<Item>) => any;
     /**
      * Content shown while table rows are loading (replaces the skeleton rows).
      * @param items - The current (possibly stale) list of items, useful to match the previous row count.
@@ -544,9 +601,9 @@ export type BbTableSlots<Item = any> = {
     }) => any;
     /**
      * Content shown when the items list is empty and not loading. It fills the
-     * table's own full-width empty-state cell (the colspan already accounts for
-     * the selection/actions columns), so provide the *content* — a message, an
-     * illustration, a "clear filters" button — never a `<tr>`/`<td>` of your own.
+     * table's own full-width empty-state cell (it already spans the
+     * selection/actions columns), so provide the *content* — a message, an
+     * illustration, a "clear filters" button — never a row/cell of your own.
      */
     'no-data'?: (props: object) => any;
     /**
@@ -616,6 +673,11 @@ export type BbTableSlots<Item = any> = {
     }) => any;
 } & Record<string, (props: {
     classes?: Classes[];
+    /**
+     * Present only in the `header:<key>:prepend/append` affix slots — the
+     * raw key of the column being rendered.
+     */
+    columnKey?: string;
     content?: any;
     expanded?: boolean;
     expandProps?: ExpandControllerProps;

package/dist/components/BbTable/utils.d.ts

@@ -4,11 +4,26 @@ export type FixedColumnConfig = number | {
     index: number;
     position: 'left' | 'right';
 };
+/**
+ * Splits the grid root's *resolved* `grid-template-columns` (one
+ * `getComputedStyle` read) into its px tokens, verbatim. Returns `null` when
+ * any token is not a px length: a table hidden by `display: none` reports its
+ * SPECIFIED template (`max-content auto …`) instead of used values, and the
+ * caller must keep its last good measurement rather than publish keywords.
+ *
+ * Read the root only — a subgrid box reports the literal `subgrid [] [] …`.
+ */
+export declare const readResolvedTracks: (root: Element) => string[] | null;
 /**
  * Applies sticky positioning to fixed table columns.
- * Call after DOM updates (e.g. in watch with flush: 'post') to read layout.
+ *
+ * `root` is the grid root (`.bb-table__table`). Offsets are prefix sums of the
+ * resolved track list, so they hold to the subpixel regardless of what sized
+ * the track (frozen width, inherited parent track, content). Call after DOM
+ * updates (e.g. in a `flush: 'post'` watch) and after every re-measure so the
+ * offsets follow the tracks.
  */
-export declare const applyFixedTableColumns: (table: HTMLTableElement, fixedColumns: FixedColumnConfig[]) => void;
+export declare const applyFixedTableColumns: (root: HTMLElement, fixedColumns: FixedColumnConfig[]) => void;
 /**
  * Converts a column key (e.g. "address.nested.value") to a slot-safe name (e.g. "address_nested_value").
  * Thin alias over the shared {@link slotKey} normalizer used across every
@@ -20,7 +35,7 @@ export declare const columnKeyToSlotName: (key: string) => string;
  */
 export declare const mergeHeaderClasses: (base: Classes, global?: Classes, column?: Classes) => Classes;
 /**
- * Accumulates every row-class source for a row's `<tr>`: the table-level
+ * Accumulates every row-class source for a data row: the table-level
  * `rowClass` prop (item function or static), then each column's `rowClass`
  * (resolved with that column's cell content, like `tdClass`), in column order.
  */

package/dist/components/BbTable/utils.js

@@ -1,53 +1,61 @@
 import { useLogger as e } from "../../composables/useLogger.js";
 import { slotKey as t } from "../../utilities/functions/slotKey.js";
 //#region src/components/BbTable/utils.ts
-var n = (t, n) => {
+var n = /^-?\d*\.?\d+px$/, r = (e) => {
+	let t = getComputedStyle(e).gridTemplateColumns;
+	if (!t || t === "none") return null;
+	let r = t.trim().split(/\s+/);
+	return r.every((e) => n.test(e)) ? r : null;
+}, i = [
+	"bb-table-expand__row",
+	"bb-table-no-data__row",
+	"bb-table-loading__row"
+], a = (t, n) => {
 	if (!n.length) return;
-	let r = Array.from(t.querySelectorAll(":scope > thead th"));
-	if (!r.length) return;
-	let { error: i } = e(), a = r.length, o = n.map((e) => ({
+	let a = r(t);
+	if (!a) return;
+	let { error: o } = e(), s = a.length, c = a.map((e) => parseFloat(e)), l = n.map((e) => ({
 		index: typeof e == "number" ? e : e.index,
 		position: typeof e == "number" ? "left" : e.position
 	})).sort((e, t) => e.position === t.position ? e.position === "left" ? e.index - t.index : t.index - e.index : e.position === "left" ? -1 : 1).reduce((e, t) => {
-		let n = r[t.index];
-		if (!n) return i(`BbTable fixedColumns: Cannot affix column at index ${t.index}. Table has ${a} columns (valid indices: 0–${a - 1}).`), e;
-		let { width: o } = n.getBoundingClientRect(), s = e.filter((e) => e.position === t.position).reduce((e, t) => e + t.width, 0);
+		let n = c[t.index];
+		if (n === void 0) return o(`BbTable fixedColumns: Cannot affix column at index ${t.index}. Table has ${s} columns (valid indices: 0–${s - 1}).`), e;
+		let r = e.filter((e) => e.position === t.position).reduce((e, t) => e + t.width, 0);
 		return e.push({
 			index: t.index,
 			position: t.position,
-			width: Math.floor(o),
-			offset: s
+			width: n,
+			offset: r
 		}), e;
 	}, []);
-	Array.from(t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")).forEach((e) => {
-		let t = e.querySelectorAll(":scope > td, :scope > th");
-		Array.from(t).some((e) => e.colSpan > 1) || t.length < a || o.forEach((t) => {
-			let n = e.querySelector(`:scope > :nth-child(${t.index + 1})`);
+	Array.from(t.querySelectorAll(":scope > .bb-table__head > [role=\"row\"], :scope > .bb-table__body > [role=\"row\"]")).forEach((e) => {
+		i.some((t) => e.classList.contains(t)) || e.children.length < s || l.forEach((t) => {
+			let n = e.children[t.index];
 			n && (n.style.position = "sticky", n.style[t.position] = `${t.offset}px`);
 		});
 	});
-}, r = (e) => Array.isArray(e) ? e : [e], i = t, a = (e, t, n) => {
-	let i = [...r(e)];
-	return t && i.push(...r(t)), n && i.push(...r(n)), i;
-}, o = (e, t, n, i) => {
-	let a = [], o = (e) => {
-		e && a.push(...r(e));
+}, o = (e) => Array.isArray(e) ? e : [e], s = t, c = (e, t, n) => {
+	let r = [...o(e)];
+	return t && r.push(...o(t)), n && r.push(...o(n)), r;
+}, l = (e, t, n, r) => {
+	let i = [], a = (e) => {
+		e && i.push(...o(e));
 	};
-	return o(typeof e == "function" ? e(i) : e), t.forEach((e, t) => {
-		let r = e.rowClass;
-		r && o(typeof r == "function" ? r(n[t]?.content, String(e.key), i) : r);
-	}), a;
-}, s = (e, t, n, i, a, o) => {
-	let s = [...r(e)], c = (e) => typeof e == "function" ? e(i, a, o) : e;
+	return a(typeof e == "function" ? e(r) : e), t.forEach((e, t) => {
+		let i = e.rowClass;
+		i && a(typeof i == "function" ? i(n[t]?.content, String(e.key), r) : i);
+	}), i;
+}, u = (e, t, n, r, i, a) => {
+	let s = [...o(e)], c = (e) => typeof e == "function" ? e(r, i, a) : e;
 	if (t) {
 		let e = c(t);
-		e && s.push(...r(e));
+		e && s.push(...o(e));
 	}
 	if (n) {
 		let e = c(n);
-		e && s.push(...r(e));
+		e && s.push(...o(e));
 	}
 	return s;
 };
 //#endregion
-export { n as applyFixedTableColumns, i as columnKeyToSlotName, s as mergeCellClasses, a as mergeHeaderClasses, o as mergeRowClasses };
+export { a as applyFixedTableColumns, s as columnKeyToSlotName, u as mergeCellClasses, c as mergeHeaderClasses, l as mergeRowClasses, r as readResolvedTracks };

package/dist/index.d.ts

@@ -49,6 +49,10 @@ export { useMobile } from './composables/useMobile';
 export { useSafeArea } from './composables/useSafeArea';
 export type { SafeAreaSide, UseSafeAreaOptions, } from './composables/useSafeArea';
 export { useToast } from './composables/useToast';
+/**
+ * Export utilities
+ */
+export { slotKey } from './utilities/functions/slotKey';
 /**
  * Export components
  */
@@ -142,7 +146,7 @@ export type { BbTimePickerInputProps, BbTimePickerInputEvents, BbTimePickerInput
 export type { BbTimePickerProps, BbTimePickerEvents, BbTimePickerSlots, BbTimePickerSegment, } from './components/BbTimePicker/types';
 export type { Sizes as BbDialogSizes } from './components/BbDialog/types';
 export type { BbDropdownButtonProps } from './components/BbDropdownButton/types';
-export type { BbDropdownGroupModel, BbDropdownGroupProps, BbDropdownProps, Item as BbDropdownItem, } from './components/BbDropdown/types';
+export type { BbDropdownGroupModel, BbDropdownGroupProps, BbDropdownProps, DropdownGroupItemsGetter, Item as BbDropdownItem, } from './components/BbDropdown/types';
 export type { BbDropzoneProps, DropZoneError, BbDropzoneEvents, } from './components/BbDropzone/types';
 export type { BbIconProps, BbIconSize } from './components/BbIcon/types';
 export type { BbNumberInputProps, BbNumberInputEvents, } from './components/BbNumberInput/types';

package/dist/index.js

@@ -7,70 +7,71 @@ import { useBbDropdownContext as i } from "./composables/useBbDropdownContext.js
 import { useMobile as a } from "./composables/useMobile.js";
 import o from "./components/BbBaseButton/BbBaseButton.vue.js";
 import s from "./components/BbIcon/BbIcon.vue.js";
-import c from "./components/BbOffCanvas/BbOffCanvas.vue.js";
-import l from "./components/BbSmoothHeight/BbSmoothHeight.vue.js";
-import u from "./components/BbSpinner/BbSpinner.vue.js";
-import d from "./components/BbBadge/BbBadgeButton.vue.js";
-import f from "./components/BbBadge/BbBadge.vue.js";
-import p from "./components/BbDropdown/BbDropdown.vue.js";
-import m, { BbDropdownDirectivePlugin as h } from "./directives/bbDropdown.js";
-import g from "./components/BbColorPalette/BbColorPalette.vue.js";
-import _, { BbColorDirectivePlugin as v } from "./directives/bbColor.js";
-import y from "./components/BbDatePicker/BbDatePicker.vue.js";
-import b, { BbDateDirectivePlugin as x } from "./directives/bbDate.js";
-import S from "./components/BbTimePicker/BbTimePicker.vue.js";
-import C, { BbTimeDirectivePlugin as w } from "./directives/bbTime.js";
-import { bitbossUiPlugin as T } from "./plugin.js";
-import { useBbConfig as E } from "./composables/useBbConfig.js";
-import { useBbTableContext as D } from "./composables/useBbTableContext.js";
-import { useBbTabsContext as O } from "./composables/useBbTabsContext.js";
-import { useConfirm as k } from "./composables/useConfirm.js";
-import { useCountdown as A } from "./composables/useCountdown.js";
-import { useSafeArea as j } from "./composables/useSafeArea.js";
-import { useToast as M } from "./composables/useToast.js";
-import N from "./components/BbCollapsible/BbCollapsible.vue.js";
-import P from "./components/BbAccordion/BbAccordion.vue.js";
-import F from "./components/BbAlert/BbAlert.vue.js";
-import I from "./components/BbAsterisk/BbAsterisk.vue.js";
-import L from "./components/BbAvatar/BbAvatar.vue.js";
-import R from "./components/BbIndicator/BbIndicator.vue.js";
-import z from "./components/BbBreadcrumbs/BbBreadcrumbs.vue.js";
-import B from "./components/BbButton/BbButton.vue.js";
-import V from "./components/BbBaseCheckboxIcon/BbBaseCheckboxIcon.vue.js";
-import H from "./components/BbCheckbox/BbCheckbox.vue.js";
-import U from "./components/BbCheckboxGroup/BbCheckboxGroup.vue.js";
-import W from "./components/BbColorInput/BbColorInput.vue.js";
-import G from "./components/BbDialog/BbDialog.vue.js";
-import K from "./components/BbConfirm/BbConfirm.vue.js";
-import q from "./components/BbConfirm/BbConfirmPortal.vue.js";
-import J from "./components/BbDatePickerInput/BbDatePickerInput.vue.js";
-import Y from "./components/BbDropdownButton/BbDropdownButton.vue.js";
-import X from "./components/BbDropdown/BbDropdownGroup.vue.js";
-import Z from "./components/BbDropzone/BbDropzone.vue.js";
-import Q from "./components/BbNumberInput/BbNumberInput.vue.js";
-import $ from "./components/BbPagination/BbPagination.vue.js";
-import ee from "./components/BbPopover/BbPopover.vue.js";
-import te from "./components/BbProgress/BbProgress.vue.js";
-import ne from "./components/BbBaseRadioIcon/BbBaseRadioIcon.vue.js";
-import re from "./components/BbRadio/BbRadio.vue.js";
-import ie from "./components/BbRadioGroup/BbRadioGroup.vue.js";
-import ae from "./components/BbRating/BbRating.vue.js";
-import oe from "./components/BbSelectPopover/BbSelectPopover.vue.js";
-import se from "./components/BbSelect/BbSelect.vue.js";
-import ce from "./components/BbSlider/BbSlider.vue.js";
-import le from "./components/BbBaseSwitchIcon/BbBaseSwitchIcon.vue.js";
-import ue from "./components/BbSwitch/BbSwitch.vue.js";
-import de from "./components/BbSwitchGroup/BbSwitchGroup.vue.js";
-import fe from "./components/BbTable/BbTable.vue.js";
-import pe from "./components/BbTabs/BbTabsList.vue.js";
-import me from "./components/BbTabs/BbTabsPanes.vue.js";
-import he from "./components/BbTabs/BbTabs.vue.js";
-import ge from "./components/BbTabs/BbTabsRoot.vue.js";
-import _e from "./components/BbTag/BbTag.vue.js";
-import ve from "./components/BbTextarea/BbTextarea.vue.js";
-import ye from "./components/BbTextInput/BbTextInput.vue.js";
-import be from "./components/BbTimePickerInput/BbTimePickerInput.vue.js";
-import xe from "./components/BbToast/BbToast.vue.js";
-import Se from "./components/BbToast/BbToastPortal.vue.js";
-import Ce from "./components/BbTree/BbTree.vue.js";
-export { P as BbAccordion, F as BbAlert, I as BbAsterisk, L as BbAvatar, f as BbBadge, d as BbBadgeButton, o as BbBaseButton, V as BbBaseCheckboxIcon, ne as BbBaseRadioIcon, le as BbBaseSwitchIcon, z as BbBreadcrumbs, B as BbButton, H as BbCheckbox, U as BbCheckboxGroup, N as BbCollapsible, v as BbColorDirectivePlugin, W as BbColorInput, g as BbColorPalette, K as BbConfirm, q as BbConfirmPortal, x as BbDateDirectivePlugin, y as BbDatePicker, J as BbDatePickerInput, G as BbDialog, p as BbDropdown, Y as BbDropdownButton, h as BbDropdownDirectivePlugin, X as BbDropdownGroup, Z as BbDropzone, s as BbIcon, R as BbIndicator, Q as BbNumberInput, c as BbOffCanvas, $ as BbPagination, ee as BbPopover, te as BbProgress, re as BbRadio, ie as BbRadioGroup, ae as BbRating, se as BbSelect, oe as BbSelectPopover, ce as BbSlider, l as BbSmoothHeight, u as BbSpinner, ue as BbSwitch, de as BbSwitchGroup, fe as BbTable, he as BbTabs, pe as BbTabsList, me as BbTabsPanes, ge as BbTabsRoot, _e as BbTag, ye as BbTextInput, ve as BbTextarea, w as BbTimeDirectivePlugin, S as BbTimePicker, be as BbTimePickerInput, xe as BbToast, Se as BbToastPortal, t as BbTooltip, r as BbTooltipDirectivePlugin, Ce as BbTree, T as bitbossUiPlugin, E as useBbConfig, i as useBbDropdownContext, D as useBbTableContext, O as useBbTabsContext, k as useConfirm, A as useCountdown, e as useId, a as useMobile, j as useSafeArea, M as useToast, _ as vBbColor, b as vBbDate, m as vBbDropdown, C as vBbTime, n as vBbTooltip };
+import { slotKey as c } from "./utilities/functions/slotKey.js";
+import l from "./components/BbOffCanvas/BbOffCanvas.vue.js";
+import u from "./components/BbSmoothHeight/BbSmoothHeight.vue.js";
+import d from "./components/BbSpinner/BbSpinner.vue.js";
+import f from "./components/BbBadge/BbBadgeButton.vue.js";
+import p from "./components/BbBadge/BbBadge.vue.js";
+import m from "./components/BbDropdown/BbDropdown.vue.js";
+import h, { BbDropdownDirectivePlugin as g } from "./directives/bbDropdown.js";
+import _ from "./components/BbColorPalette/BbColorPalette.vue.js";
+import v, { BbColorDirectivePlugin as y } from "./directives/bbColor.js";
+import b from "./components/BbDatePicker/BbDatePicker.vue.js";
+import x, { BbDateDirectivePlugin as S } from "./directives/bbDate.js";
+import C from "./components/BbTimePicker/BbTimePicker.vue.js";
+import w, { BbTimeDirectivePlugin as T } from "./directives/bbTime.js";
+import { bitbossUiPlugin as E } from "./plugin.js";
+import { useBbConfig as D } from "./composables/useBbConfig.js";
+import { useBbTableContext as O } from "./composables/useBbTableContext.js";
+import { useBbTabsContext as k } from "./composables/useBbTabsContext.js";
+import { useConfirm as A } from "./composables/useConfirm.js";
+import { useCountdown as j } from "./composables/useCountdown.js";
+import { useSafeArea as M } from "./composables/useSafeArea.js";
+import { useToast as N } from "./composables/useToast.js";
+import P from "./components/BbCollapsible/BbCollapsible.vue.js";
+import F from "./components/BbAccordion/BbAccordion.vue.js";
+import I from "./components/BbAlert/BbAlert.vue.js";
+import L from "./components/BbAsterisk/BbAsterisk.vue.js";
+import R from "./components/BbAvatar/BbAvatar.vue.js";
+import z from "./components/BbIndicator/BbIndicator.vue.js";
+import B from "./components/BbBreadcrumbs/BbBreadcrumbs.vue.js";
+import V from "./components/BbButton/BbButton.vue.js";
+import H from "./components/BbBaseCheckboxIcon/BbBaseCheckboxIcon.vue.js";
+import U from "./components/BbCheckbox/BbCheckbox.vue.js";
+import W from "./components/BbCheckboxGroup/BbCheckboxGroup.vue.js";
+import G from "./components/BbColorInput/BbColorInput.vue.js";
+import K from "./components/BbDialog/BbDialog.vue.js";
+import q from "./components/BbConfirm/BbConfirm.vue.js";
+import J from "./components/BbConfirm/BbConfirmPortal.vue.js";
+import Y from "./components/BbDatePickerInput/BbDatePickerInput.vue.js";
+import X from "./components/BbDropdownButton/BbDropdownButton.vue.js";
+import Z from "./components/BbDropdown/BbDropdownGroup.vue.js";
+import Q from "./components/BbDropzone/BbDropzone.vue.js";
+import $ from "./components/BbNumberInput/BbNumberInput.vue.js";
+import ee from "./components/BbPagination/BbPagination.vue.js";
+import te from "./components/BbPopover/BbPopover.vue.js";
+import ne from "./components/BbProgress/BbProgress.vue.js";
+import re from "./components/BbBaseRadioIcon/BbBaseRadioIcon.vue.js";
+import ie from "./components/BbRadio/BbRadio.vue.js";
+import ae from "./components/BbRadioGroup/BbRadioGroup.vue.js";
+import oe from "./components/BbRating/BbRating.vue.js";
+import se from "./components/BbSelectPopover/BbSelectPopover.vue.js";
+import ce from "./components/BbSelect/BbSelect.vue.js";
+import le from "./components/BbSlider/BbSlider.vue.js";
+import ue from "./components/BbBaseSwitchIcon/BbBaseSwitchIcon.vue.js";
+import de from "./components/BbSwitch/BbSwitch.vue.js";
+import fe from "./components/BbSwitchGroup/BbSwitchGroup.vue.js";
+import pe from "./components/BbTable/BbTable.vue.js";
+import me from "./components/BbTabs/BbTabsList.vue.js";
+import he from "./components/BbTabs/BbTabsPanes.vue.js";
+import ge from "./components/BbTabs/BbTabs.vue.js";
+import _e from "./components/BbTabs/BbTabsRoot.vue.js";
+import ve from "./components/BbTag/BbTag.vue.js";
+import ye from "./components/BbTextarea/BbTextarea.vue.js";
+import be from "./components/BbTextInput/BbTextInput.vue.js";
+import xe from "./components/BbTimePickerInput/BbTimePickerInput.vue.js";
+import Se from "./components/BbToast/BbToast.vue.js";
+import Ce from "./components/BbToast/BbToastPortal.vue.js";
+import we from "./components/BbTree/BbTree.vue.js";
+export { F as BbAccordion, I as BbAlert, L as BbAsterisk, R as BbAvatar, p as BbBadge, f as BbBadgeButton, o as BbBaseButton, H as BbBaseCheckboxIcon, re as BbBaseRadioIcon, ue as BbBaseSwitchIcon, B as BbBreadcrumbs, V as BbButton, U as BbCheckbox, W as BbCheckboxGroup, P as BbCollapsible, y as BbColorDirectivePlugin, G as BbColorInput, _ as BbColorPalette, q as BbConfirm, J as BbConfirmPortal, S as BbDateDirectivePlugin, b as BbDatePicker, Y as BbDatePickerInput, K as BbDialog, m as BbDropdown, X as BbDropdownButton, g as BbDropdownDirectivePlugin, Z as BbDropdownGroup, Q as BbDropzone, s as BbIcon, z as BbIndicator, $ as BbNumberInput, l as BbOffCanvas, ee as BbPagination, te as BbPopover, ne as BbProgress, ie as BbRadio, ae as BbRadioGroup, oe as BbRating, ce as BbSelect, se as BbSelectPopover, le as BbSlider, u as BbSmoothHeight, d as BbSpinner, de as BbSwitch, fe as BbSwitchGroup, pe as BbTable, ge as BbTabs, me as BbTabsList, he as BbTabsPanes, _e as BbTabsRoot, ve as BbTag, be as BbTextInput, ye as BbTextarea, T as BbTimeDirectivePlugin, C as BbTimePicker, xe as BbTimePickerInput, Se as BbToast, Ce as BbToastPortal, t as BbTooltip, r as BbTooltipDirectivePlugin, we as BbTree, E as bitbossUiPlugin, c as slotKey, D as useBbConfig, i as useBbDropdownContext, O as useBbTableContext, k as useBbTabsContext, A as useConfirm, j as useCountdown, e as useId, a as useMobile, M as useSafeArea, N as useToast, v as vBbColor, x as vBbDate, h as vBbDropdown, w as vBbTime, n as vBbTooltip };