bitboss-ui 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/components/BbDropdown/DropdownPipelineResolver.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
 import { BB_BASE_BUTTON_PROP_KEYS as e } from "../BbBaseButton/types.js";
-import { matchAnyKey as t } from "../../utilities/functions/matchAnyKey.js";
-import { slotKey as n } from "../../utilities/functions/slotKey.js";
-import { useLocale as r } from "../../composables/useLocale.js";
+import { useLocale as t } from "../../composables/useLocale.js";
+import { matchAnyKey as n } from "../../utilities/functions/matchAnyKey.js";
+import { slotKey as r } from "../../utilities/functions/slotKey.js";
 import { useDropdownContext as i } from "./useDropdownContext.js";
-import { useArray as a } from "../../composables/useArray.js";
-import { useItemsGetter as o } from "../../composables/useItemsGetter.js";
-import { useItemText as ee } from "../../composables/useItemText.js";
-import { useItemValue as te } from "../../composables/useItemValue.js";
-import { hash as s } from "../../utilities/functions/hash.js";
+import { hash as a } from "../../utilities/functions/hash.js";
+import { useArray as o } from "../../composables/useArray.js";
+import { useItemsGetter as ee } from "../../composables/useItemsGetter.js";
+import { useItemText as te } from "../../composables/useItemText.js";
+import { useItemValue as s } from "../../composables/useItemValue.js";
 import { useHashedWatcher as c } from "../../composables/useHashedWatcher.js";
 import { useDropdownGroupRegistry as l } from "./useDropdownGroupRegistry.js";
 import { computed as u, defineComponent as d, getCurrentInstance as f, onUnmounted as p, ref as m, renderSlot as h, watch as g, watchEffect as _ } from "vue";
@@ -27,40 +27,40 @@ var v = "__bb-dropdown-group:loading__", y = "__bb-dropdown-group:no-data__", b
 			"append:icon",
 			"variant",
 			"onClick"
-		], S = l(), C = i(), w = f().uid, T = u(() => S?.configFor(b.id)), { t: E } = r(), D = E("common.loadingText"), ne = E("common.noDataText"), re = E("select.searchToStart"), O = u(() => !!T.value?.searchable), k = u(() => C.queryFor(b.id)), ie = u(() => T.value?.filterBy ?? []), A = u(() => T.value?.prefill ?? "interaction"), j = u(() => A.value === !1), M = () => S?.modelValueFor(b.id), N = (e, t) => {
+		], S = l(), C = i(), w = f().uid, T = u(() => S?.configFor(b.id)), { t: E } = t(), D = E("common.loadingText"), ne = E("common.noDataText"), re = E("select.searchToStart"), O = u(() => !!T.value?.searchable), k = u(() => C.queryFor(b.id)), ie = u(() => T.value?.filterBy ?? []), A = u(() => T.value?.prefill ?? "interaction"), j = u(() => A.value === !1), M = () => S?.modelValueFor(b.id), N = (e, t) => {
 			let n = e ? G : W;
 			return O.value ? n(k.value, t, M()) : n(t, M());
-		}, P = m(!1), F = u(() => !!T.value?.stash), { array: I, add: L } = a(), { getItemText: R } = ee(), { getItemValue: z } = te(), B = (e) => z(e, T.value?.itemValue), V = (e) => R(e, T.value?.itemText), H = (e) => {
+		}, P = m(!1), F = u(() => !!T.value?.stash), { array: I, add: L } = o(), { getItemText: R } = te(), { getItemValue: z } = s(), B = (e) => z(e, T.value?.itemValue), V = (e) => R(e, T.value?.itemText), H = (e) => {
 			if (Array.isArray(e)) return e.map((e) => H(e));
 			if (!e || typeof e != "object") return e;
 			let t = e;
 			return Object.keys(t).sort().reduce((e, n) => (e[n] = H(t[n]), e), {});
 		}, U = (e) => {
-			if (typeof e == "string") return n(e);
-			if (e == null || typeof e == "number" || typeof e == "boolean") return n(String(e));
+			if (typeof e == "string") return r(e);
+			if (e == null || typeof e == "number" || typeof e == "boolean") return r(String(e));
 			try {
-				return n(JSON.stringify(H(e)) ?? String(e));
+				return r(JSON.stringify(H(e)) ?? String(e));
 			} catch {
-				return n(String(e));
+				return r(String(e));
 			}
-		}, { getter: W, debouncedGetter: G, items: K, loading: q } = o({
+		}, { getter: W, debouncedGetter: G, items: K, loading: q } = ee({
 			items: u(() => T.value?.items),
 			debounce: C.queryDebounceTime.value
 		}), J = u(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of K.value) e.set(s(B(t)), t);
+			for (let t of K.value) e.set(a(B(t)), t);
 			return e;
 		}), ae = u(() => {
 			let e = K.value;
 			if (!F.value || !I.value.length) return e;
-			let t = new Set(e.map((e) => s(B(e)))), n = I.value.filter((e) => !t.has(s(B(e))));
+			let t = new Set(e.map((e) => a(B(e)))), n = I.value.filter((e) => !t.has(a(B(e))));
 			return n.length ? [...e, ...n] : e;
 		});
 		_(() => {
 			if (!F.value) return;
 			let e = S?.selectionFor(b.id) ?? [];
 			if (!e.length) return;
-			let t = new Set(I.value.map((e) => s(B(e))));
+			let t = new Set(I.value.map((e) => a(B(e))));
 			for (let n of e) {
 				if (t.has(n)) continue;
 				let e = J.value.get(n);
@@ -70,13 +70,13 @@ var v = "__bb-dropdown-group:loading__", y = "__bb-dropdown-group:no-data__", b
 		let Y = u(() => ae.value.map((e) => ({
 			item: e,
 			value: B(e),
-			key: s(B(e)),
+			key: a(B(e)),
 			slotToken: U(B(e)),
 			text: V(e)
 		}))), oe = u(() => {
 			if (!O.value || !k.value) return Y.value;
-			let e = k.value.trim(), n = ie.value;
-			return Y.value.filter((r) => n.length ? t(r.item, n, e) : t({ text: r.text }, ["text"], e));
+			let e = k.value.trim(), t = ie.value;
+			return Y.value.filter((r) => t.length ? n(r.item, t, e) : n({ text: r.text }, ["text"], e));
 		}), X = u(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of Y.value) e.set(t.key, t.value);

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

@@ -187,11 +187,14 @@ export type InternalGroup = DropdownEntryBase & {
      * predictable size regardless of row content. A `number` is pixels; a `string`
      * is any CSS length (`'50vh'`, `'20rem'`). `'none'` (or `0`) removes the cap.
      *
-     * `searchable` groups default to `280` (≈ 10 rows of 28px), since a searched
-     * list is usually long; set your own value to tweak, or `'none'` to uncap.
-     * Non-searchable groups are uncapped unless you set this.
+     * `searchable` groups default to `280` (≈ 10 rows of 28px) **on the flyout**,
+     * since a searched list is usually long; set your own value to tweak, or
+     * `'none'` to uncap. The adaptive sheet ignores the cap so the OffCanvas
+     * body stays the only scroller (nested group overflow trapped swipes that
+     * started on a row). Non-searchable flyout groups are uncapped unless you
+     * set this.
      *
-     * @defaultValue `280` for `searchable` groups, otherwise unset
+     * @defaultValue `280` for `searchable` flyout groups, otherwise unset
      */
     maxHeight?: number | string;
     /**
@@ -345,6 +348,17 @@ export type BbDropdownProps = {
      * @defaultValue `config.adaptive` (`true`)
      */
     adaptive?: boolean;
+    /**
+     * Apply the compact density variant — the same ladder `BbSelect` uses, on
+     * both surfaces: flyout rows go 28px → 24px, sheet rows 44px → 36px. The
+     * label size does not change; density here is height, as it is for a select.
+     *
+     * A menu row is a touch target in a way a select option is not quite — a
+     * mis-tap fires the neighbouring COMMAND rather than picking the wrong value
+     * — so the compact sheet stops at 36px and never follows the flyout down to
+     * 24px. That is the same floor the select's sheet holds.
+     */
+    compact?: boolean;
     /**
      * Element the panel positions itself against, when it should differ from the
      * activator — e.g. a wrapper that the activator is only a part of, so the menu
@@ -424,7 +438,8 @@ export type BbDropdownProps = {
     padding?: number;
     /**
      * Position of the dropdown relative to the activator.
-     * Use `'cursor'` to anchor at the mouse/touch coordinates (hides arrow).
+     * Use `'cursor'` to anchor at the mouse/touch coordinates.
+     * (No arrow is drawn either way — arrows are tooltip-only in v3.)
      *
      * @defaultValue `'bottom'`
      */

package/dist/components/BbDropdownButton/BbDropdownButton.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { removedPropsFor as e } from "../../deprecation/removedProps.js";
 import { warnRemovedAttrs as t } from "../../utilities/functions/warnRemovedAttrs.js";
 import { useLocale as n } from "../../composables/useLocale.js";
 import { groupItemsAsArray as r, isGroup as i } from "../BbDropdown/types.js";
-import a from "../BbDropdown/BbDropdown.vue.js";
-import o from "../BbButton/BbButton.vue.js";
+import a from "../BbButton/BbButton.vue.js";
+import o from "../BbDropdown/BbDropdown.vue.js";
 import "../../assets/svgs/chevron_down.svg_raw.js";
 import { computed as s, createElementBlock as c, createSlots as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderList as _, renderSlot as v, unref as y, useTemplateRef as b, withCtx as x } from "vue";
 //#region src/components/BbDropdownButton/BbDropdownButton.vue?vue&type=script&setup=true&lang.ts
@@ -43,7 +43,7 @@ var S = /*@__PURE__*/ d({
 			ref_key: "root",
 			ref: T,
 			class: m(["bb-dropdown-button", { "bb-dropdown-button--block": e.block }])
-		}, [u(o, p(M.value, {
+		}, [u(a, p(M.value, {
 			"append:icon": S["append:icon"],
 			class: "bb-dropdown-button__main-btn",
 			"disable-auto-loading": e.disableAutoLoading,
@@ -61,7 +61,7 @@ var S = /*@__PURE__*/ d({
 			"prepend:icon",
 			"size",
 			"variant"
-		]), u(a, {
+		]), u(o, {
 			id: e.id,
 			ref_key: "dropdown",
 			ref: E,
@@ -75,7 +75,7 @@ var S = /*@__PURE__*/ d({
 			"transition-duration": e.transitionDuration,
 			width: e.width
 		}, l({
-			activator: x(({ props: t, open: n }) => [u(o, p({
+			activator: x(({ props: t, open: n }) => [u(a, p({
 				"aria-label": D.value,
 				class: "bb-dropdown-button__dropdown-btn",
 				"disable-auto-loading": "",

package/dist/components/BbIcon/BbIcon.vue_vue_type_script_setup_true_lang.js

@@ -1,70 +1,70 @@
-import { removedPropsFor as e } from "../../deprecation/removedProps.js";
-import { useLogger as t } from "../../composables/useLogger.js";
-import { warnRemovedAttrs as n } from "../../utilities/functions/warnRemovedAttrs.js";
-import { parseSize as r } from "../../utilities/functions/parseSize.js";
-import { ICONS_INJECTION_KEY as i } from "../../utilities/misc/iconsInjectionKey.js";
-import { config as a } from "virtual:bitboss-ui/config";
-import { computed as o, createElementBlock as s, defineComponent as c, inject as l, mergeProps as u, onBeforeMount as d, onServerPrefetch as f, openBlock as p, ref as m, watch as h } from "vue";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { removedPropsFor as t } from "../../deprecation/removedProps.js";
+import { useLogger as n } from "../../composables/useLogger.js";
+import { warnRemovedAttrs as r } from "../../utilities/functions/warnRemovedAttrs.js";
+import { parseSize as i } from "../../utilities/functions/parseSize.js";
+import { ICONS_INJECTION_KEY as a } from "../../utilities/misc/iconsInjectionKey.js";
+import { EMPTY_ICON as o, cacheKeyFor as s, parseIcon as c, parsedIcons as l } from "./iconCache.js";
+import { computed as u, createElementBlock as d, defineComponent as f, inject as p, mergeProps as m, onBeforeMount as h, onServerPrefetch as g, openBlock as _, ref as v, watch as y } from "vue";
 //#region src/components/BbIcon/BbIcon.vue?vue&type=script&setup=true&lang.ts
-var g = ["innerHTML"], _ = /*@__PURE__*/ c({
+var b = ["innerHTML"], x = /*@__PURE__*/ f({
 	__name: "BbIcon",
 	props: {
 		label: {},
 		icon: {},
 		size: { default: "md" }
 	},
-	setup(c) {
-		let _ = c;
-		process.env.NODE_ENV !== "production" && n("BbIcon", e("BbIcon"));
-		let v = t(), y = m(), b = m(null), x = o(() => b.value ? b.value.replace(/<\?xml[^?]*\?>/gi, "").replace(/<!DOCTYPE[^>]*>/gi, "").replace(/<\/?svg(?:[^>"']|"[^"]*"|'[^']*')*>/gi, "") : null), S = () => {
-			y.value = l(i) ?? l("icons"), y.value || v.throw("Failed to load icons. Make sure the plugin for your platform (Vue, Nuxt, or Inertia) is installed.");
-		}, C = (e) => /<svg[\s>]/i.test(e), w = /* @__PURE__ */ RegExp("<(?:[^>\"']|\"[^\"]*\"|'[^']*')*[\\s/]on[a-z]+\\s*=", "i"), T = /<script[\s/>]/i, E = (e) => w.test(e) ? "inline event handler attributes" : T.test(e) ? "an embedded <script> element" : null, D = async () => {
-			if (C(_.icon)) {
-				let e = E(_.icon);
-				if (e) {
-					b.value = "", v.warn(`Inline SVG icon rejected: it carries ${e} and did not pass sanitation, so the icon was dropped. bitboss-ui never sanitizes inline SVG — pass trusted markup (e.g. an import with \`?raw\`), never a string from a CMS, an API, or user input.`);
+	setup(f) {
+		let x = f, S = e();
+		process.env.NODE_ENV !== "production" && r("BbIcon", t("BbIcon"));
+		let C = n(), w = v(), T = () => {
+			w.value = p(a) ?? p("icons"), w.value || C.throw("Failed to load icons. Make sure the plugin for your platform (Vue, Nuxt, or Inertia) is installed.");
+		}, E = (e) => /<svg[\s>]/i.test(e), D = /* @__PURE__ */ RegExp("<(?:[^>\"']|\"[^\"]*\"|'[^']*')*[\\s/]on[a-z]+\\s*=", "i"), O = /<script[\s/>]/i, k = (e) => D.test(e) ? "inline event handler attributes" : O.test(e) ? "an embedded <script> element" : null, A = (e) => s(e, E(e)), j = v(l.get(A(x.icon)) ?? null), M = async () => {
+			let e = A(x.icon), t = l.get(e);
+			if (t) {
+				j.value = t;
+				return;
+			}
+			if (E(x.icon)) {
+				let t = k(x.icon);
+				if (t) {
+					j.value = o, C.warn(`Inline SVG icon rejected: it carries ${t} and did not pass sanitation, so the icon was dropped. bitboss-ui never sanitizes inline SVG — pass trusted markup (e.g. an import with \`?raw\`), never a string from a CMS, an API, or user input.`);
 					return;
 				}
-				b.value = _.icon;
+				j.value = l.set(e, c(x.icon)).get(e);
 				return;
 			}
-			y.value || v.throw("Icons have not been loaded");
-			let e = _.icon.includes(":") ? _.icon : `local:${_.icon}`, t = y.value[e];
-			t || v.throw(`Icon "${e}" does not exist.`), b.value = await t();
+			w.value || C.throw("Icons have not been loaded");
+			let n = w.value[e];
+			n || C.throw(`Icon "${e}" does not exist.`);
+			let r = await n();
+			j.value = l.set(e, c(r)).get(e);
 		};
-		f(async () => {
-			C(_.icon) || S(), await D();
-		}), d(async () => {
-			!y.value && !C(_.icon) && S(), b.value || await D();
-		}), h(() => _.icon, D);
-		let O = o(() => {
+		g(async () => {
+			E(x.icon) || T(), await M();
+		}), h(async () => {
+			!w.value && !E(x.icon) && T(), j.value || await M();
+		}), y(() => x.icon, M);
+		let N = u(() => {
 			try {
-				return r(_.size, a.iconDefaultSizes);
+				return i(x.size, S.iconDefaultSizes);
 			} catch {
-				return v.warn(`Invalid size: "${_.size}" in BbIcon. Falling back to "md".`), `${a.iconDefaultSizes.md}px`;
-			}
-		}), k = o(() => {
-			let e = { "bb-icon": !0 }, t = { "--w": O.value }, n = {};
-			if (b.value) {
-				let e = b.value.match(/<svg((?:[^>"']|"[^"]*"|'[^']*')*)>/i);
-				if (e) {
-					let t = /([\w-]+)="([^"]*)"/g, r;
-					for (; (r = t.exec(e[1])) !== null;) n[r[1]] = r[2];
-				}
+				return C.warn(`Invalid size: "${x.size}" in BbIcon. Falling back to "md".`), `${S.iconDefaultSizes.md}px`;
 			}
-			let r = {
+		}), P = u(() => {
+			let e = { "bb-icon": !0 }, t = { "--w": N.value }, n = {
 				viewBox: "0 0 1 1",
-				...n,
+				...j.value?.attributes ?? {},
 				class: e,
 				style: t
 			};
-			return _.label ? (r.role = "img", r["aria-label"] = _.label.trim()) : r["aria-hidden"] = "true", r.focusable = "false", r;
+			return x.label ? (n.role = "img", n["aria-label"] = x.label.trim()) : n["aria-hidden"] = "true", n.focusable = "false", n;
 		});
-		return (e, t) => (p(), s("svg", u(k.value, {
+		return (e, t) => (_(), d("svg", m(P.value, {
 			"data-allow-mismatch": "",
-			innerHTML: x.value
-		}), null, 16, g));
+			innerHTML: j.value?.content
+		}), null, 16, b));
 	}
 });
 //#endregion
-export { _ as default };
+export { x as default };

package/dist/components/BbIcon/iconCache.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Module-wide store of icons this page has already resolved.
+ *
+ * MUST live in its own module: a `const` at the top of a `<script setup>` block
+ * compiles into `setup()` and is therefore per-instance state, not module
+ * state — the same trap that once gave every `BbDropdown` pipeline resolver the
+ * same uid.
+ *
+ * What it saves, per mounted icon:
+ *
+ * 1. **A render pass.** `icons[key]` is an `import()`; even for a module the
+ *    bundler already holds, the promise settles a microtask later, so an icon
+ *    rendered an empty `<svg>` first and patched its content in on a second
+ *    pass. Two icons in a table row is two wasted passes per row, on every
+ *    window move of a virtualized body.
+ * 2. **Four regex passes over a full SVG string** — three to strip the wrapper
+ *    tag, one to read the wrapper's attributes back off. Both results are pure
+ *    functions of the source markup, and the source for a given key never
+ *    changes within a page, so they are derived exactly once.
+ */
+export type ParsedIcon = {
+    /** Inner markup for `v-html`, or `null` to render nothing at all. */
+    content: string | null;
+    /** Attributes copied from the source's root `<svg>` element. */
+    attributes: Record<string, string>;
+};
+/** Keyed by registry key (`lucide:x`, `local:y`) or, for inline SVG, its markup. */
+export declare const parsedIcons: Map<string, ParsedIcon>;
+/** The "no icon at all" outcome: a rejected payload, or a value we never got. */
+export declare const EMPTY_ICON: ParsedIcon;
+export declare const parseIcon: (source: string) => ParsedIcon;
+/** Registry key for a name, or the markup itself for an inline payload. */
+export declare const cacheKeyFor: (value: string, isInlineSvg: boolean) => string;

package/dist/components/BbIcon/iconCache.js

@@ -0,0 +1,17 @@
+//#region src/components/BbIcon/iconCache.ts
+var e = /* @__PURE__ */ new Map(), t = {
+	content: null,
+	attributes: {}
+}, n = (e) => {
+	let t = e.replace(/<\?xml[^?]*\?>/gi, "").replace(/<!DOCTYPE[^>]*>/gi, "").replace(/<\/?svg(?:[^>"']|"[^"]*"|'[^']*')*>/gi, ""), n = {}, r = e.match(/<svg((?:[^>"']|"[^"]*"|'[^']*')*)>/i);
+	if (r) {
+		let e = /([\w-]+)="([^"]*)"/g, t;
+		for (; (t = e.exec(r[1])) !== null;) n[t[1]] = t[2];
+	}
+	return {
+		content: t,
+		attributes: n
+	};
+}, r = (e, t) => t || e.includes(":") ? e : `local:${e}`;
+//#endregion
+export { t as EMPTY_ICON, r as cacheKeyFor, n as parseIcon, e as parsedIcons };

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

@@ -1,6 +1,6 @@
 import { BbNumberInputProps, BbNumberInputEvents, BbNumberInputSlots } from './types';
-export type { BbNumberInputProps, BbNumberInputEvents, BbNumberInputSlots };
 type __VLS_Slots = BbNumberInputSlots;
+export type { BbNumberInputProps, BbNumberInputEvents, BbNumberInputSlots };
 declare const __VLS_base: import('vue').DefineComponent<BbNumberInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
     click: (event: MouseEvent) => any;

package/dist/components/BbNumberInput/BbNumberInput.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import { isNotNil as e } from "../../utilities/functions/isNotNil.js";
-import t from "../BbBaseInputContainer/BbBaseInputContainer.vue.js";
-import n from "../BbBaseNumberInput/BbBaseNumberInput.vue.js";
-import { config as r } from "virtual:bitboss-ui/config";
+import { useConfig as e } from "../../composables/useConfig.js";
+import { isNotNil as t } from "../../utilities/functions/isNotNil.js";
+import n from "../BbBaseInputContainer/BbBaseInputContainer.vue.js";
+import r from "../BbBaseNumberInput/BbBaseNumberInput.vue.js";
 import { computed as i, createBlock as a, createSlots as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, ref as p, renderSlot as m, withCtx as h } from "vue";
 //#region src/components/BbNumberInput/BbNumberInput.vue?vue&type=script&setup=true&lang.ts
 var g = /*@__PURE__*/ c({
@@ -57,9 +57,9 @@ var g = /*@__PURE__*/ c({
 		"update:modelValue"
 	],
 	setup(c, { emit: g }) {
-		let _ = c, v = g, y = p(!1), b = i(() => _.persistentHint || y.value), x = i(() => e(_.modelValue)), S = i(() => !!_.clearable && x.value), C = i(() => _.labelMode ?? r.defaultInputLabelMode), w = {
+		let _ = c, v = g, y = e(), b = p(!1), x = i(() => _.persistentHint || b.value), S = i(() => t(_.modelValue)), C = i(() => !!_.clearable && S.value), w = i(() => _.labelMode ?? y.defaultInputLabelMode), T = {
 			onBlur: (e) => {
-				y.value = !1, v("blur", e);
+				b.value = !1, v("blur", e);
 			},
 			onChange: (e) => v("change", e),
 			onClick: (e) => v("click", e),
@@ -67,7 +67,7 @@ var g = /*@__PURE__*/ c({
 			onCompositionstart: (e) => v("compositionstart", e),
 			onDecrease: (e) => v("decrease", e),
 			onFocus: (e) => {
-				y.value = !0, v("focus", e);
+				b.value = !0, v("focus", e);
 			},
 			onIncrease: (e) => v("increase", e),
 			onInput: (e) => v("input", e),
@@ -78,33 +78,33 @@ var g = /*@__PURE__*/ c({
 			onPaste: (e) => v("paste", e),
 			"onUpdate:modelValue": (e) => v("update:modelValue", e)
 		};
-		return (e, r) => (f(), a(t, {
+		return (e, t) => (f(), a(n, {
 			id: e.id,
 			class: "bb-number-input",
-			clearable: S.value,
+			clearable: C.value,
 			compact: e.compact,
 			description: e.description,
 			direction: e.direction,
 			disabled: e.disabled,
 			errors: e.errors,
 			"has-errors": e.hasErrors,
-			"has-value": x.value,
+			"has-value": S.value,
 			"has-warning": e.hasWarning,
 			"hide-label": e.hideLabel,
 			hint: e.hint,
 			label: e.label,
-			"label-mode": C.value,
+			"label-mode": w.value,
 			"label-position": e.labelPosition,
 			loading: e.loading,
 			"model-value": e.modelValue,
 			name: e.name,
 			readonly: e.readonly,
 			reverse: e.reverse,
-			"show-hint": b.value,
+			"show-hint": x.value,
 			warnings: e.warnings
 		}, {
 			label: h((t) => [m(e.$slots, "label", d(l(t)))]),
-			input: h(({ id: t, hasErrors: r, hasWarning: i, ariaDescribedby: a }) => [s(n, u({
+			input: h(({ id: t, hasErrors: n, hasWarning: i, ariaDescribedby: a }) => [s(r, u({
 				id: t,
 				"append:icon": _["append:icon"],
 				"aria-describedby": a,
@@ -113,7 +113,7 @@ var g = /*@__PURE__*/ c({
 				clearable: e.clearable,
 				compact: e.compact,
 				disabled: e.disabled,
-				"has-errors": r,
+				"has-errors": n,
 				"has-warning": i,
 				loading: e.loading,
 				max: e.max,
@@ -126,7 +126,7 @@ var g = /*@__PURE__*/ c({
 				readonly: e.readonly,
 				required: e.required,
 				step: e.step
-			}, w), o({
+			}, T), o({
 				"append-outer": h((t) => [m(e.$slots, "append-outer", d(l(t)))]),
 				append: h((t) => [m(e.$slots, "append", d(l(t)))]),
 				prepend: h((t) => [m(e.$slots, "prepend", d(l(t)))]),

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

@@ -1,7 +1,7 @@
 import { BbOffCanvasProps, BbOffCanvasEvents, BbOffCanvasSlots, Sizes } from './types';
-export type { BbOffCanvasProps, BbOffCanvasEvents, BbOffCanvasSlots, Sizes };
 type __VLS_Props = BbOffCanvasProps;
 type __VLS_Slots = BbOffCanvasSlots;
+export type { BbOffCanvasProps, BbOffCanvasEvents, BbOffCanvasSlots, Sizes };
 type __VLS_ModelProps = {
     /**
      * Used by v-model to open / close the panel. A panel with no `v-model`