@nubisco/ui 5.18.1 → 5.19.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubisco/ui",
-  "version": "5.18.1",
+  "version": "5.19.1",
   "description": "Vue 3 UI component library",
   "packageManager": "pnpm@12.3.4+sha512.961aa41fb077da3a04a441d9f8e15ebc0c96da8ef710b2eb67bf9ee7cb0610eabd48f1fd85f51cffe73846785fa0f87c56a3a872a1d893f8446741b5cce45457",
   "repository": {

package/src/styles/logic/_touch.scss

@@ -0,0 +1,31 @@
+@use '../variables/breakpoints' as bp;
+
+/// Grow a control's touch target to $min on a phone touch screen, without
+/// changing how it looks: an invisible box centred on the control takes the
+/// taps. The control needs to be the positioning context, so it gets
+/// `position: relative` unless it already has a position of its own (pass
+/// $position: false then). Uses ::after, so the control must not.
+/// @group @nubisco/logic
+@mixin hit-area($min: 44px, $position: true) {
+  @include bp.phone-touch {
+    @if $position {
+      position: relative;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      inset-block: min(0px, calc((100% - #{$min}) / 2));
+      inset-inline: min(0px, calc((100% - #{$min}) / 2));
+    }
+  }
+}
+
+/// Field text on a phone touch screen: never below 16px, or iOS Safari zooms
+/// the page in when the field takes focus and leaves it zoomed.
+/// @group @nubisco/logic
+@mixin touch-field-text {
+  @include bp.phone-touch {
+    font-size: max(16px, var(--nb-field-font-size, 14px));
+  }
+}

package/src/styles/logic/index.scss

@@ -1,3 +1,4 @@
 @forward 'a11y';
 @forward 'tints';
 @forward 'radius';
+@forward 'touch';

package/src/styles/variables/_breakpoints.scss

@@ -29,3 +29,39 @@ $breakpoints: (
     @error '`#{$key}` does not exist in the $breakpoints variable';
   }
 }
+
+// The phone layout. Below $bp-md (where NbShell already collapses), or a
+// touch screen too short to be anything but a phone held sideways. Desktops,
+// desktop app windows and touch laptops driven by a mouse report a fine
+// pointer or hover, so the second clause never matches them.
+//
+// Kept in step with NB_PHONE_QUERY in composables/usePhoneLayout.composable.ts
+// (a unit test compares the two), because script decisions need the same
+// answer as the styles.
+/// @type String
+/// @access public
+/// @group @nubisco/layout
+$phone-query: '(max-width: #{$bp-md - 0.02}px), (pointer: coarse) and (hover: none) and (max-height: 500px)' !default;
+
+// The phone layout on a touch screen: where hit areas grow to 44px and field
+// text to 16px. A narrow desktop window gets the layout but keeps its density.
+/// @type String
+/// @access public
+/// @group @nubisco/layout
+$phone-touch-query: '(max-width: #{$bp-md - 0.02}px) and (pointer: coarse), (pointer: coarse) and (hover: none) and (max-height: 500px)' !default;
+
+/// Styles for the phone layout only. Nothing inside reaches a desktop.
+/// @group @nubisco/layout
+@mixin phone {
+  @media #{$phone-query} {
+    @content;
+  }
+}
+
+/// Styles for the phone layout on a touch screen only.
+/// @group @nubisco/layout
+@mixin phone-touch {
+  @media #{$phone-touch-query} {
+    @content;
+  }
+}

package/dist/Board-6D49Yld8.js

@@ -1,524 +0,0 @@
-import { useStableId as e } from "./composables/useStableId.composable.mjs";
-import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
-import { t as n } from "./Button-BAfC7ySK.js";
-import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as ee, nextTick as d, normalizeClass as f, normalizeStyle as te, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as ne, withModifiers as y } from "vue";
-//#region src/components/Board.vue?vue&type=script&setup=true&lang.ts
-var re = [
-	"draggable",
-	"onDragstart",
-	"onDragover"
-], ie = { class: "nb-board__col-title" }, ae = { class: "nb-board__col-count" }, oe = ["onClick"], se = ["aria-label"], ce = { class: "nb-board__lane-label" }, le = { class: "nb-board__lane-count" }, ue = ["onDragover", "onDrop"], de = ["aria-label"], fe = [
-	"data-item-id",
-	"aria-selected",
-	"aria-label",
-	"aria-describedby",
-	"onDragstart",
-	"onDragover",
-	"onKeydown",
-	"onClickCapture",
-	"onBlur"
-], pe = {
-	key: 0,
-	class: "nb-board__empty-cell",
-	"aria-hidden": "true"
-}, me = {
-	key: 0,
-	class: "nb-board__cell-footer"
-}, he = {
-	key: 0,
-	class: "nb-board__batch",
-	role: "region",
-	"aria-label": "Actions for the selected cards"
-}, ge = { class: "nb-board__batch-count" }, _e = { class: "nb-board__batch-actions" }, ve = ["id"], ye = {
-	class: "nb-board__sr",
-	"aria-live": "assertive"
-}, be = .5, xe = 44, Se = /* @__PURE__ */ u({
-	__name: "Board",
-	props: {
-		columns: {},
-		items: {},
-		lanes: { default: void 0 },
-		reorderableColumns: {
-			type: Boolean,
-			default: !1
-		},
-		nestable: {
-			type: Boolean,
-			default: !1
-		},
-		selectable: {
-			type: Boolean,
-			default: !1
-		},
-		selected: { default: void 0 }
-	},
-	emits: [
-		"move",
-		"nest",
-		"column-move",
-		"move-many",
-		"update:selected"
-	],
-	setup(u, { emit: Se }) {
-		let b = u, { layerProps: Ce } = t(), x = Se, S = i(() => b.selectable ? b.selected ?? [] : []), we = i(() => new Set(S.value)), C = null;
-		function w(e) {
-			return we.value.has(e);
-		}
-		function T(e) {
-			x("update:selected", e), U.value = e.length === 0 ? "Selection cleared" : `${e.length} ${e.length === 1 ? "card" : "cards"} selected`;
-		}
-		function E() {
-			C = null, T([]);
-		}
-		function D(e) {
-			C = e, T(w(e) ? S.value.filter((t) => t !== e) : [...S.value, e]);
-		}
-		function Te(e, t, n) {
-			let r = L(t, n), i = C ? r.findIndex((e) => e.id === C) : -1, a = r.findIndex((t) => t.id === e.id);
-			if (i === -1 || a === -1) return D(e.id);
-			let o = r.slice(Math.min(i, a), Math.max(i, a) + 1).map((e) => e.id);
-			T([...new Set([...S.value, ...o])]);
-		}
-		function Ee(e, t, n, r) {
-			b.selectable && (e.metaKey || e.ctrlKey || e.shiftKey) && (e.preventDefault(), e.stopPropagation(), e.shiftKey ? Te(t, N(n), r) : D(t.id));
-		}
-		function O() {
-			let e = [];
-			for (let t of b.columns) for (let n of M.value) for (let r of L(N(n), t.id)) w(r.id) && !e.includes(r.id) && e.push(r.id);
-			return e;
-		}
-		function k(e, t, n, r, i) {
-			let a = new Set(e), o = L(n, r).filter((e) => e.id !== t), s = null;
-			for (let e = Math.min(i, o.length) - 1; e >= 0; e--) if (!a.has(o[e].id)) {
-				s = o[e].id;
-				break;
-			}
-			let c = null;
-			for (let e = Math.max(i, 0); e < o.length; e++) if (!a.has(o[e].id)) {
-				c = o[e].id;
-				break;
-			}
-			x("move-many", {
-				itemIds: e,
-				toColumnId: r,
-				...b.lanes ? { toLaneId: n } : {},
-				beforeItemId: s,
-				afterItemId: c
-			});
-			let l = R(r);
-			U.value = `${e.length} cards moved to ${l?.label ?? r}`;
-		}
-		let A = e({}), j = m(null), De = i(() => ({ gridTemplateColumns: `repeat(${b.columns.length}, var(--nb-board-column-track, minmax(200px, 1fr)))` })), M = i(() => b.lanes && b.lanes.length > 0 ? b.lanes : [null]);
-		function N(e) {
-			return e ? e.id ?? null : null;
-		}
-		function P(e) {
-			return e ? I(e.id) : "__flat__";
-		}
-		function F(e) {
-			return b.items.filter((t) => t.columnId === e).length;
-		}
-		function I(e) {
-			return e ?? "__none__";
-		}
-		function Oe(e) {
-			return b.lanes ? b.items.filter((t) => (t.laneId ?? null) === e).length : 0;
-		}
-		function L(e, t) {
-			return !b.lanes || b.lanes.length === 0 ? b.items.filter((e) => e.columnId === t) : b.items.filter((n) => n.columnId === t && (n.laneId ?? null) === e);
-		}
-		function R(e) {
-			return b.columns.find((t) => t.id === e);
-		}
-		let z = m(/* @__PURE__ */ new Set());
-		function ke(e) {
-			let t = I(e), n = new Set(z.value);
-			n.has(t) ? n.delete(t) : n.add(t), z.value = n;
-		}
-		function B(e) {
-			return z.value.has(I(e));
-		}
-		function V(e) {
-			let t = e.label ?? e.name ?? e.title;
-			return typeof t == "string" ? t : `Item ${e.id}`;
-		}
-		function H(e, t) {
-			return e ? `${t.label}, ${e.label}` : t.label;
-		}
-		function Ae(e, t) {
-			return H(e, t);
-		}
-		function je(e, t, n) {
-			let r = L(N(t), n.id), i = r.findIndex((t) => t.id === e.id), a = `${V(e)}, ${i + 1} of ${r.length} in ${H(t, n)}`;
-			return Y.value?.item.id === e.id ? `${a}, picked up` : a;
-		}
-		let U = m("");
-		function W(e, t, n, r) {
-			let i = L(t, n).filter((t) => t.id !== e.item.id), a = Math.max(0, Math.min(r, i.length));
-			return e.fromColumnId === n && e.fromLaneId === t && a === L(t, n).findIndex((t) => t.id === e.item.id) ? !1 : (x("move", {
-				itemId: e.item.id,
-				fromColumnId: e.fromColumnId,
-				toColumnId: n,
-				fromLaneId: e.fromLaneId,
-				toLaneId: t,
-				toIndex: a,
-				beforeItemId: i[a - 1]?.id ?? null,
-				afterItemId: i[a]?.id ?? null
-			}), !0);
-		}
-		let G = m(null), K = m(null), q = m(null);
-		function Me(e, t, n) {
-			Y.value = null;
-			let r = w(e.id) && S.value.length > 1 ? O() : void 0;
-			G.value = {
-				item: e,
-				fromLaneId: N(t),
-				fromColumnId: n,
-				group: r
-			}, r && (U.value = `Moving ${r.length} cards`);
-		}
-		function Ne(e, t, n, r, i) {
-			if (!G.value) return;
-			let a = e.currentTarget.getBoundingClientRect();
-			if (b.nestable && !G.value.group && a.height >= xe) {
-				let r = (e.clientY - a.top) / a.height, o = (1 - be) / 2;
-				if (r > o && r < 1 - o && i.id !== G.value.item.id) {
-					q.value = {
-						laneId: N(t),
-						colId: n,
-						itemId: i.id
-					}, K.value = null;
-					return;
-				}
-			}
-			q.value = null;
-			let o = e.clientY >= a.top + a.height / 2;
-			K.value = {
-				laneId: N(t),
-				colId: n,
-				index: r + (o ? 1 : 0)
-			};
-		}
-		function Pe(e, t) {
-			if (!G.value) return;
-			let n = N(e);
-			K.value = {
-				laneId: n,
-				colId: t,
-				index: L(n, t).length
-			};
-		}
-		function Fe() {
-			K.value = null, q.value = null;
-		}
-		function Ie() {
-			G.value = null, K.value = null, q.value = null;
-		}
-		function Le(e, t) {
-			return J(e, t) !== null;
-		}
-		function J(e, t) {
-			let n = N(e), r = K.value;
-			if (G.value && r && r.laneId === n && r.colId === t) return r.index;
-			let i = Y.value;
-			if (i && i.laneId === n && i.colId === t) {
-				let e = L(n, t).findIndex((e) => e.id === i.item.id);
-				return e !== -1 && e <= i.index ? i.index + 1 : i.index;
-			}
-			return null;
-		}
-		function Re(e, t, n) {
-			let r = q.value;
-			return r !== null && r.laneId === N(e) && r.colId === t && r.itemId === n.id;
-		}
-		function ze(e, t, n) {
-			return n === L(N(e), t).length - 1 && J(e, t) === n + 1;
-		}
-		function Be(e, t) {
-			if (Z.value !== null) return;
-			let n = K.value, r = q.value;
-			K.value = null, q.value = null;
-			let i = G.value;
-			if (G.value = null, !i) return;
-			if (r) {
-				x("nest", {
-					itemId: i.item.id,
-					ontoItemId: r.itemId,
-					fromColumnId: i.fromColumnId,
-					...b.lanes ? { fromLaneId: i.fromLaneId } : {}
-				}), U.value = `${V(i.item)} dropped onto ${V(b.items.find((e) => e.id === r.itemId) ?? i.item)}`;
-				return;
-			}
-			let a = N(e), o = L(a, t), s = n && n.laneId === a && n.colId === t ? n.index : o.length, c = o.findIndex((e) => e.id === i.item.id), l = c !== -1 && c < s ? s - 1 : s;
-			if (i.group) {
-				k(i.group, i.item.id, a, t, l);
-				return;
-			}
-			W(i, a, t, l);
-		}
-		let Y = m(null);
-		function Ve(e, t, n, r) {
-			let i = N(n);
-			if (b.selectable && (e.key === "x" || e.key === "X") && !Y.value) {
-				e.preventDefault(), D(t.id);
-				return;
-			}
-			if (e.key === "Escape") {
-				if (!Y.value) {
-					b.selectable && S.value.length > 0 && (e.preventDefault(), E());
-					return;
-				}
-				e.preventDefault(), Y.value = null, U.value = "Move cancelled";
-				return;
-			}
-			if (e.key === " " || e.key === "Enter") {
-				if (e.preventDefault(), Y.value?.item.id !== t.id) {
-					He(t, i, r);
-					return;
-				}
-				if (b.nestable && e.shiftKey && Ke()) {
-					qe();
-					return;
-				}
-				Je();
-				return;
-			}
-			[
-				"ArrowUp",
-				"ArrowDown",
-				"ArrowLeft",
-				"ArrowRight"
-			].includes(e.key) && (e.preventDefault(), Y.value?.item.id === t.id ? Ge(e.key) : Ye(e.key, t, i, r));
-		}
-		function He(e, t, n) {
-			Y.value = {
-				item: e,
-				fromLaneId: t,
-				fromColumnId: n,
-				laneId: t,
-				colId: n,
-				index: L(t, n).findIndex((t) => t.id === e.id)
-			}, U.value = `${V(e)} picked up, ${Ue()}`;
-		}
-		function Ue() {
-			let e = Y.value;
-			if (!e) return "";
-			let t = L(e.laneId, e.colId).filter((t) => t.id !== e.item.id), n = R(e.colId), r = b.lanes?.find((t) => (t.id ?? null) === e.laneId) ?? null, i = n ? H(r, n) : e.colId;
-			return `position ${e.index + 1} of ${t.length + 1} in ${i}`;
-		}
-		function We() {
-			return !b.lanes || b.lanes.length === 0 ? [null] : b.lanes.filter((e) => !B(e.id)).map((e) => e.id ?? null);
-		}
-		function Ge(e) {
-			let t = Y.value;
-			if (!t) return;
-			let n = L(t.laneId, t.colId).filter((e) => e.id !== t.item.id);
-			if (e === "ArrowUp" || e === "ArrowDown") {
-				let r = e === "ArrowUp" ? -1 : 1, i = t.index + r;
-				if (i >= 0 && i <= n.length) t.index = i;
-				else {
-					let e = We(), n = e.indexOf(t.laneId), i = n + r;
-					if (n === -1 || i < 0 || i >= e.length) return;
-					let a = e[i];
-					t.laneId = a, t.index = r === 1 ? 0 : L(a, t.colId).filter((e) => e.id !== t.item.id).length;
-				}
-			} else {
-				let n = e === "ArrowLeft" ? -1 : 1, r = b.columns.findIndex((e) => e.id === t.colId), i = b.columns[r + n];
-				if (r === -1 || !i) return;
-				t.colId = i.id;
-				let a = L(t.laneId, t.colId).filter((e) => e.id !== t.item.id);
-				t.index = Math.min(t.index, a.length);
-			}
-			U.value = `${V(t.item)}, ${Ue()}`;
-		}
-		function Ke() {
-			let e = Y.value;
-			if (!e) return null;
-			let t = L(e.laneId, e.colId).filter((t) => t.id !== e.item.id);
-			return t.length === 0 ? null : t[Math.min(e.index, t.length - 1)] ?? null;
-		}
-		function qe() {
-			let e = Y.value, t = Ke();
-			!e || !t || (Y.value = null, x("nest", {
-				itemId: e.item.id,
-				ontoItemId: t.id,
-				fromColumnId: e.fromColumnId,
-				...b.lanes ? { fromLaneId: e.fromLaneId } : {}
-			}), U.value = `${V(e.item)} dropped onto ${V(t)}`);
-		}
-		function Je() {
-			let e = Y.value;
-			if (!e) return;
-			if (Y.value = null, w(e.item.id) && S.value.length > 1) {
-				k(O(), e.item.id, e.laneId, e.colId, e.index), Xe(e.item.id);
-				return;
-			}
-			let t = W({
-				item: e.item,
-				fromLaneId: e.fromLaneId,
-				fromColumnId: e.fromColumnId
-			}, e.laneId, e.colId, e.index), n = R(e.colId), r = b.lanes?.find((t) => (t.id ?? null) === e.laneId) ?? null, i = n ? H(r, n) : e.colId;
-			U.value = t ? `${V(e.item)} dropped, position ${e.index + 1} in ${i}` : `${V(e.item)} dropped`, Xe(e.item.id);
-		}
-		function Ye(e, t, n, r) {
-			let i = L(n, r), a = i.findIndex((e) => e.id === t.id);
-			if (e === "ArrowUp" || e === "ArrowDown") {
-				let t = a + (e === "ArrowDown" ? 1 : -1);
-				t >= 0 && t < i.length && X(i[t].id);
-			} else {
-				let t = b.columns.findIndex((e) => e.id === r), i = b.columns[t + (e === "ArrowRight" ? 1 : -1)];
-				if (t === -1 || !i) return;
-				let o = L(n, i.id);
-				if (o.length === 0) return;
-				X(o[Math.min(a, o.length - 1)].id);
-			}
-		}
-		function X(e) {
-			let t = j.value?.querySelectorAll("[data-item-id]");
-			if (t) {
-				for (let n of t) if (n.dataset.itemId === e) {
-					n.focus();
-					return;
-				}
-			}
-		}
-		async function Xe(e) {
-			await d(), await d(), X(e);
-		}
-		function Ze(e) {
-			Y.value?.item.id === e.id && (Y.value = null);
-		}
-		let Z = m(null), Q = m(null);
-		function Qe(e, t) {
-			if (!b.reorderableColumns) {
-				t.preventDefault();
-				return;
-			}
-			Z.value = e, Q.value = e;
-		}
-		function $e(e, t) {
-			if (Z.value === null) return;
-			t.preventDefault();
-			let n = t.currentTarget.getBoundingClientRect();
-			Q.value = t.clientX < n.left + n.width / 2 ? e : e + 1;
-		}
-		function et(e) {
-			let t = Z.value, n = Q.value;
-			if ($(), t === null || n === null) return;
-			e.preventDefault();
-			let r = n > t ? n - 1 : n;
-			r !== t && x("column-move", {
-				columnId: b.columns[t].id,
-				toIndex: r
-			});
-		}
-		function $() {
-			Z.value = null, Q.value = null;
-		}
-		return (e, t) => (p(), o("div", ee({
-			ref_key: "boardRef",
-			ref: j,
-			class: "nb-board"
-		}, v(Ce)), [
-			s("div", {
-				class: "nb-board__grid",
-				style: te(De.value)
-			}, [(p(!0), o(r, null, h(u.columns, (t, n) => (p(), o("div", {
-				key: t.id,
-				class: f(["nb-board__col-header", {
-					"nb-board__col-header--reorderable": u.reorderableColumns,
-					"nb-board__col-header--dragging": Z.value === n,
-					"nb-board__col-header--drop-before": Q.value === n,
-					"nb-board__col-header--drop-after": Q.value === n + 1 && n === u.columns.length - 1
-				}]),
-				style: te(t.color ? { borderTopColor: t.color } : void 0),
-				draggable: u.reorderableColumns || void 0,
-				onDragstart: (e) => Qe(n, e),
-				onDragover: (e) => $e(n, e),
-				onDrop: et,
-				onDragend: $
-			}, [g(e.$slots, "column-header", {
-				column: t,
-				count: F(t.id)
-			}, () => [s("span", ie, _(t.label), 1), s("span", ae, _(F(t.id)), 1)])], 46, re))), 128)), (p(!0), o(r, null, h(M.value, (t) => (p(), o(r, { key: P(t) }, [t ? (p(), o("div", {
-				key: 0,
-				class: "nb-board__lane-header",
-				onClick: (e) => ke(t.id)
-			}, [
-				s("button", {
-					class: "nb-board__collapse-btn",
-					"aria-label": B(t.id) ? "Expand" : "Collapse"
-				}, _(B(t.id) ? "▶" : "▼"), 9, se),
-				g(e.$slots, "lane-header", { lane: t }, () => [s("span", ce, _(t.label), 1)]),
-				s("span", le, _(Oe(t.id)), 1)
-			], 8, oe)) : a("", !0), !t || !B(t.id) ? (p(!0), o(r, { key: 1 }, h(u.columns, (n) => (p(), o("div", {
-				key: P(t) + "-" + n.id,
-				class: f(["nb-board__cell", { "nb-board__cell--drag-over": Le(t, n.id) }]),
-				onDragover: y((e) => Pe(t, n.id), ["prevent"]),
-				onDragleave: Fe,
-				onDrop: y((e) => Be(t, n.id), ["prevent"])
-			}, [s("div", {
-				class: "nb-board__cell-items",
-				role: "list",
-				"aria-label": Ae(t, n)
-			}, [(p(!0), o(r, null, h(L(N(t), n.id), (r, i) => (p(), o("div", {
-				key: r.id,
-				class: f(["nb-board__card", {
-					"nb-board__card--lifted": Y.value?.item.id === r.id,
-					"nb-board__card--selected": w(r.id),
-					"nb-board__card--carried": !!G.value?.group && w(r.id),
-					"nb-board__card--drop-before": J(t, n.id) === i,
-					"nb-board__card--drop-after": ze(t, n.id, i),
-					"nb-board__card--drop-into": Re(t, n.id, r)
-				}]),
-				role: "listitem",
-				tabindex: "0",
-				"data-item-id": r.id,
-				"aria-selected": u.selectable ? w(r.id) : void 0,
-				"aria-label": je(r, t, n),
-				"aria-describedby": `${v(A)}-hint`,
-				draggable: "true",
-				onDragstart: (e) => Me(r, t, n.id),
-				onDragover: y((e) => Ne(e, t, n.id, i, r), ["prevent", "stop"]),
-				onDragend: Ie,
-				onKeydown: (e) => Ve(e, r, t, n.id),
-				onClickCapture: (e) => Ee(e, r, t, n.id),
-				onBlur: (e) => Ze(r)
-			}, [g(e.$slots, "card", {
-				item: r,
-				column: n,
-				lane: t ?? void 0
-			})], 42, fe))), 128)), L(N(t), n.id).length === 0 ? (p(), o("div", pe)) : a("", !0)], 8, de), e.$slots["column-footer"] ? (p(), o("div", me, [g(e.$slots, "column-footer", {
-				column: n,
-				lane: t ?? void 0
-			})])) : a("", !0)], 42, ue))), 128)) : a("", !0)], 64))), 128))], 4),
-			u.selectable && S.value.length > 0 && e.$slots["batch-actions"] ? (p(), o("div", he, [
-				s("span", ge, _(S.value.length) + " selected ", 1),
-				s("div", _e, [g(e.$slots, "batch-actions", {
-					selected: S.value,
-					clear: E
-				})]),
-				l(n, {
-					class: "nb-board__batch-cancel",
-					variant: "ghost",
-					size: "sm",
-					onClick: E
-				}, {
-					default: ne(() => [...t[0] ||= [c(" Clear selection ", -1)]]),
-					_: 1
-				})
-			])) : a("", !0),
-			s("span", {
-				id: `${v(A)}-hint`,
-				class: "nb-board__sr"
-			}, [
-				t[1] ||= c(" Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel.", -1),
-				u.nestable ? (p(), o(r, { key: 0 }, [c(" Shift with Space or Enter drops onto the card below instead, putting this one inside it.")], 64)) : a("", !0),
-				u.selectable ? (p(), o(r, { key: 1 }, [c(" X selects the card, or removes it from the selection. Picking up a selected card moves every selected card. Escape clears the selection.")], 64)) : a("", !0)
-			], 8, ve),
-			s("span", ye, _(U.value), 1)
-		], 16));
-	}
-});
-//#endregion
-export { Se as t };

package/dist/Board-Cp8XfgZm.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./composables/useStableId.composable.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./Button-BZn2lmMA.cjs`);let r=require(`vue`);var i=[`draggable`,`onDragstart`,`onDragover`],a={class:`nb-board__col-title`},o={class:`nb-board__col-count`},s=[`onClick`],c=[`aria-label`],l={class:`nb-board__lane-label`},ee={class:`nb-board__lane-count`},u=[`onDragover`,`onDrop`],d=[`aria-label`],te=[`data-item-id`,`aria-selected`,`aria-label`,`aria-describedby`,`onDragstart`,`onDragover`,`onKeydown`,`onClickCapture`,`onBlur`],ne={key:0,class:`nb-board__empty-cell`,"aria-hidden":`true`},re={key:0,class:`nb-board__cell-footer`},ie={key:0,class:`nb-board__batch`,role:`region`,"aria-label":`Actions for the selected cards`},ae={class:`nb-board__batch-count`},oe={class:`nb-board__batch-actions`},se=[`id`],ce={class:`nb-board__sr`,"aria-live":`assertive`},le=.5,ue=44,f=(0,r.defineComponent)({__name:`Board`,props:{columns:{},items:{},lanes:{default:void 0},reorderableColumns:{type:Boolean,default:!1},nestable:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},selected:{default:void 0}},emits:[`move`,`nest`,`column-move`,`move-many`,`update:selected`],setup(f,{emit:p}){let m=f,{layerProps:h}=t.useSurfaceLayer(),g=p,_=(0,r.computed)(()=>m.selectable?m.selected??[]:[]),de=(0,r.computed)(()=>new Set(_.value)),v=null;function y(e){return de.value.has(e)}function b(e){g(`update:selected`,e),z.value=e.length===0?`Selection cleared`:`${e.length} ${e.length===1?`card`:`cards`} selected`}function x(){v=null,b([])}function S(e){v=e,b(y(e)?_.value.filter(t=>t!==e):[..._.value,e])}function fe(e,t,n){let r=M(t,n),i=v?r.findIndex(e=>e.id===v):-1,a=r.findIndex(t=>t.id===e.id);if(i===-1||a===-1)return S(e.id);let o=r.slice(Math.min(i,a),Math.max(i,a)+1).map(e=>e.id);b([...new Set([..._.value,...o])])}function pe(e,t,n,r){m.selectable&&(e.metaKey||e.ctrlKey||e.shiftKey)&&(e.preventDefault(),e.stopPropagation(),e.shiftKey?fe(t,O(n),r):S(t.id))}function C(){let e=[];for(let t of m.columns)for(let n of D.value)for(let r of M(O(n),t.id))y(r.id)&&!e.includes(r.id)&&e.push(r.id);return e}function w(e,t,n,r,i){let a=new Set(e),o=M(n,r).filter(e=>e.id!==t),s=null;for(let e=Math.min(i,o.length)-1;e>=0;e--)if(!a.has(o[e].id)){s=o[e].id;break}let c=null;for(let e=Math.max(i,0);e<o.length;e++)if(!a.has(o[e].id)){c=o[e].id;break}g(`move-many`,{itemIds:e,toColumnId:r,...m.lanes?{toLaneId:n}:{},beforeItemId:s,afterItemId:c});let l=N(r);z.value=`${e.length} cards moved to ${l?.label??r}`}let T=e.useStableId({}),E=(0,r.ref)(null),me=(0,r.computed)(()=>({gridTemplateColumns:`repeat(${m.columns.length}, var(--nb-board-column-track, minmax(200px, 1fr)))`})),D=(0,r.computed)(()=>m.lanes&&m.lanes.length>0?m.lanes:[null]);function O(e){return e?e.id??null:null}function k(e){return e?j(e.id):`__flat__`}function A(e){return m.items.filter(t=>t.columnId===e).length}function j(e){return e??`__none__`}function he(e){return m.lanes?m.items.filter(t=>(t.laneId??null)===e).length:0}function M(e,t){return!m.lanes||m.lanes.length===0?m.items.filter(e=>e.columnId===t):m.items.filter(n=>n.columnId===t&&(n.laneId??null)===e)}function N(e){return m.columns.find(t=>t.id===e)}let P=(0,r.ref)(new Set);function F(e){let t=j(e),n=new Set(P.value);n.has(t)?n.delete(t):n.add(t),P.value=n}function I(e){return P.value.has(j(e))}function L(e){let t=e.label??e.name??e.title;return typeof t==`string`?t:`Item ${e.id}`}function R(e,t){return e?`${t.label}, ${e.label}`:t.label}function ge(e,t){return R(e,t)}function _e(e,t,n){let r=M(O(t),n.id),i=r.findIndex(t=>t.id===e.id),a=`${L(e)}, ${i+1} of ${r.length} in ${R(t,n)}`;return G.value?.item.id===e.id?`${a}, picked up`:a}let z=(0,r.ref)(``);function B(e,t,n,r){let i=M(t,n).filter(t=>t.id!==e.item.id),a=Math.max(0,Math.min(r,i.length));return e.fromColumnId===n&&e.fromLaneId===t&&a===M(t,n).findIndex(t=>t.id===e.item.id)?!1:(g(`move`,{itemId:e.item.id,fromColumnId:e.fromColumnId,toColumnId:n,fromLaneId:e.fromLaneId,toLaneId:t,toIndex:a,beforeItemId:i[a-1]?.id??null,afterItemId:i[a]?.id??null}),!0)}let V=(0,r.ref)(null),H=(0,r.ref)(null),U=(0,r.ref)(null);function ve(e,t,n){G.value=null;let r=y(e.id)&&_.value.length>1?C():void 0;V.value={item:e,fromLaneId:O(t),fromColumnId:n,group:r},r&&(z.value=`Moving ${r.length} cards`)}function ye(e,t,n,r,i){if(!V.value)return;let a=e.currentTarget.getBoundingClientRect();if(m.nestable&&!V.value.group&&a.height>=ue){let r=(e.clientY-a.top)/a.height,o=(1-le)/2;if(r>o&&r<1-o&&i.id!==V.value.item.id){U.value={laneId:O(t),colId:n,itemId:i.id},H.value=null;return}}U.value=null;let o=e.clientY>=a.top+a.height/2;H.value={laneId:O(t),colId:n,index:r+(o?1:0)}}function be(e,t){if(!V.value)return;let n=O(e);H.value={laneId:n,colId:t,index:M(n,t).length}}function xe(){H.value=null,U.value=null}function Se(){V.value=null,H.value=null,U.value=null}function Ce(e,t){return W(e,t)!==null}function W(e,t){let n=O(e),r=H.value;if(V.value&&r&&r.laneId===n&&r.colId===t)return r.index;let i=G.value;if(i&&i.laneId===n&&i.colId===t){let e=M(n,t).findIndex(e=>e.id===i.item.id);return e!==-1&&e<=i.index?i.index+1:i.index}return null}function we(e,t,n){let r=U.value;return r!==null&&r.laneId===O(e)&&r.colId===t&&r.itemId===n.id}function Te(e,t,n){return n===M(O(e),t).length-1&&W(e,t)===n+1}function Ee(e,t){if(Z.value!==null)return;let n=H.value,r=U.value;H.value=null,U.value=null;let i=V.value;if(V.value=null,!i)return;if(r){g(`nest`,{itemId:i.item.id,ontoItemId:r.itemId,fromColumnId:i.fromColumnId,...m.lanes?{fromLaneId:i.fromLaneId}:{}}),z.value=`${L(i.item)} dropped onto ${L(m.items.find(e=>e.id===r.itemId)??i.item)}`;return}let a=O(e),o=M(a,t),s=n&&n.laneId===a&&n.colId===t?n.index:o.length,c=o.findIndex(e=>e.id===i.item.id),l=c!==-1&&c<s?s-1:s;if(i.group){w(i.group,i.item.id,a,t,l);return}B(i,a,t,l)}let G=(0,r.ref)(null);function De(e,t,n,r){let i=O(n);if(m.selectable&&(e.key===`x`||e.key===`X`)&&!G.value){e.preventDefault(),S(t.id);return}if(e.key===`Escape`){if(!G.value){m.selectable&&_.value.length>0&&(e.preventDefault(),x());return}e.preventDefault(),G.value=null,z.value=`Move cancelled`;return}if(e.key===` `||e.key===`Enter`){if(e.preventDefault(),G.value?.item.id!==t.id){Oe(t,i,r);return}if(m.nestable&&e.shiftKey&&q()){J();return}je();return}[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key)&&(e.preventDefault(),G.value?.item.id===t.id?Ae(e.key):Me(e.key,t,i,r))}function Oe(e,t,n){G.value={item:e,fromLaneId:t,fromColumnId:n,laneId:t,colId:n,index:M(t,n).findIndex(t=>t.id===e.id)},z.value=`${L(e)} picked up, ${K()}`}function K(){let e=G.value;if(!e)return``;let t=M(e.laneId,e.colId).filter(t=>t.id!==e.item.id),n=N(e.colId),r=m.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?R(r,n):e.colId;return`position ${e.index+1} of ${t.length+1} in ${i}`}function ke(){return!m.lanes||m.lanes.length===0?[null]:m.lanes.filter(e=>!I(e.id)).map(e=>e.id??null)}function Ae(e){let t=G.value;if(!t)return;let n=M(t.laneId,t.colId).filter(e=>e.id!==t.item.id);if(e===`ArrowUp`||e===`ArrowDown`){let r=e===`ArrowUp`?-1:1,i=t.index+r;if(i>=0&&i<=n.length)t.index=i;else{let e=ke(),n=e.indexOf(t.laneId),i=n+r;if(n===-1||i<0||i>=e.length)return;let a=e[i];t.laneId=a,t.index=r===1?0:M(a,t.colId).filter(e=>e.id!==t.item.id).length}}else{let n=e===`ArrowLeft`?-1:1,r=m.columns.findIndex(e=>e.id===t.colId),i=m.columns[r+n];if(r===-1||!i)return;t.colId=i.id;let a=M(t.laneId,t.colId).filter(e=>e.id!==t.item.id);t.index=Math.min(t.index,a.length)}z.value=`${L(t.item)}, ${K()}`}function q(){let e=G.value;if(!e)return null;let t=M(e.laneId,e.colId).filter(t=>t.id!==e.item.id);return t.length===0?null:t[Math.min(e.index,t.length-1)]??null}function J(){let e=G.value,t=q();!e||!t||(G.value=null,g(`nest`,{itemId:e.item.id,ontoItemId:t.id,fromColumnId:e.fromColumnId,...m.lanes?{fromLaneId:e.fromLaneId}:{}}),z.value=`${L(e.item)} dropped onto ${L(t)}`)}function je(){let e=G.value;if(!e)return;if(G.value=null,y(e.item.id)&&_.value.length>1){w(C(),e.item.id,e.laneId,e.colId,e.index),X(e.item.id);return}let t=B({item:e.item,fromLaneId:e.fromLaneId,fromColumnId:e.fromColumnId},e.laneId,e.colId,e.index),n=N(e.colId),r=m.lanes?.find(t=>(t.id??null)===e.laneId)??null,i=n?R(r,n):e.colId;z.value=t?`${L(e.item)} dropped, position ${e.index+1} in ${i}`:`${L(e.item)} dropped`,X(e.item.id)}function Me(e,t,n,r){let i=M(n,r),a=i.findIndex(e=>e.id===t.id);if(e===`ArrowUp`||e===`ArrowDown`){let t=a+(e===`ArrowDown`?1:-1);t>=0&&t<i.length&&Y(i[t].id)}else{let t=m.columns.findIndex(e=>e.id===r),i=m.columns[t+(e===`ArrowRight`?1:-1)];if(t===-1||!i)return;let o=M(n,i.id);if(o.length===0)return;Y(o[Math.min(a,o.length-1)].id)}}function Y(e){let t=E.value?.querySelectorAll(`[data-item-id]`);if(t){for(let n of t)if(n.dataset.itemId===e){n.focus();return}}}async function X(e){await(0,r.nextTick)(),await(0,r.nextTick)(),Y(e)}function Ne(e){G.value?.item.id===e.id&&(G.value=null)}let Z=(0,r.ref)(null),Q=(0,r.ref)(null);function Pe(e,t){if(!m.reorderableColumns){t.preventDefault();return}Z.value=e,Q.value=e}function Fe(e,t){if(Z.value===null)return;t.preventDefault();let n=t.currentTarget.getBoundingClientRect();Q.value=t.clientX<n.left+n.width/2?e:e+1}function Ie(e){let t=Z.value,n=Q.value;if($(),t===null||n===null)return;e.preventDefault();let r=n>t?n-1:n;r!==t&&g(`column-move`,{columnId:m.columns[t].id,toIndex:r})}function $(){Z.value=null,Q.value=null}return(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,(0,r.mergeProps)({ref_key:`boardRef`,ref:E,class:`nb-board`},(0,r.unref)(h)),[(0,r.createElementVNode)(`div`,{class:`nb-board__grid`,style:(0,r.normalizeStyle)(me.value)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(f.columns,(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:t.id,class:(0,r.normalizeClass)([`nb-board__col-header`,{"nb-board__col-header--reorderable":f.reorderableColumns,"nb-board__col-header--dragging":Z.value===n,"nb-board__col-header--drop-before":Q.value===n,"nb-board__col-header--drop-after":Q.value===n+1&&n===f.columns.length-1}]),style:(0,r.normalizeStyle)(t.color?{borderTopColor:t.color}:void 0),draggable:f.reorderableColumns||void 0,onDragstart:e=>Pe(n,e),onDragover:e=>Fe(n,e),onDrop:Ie,onDragend:$},[(0,r.renderSlot)(e.$slots,`column-header`,{column:t,count:A(t.id)},()=>[(0,r.createElementVNode)(`span`,a,(0,r.toDisplayString)(t.label),1),(0,r.createElementVNode)(`span`,o,(0,r.toDisplayString)(A(t.id)),1)])],46,i))),128)),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(D.value,t=>((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:k(t)},[t?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:`nb-board__lane-header`,onClick:e=>F(t.id)},[(0,r.createElementVNode)(`button`,{class:`nb-board__collapse-btn`,"aria-label":I(t.id)?`Expand`:`Collapse`},(0,r.toDisplayString)(I(t.id)?`▶`:`▼`),9,c),(0,r.renderSlot)(e.$slots,`lane-header`,{lane:t},()=>[(0,r.createElementVNode)(`span`,l,(0,r.toDisplayString)(t.label),1)]),(0,r.createElementVNode)(`span`,ee,(0,r.toDisplayString)(he(t.id)),1)],8,s)):(0,r.createCommentVNode)(``,!0),!t||!I(t.id)?((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,{key:1},(0,r.renderList)(f.columns,n=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:k(t)+`-`+n.id,class:(0,r.normalizeClass)([`nb-board__cell`,{"nb-board__cell--drag-over":Ce(t,n.id)}]),onDragover:(0,r.withModifiers)(e=>be(t,n.id),[`prevent`]),onDragleave:xe,onDrop:(0,r.withModifiers)(e=>Ee(t,n.id),[`prevent`])},[(0,r.createElementVNode)(`div`,{class:`nb-board__cell-items`,role:`list`,"aria-label":ge(t,n)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(M(O(t),n.id),(i,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:i.id,class:(0,r.normalizeClass)([`nb-board__card`,{"nb-board__card--lifted":G.value?.item.id===i.id,"nb-board__card--selected":y(i.id),"nb-board__card--carried":!!V.value?.group&&y(i.id),"nb-board__card--drop-before":W(t,n.id)===a,"nb-board__card--drop-after":Te(t,n.id,a),"nb-board__card--drop-into":we(t,n.id,i)}]),role:`listitem`,tabindex:`0`,"data-item-id":i.id,"aria-selected":f.selectable?y(i.id):void 0,"aria-label":_e(i,t,n),"aria-describedby":`${(0,r.unref)(T)}-hint`,draggable:`true`,onDragstart:e=>ve(i,t,n.id),onDragover:(0,r.withModifiers)(e=>ye(e,t,n.id,a,i),[`prevent`,`stop`]),onDragend:Se,onKeydown:e=>De(e,i,t,n.id),onClickCapture:e=>pe(e,i,t,n.id),onBlur:e=>Ne(i)},[(0,r.renderSlot)(e.$slots,`card`,{item:i,column:n,lane:t??void 0})],42,te))),128)),M(O(t),n.id).length===0?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,ne)):(0,r.createCommentVNode)(``,!0)],8,d),e.$slots[`column-footer`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,re,[(0,r.renderSlot)(e.$slots,`column-footer`,{column:n,lane:t??void 0})])):(0,r.createCommentVNode)(``,!0)],42,u))),128)):(0,r.createCommentVNode)(``,!0)],64))),128))],4),f.selectable&&_.value.length>0&&e.$slots[`batch-actions`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,ie,[(0,r.createElementVNode)(`span`,ae,(0,r.toDisplayString)(_.value.length)+` selected `,1),(0,r.createElementVNode)(`div`,oe,[(0,r.renderSlot)(e.$slots,`batch-actions`,{selected:_.value,clear:x})]),(0,r.createVNode)(n.t,{class:`nb-board__batch-cancel`,variant:`ghost`,size:`sm`,onClick:x},{default:(0,r.withCtx)(()=>[...t[0]||=[(0,r.createTextVNode)(` Clear selection `,-1)]]),_:1})])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`span`,{id:`${(0,r.unref)(T)}-hint`,class:`nb-board__sr`},[t[1]||=(0,r.createTextVNode)(` Press Space or Enter to pick up, arrow keys to move, Space or Enter to drop, Escape to cancel.`,-1),f.nestable?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[(0,r.createTextVNode)(` Shift with Space or Enter drops onto the card below instead, putting this one inside it.`)],64)):(0,r.createCommentVNode)(``,!0),f.selectable?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.createTextVNode)(` X selects the card, or removes it from the selection. Picking up a selected card moves every selected card. Escape clears the selection.`)],64)):(0,r.createCommentVNode)(``,!0)],8,se),(0,r.createElementVNode)(`span`,ce,(0,r.toDisplayString)(z.value),1)],16))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/Breadcrumbs-BXsbR60g.js

@@ -1,46 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t } from "./Icon-rREAqsu0.js";
-import { Comment as n, Fragment as r, Text as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useSlots as m } from "vue";
-import { regular as h } from "@nubisco/ui/icons/caret-right";
-//#region src/components/Breadcrumbs.vue?vue&type=script&setup=true&lang.ts
-var g = {
-	class: "nb-breadcrumbs",
-	"aria-label": "breadcrumb"
-}, _ = {
-	key: 0,
-	class: "nb-breadcrumbs__brand"
-}, v = {
-	key: 0,
-	class: "nb-breadcrumbs__title"
-}, y = {
-	key: 1,
-	class: "nb-breadcrumbs__subtitle"
-}, b = {
-	key: 2,
-	class: "nb-breadcrumbs__crumbs"
-}, x = /* @__PURE__ */ e(/* @__PURE__ */ l({
-	__name: "Breadcrumbs",
-	props: {
-		title: {},
-		subtitle: {}
-	},
-	setup(e) {
-		let l = m();
-		function x(e) {
-			return e.some((e) => e.type === n ? !1 : e.type === i ? String(e.children ?? "").trim() !== "" : e.type === r ? x(e.children ?? []) : !0);
-		}
-		let S = a(() => x(l.default?.() ?? []));
-		return (n, r) => (u(), c("nav", g, [
-			e.title || e.subtitle ? (u(), c("span", _, [e.title ? (u(), c("span", v, f(e.title), 1)) : s("", !0), e.subtitle ? (u(), c("span", y, f(e.subtitle), 1)) : s("", !0)])) : s("", !0),
-			(e.title || e.subtitle) && S.value ? (u(), o(t, {
-				key: 1,
-				name: p(h),
-				size: "sm",
-				class: "nb-breadcrumbs__sep"
-			}, null, 8, ["name"])) : s("", !0),
-			S.value ? (u(), c("span", b, [d(n.$slots, "default", {}, void 0, !0)])) : s("", !0)
-		]));
-	}
-}), [["__scopeId", "data-v-064c6984"]]);
-//#endregion
-export { x as t };