bitboss-ui 3.0.0-beta.65 → 3.0.0-beta.67

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

@@ -1,7 +1,7 @@
 import { BbOffCanvasProps } from '../BbOffCanvas/types';
 import { ElementOrComponentRef, ElementOrComponentRefOrSelector } from '../../types/CommonProps';
 import { Placement } from '../../types/Placement';
-import { PtMap, PtValue } from '../../types/passthrough';
+import { PtCompoundProps, PtValue } from '../../types/passthrough';
 /**
  * Passthrough parts of `BbColorPalette` (plans/passthrough/BbColorPalette.md),
  * shaped as on `BbPopover`.
@@ -25,20 +25,28 @@ export type BbColorPalettePtPart = 'root' | 'panel' | 'sheet' | 'swatch';
  * @state open - Component-wide: the palette is showing.
  */
 export type BbColorPalettePtState = 'open' | 'selected';
+/** Every `part` / `part:state` key of `BbColorPalette` — only the pairs that land. */
+export type BbColorPalettePtKey = BbColorPalettePtPart | `${BbColorPalettePtPart}:open` | 'swatch:selected';
 /** The runtime lists the resolver is wired with — kept next to the types so the two cannot drift. */
 export declare const BB_COLOR_PALETTE_PT: {
     readonly parts: readonly ["root", "panel", "sheet", "swatch"];
     readonly states: readonly ["selected", "open"];
+    /** On every part: what the resolver's `active` map turns on. */
+    readonly wide: readonly ["open"];
+    /** Per node: the swatch that matches the value. */
+    readonly node: {
+        readonly swatch: readonly ["selected"];
+    };
 };
 export type BbColorPaletteProps = {
     [K in `pt:${BbColorPalettePtPart}` | `pt:${BbColorPalettePtPart}:open` | 'pt:swatch:selected']?: PtValue;
-} & {
+} & /* @vue-ignore */ PtCompoundProps<typeof BB_COLOR_PALETTE_PT> & {
     /**
      * Passthrough, object form: the same keys as the `pt:*` attributes
      * without the prefix. See the `pt:<part>` row.
      */
-    pt?: PtMap<BbColorPalettePtPart, 'open'> & {
-        'swatch:selected'?: PtValue;
+    pt?: {
+        [K in BbColorPalettePtKey]?: PtValue;
     };
     /**
      * External activator element or component ref.

package/dist/components/BbColorPalette/types.js

@@ -1,4 +1,4 @@
-//#region src/components/BbColorPalette/types.ts
+// src/components/BbColorPalette/types.ts
 var e = {
 	parts: [
 		"root",
@@ -6,7 +6,8 @@ var e = {
 		"sheet",
 		"swatch"
 	],
-	states: ["selected", "open"]
+	states: ["selected", "open"],
+	wide: ["open"],
+	node: { swatch: ["selected"] }
 };
-//#endregion
 export { e as BB_COLOR_PALETTE_PT };

package/dist/components/BbConfirm/BbConfirm.vue.js

@@ -1,6 +1,5 @@
 import e from "./BbConfirm.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                  */
-//#region src/components/BbConfirm/BbConfirm.vue
+// src/components/BbConfirm/BbConfirm.vue
 var t = e;
-//#endregion
 export { t as default };

package/dist/components/BbConfirm/BbConfirm.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,20 @@
-import { usePassthrough as e, variantPt as t } from "../../composables/usePassthrough.js";
-import { useConfig as n } from "../../composables/useConfig.js";
-import { useId as r } from "../../composables/useId.js";
-import i from "../BbButton/BbButton.vue.js";
-import { TRANSITION_DURATION as a, namedPortalRegistry as o, processMessage as s, removeConfirmEntry as c } from "../../composables/useConfirm.js";
-import { CONFIRM_ENTRY as l } from "./confirmEntry.js";
+import { TRANSITION_DURATION as e, namedPortalRegistry as t, processMessage as n, removeConfirmEntry as r } from "../../composables/useConfirm.js";
+import { useId as i } from "../../composables/useId.js";
+import { useConfig as a } from "../../composables/useConfig.js";
+import { useMobile as o } from "../../composables/useMobile.js";
+import s from "../BbDialog/BbDialog.vue.js";
+import { usePassthrough as c, variantPt as l } from "../../composables/usePassthrough.js";
 import { BB_DIALOG_PT as u } from "../BbDialog/types.js";
-import d from "../BbDialog/BbDialog.vue.js";
-import { BB_CONFIRM_PT as f } from "./types.js";
-import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createSlots as v, defineComponent as y, inject as b, markRaw as x, mergeProps as S, normalizeProps as C, onMounted as w, openBlock as T, renderList as E, resolveDynamicComponent as D, toDisplayString as O, unref as k, useAttrs as A, withCtx as j } from "vue";
-//#region src/components/BbConfirm/BbConfirm.vue?vue&type=script&setup=true&lang.ts
-var M = {
+import { BB_CONFIRM_PT as d } from "./types.js";
+import { CONFIRM_ENTRY as f } from "./confirmEntry.js";
+import p from "../BbButton/BbButton.vue.js";
+import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createSlots as y, defineComponent as b, inject as x, markRaw as S, mergeProps as C, normalizeProps as w, onMounted as T, openBlock as E, renderList as D, resolveDynamicComponent as O, toDisplayString as k, unref as A, useAttrs as j, withCtx as M } from "vue";
+// src/components/BbConfirm/BbConfirm.vue?vue&type=script&setup=true&lang.ts
+var N = {
 	key: 0,
 	class: "bb-confirm__content"
-}, N = /*@__PURE__*/ y({
-	mixins: [t(f)],
+}, P = /*@__PURE__*/ b({
+	mixins: [l(d)],
 	inheritAttrs: !1,
 	__name: "BbConfirm",
 	props: {
@@ -27,14 +28,23 @@ var M = {
 		"pt:close": {},
 		"pt:action": {},
 		"pt:root:open": {},
+		"pt:root:fullscreen": {},
 		"pt:sheet:open": {},
+		"pt:sheet:fullscreen": {},
 		"pt:header:open": {},
+		"pt:header:fullscreen": {},
 		"pt:title:open": {},
+		"pt:title:fullscreen": {},
 		"pt:content:open": {},
+		"pt:content:fullscreen": {},
 		"pt:text:open": {},
+		"pt:text:fullscreen": {},
 		"pt:footer:open": {},
+		"pt:footer:fullscreen": {},
 		"pt:close:open": {},
+		"pt:close:fullscreen": {},
 		"pt:action:open": {},
+		"pt:action:fullscreen": {},
 		"pt:root:default": {},
 		"pt:root:destructive": {},
 		"pt:sheet:default": {},
@@ -55,91 +65,93 @@ var M = {
 		"pt:action:destructive": {},
 		pt: {}
 	},
-	setup(t) {
-		let y = t, N = b(l), P = N.state, F = m(() => N.message), I = A(), L = f.parts.filter((e) => e !== "text" && e !== "action"), R = e({
+	setup(l) {
+		let b = l, P = x(f), F = P.state, I = h(() => P.message), { isMobile: L } = o(), R = j(), z = d.parts.filter((e) => e !== "text" && e !== "action"), B = c({
 			component: "BbConfirm",
-			attrs: I,
-			props: y,
-			parts: f.parts,
-			states: f.states,
-			active: { open: () => P.processing },
+			attrs: R,
+			props: b,
+			parts: d.parts,
+			states: d.states,
+			active: {
+				open: () => F.processing,
+				fullscreen: () => I.value?.fullscreen === !0 || I.value?.fullscreen === "mobile" && L.value
+			},
 			variant: {
-				...f.variant,
-				current: () => F.value?.variant ?? "default"
+				...d.variant,
+				current: () => I.value?.variant ?? "default"
 			}
-		}), z = m(() => {
-			let { class: e, ...t } = I, n = {
+		}), V = h(() => {
+			let { class: e, ...t } = R, n = {
 				role: "alertdialog",
 				...t
 			};
-			return U.value && !F.value?.title ? {
-				"aria-labelledby": B,
+			return G.value && !I.value?.title ? {
+				"aria-labelledby": H,
 				...n
 			} : n;
-		}), B = `confirm_text_${r().id.value}`, V = n();
-		w(() => {
-			P.processing || c(N);
+		}), H = `confirm_text_${i().id.value}`, U = a();
+		T(() => {
+			F.processing || r(P);
 		});
-		let H = m(() => P.yesBusy || P.noBusy || P.actionBusy !== null), U = m(() => !!F.value?.text), W = {
-			data: F.value.data ?? {},
-			yes: () => s(!0, !1, N),
-			no: () => s(!1, !0, N)
-		}, G = m(() => {
-			let e = F.value?.portal;
+		let W = h(() => F.yesBusy || F.noBusy || F.actionBusy !== null), G = h(() => !!I.value?.text), K = {
+			data: I.value.data ?? {},
+			yes: () => n(!0, !1, P),
+			no: () => n(!1, !0, P)
+		}, q = h(() => {
+			let e = I.value?.portal;
 			if (!e) return null;
 			if (typeof e != "string") return e;
-			let t = o.get(e);
-			return t ? x(() => t(W)) : null;
-		}), K = m(() => U.value || !!G.value), q = m(() => {
-			let { portal: e, data: t } = F.value ?? {};
+			let n = t.get(e);
+			return n ? S(() => n(K)) : null;
+		}), J = h(() => G.value || !!q.value), Y = h(() => {
+			let { portal: e, data: t } = I.value ?? {};
 			return !e || typeof e == "string" || !t ? {} : t;
-		}), J = m(() => F.value?.actions !== !1), Y = m(() => {
-			let e = F.value?.actions;
+		}), X = h(() => I.value?.actions !== !1), Z = h(() => {
+			let e = I.value?.actions;
 			return Array.isArray(e) && e.length ? e : null;
-		}), X = m(() => F.value?.no || null), Z = m(() => F.value?.yes || null), Q = m(() => ["bb-confirm", `bb-confirm--${F.value?.variant ?? "default"}`]), $ = (e) => {
-			e || s(!1, !1, N);
+		}), Q = h(() => I.value?.no || null), $ = h(() => I.value?.yes || null), ee = h(() => ["bb-confirm", `bb-confirm--${I.value?.variant ?? "default"}`]), te = (e) => {
+			e || n(!1, !1, P);
 		};
-		return (e, t) => (T(), h(d, S({
-			"aria-describedby": U.value && F.value?.title ? B : void 0,
-			class: Q.value,
-			"focus-target": F.value?.focusTarget,
-			fullscreen: F.value?.fullscreen,
-			"hide-close": H.value || !!F.value?.hideClose,
-			"model-value": k(P).processing,
-			persistent: H.value || !!F.value?.persistent,
-			pt: k(R).forward(k(L), k(u).states)
-		}, z.value, {
-			size: F.value?.size ?? k(V).confirm?.defaultSize,
-			stack: F.value?.stack ?? k("bb-confirm"),
-			title: F.value?.title,
-			"transition-duration": k(a),
-			onHidden: t[2] ||= (e) => k(c)(k(N)),
-			"onUpdate:modelValue": $
-		}), v({
-			default: j(() => [K.value ? (T(), _("div", M, [U.value ? (T(), _("div", S({
+		return (t, n) => (E(), g(s, C({
+			"aria-describedby": G.value && I.value?.title ? H : void 0,
+			class: ee.value,
+			"focus-target": I.value?.focusTarget,
+			fullscreen: I.value?.fullscreen,
+			"hide-close": W.value || !!I.value?.hideClose,
+			"model-value": A(F).processing,
+			persistent: W.value || !!I.value?.persistent,
+			pt: A(B).forward(A(z), A(u).states)
+		}, V.value, {
+			size: I.value?.size ?? A(U).confirm?.defaultSize,
+			stack: I.value?.stack ?? A("bb-confirm"),
+			title: I.value?.title,
+			"transition-duration": A(e),
+			onHidden: n[2] ||= (e) => A(r)(A(P)),
+			"onUpdate:modelValue": te
+		}), y({
+			default: M(() => [J.value ? (E(), v("div", N, [G.value ? (E(), v("div", C({
 				key: 0,
-				id: B,
+				id: H,
 				class: "bb-confirm__text"
-			}, k(R).text), O(F.value?.text), 17)) : (T(), h(D(G.value), C(S({ key: 1 }, q.value)), null, 16))])) : g("", !0)]),
+			}, A(B).text), k(I.value?.text), 17)) : (E(), g(O(q.value), w(C({ key: 1 }, Y.value)), null, 16))])) : _("", !0)]),
 			_: 2
-		}, [J.value ? {
+		}, [X.value ? {
 			name: "footer",
-			fn: j(() => [
-				Y.value ? (T(!0), _(p, { key: 0 }, E(Y.value, (e, t) => (T(), h(i, S({
+			fn: M(() => [
+				Z.value ? (E(!0), v(m, { key: 0 }, D(Z.value, (e, t) => (E(), g(p, C({
 					key: t,
 					"append:icon": e["append:icon"],
 					block: e.block,
-					disabled: k(P).actionBusy !== null && k(P).actionBusy !== t,
+					disabled: A(F).actionBusy !== null && A(F).actionBusy !== t,
 					icon: e.icon,
-					loading: k(P).actionBusy === t,
+					loading: A(F).actionBusy === t,
 					"prepend:icon": e["prepend:icon"],
 					size: e.size,
 					text: e.text,
 					variant: e.variant,
 					onClick: (t) => e.onClick(),
-					class: "bb-confirm__action",
-					ref_for: !0
-				}, k(R).action), null, 16, [
+					class: "bb-confirm__action"
+				}, { ref_for: !0 }, A(B).action), null, 16, [
 					"append:icon",
 					"block",
 					"disabled",
@@ -150,21 +162,21 @@ var M = {
 					"text",
 					"variant",
 					"onClick"
-				]))), 128)) : g("", !0),
-				X.value ? (T(), h(i, S({
+				]))), 128)) : _("", !0),
+				Q.value ? (E(), g(p, C({
 					key: 1,
-					"append:icon": X.value["append:icon"],
-					block: X.value.block,
-					disabled: k(P).yesBusy,
-					icon: X.value.icon,
-					loading: k(P).noBusy,
-					"prepend:icon": X.value["prepend:icon"],
-					size: X.value.size,
-					text: X.value.text,
-					variant: X.value.variant,
-					onClick: t[0] ||= (e) => X.value.onClick(),
+					"append:icon": Q.value["append:icon"],
+					block: Q.value.block,
+					disabled: A(F).yesBusy,
+					icon: Q.value.icon,
+					loading: A(F).noBusy,
+					"prepend:icon": Q.value["prepend:icon"],
+					size: Q.value.size,
+					text: Q.value.text,
+					variant: Q.value.variant,
+					onClick: n[0] ||= (e) => Q.value.onClick(),
 					class: "bb-confirm__action"
-				}, k(R).action), null, 16, [
+				}, A(B).action), null, 16, [
 					"append:icon",
 					"block",
 					"disabled",
@@ -174,21 +186,21 @@ var M = {
 					"size",
 					"text",
 					"variant"
-				])) : g("", !0),
-				Z.value ? (T(), h(i, S({
+				])) : _("", !0),
+				$.value ? (E(), g(p, C({
 					key: 2,
-					"append:icon": Z.value["append:icon"],
-					block: Z.value.block,
-					disabled: k(P).noBusy,
-					icon: Z.value.icon,
-					loading: k(P).yesBusy,
-					"prepend:icon": Z.value["prepend:icon"],
-					size: Z.value.size,
-					text: Z.value.text,
-					variant: Z.value.variant,
-					onClick: t[1] ||= (e) => Z.value.onClick(),
+					"append:icon": $.value["append:icon"],
+					block: $.value.block,
+					disabled: A(F).noBusy,
+					icon: $.value.icon,
+					loading: A(F).yesBusy,
+					"prepend:icon": $.value["prepend:icon"],
+					size: $.value.size,
+					text: $.value.text,
+					variant: $.value.variant,
+					onClick: n[1] ||= (e) => $.value.onClick(),
 					class: "bb-confirm__action"
-				}, k(R).action), null, 16, [
+				}, A(B).action), null, 16, [
 					"append:icon",
 					"block",
 					"disabled",
@@ -198,7 +210,7 @@ var M = {
 					"size",
 					"text",
 					"variant"
-				])) : g("", !0)
+				])) : _("", !0)
 			]),
 			key: "0"
 		} : void 0]), 1040, [
@@ -217,5 +229,4 @@ var M = {
 		]));
 	}
 });
-//#endregion
-export { N as default };
+export { P as default };

package/dist/components/BbConfirm/BbConfirmHost.js

@@ -1,32 +1,31 @@
-import { OPENING as e } from "../../composables/hostOpenings.js";
-import { __registerConfirmHost as t, confirmEntries as n } from "../../composables/useConfirm.js";
+import { __registerConfirmHost as e, confirmEntries as t } from "../../composables/useConfirm.js";
+import { OPENING as n } from "../../composables/hostOpenings.js";
 import { CONFIRM_ENTRY as r } from "./confirmEntry.js";
 import i from "./BbConfirm.vue.js";
 import { defineComponent as a, getCurrentInstance as o, h as s, onMounted as c, onUnmounted as l, provide as u } from "vue";
-//#region src/components/BbConfirm/BbConfirmHost.ts
+// src/components/BbConfirm/BbConfirmHost.ts
 var d = a({
 	name: "BbConfirmOpening",
 	props: { entry: {
 		type: Object,
 		required: !0
 	} },
-	setup(t) {
-		let n = o();
-		return t.entry.provides && (n.provides = Object.create(t.entry.provides)), u(e, null), u(r, t.entry), () => s(i);
+	setup(e) {
+		let t = o();
+		return e.entry.provides && (t.provides = Object.create(e.entry.provides)), u(n, null), u(r, e.entry), () => s(i);
 	}
 }), f = a({
 	name: "BbConfirmHost",
 	inheritAttrs: !1,
-	setup(e, { attrs: r }) {
+	setup(n, { attrs: r }) {
 		let i;
 		return c(() => {
-			i = t().unregister;
-		}), l(() => i?.()), () => n.map((e) => s(d, {
+			i = e().unregister;
+		}), l(() => i?.()), () => t.map((e) => s(d, {
 			...r,
 			key: e.key,
 			entry: e
 		}));
 	}
 });
-//#endregion
 export { f as default };

package/dist/components/BbConfirm/BbConfirmPortal.vue.js

@@ -1,5 +1,4 @@
 import e from "./BbConfirmPortal.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/BbConfirm/BbConfirmPortal.vue
+// src/components/BbConfirm/BbConfirmPortal.vue
 var t = e;
-//#endregion
 export { t as default };

package/dist/components/BbConfirm/BbConfirmPortal.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,14 @@
 import { registerNamedPortal as e } from "../../composables/useConfirm.js";
 import { defineComponent as t, useSlots as n, watchEffect as r } from "vue";
-//#region src/components/BbConfirm/BbConfirmPortal.vue?vue&type=script&setup=true&lang.ts
+// src/components/BbConfirm/BbConfirmPortal.vue?vue&type=script&setup=true&lang.ts
 var i = /*@__PURE__*/ t({
 	__name: "BbConfirmPortal",
 	props: { name: {} },
 	setup(t) {
 		let i = t, a = n();
 		return r((t) => {
-			typeof window > "u" || t(e(i.name, (e) => a.default?.(e)));
+			typeof window < "u" && t(e(i.name, (e) => a.default?.(e)));
 		}), (e, t) => null;
 	}
 });
-//#endregion
 export { i as default };

package/dist/components/BbConfirm/confirmEntry.js

@@ -1,4 +1,3 @@
-//#region src/components/BbConfirm/confirmEntry.ts
+// src/components/BbConfirm/confirmEntry.ts
 var e = Symbol.for("bitboss-ui:confirm-entry");
-//#endregion
 export { e as CONFIRM_ENTRY };

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

@@ -1,4 +1,4 @@
-import { PtMap, PtValue, PtVariantAttrs } from '../../types/passthrough';
+import { PtCompoundProps, PtMap, PtValue, PtVariantAttrs } from '../../types/passthrough';
 import { ConfirmVariantBuiltIn, ConfirmVariantRegistry } from '../../types/ConfirmVariant';
 /**
  * Passthrough parts of `BbConfirm` (plans/passthrough/BbConfirm.md). Every
@@ -25,12 +25,16 @@ export type BbConfirmPtPart = 'root' | 'sheet' | 'header' | 'title' | 'content'
  * Passthrough states of `BbConfirm`.
  *
  * @state open - Component-wide: a confirm is showing.
+ * @state fullscreen - Component-wide: the showing confirm is fullscreen (its
+ *   `fullscreen` option, or `'mobile'` on a phone).
  */
-export type BbConfirmPtState = 'open';
+export type BbConfirmPtState = 'open' | 'fullscreen';
 /** The runtime lists the resolver is wired with — kept next to the types so the two cannot drift. */
 export declare const BB_CONFIRM_PT: {
     readonly parts: readonly ["root", "sheet", "header", "title", "content", "text", "footer", "close", "action"];
-    readonly states: readonly ["open"];
+    readonly states: readonly ["open", "fullscreen"];
+    /** On every part: what the resolver's `active` map turns on. */
+    readonly wide: readonly ["open", "fullscreen"];
     readonly variant: {
         readonly names: readonly ["default", "destructive"];
         readonly option: "confirmVariants";
@@ -38,7 +42,7 @@ export declare const BB_CONFIRM_PT: {
 };
 export type BbConfirmProps = {
     [K in `pt:${BbConfirmPtPart}` | `pt:${BbConfirmPtPart}:${BbConfirmPtState}` | `pt:${BbConfirmPtPart}:${ConfirmVariantBuiltIn}`]?: PtValue;
-} & /* @vue-ignore */ PtVariantAttrs<BbConfirmPtPart, keyof ConfirmVariantRegistry> & {
+} & /* @vue-ignore */ PtCompoundProps<typeof BB_CONFIRM_PT, PtVariantAttrs<BbConfirmPtPart, keyof ConfirmVariantRegistry>> & {
     /**
      * Passthrough, object form: the same keys as the `pt:*` attributes
      * without the prefix. See the `pt:<part>` row.

package/dist/components/BbConfirm/types.js

@@ -1,5 +1,5 @@
 import { CONFIRM_VARIANTS as e } from "../../types/ConfirmVariant.js";
-//#region src/components/BbConfirm/types.ts
+// src/components/BbConfirm/types.ts
 var t = {
 	parts: [
 		"root",
@@ -12,11 +12,11 @@ var t = {
 		"close",
 		"action"
 	],
-	states: ["open"],
+	states: ["open", "fullscreen"],
+	wide: ["open", "fullscreen"],
 	variant: {
 		names: e,
 		option: "confirmVariants"
 	}
 };
-//#endregion
 export { t as BB_CONFIRM_PT };