bitboss-ui 3.0.0-beta.47 → 3.0.0-beta.49

package/dist/components/BbTabs/BbTabs.vue_vue_type_script_setup_true_lang.js

@@ -72,7 +72,7 @@ var C = ["id"], w = /*@__PURE__*/ f({
 	setup(f, { emit: w }) {
 		let T = f, E = w;
 		process.env.NODE_ENV !== "production" && n("BbTabs", t("BbTabs"), {
-			slotKeys: () => (T.items ?? []).map((e) => e.key),
+			slotKeys: () => (T.items ?? []).map((e) => e.value),
 			family: "BbTabs"
 		});
 		let D = x(), { id: O, direction: k, block: A, compact: j, disabled: M } = r(T, E), N = e({

package/dist/components/BbTabs/BbTabsList.vue_vue_type_script_setup_true_lang.js

@@ -34,7 +34,7 @@ var ce = { class: "bb-tabs-list__prepend" }, le = ["aria-orientation"], ue = { c
 	setup(p) {
 		let w = p, T = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? "instant" : "smooth", pe = e(), E = a() ?? pe.throw("<BbTabsList> must be rendered inside a <BbTabs> or <BbTabsRoot> subtree.");
 		process.env.NODE_ENV !== "production" && r("BbTabsList", n("BbTabsList"), {
-			slotKeys: () => E.items.value.map((e) => e.key),
+			slotKeys: () => E.items.value.map((e) => e.value),
 			family: "BbTabs"
 		});
 		let { mappedItems: D, currentTab: O, direction: k, block: A, compact: j, disabled: M, eager: me } = E, N = t({

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

@@ -89,9 +89,13 @@ export type BbTabsItem<K extends string = string> = BbTabsInertiaOptions & {
      */
     href?: string;
     /**
-     * String that identifies the tab.
+     * Identifies the tab: what `v-model` holds while it is the active one, the
+     * name of its slots (`#<value>` for its panel, `#<value>:label` for its
+     * trigger, through `slotKey`) and, with `navigation`, the URL slug.
      */
-    key: K;
+    value: K;
+    /** Tabs have no `key` (that is `value`). Guards against the old shape. */
+    key?: never;
     /**
      * Label to use as the tab text.
      */
@@ -107,7 +111,7 @@ export type BbTabsItem<K extends string = string> = BbTabsInertiaOptions & {
  * Passthrough parts of `BbTabs` (plans/passthrough/BbTabs.md). Tabs do not
  * "open", so there is no `open` state.
  *
- * Per-item functions: on the instance, `item` also accepts `({ item, active, … }) => PtValue | false | null | undefined` — `item` is the tab's descriptor (the element of `items`: its `key`, `label`, anything else you put on it), and every state a boolean beside it, on for it (`active`, `disabled`, …) — in the `pt` object or the `:pt:item` attribute, never on a `item:<state>` key and never in the global map or a scope (they ship as JSON). Its result is merged last, after every state entry, through the same deduper; a falsy result leaves the trigger as it was. No other part takes a function. See the passthrough guide, _Per-item functions_.
+ * Per-item functions: on the instance, `item` also accepts `({ item, active, … }) => PtValue | false | null | undefined` — `item` is the tab's descriptor (the element of `items`: its `value`, `label`, anything else you put on it), and every state a boolean beside it, on for it (`active`, `disabled`, …) — in the `pt` object or the `:pt:item` attribute, never on a `item:<state>` key and never in the global map or a scope (they ship as JSON). Its result is merged last, after every state entry, through the same deduper; a falsy result leaves the trigger as it was. No other part takes a function. See the passthrough guide, _Per-item functions_.
  *
  * @part root - The tabs' outer element, around the strip and the panels.
  * @part wrapper - The strip's outer element: the `wrapper:prepend` slot, the
@@ -226,7 +230,9 @@ export type BbTabsRootProps<K extends string = string> = BbTabsInertiaOptions &
      */
     disabled?: boolean;
     /**
-     * Prevents rendering content before it's made visible.
+     * Renders every tab's panel at mount and keeps it mounted, hidden while
+     * inactive, instead of only the active one. One tab alone: its item's
+     * `eager`.
      */
     eager?: boolean;
     /**
@@ -275,9 +281,9 @@ export type BbTabsRootProps<K extends string = string> = BbTabsInertiaOptions &
      */
     manualActivation?: boolean;
     /**
-     * The current tab key. Used by v-model.
+     * The active tab's `value`. Used by v-model.
      */
-    modelValue?: null | BbTabsItem<K>['key'];
+    modelValue?: null | BbTabsItem<K>['value'];
     /**
      * Synchronizes the current tab with the URL query parameter.
      *
@@ -362,8 +368,8 @@ export type BbTabsPanelsProps = {
 export type BbTabsRootEvents<K extends string = string> = BbTabsEvents<K>;
 /** Props exposed by the per-tab label slots and the generic `label` fallback slot. */
 export type BbTabsSlotProps<K extends string = string> = {
-    /** The key of the currently active tab. */
-    current: BbTabsItem<K>['key'] | null;
+    /** The `value` of the currently active tab. */
+    current: BbTabsItem<K>['value'] | null;
     /** Zero-based index of the currently active tab. */
     currentIndex: number;
     /** Whether this tab is disabled. */
@@ -374,10 +380,10 @@ export type BbTabsSlotProps<K extends string = string> = {
     isLast: boolean;
     /** Whether this specific tab is currently active. */
     selected: boolean;
-    /** The `label` value of this tab item. */
-    text: BbTabsItem<K>['label'];
-    /** The `key` value of this tab item. */
-    value: BbTabsItem<K>['key'];
+    /** This tab's `label`. */
+    label: BbTabsItem<K>['label'];
+    /** This tab's `value`. */
+    value: BbTabsItem<K>['value'];
     /** Navigate to `'first'`, `'previous'`, `'next'`, or `'last'` tab. */
     goTo: (target: 'first' | 'previous' | 'next' | 'last') => void;
 };
@@ -398,7 +404,7 @@ export type BbTabsScrollSlotProps = {
 /**
  * Slots rendered by the tab list (the strip of triggers).
  *
- * @dynamicSlot `<key>:label` {BbTabsSlotProps<K>} - One tab trigger's label, by the tab `key` through `slotKey`; beats `label`, which beats the item's `label` text.
+ * @dynamicSlot `<value>:label` {BbTabsSlotProps<K>} - One tab trigger's label, by the tab's `value` through `slotKey`; beats `label`, which beats the item's `label` text.
  */
 export type BbTabsListSlots<K extends string = string> = {
     /**
@@ -410,26 +416,26 @@ export type BbTabsListSlots<K extends string = string> = {
      */
     'wrapper:append'?: (props: BbTabsScrollSlotProps) => any;
     /**
-     * Fallback slot used for all tab labels when no per-tab `<key>:label` slot is provided.
+     * Fallback slot used for all tab labels when no per-tab `<value>:label` slot is provided.
      */
     label?: (props: BbTabsSlotProps<K>) => any;
 } & Record<string, ((props: BbTabsSlotProps<K>) => any) | undefined>;
 /**
  * Slots rendered by the tab panels — one per tab, keyed by the normalized
- * `slotKey(key)`.
+ * `slotKey(value)`.
  *
- * @dynamicSlot `<key>` {BbTabsSlotProps<K>} - One tab's content panel, by the tab `key` through `slotKey`; no fallback (an empty panel).
+ * @dynamicSlot `<value>` {BbTabsSlotProps<K>} - One tab's content panel, by the tab's `value` through `slotKey`; no fallback (an empty panel).
  */
 export type BbTabsPanelsSlots<K extends string = string> = Record<string, ((props: BbTabsSlotProps<K>) => any) | undefined>;
 /**
- * @dynamicSlot `<key>` {BbTabsSlotProps<K>} - One tab's content panel, by the tab `key` through `slotKey`; no fallback (an empty panel).
- * @dynamicSlot `<key>:label` {BbTabsSlotProps<K>} - One tab trigger's label, by the tab `key` through `slotKey`; beats `label`, which beats the item's `label` text.
+ * @dynamicSlot `<value>` {BbTabsSlotProps<K>} - One tab's content panel, by the tab's `value` through `slotKey`; no fallback (an empty panel).
+ * @dynamicSlot `<value>:label` {BbTabsSlotProps<K>} - One tab trigger's label, by the tab's `value` through `slotKey`; beats `label`, which beats the item's `label` text.
  */
 export type BbTabsSlots<K extends string = string> = BbTabsListSlots<K> & BbTabsPanelsSlots<K>;
 /** Props exposed by the `BbTabsRoot` default slot. */
 export type BbTabsRootSlotProps<K extends string = string> = {
-    /** The key of the currently active tab. */
-    current: BbTabsItem<K>['key'] | null;
+    /** The `value` of the currently active tab. */
+    current: BbTabsItem<K>['value'] | null;
     /** Zero-based index of the currently active tab. */
     currentIndex: number;
     /** Whether the active tab is the first tab. */
@@ -438,8 +444,8 @@ export type BbTabsRootSlotProps<K extends string = string> = {
     isLast: boolean;
     /** Navigate to `'first'`, `'previous'`, `'next'`, or `'last'` tab. */
     goTo: (target: 'first' | 'previous' | 'next' | 'last') => void;
-    /** Select a tab by key. */
-    select: (key: BbTabsItem<K>['key']) => void;
+    /** Select a tab by its `value`. */
+    select: (value: BbTabsItem<K>['value']) => void;
 };
 export type BbTabsRootSlots<K extends string = string> = {
     /**

package/dist/components/BbTag/BbTag.vue_vue_type_script_setup_true_lang.js

@@ -193,110 +193,110 @@ var _e = { class: "bb-tag__input-container" }, ve = [
 		"update:modelValue"
 	],
 	setup(p, { emit: T }) {
-		let E = p, { props: D, emit: O, showAsterisk: ye, errors: be, required: k, ariaRequired: xe, model: A } = re(E, T, {
+		let E = p, { props: D, emit: O, showAsterisk: ye, errors: be, required: k, ariaRequired: xe, model: A, readonly: j } = re(E, T, {
 			componentName: "BbTag",
 			identifierFallback: () => E.label,
 			emptyValue: () => [],
 			leaveOn: "inactive"
 		}), Se = c(() => xe.value ?? (k.value && A.value.length ? !0 : void 0)), Ce = i();
 		process.env.NODE_ENV !== "production" && o("BbTag", a("BbTag"));
-		let j = v("idle"), M = c(() => j.value === "active"), we = c(() => D.persistentHint || j.value !== "idle"), N = c(() => (D.modelValue?.length ?? 0) > 0), Te = c(() => D.labelMode ?? Ce.defaultInputLabelMode), P = r({
+		let M = v("idle"), N = c(() => M.value === "active"), we = c(() => D.persistentHint || M.value !== "idle"), P = c(() => (D.modelValue?.length ?? 0) > 0), Te = c(() => D.labelMode ?? Ce.defaultInputLabelMode), F = r({
 			component: "BbTag",
 			attrs: me(),
 			controlAttrs: t,
 			props: D,
 			parts: s.parts,
 			states: s.states,
-			active: n(D, () => N.value)
+			active: n(D, () => P.value)
 		}), Ee = e();
 		Array.isArray(D.modelValue) || Ee.throw("BbTag: modelValue must be an array.");
-		let F = v(null), I = v(null), L = v(null), R = c(() => D.comma ? I.value : L.value), z = v(null), De = () => {
-			z.value instanceof HTMLInputElement && z.value.focus();
-		}, B = v(""), V = c(() => ke.value.filter((e) => e.selected)), { data: H } = ie({ items: b(D, "modelValue") }), U = (e) => D.caseSensitive ? e : e.toLowerCase(), Oe = c(() => new Set(D.modelValue.map((e) => U(String(e))))), { options: ke } = ae({
+		let I = v(null), L = v(null), R = v(null), z = c(() => D.comma ? L.value : R.value), B = v(null), De = () => {
+			B.value instanceof HTMLInputElement && B.value.focus();
+		}, V = v(""), H = c(() => ke.value.filter((e) => e.selected)), { data: U } = ie({ items: b(D, "modelValue") }), W = (e) => D.caseSensitive ? e : e.toLowerCase(), Oe = c(() => new Set(D.modelValue.map((e) => W(String(e))))), { options: ke } = ae({
 			disabled: b(D, "disabled"),
 			items: c(() => D.modelValue),
 			itemText: void 0,
 			itemValue: void 0,
 			max: b(D, "max"),
 			selectable: !0,
-			selectedIndexedByHash: H
-		}), W = () => {
-			B.value = "";
-		}, G = async (e) => {
+			selectedIndexedByHash: U
+		}), G = () => {
+			V.value = "";
+		}, K = async (e) => {
 			if (D.disabled || D.readonly) return;
-			let t = { ...H.value };
+			let t = { ...U.value };
 			delete t[e.valueHash], O("update:modelValue", Object.values(t)), De();
-		}, K;
+		}, q;
 		S(() => D.modelValue, async (e) => {
-			if (pe(e) === K) {
-				K = void 0;
+			if (pe(e) === q) {
+				q = void 0;
 				return;
 			}
-			W();
+			G();
 		}), S(() => D.disabled, (e) => {
-			e && R.value?.blur();
+			e && z.value?.blur();
 		}), S(() => D.readonly, (e) => {
-			e && R.value?.blur();
+			e && z.value?.blur();
 		});
 		let Ae = () => {
-			j.value = "active", O("active");
-		}, q = () => {
-			j.value = "idle", O("inactive");
+			M.value = "active", O("active");
+		}, J = () => {
+			M.value = "idle", O("inactive");
 		}, je = () => {
-			M.value || (Ae(), document.addEventListener("click", Z), document.addEventListener("focusin", Z));
-		}, J = c(() => !(D.readonly || D.disabled || !R.value)), Me = (e) => {
-			J.value && (B.value || (e.preventDefault(), V.value.length && R.value?.focusPrevious()));
+			N.value || (Ae(), document.addEventListener("click", Q), document.addEventListener("focusin", Q));
+		}, Y = c(() => !(D.readonly || D.disabled || !z.value)), Me = (e) => {
+			Y.value && (V.value || (e.preventDefault(), H.value.length && z.value?.focusPrevious()));
 		}, Ne = (e) => {
-			J.value && (B.value || (e.preventDefault(), V.value.length && R.value?.focusNext()));
-		}, Y = async () => {
-			!J.value || B.value || !V.value.length || (R.value?.getHighlighted() && R.value.confirmOption(), await le(), R.value?.focusPrevious());
+			Y.value && (V.value || (e.preventDefault(), H.value.length && z.value?.focusNext()));
+		}, X = async () => {
+			!Y.value || V.value || !H.value.length || (z.value?.getHighlighted() && z.value.confirmOption(), await le(), z.value?.focusPrevious());
 		}, Pe = () => {
-			R.value?.blur();
+			z.value?.blur();
 		}, Fe = (e) => {
-			!J.value || B.value || (e.preventDefault(), V.value.length && R.value?.focusFirst());
+			!Y.value || V.value || (e.preventDefault(), H.value.length && z.value?.focusFirst());
 		}, Ie = (e) => {
-			!J.value || B.value || (e.preventDefault(), V.value.length && R.value?.focusLast());
-		}, X = c(() => Array.isArray(D.divider) ? D.divider : [D.divider]), Le = async (e) => {
+			!Y.value || V.value || (e.preventDefault(), H.value.length && z.value?.focusLast());
+		}, Z = c(() => Array.isArray(D.divider) ? D.divider : [D.divider]), Le = async (e) => {
 			if (O("keydown", e), e.key === "Tab") {
-				R.value?.blur();
+				z.value?.blur();
 				return;
 			}
 			if (D.readonly || D.disabled) {
 				e.preventDefault();
 				return;
 			}
-			/^[A-Za-z0-9]$/.test(e.key) && R.value?.blur(), (X.value.find((t) => t === e.key) ?? (e.key === "Unidentified" ? X.value.find((e) => B.value.includes(e)) : void 0)) !== void 0 && ze(e);
+			/^[A-Za-z0-9]$/.test(e.key) && z.value?.blur(), (Z.value.find((t) => t === e.key) ?? (e.key === "Unidentified" ? Z.value.find((e) => V.value.includes(e)) : void 0)) !== void 0 && ze(e);
 		}, Re = () => {
-			let e = [B.value];
-			for (let t of X.value) t.length === 1 && (e = e.flatMap((e) => e.split(t)));
+			let e = [V.value];
+			for (let t of Z.value) t.length === 1 && (e = e.flatMap((e) => e.split(t)));
 			return e.map((e) => e.trim()).filter(Boolean);
 		}, ze = (e) => {
 			let t = Re();
 			if (!t.length) {
-				B.value = "";
+				V.value = "";
 				return;
 			}
 			e.preventDefault();
 			let n = new Set(Oe.value), r = [], i = [];
 			for (let [e, a] of t.entries()) {
-				if (n.has(U(a))) {
+				if (n.has(W(a))) {
 					O("duplicate", a);
 					continue;
 				}
-				if (D.max !== void 0 && V.value.length + r.length >= D.max) {
+				if (D.max !== void 0 && H.value.length + r.length >= D.max) {
 					O("max", a), i = t.slice(e);
 					break;
 				}
-				n.add(U(a)), r.push(a);
+				n.add(W(a)), r.push(a);
 			}
-			if (B.value = i.join(`${X.value.find((e) => e.length === 1) ?? ","} `), !r.length) return;
+			if (V.value = i.join(`${Z.value.find((e) => e.length === 1) ?? ","} `), !r.length) return;
 			let a = D.modelValue.concat(r);
-			K = i.length ? a : void 0, O("update:modelValue", a);
+			q = i.length ? a : void 0, O("update:modelValue", a);
 		}, Be = {
 			ArrowLeft: Me,
 			ArrowRight: Ne,
-			Backspace: Y,
-			Delete: Y,
+			Backspace: X,
+			Delete: X,
 			End: Ie,
 			Escape: (e) => {
 				e.preventDefault(), Pe();
@@ -309,15 +309,15 @@ var _e = { class: "bb-tag__input-container" }, ve = [
 			}
 			Le(e), Be[e.key]?.(e);
 		}, He = (e) => {
-			j.value === "idle" && (j.value = "focused"), O("focus", e);
+			M.value === "idle" && (M.value = "focused"), O("focus", e);
 		}, Ue = (e) => {
 			O("click", e);
-		}, Z = async (e) => {
-			if (e.target instanceof Node && F.value && !F.value.$el.contains(e.target)) {
-				q(), document.removeEventListener("click", Z), document.removeEventListener("focusin", Z), W();
+		}, Q = async (e) => {
+			if (e.target instanceof Node && I.value && !I.value.$el.contains(e.target)) {
+				J(), document.removeEventListener("click", Q), document.removeEventListener("focusin", Q), G();
 				return;
 			}
-		}, Q = {
+		}, We = {
 			onBlur: (e) => O("blur", e),
 			onChange: (e) => O("change", e),
 			onKeyup: (e) => O("keyup", e),
@@ -327,21 +327,21 @@ var _e = { class: "bb-tag__input-container" }, ve = [
 			onPaste: (e) => O("paste", e),
 			onCompositionstart: (e) => O("compositionstart", e),
 			onCompositionend: (e) => O("compositionend", e)
-		}, We = c(() => P.input ? h(Q, P.input) : Q), Ge = () => {
+		}, Ge = c(() => F.input ? h(We, F.input) : We), Ke = () => {
 			O("update:modelValue", []);
 		}, $ = () => {
-			M.value ? (q(), W()) : j.value = "idle", document.removeEventListener("click", Z), document.removeEventListener("focusin", Z);
+			N.value ? (J(), G()) : M.value = "idle", document.removeEventListener("click", Q), document.removeEventListener("focusin", Q);
 		};
 		return fe($), de($), (e, t) => (_(), l(ne, h({
 			id: e.id,
 			class: "bb-tag",
-			clearable: e.clearable && N.value,
+			clearable: e.clearable && P.value,
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
 			errors: x(be),
 			"has-errors": e.hasErrors,
-			"has-value": N.value,
+			"has-value": P.value,
 			"has-warnings": e.hasWarnings,
 			"hide-label": e.hideLabel,
 			hint: e.hint,
@@ -353,36 +353,36 @@ var _e = { class: "bb-tag__input-container" }, ve = [
 			layout: e.layout,
 			loading: e.loading,
 			name: e.name,
-			passthrough: x(P),
-			readonly: e.readonly,
+			passthrough: x(F),
+			readonly: x(j),
 			reverse: e.reverse,
 			"show-asterisk": x(ye),
 			"show-hint": we.value,
 			warnings: e.warnings
-		}, x(P).forwardAttrs), d({
+		}, x(F).forwardAttrs), d({
 			label: C((t) => [y(e.$slots, "label", g(m(t)))]),
 			input: C(({ id: n, hasErrors: r, hasWarnings: i, ariaDescribedby: a, ariaLabelledby: o }) => [f(oe, {
 				ref_key: "wrapper",
-				ref: F,
-				active: M.value,
+				ref: I,
+				active: N.value,
 				"append:icon": x(D)["append:icon"],
 				class: ue(["bb-tag__field", {
-					"bb-tag__field--active": M.value,
+					"bb-tag__field--active": N.value,
 					"bb-tag__field--compact": e.compact
 				}]),
 				clearable: e.clearable,
 				compact: e.compact,
 				disabled: e.disabled,
 				"has-errors": r,
-				"has-value": N.value,
+				"has-value": P.value,
 				"has-warnings": i,
 				loading: e.loading,
-				passthrough: x(P),
+				passthrough: x(F),
 				"prepend:icon": x(D)["prepend:icon"],
-				readonly: e.readonly,
+				readonly: x(j),
 				variant: e.variant,
 				onClick: Ue,
-				"onClick:clear": Ge,
+				"onClick:clear": Ke,
 				onFocusin: je
 			}, d({
 				"prepend:outer": C(() => [y(e.$slots, "prepend:outer")]),
@@ -393,19 +393,19 @@ var _e = { class: "bb-tag__input-container" }, ve = [
 					default: C(() => [u("span", _e, [e.comma ? (_(), l(ce, {
 						key: 0,
 						ref_key: "commaBox",
-						ref: I,
-						options: V.value,
-						passthrough: x(P),
-						"onOption:unselected": G
+						ref: L,
+						options: H.value,
+						passthrough: x(F),
+						"onOption:unselected": K
 					}, null, 8, ["options", "passthrough"])) : (_(), l(se, {
 						key: 1,
 						ref_key: "chipsBox",
-						ref: L,
-						disabled: e.disabled || e.readonly,
-						options: V.value,
-						passthrough: x(P),
+						ref: R,
+						disabled: e.disabled || x(j),
+						options: H.value,
+						passthrough: x(F),
 						size: "lg",
-						"onOption:unselected": G
+						"onOption:unselected": K
 					}, null, 8, [
 						"disabled",
 						"options",
@@ -413,28 +413,28 @@ var _e = { class: "bb-tag__input-container" }, ve = [
 					])), ge(u("input", h({
 						id: n,
 						ref_key: "input",
-						ref: z,
-						"onUpdate:modelValue": t[0] ||= (e) => B.value = e,
+						ref: B,
+						"onUpdate:modelValue": t[0] ||= (e) => V.value = e,
 						"aria-describedby": a,
 						"aria-disabled": e.disabled || void 0,
 						"aria-invalid": r || void 0,
 						"aria-labelledby": o,
-						"aria-readonly": e.readonly || void 0,
+						"aria-readonly": x(j) || void 0,
 						autocomplete: e.autocomplete,
 						autofocus: e.autofocus,
 						class: "bb-tag__input",
 						disabled: e.disabled,
 						enterkeyhint: "done",
 						placeholder: e.placeholder,
-						readonly: e.readonly,
+						readonly: x(j),
 						required: x(k) && !x(A).length,
 						"aria-required": Se.value,
 						size: "1",
-						style: { "--characters": B.value.length },
+						style: { "--characters": V.value.length },
 						type: "text",
 						onFocus: w(He, ["stop"]),
 						onKeydown: w(Ve, ["stop"])
-					}, h(x(P).controlAttrs, We.value)), null, 16, ve), [[he, B.value]])])]),
+					}, h(x(F).controlAttrs, Ge.value)), null, 16, ve), [[he, V.value]])])]),
 					_: 2
 				}, 1024)]),
 				_: 2