@ux-builder/ui 0.0.0-stage → 0.6.1

package/dist/index.js

@@ -0,0 +1,537 @@
+import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, j as g, k as _, l as v, m as y, n as b, o as x, p as S, r as C, s as w, t as T, u as E, v as D, w as ee, x as O, y as k } from "./shared-CjrUPFqv.js";
+import { UC as A, Wu as te, lP as ne } from "./shared-Bom_GJww.js";
+import { cloneElement as re, createContext as ie, useCallback as j, useContext as M, useEffect as N, useId as P, useLayoutEffect as ae, useMemo as oe, useRef as F, useState as I } from "react";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
+//#region src/widgets/AppearanceSwitch.jsx
+var z = [
+	{
+		value: "light",
+		icon: ne
+	},
+	{
+		value: "system",
+		icon: te
+	},
+	{
+		value: "dark",
+		icon: A
+	}
+];
+function B({ value: e = "system", onChange: t, label: n = "Appearance", labels: r = {
+	light: "Light",
+	system: "Auto",
+	dark: "Dark"
+}, available: i, className: a }) {
+	let o = F([]), s = z.map((e) => e.value === "system" || !i || i.includes(e.value)), c = Math.max(0, z.findIndex((t) => t.value === e));
+	function u(e, n) {
+		for (let r = 1; r <= z.length; r++) {
+			let i = (e + n * r + z.length * r) % z.length;
+			if (s[i]) {
+				t?.(z[i].value), o.current[i]?.focus();
+				return;
+			}
+		}
+	}
+	function d(e) {
+		let t = {
+			ArrowRight: 1,
+			ArrowDown: 1,
+			ArrowLeft: -1,
+			ArrowUp: -1
+		}[e.key];
+		t ? (e.preventDefault(), u(c, t)) : e.key === "Home" ? (e.preventDefault(), u(-1, 1)) : e.key === "End" && (e.preventDefault(), u(z.length, -1));
+	}
+	return /* @__PURE__ */ L("div", {
+		className: `piq-appearance${a ? ` ${a}` : ""}`,
+		role: "radiogroup",
+		"aria-label": n,
+		onKeyDown: d,
+		children: z.map((n, i) => /* @__PURE__ */ L("button", {
+			ref: (e) => {
+				o.current[i] = e;
+			},
+			type: "button",
+			role: "radio",
+			"aria-checked": n.value === e,
+			"aria-label": r[n.value],
+			title: r[n.value],
+			tabIndex: i === c ? 0 : -1,
+			disabled: !s[i],
+			className: "piq-appearance__opt",
+			onClick: () => t?.(n.value),
+			children: /* @__PURE__ */ L(l, { icon: n.icon })
+		}, n.value))
+	});
+}
+//#endregion
+//#region src/widgets/Breadcrumbs.jsx
+function V({ items: e = [], label: t = "Breadcrumb", onNavigate: n, className: r, ...i }) {
+	let a = e.length > 1 ? e[e.length - 2] : null, o = (e) => (t) => {
+		n && (t.preventDefault(), n(e, t));
+	};
+	return /* @__PURE__ */ R("nav", {
+		"aria-label": t,
+		className: `piq-breadcrumbs${r ? ` ${r}` : ""}`,
+		...i,
+		children: [/* @__PURE__ */ L("ol", {
+			className: "piq-breadcrumbs__list",
+			children: e.map((t, n) => /* @__PURE__ */ L("li", {
+				className: "piq-breadcrumbs__item",
+				children: n === e.length - 1 ? t.href ? /* @__PURE__ */ L("a", {
+					href: t.href,
+					"aria-current": "page",
+					onClick: o(t),
+					children: t.label
+				}) : /* @__PURE__ */ L("span", {
+					"aria-current": "page",
+					children: t.label
+				}) : /* @__PURE__ */ L("a", {
+					href: t.href,
+					onClick: o(t),
+					children: t.label
+				})
+			}, n))
+		}), a && /* @__PURE__ */ R("a", {
+			className: "piq-breadcrumbs__back",
+			href: a.href,
+			onClick: o(a),
+			children: [/* @__PURE__ */ L(l, { name: "arrow-left" }), a.label]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/Card.jsx
+function H({ title: e, actions: t, children: n, as: r = "section", ...i }) {
+	return /* @__PURE__ */ R(r, {
+		className: "piq-card",
+		...i,
+		children: [
+			e && /* @__PURE__ */ L("h3", {
+				className: "piq-card__title",
+				children: e
+			}),
+			typeof n == "string" ? /* @__PURE__ */ L("p", {
+				className: "piq-card__body",
+				children: n
+			}) : n,
+			t && /* @__PURE__ */ L("div", {
+				className: "piq-card__actions",
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/Combobox.jsx
+function U({ label: e, options: t = [], value: n, onChange: r, placeholder: i, hint: a, error: o, emptyLabel: s = "No matches", id: c, className: l }) {
+	let d = t.find((e) => e.value === n), [f, p] = I(d?.label ?? ""), [m, h] = I(!1), [g, _] = I(-1), v = P(), y = F(null);
+	N(() => {
+		m || p(d?.label ?? "");
+	}, [d?.label, m]);
+	let b = f.trim().toLowerCase(), x = (e) => e.toLowerCase().startsWith(b) || e.toLowerCase().split(/[\s,./()-]+/).some((e) => e.startsWith(b)), S = m && b && b !== (d?.label ?? "").toLowerCase() ? t.filter((e) => x(e.label)) : t, C = (e) => {
+		r?.(e.value), p(e.label), h(!1), _(-1);
+	};
+	function w(e) {
+		e.key === "ArrowDown" ? (e.preventDefault(), m || h(!0), _((e) => Math.min(e + 1, S.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), m || h(!0), _((e) => Math.max(e - 1, 0))) : e.key === "Enter" ? m && (e.preventDefault(), S[g] && C(S[g])) : e.key === "Escape" && m && (e.preventDefault(), h(!1), _(-1), p(d?.label ?? ""));
+	}
+	return /* @__PURE__ */ L(u, {
+		label: e,
+		hint: a,
+		error: o,
+		id: c,
+		className: `piq-combobox${l ? ` ${l}` : ""}`,
+		children: (t) => /* @__PURE__ */ R("span", {
+			className: "piq-combobox__field",
+			children: [
+				/* @__PURE__ */ L("input", {
+					ref: y,
+					...t,
+					type: "text",
+					role: "combobox",
+					className: "piq-field__input",
+					autoComplete: "off",
+					placeholder: i,
+					"aria-expanded": m,
+					"aria-controls": `${v}-list`,
+					"aria-autocomplete": "list",
+					"aria-activedescendant": m && S[g] ? `${v}-${S[g].value}` : void 0,
+					value: f,
+					onChange: (e) => {
+						p(e.target.value), h(!0), _(0);
+					},
+					onKeyDown: w,
+					onBlur: () => {
+						h(!1), _(-1);
+					}
+				}),
+				/* @__PURE__ */ L("ul", {
+					id: `${v}-list`,
+					role: "listbox",
+					"aria-label": typeof e == "string" ? e : void 0,
+					className: "piq-menu piq-combobox__list",
+					hidden: !m || !S.length,
+					children: S.map((e, t) => /* @__PURE__ */ L("li", {
+						id: `${v}-${e.value}`,
+						role: "option",
+						"aria-selected": e.value === n,
+						className: `piq-menu__item${t === g ? " is-hover" : ""}`,
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => C(e),
+						children: e.label
+					}, e.value))
+				}),
+				/* @__PURE__ */ L("span", {
+					className: m && !S.length ? "piq-combobox__empty" : "piq-visually-hidden",
+					role: "status",
+					children: m && !S.length ? s : ""
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/widgets/ChoicePicker.jsx
+function W({ label: e, options: t, value: n, onChange: r, disabled: i }) {
+	let a = F([]), o = Math.max(0, t.findIndex((e) => e.value === n));
+	function s(e) {
+		let n = (e + t.length) % t.length;
+		r?.(t[n].value), a.current[n]?.focus();
+	}
+	function c(e) {
+		let n = {
+			ArrowRight: o + 1,
+			ArrowDown: o + 1,
+			ArrowLeft: o - 1,
+			ArrowUp: o - 1,
+			Home: 0,
+			End: t.length - 1
+		};
+		e.key in n && (e.preventDefault(), s(n[e.key]));
+	}
+	return /* @__PURE__ */ L("div", {
+		className: "piq-seg",
+		role: "radiogroup",
+		"aria-label": e,
+		onKeyDown: c,
+		children: t.map((e, t) => {
+			let s = e.value === n;
+			return /* @__PURE__ */ R("button", {
+				ref: (e) => {
+					a.current[t] = e;
+				},
+				type: "button",
+				role: "radio",
+				"aria-checked": s,
+				tabIndex: t === o ? 0 : -1,
+				disabled: i,
+				className: "piq-seg__opt",
+				onClick: () => r?.(e.value),
+				children: [/* @__PURE__ */ L("span", {
+					className: "piq-seg__tick",
+					"aria-hidden": "true",
+					children: "✓"
+				}), e.label]
+			}, e.value);
+		})
+	});
+}
+//#endregion
+//#region src/widgets/DataTable.jsx
+var G = (e, t) => typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""), void 0, { numeric: !0 });
+function K({ columns: e, rows: t, rowKey: n = "id", caption: r, pageSize: i = 10, initialSort: a }) {
+	let [o, s] = I(a ?? null), [c, l] = I(0), u = oe(() => {
+		if (!o) return t;
+		let e = o.dir === "descending" ? -1 : 1;
+		return [...t].sort((t, n) => e * G(t[o.key], n[o.key]));
+	}, [t, o]), d = Math.max(1, Math.ceil(u.length / i)), f = Math.min(c, d - 1), p = u.slice(f * i, (f + 1) * i), h = u.length ? f * i + 1 : 0;
+	function g(e) {
+		s((t) => t?.key === e && t.dir === "ascending" ? {
+			key: e,
+			dir: "descending"
+		} : {
+			key: e,
+			dir: "ascending"
+		}), l(0);
+	}
+	return /* @__PURE__ */ R("div", {
+		className: "piq-table-wrap",
+		children: [/* @__PURE__ */ R("table", {
+			className: "piq-table",
+			children: [
+				r && /* @__PURE__ */ L("caption", {
+					className: "piq-visually-hidden",
+					children: r
+				}),
+				/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ L("tr", { children: e.map((e) => {
+					let t = o?.key === e.key ? o.dir : void 0;
+					return /* @__PURE__ */ L("th", {
+						scope: "col",
+						"aria-sort": e.sortable ? t ?? "none" : void 0,
+						className: e.numeric ? "piq-num" : void 0,
+						children: e.sortable ? /* @__PURE__ */ R("button", {
+							type: "button",
+							className: "piq-table__sort",
+							onClick: () => g(e.key),
+							children: [e.label, /* @__PURE__ */ L("span", {
+								className: "piq-table__arrow",
+								"aria-hidden": "true",
+								children: t === "descending" ? "↓" : "↑"
+							})]
+						}) : e.label
+					}, e.key);
+				}) }) }),
+				/* @__PURE__ */ L("tbody", { children: p.map((t) => /* @__PURE__ */ L("tr", { children: e.map((e) => /* @__PURE__ */ L("td", {
+					className: e.numeric ? "piq-num" : void 0,
+					children: e.render ? e.render(t) : t[e.key]
+				}, e.key)) }, t[n])) })
+			]
+		}), d > 1 && /* @__PURE__ */ R("div", {
+			className: "piq-table__pager",
+			children: [
+				/* @__PURE__ */ R("span", {
+					"aria-live": "polite",
+					children: [
+						h,
+						"–",
+						h + p.length - 1,
+						" of ",
+						u.length
+					]
+				}),
+				/* @__PURE__ */ L(m, {
+					variant: "text",
+					size: "sm",
+					onClick: () => l(f - 1),
+					disabled: f === 0,
+					children: "Previous"
+				}),
+				/* @__PURE__ */ L(m, {
+					variant: "text",
+					size: "sm",
+					onClick: () => l(f + 1),
+					disabled: f >= d - 1,
+					children: "Next"
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/Notice.jsx
+var se = {
+	info: "i",
+	accent: "i",
+	success: "✓",
+	warning: "!",
+	error: "×"
+};
+function ce({ tone: e = "info", title: t, children: n, ...r }) {
+	return /* @__PURE__ */ R("div", {
+		className: `piq-notice piq-notice--${e}`,
+		...r,
+		children: [
+			/* @__PURE__ */ L("span", {
+				className: "piq-notice__mark",
+				"aria-hidden": "true",
+				children: se[e] ?? "i"
+			}),
+			/* @__PURE__ */ L("p", {
+				className: "piq-notice__title",
+				children: t
+			}),
+			n && /* @__PURE__ */ L("p", {
+				className: "piq-notice__body",
+				children: n
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/StatusPill.jsx
+var q = {
+	live: "Live",
+	limited: "Limited",
+	purchasing: "Purchasing",
+	evaluation: "In evaluation",
+	closed: "Closed"
+};
+function le({ state: e, children: t }) {
+	return /* @__PURE__ */ L("span", {
+		className: `piq-pill piq-pill--${e}`,
+		children: t ?? q[e] ?? e
+	});
+}
+//#endregion
+//#region src/widgets/Toast.jsx
+function J({ message: e, actionLabel: t, onAction: n, onMouseEnter: r, onMouseLeave: i, onFocus: a, onBlur: o }) {
+	return /* @__PURE__ */ R("div", {
+		className: "piq-toast",
+		onMouseEnter: r,
+		onMouseLeave: i,
+		onFocus: a,
+		onBlur: o,
+		children: [/* @__PURE__ */ L("p", {
+			className: "piq-toast__text",
+			children: e
+		}), t && /* @__PURE__ */ L("button", {
+			type: "button",
+			className: "piq-toast__action",
+			onClick: n,
+			children: t
+		})]
+	});
+}
+var Y = ie(null);
+function ue({ toast: e, dismiss: t }) {
+	let [n, r] = I(!1), i = F(e.duration);
+	N(() => {
+		if (n) return;
+		let r = Date.now(), a = setTimeout(() => t(e.id), i.current);
+		return () => {
+			clearTimeout(a), i.current -= Date.now() - r;
+		};
+	}, [
+		n,
+		e.id,
+		t
+	]);
+	let a = () => r(!0), o = () => r(!1);
+	return /* @__PURE__ */ L(J, {
+		message: e.message,
+		actionLabel: e.actionLabel,
+		onAction: () => {
+			e.onAction?.(), t(e.id);
+		},
+		onMouseEnter: a,
+		onMouseLeave: o,
+		onFocus: a,
+		onBlur: o
+	});
+}
+function de({ children: e }) {
+	let [t, n] = I([]), r = F(0), i = j((e) => n((t) => t.filter((t) => t.id !== e)), []), a = j(({ message: e, actionLabel: t, onAction: i, duration: a = 6e3 }) => {
+		let o = ++r.current;
+		return n((n) => [...n, {
+			id: o,
+			message: e,
+			actionLabel: t,
+			onAction: i,
+			duration: a
+		}]), o;
+	}, []);
+	return /* @__PURE__ */ R(Y.Provider, {
+		value: {
+			show: a,
+			dismiss: i
+		},
+		children: [e, /* @__PURE__ */ L("div", {
+			className: "piq-toasts",
+			role: "status",
+			"aria-live": "polite",
+			children: t.map((e) => /* @__PURE__ */ L(ue, {
+				toast: e,
+				dismiss: i
+			}, e.id))
+		})]
+	});
+}
+function fe() {
+	let e = M(Y);
+	if (!e) throw Error("useToast needs a <ToastProvider> above it");
+	return e;
+}
+//#endregion
+//#region src/widgets/Tooltip.jsx
+function pe({ content: e, children: t, placement: n = "top", className: r }) {
+	let i = P(), a = F(null), [o, s] = I(!1), c = F(!1), l = F(!1), u = () => s(c.current || l.current);
+	N(() => {
+		let e = a.current, t = () => {
+			c.current = !0, u();
+		}, n = () => {
+			c.current = !1, u();
+		};
+		return e.addEventListener("mouseenter", t), e.addEventListener("mouseleave", n), () => {
+			e.removeEventListener("mouseenter", t), e.removeEventListener("mouseleave", n);
+		};
+	}, []), N(() => {
+		if (!o) return;
+		let e = (e) => {
+			e.key === "Escape" && (c.current = !1, l.current = !1, s(!1));
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [o]);
+	let d = re(t, {
+		"aria-describedby": [t.props["aria-describedby"], i].filter(Boolean).join(" "),
+		onFocus: (e) => {
+			l.current = !0, u(), t.props.onFocus?.(e);
+		},
+		onBlur: (e) => {
+			l.current = !1, u(), t.props.onBlur?.(e);
+		}
+	});
+	return /* @__PURE__ */ R("span", {
+		ref: a,
+		className: `piq-tooltip-anchor${r ? ` ${r}` : ""}`,
+		children: [d, /* @__PURE__ */ L("span", {
+			id: i,
+			role: "tooltip",
+			className: "piq-tooltip",
+			"data-placement": n,
+			hidden: !o,
+			children: e
+		})]
+	});
+}
+//#endregion
+//#region src/brand/Logo.jsx
+var me = new Map(g.map((e) => [e.name, e])), he = new Map(e.map((e) => [e.name, e])), ge = typeof window > "u" ? N : ae, X = !0;
+try {
+	X = process.env.NODE_ENV !== "production";
+} catch {}
+var Z = (e) => {
+	X && console.warn(`@ux-builder/ui Logo: ${e}`);
+}, Q = (e) => !!e && e !== "none" && e !== "initial";
+function $(e) {
+	let t = me.get(e);
+	return t ? he.get(t.brand)?.title ?? t.title : null;
+}
+function _e({ variant: e = "logo", size: t = "md", label: n, className: r = "", ...i }) {
+	let a = M(ee), o = F(null), [s, c] = I(null), [l, u] = I(!0), d = !!a && a.theme === null, f = e === "mark" ? "mark" : "logo";
+	ge(() => {
+		if (d || !o.current) return;
+		let e = getComputedStyle(o.current);
+		u(Q(e.getPropertyValue(`--piq-brand-${f}-image`).trim()) || Q(e.getPropertyValue(`--piq-brand-${f}-mask`).trim())), a?.theme || c(o.current.closest?.("[data-theme]")?.getAttribute("data-theme") ?? null);
+	});
+	let p = a?.theme ?? s, m = n ?? $(p) ?? "";
+	if (N(() => {
+		d ? Z("an embedded view must not draw the brand (CONTRACT-001); nothing drawn") : !m && p && Z(`no brand title for theme "${p}"; pass label`);
+	}, [
+		d,
+		m,
+		p
+	]), d) return null;
+	let h = [
+		"piq-logo",
+		`piq-logo--${f}`,
+		t === "sm" && "piq-logo--sm",
+		!l && "piq-logo--text",
+		r
+	].filter(Boolean).join(" "), g = !l && m ? f === "mark" ? m.trim()[0] : m : null;
+	return /* @__PURE__ */ L("span", {
+		ref: o,
+		role: "img",
+		"aria-label": m || void 0,
+		className: h,
+		"data-logo": l ? "artwork" : "text",
+		...i,
+		children: g && /* @__PURE__ */ L("span", {
+			className: "piq-logo__text",
+			"aria-hidden": "true",
+			children: g
+		})
+	});
+}
+//#endregion
+export { B as AppearanceSwitch, V as Breadcrumbs, m as Button, H as Card, f as Checkbox, W as ChoicePicker, U as Combobox, K as DataTable, x as DatePicker, w as DateRangePicker, c as Dialog, i as Favicon, k as ICON_NAMES, l as Icon, _e as Logo, h as MenuButton, ce as Notice, C as Pagination, p as ProgressBar, S as RadioGroup, q as STATES, v as Select, b as Sheet, s as Skeleton, D as Spinner, le as StatusPill, y as Switch, T as Tabs, E as TextArea, d as TextField, o as ThemeProvider, J as Toast, de as ToastProvider, pe as Tooltip, _ as applyFavicon, $ as brandTitleFor, O as iconSetFor, a as pickGlyph, t as registerIcons, r as resolveAppearance, n as useTheme, fe as useToast };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["MANIFEST_THEMES","MANIFEST_BRANDS","brands","registerIcons","useTheme","resolveAppearance","Favicon","pickGlyph","ThemeProvider","Skeleton","Dialog","Icon","Frame","ProgressBar","Button","MenuButton","themes","applyFavicon","Select","Switch","Sheet","DatePicker","RadioGroup","Pagination","DateRangePicker","Tabs","TextArea","Spinner","ThemeContext","iconSetFor","ICON_NAMES","iconMoon","iconContrast","iconSun","OPTIONS","AppearanceSwitch","refs","useRef","enabled","o","available","index","value","move","n","from","step","onChange","onKeyDown","className","label","el","labels","Breadcrumbs","rest","parent","items","follow","onNavigate","e","item","i","it","Card","Tag","title","children","actions","Combobox","chosen","options","text","setText","useState","open","setOpen","active","setActive","base","useId","input","query","matches","w","shown","choose","onKey","a","control","emptyLabel","ChoicePicker","select","next","moves","on","compare","b","DataTable","sort","setSort","initialSort","page","setPage","sorted","useMemo","rows","dir","pages","pageSize","current","first","toggle","s","key","caption","columns","c","row","rowKey","MARKS","Notice","tone","STATES","StatusPill","state","Toast","message","actionLabel","onAction","ToastContext","createContext","Timed","paused","setPaused","left","toast","started","timer","dismiss","hold","go","ToastProvider","toasts","setToasts","useCallback","all","id","show","t","useToast","ctx","useContext","Tooltip","wrap","setShown","hover","focus","update","useEffect","enter","leave","esc","child","cloneElement","placement","content","THEMES","BRANDS","useBeforePaint","useLayoutEffect","dev","warn","msg","isSet","v","brandTitleFor","theme","Logo","context","ref","pageTheme","setPageTheme","artwork","setArtwork","embedded","kind","variant","css","name","classes","size","Checkbox","TextField"],"sources":["../src/widgets/AppearanceSwitch.jsx","../src/widgets/Breadcrumbs.jsx","../src/widgets/Card.jsx","../src/widgets/Combobox.jsx","../src/widgets/ChoicePicker.jsx","../src/widgets/DataTable.jsx","../src/widgets/Notice.jsx","../src/widgets/StatusPill.jsx","../src/widgets/Toast.jsx","../src/widgets/Tooltip.jsx","../src/brand/Logo.jsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { Icon } from \"../icons/Icon.jsx\";\nimport { iconContrast, iconMoon, iconSun } from \"../icons/library.generated.js\";\n\nconst OPTIONS = [\n  { value: \"light\", icon: iconSun },\n  { value: \"system\", icon: iconContrast },\n  { value: \"dark\", icon: iconMoon },\n];\n\n/* Light, the system's setting, or dark, as three icons in a pill: a radio\n   group (arrow keys move and choose), each option named in text for\n   assistive technology and shown on hover, the chosen one raised on a disc\n   so the choice is never colour alone. value is \"light\", \"system\" or\n   \"dark\", as ThemeProvider's appearance takes; available lists the\n   appearances the theme has, and the others are disabled. */\nexport function AppearanceSwitch({ value = \"system\", onChange, label = \"Appearance\", labels = { light: \"Light\", system: \"Auto\", dark: \"Dark\" }, available, className }) {\n  const refs = useRef([]);\n  const enabled = OPTIONS.map((o) => o.value === \"system\" || !available || available.includes(o.value));\n  const index = Math.max(0, OPTIONS.findIndex((o) => o.value === value));\n  function move(from, step) {\n    for (let n = 1; n <= OPTIONS.length; n++) {\n      const i = (from + step * n + OPTIONS.length * n) % OPTIONS.length;\n      if (enabled[i]) { onChange?.(OPTIONS[i].value); refs.current[i]?.focus(); return; }\n    }\n  }\n  function onKeyDown(e) {\n    const step = { ArrowRight: 1, ArrowDown: 1, ArrowLeft: -1, ArrowUp: -1 }[e.key];\n    if (step) { e.preventDefault(); move(index, step); }\n    else if (e.key === \"Home\") { e.preventDefault(); move(-1, 1); }\n    else if (e.key === \"End\") { e.preventDefault(); move(OPTIONS.length, -1); }\n  }\n  return (\n    <div className={`piq-appearance${className ? ` ${className}` : \"\"}`} role=\"radiogroup\" aria-label={label} onKeyDown={onKeyDown}>\n      {OPTIONS.map((o, i) => (\n        <button key={o.value} ref={(el) => { refs.current[i] = el; }} type=\"button\" role=\"radio\" aria-checked={o.value === value}\n          aria-label={labels[o.value]} title={labels[o.value]} tabIndex={i === index ? 0 : -1} disabled={!enabled[i]}\n          className=\"piq-appearance__opt\" onClick={() => onChange?.(o.value)}>\n          <Icon icon={o.icon} />\n        </button>\n      ))}\n    </div>\n  );\n}\n","import { Icon } from \"../icons/Icon.jsx\";\n\n/* Where the page sits in a hierarchy, as an ordered list of links in a\n   navigation landmark; the last item is the current page. Where it has\n   little width (the compact size class) it shows only a link back to the\n   parent. items: [{ label, href }]. onNavigate(item, event), if given, is\n   called instead of following the link, for an app's own router. */\nexport function Breadcrumbs({ items = [], label = \"Breadcrumb\", onNavigate, className, ...rest }) {\n  const parent = items.length > 1 ? items[items.length - 2] : null;\n  const follow = (item) => (e) => { if (onNavigate) { e.preventDefault(); onNavigate(item, e); } };\n  return (\n    <nav aria-label={label} className={`piq-breadcrumbs${className ? ` ${className}` : \"\"}`} {...rest}>\n      <ol className=\"piq-breadcrumbs__list\">\n        {items.map((it, i) => (\n          <li key={i} className=\"piq-breadcrumbs__item\">\n            {i === items.length - 1\n              ? it.href ? <a href={it.href} aria-current=\"page\" onClick={follow(it)}>{it.label}</a> : <span aria-current=\"page\">{it.label}</span>\n              : <a href={it.href} onClick={follow(it)}>{it.label}</a>}\n          </li>\n        ))}\n      </ol>\n      {parent && (\n        <a className=\"piq-breadcrumbs__back\" href={parent.href} onClick={follow(parent)}>\n          <Icon name=\"arrow-left\" />\n          {parent.label}\n        </a>\n      )}\n    </nav>\n  );\n}\n","/* A bounded group of content with an optional title and actions. */\n\nexport function Card({ title, actions, children, as: Tag = \"section\", ...rest }) {\n  return (\n    <Tag className=\"piq-card\" {...rest}>\n      {title && <h3 className=\"piq-card__title\">{title}</h3>}\n      {typeof children === \"string\" ? <p className=\"piq-card__body\">{children}</p> : children}\n      {actions && <div className=\"piq-card__actions\">{actions}</div>}\n    </Tag>\n  );\n}\n","import { useEffect, useId, useRef, useState } from \"react\";\nimport { Frame } from \"./Field.jsx\";\n\n/* A choice from a long list by typing: the WAI-ARIA Combobox pattern with a\n   listbox popup. Typing filters the options; Down and Up move the active\n   option (focus stays in the field, aria-activedescendant follows); Enter\n   chooses; Escape closes without changing the choice; with no match it says\n   so. Text matches the start of any word of an option. options: [{ value,\n   label }]; value and onChange(value) hold the choice. */\nexport function Combobox({ label, options = [], value, onChange, placeholder, hint, error, emptyLabel = \"No matches\", id, className }) {\n  const chosen = options.find((o) => o.value === value);\n  const [text, setText] = useState(chosen?.label ?? \"\");\n  const [open, setOpen] = useState(false);\n  const [active, setActive] = useState(-1);\n  const base = useId();\n  const input = useRef(null);\n\n  useEffect(() => { if (!open) setText(chosen?.label ?? \"\"); }, [chosen?.label, open]);\n  const query = text.trim().toLowerCase();\n  // Matches the start of any word, so \"lo\" finds London and Los Angeles, not Barcelona.\n  const matches = (label) => label.toLowerCase().startsWith(query) || label.toLowerCase().split(/[\\s,./()-]+/).some((w) => w.startsWith(query));\n  const shown = open && query && query !== (chosen?.label ?? \"\").toLowerCase() ? options.filter((o) => matches(o.label)) : options;\n\n  const choose = (o) => { onChange?.(o.value); setText(o.label); setOpen(false); setActive(-1); };\n  function onKey(e) {\n    if (e.key === \"ArrowDown\") { e.preventDefault(); if (!open) setOpen(true); setActive((a) => Math.min(a + 1, shown.length - 1)); }\n    else if (e.key === \"ArrowUp\") { e.preventDefault(); if (!open) setOpen(true); setActive((a) => Math.max(a - 1, 0)); }\n    else if (e.key === \"Enter\") { if (open) { e.preventDefault(); if (shown[active]) choose(shown[active]); } }\n    else if (e.key === \"Escape\") { if (open) { e.preventDefault(); setOpen(false); setActive(-1); setText(chosen?.label ?? \"\"); } }\n  }\n\n  return (\n    <Frame label={label} hint={hint} error={error} id={id} className={`piq-combobox${className ? ` ${className}` : \"\"}`}>\n      {(control) => (\n        <span className=\"piq-combobox__field\">\n          <input ref={input} {...control} type=\"text\" role=\"combobox\" className=\"piq-field__input\" autoComplete=\"off\" placeholder={placeholder}\n            aria-expanded={open} aria-controls={`${base}-list`} aria-autocomplete=\"list\"\n            aria-activedescendant={open && shown[active] ? `${base}-${shown[active].value}` : undefined}\n            value={text} onChange={(e) => { setText(e.target.value); setOpen(true); setActive(0); }} onKeyDown={onKey}\n            onBlur={() => { setOpen(false); setActive(-1); }} />\n          <ul id={`${base}-list`} role=\"listbox\" aria-label={typeof label === \"string\" ? label : undefined} className=\"piq-menu piq-combobox__list\" hidden={!open || !shown.length}>\n            {shown.map((o, i) => (\n              <li key={o.value} id={`${base}-${o.value}`} role=\"option\" aria-selected={o.value === value} className={`piq-menu__item${i === active ? \" is-hover\" : \"\"}`}\n                onMouseDown={(e) => e.preventDefault()} onClick={() => choose(o)}>{o.label}</li>\n            ))}\n          </ul>\n          <span className={open && !shown.length ? \"piq-combobox__empty\" : \"piq-visually-hidden\"} role=\"status\">{open && !shown.length ? emptyLabel : \"\"}</span>\n        </span>\n      )}\n    </Frame>\n  );\n}\n","import { useRef } from \"react\";\n\n/* One choice from a few, every option in view: a radio group drawn as\n   segments. It is a single tab stop; the arrow keys, Home and End move the\n   selection, as a native radio group does. */\n\nexport function ChoicePicker({ label, options, value, onChange, disabled }) {\n  const refs = useRef([]);\n  const index = Math.max(0, options.findIndex((o) => o.value === value));\n\n  function select(i) {\n    const next = (i + options.length) % options.length;\n    onChange?.(options[next].value);\n    refs.current[next]?.focus();\n  }\n\n  function onKeyDown(e) {\n    const moves = { ArrowRight: index + 1, ArrowDown: index + 1, ArrowLeft: index - 1, ArrowUp: index - 1, Home: 0, End: options.length - 1 };\n    if (e.key in moves) { e.preventDefault(); select(moves[e.key]); }\n  }\n\n  return (\n    <div className=\"piq-seg\" role=\"radiogroup\" aria-label={label} onKeyDown={onKeyDown}>\n      {options.map((o, i) => {\n        const on = o.value === value;\n        return (\n          <button\n            key={o.value}\n            ref={(el) => { refs.current[i] = el; }}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={on}\n            tabIndex={i === index ? 0 : -1}\n            disabled={disabled}\n            className=\"piq-seg__opt\"\n            onClick={() => onChange?.(o.value)}\n          >\n            <span className=\"piq-seg__tick\" aria-hidden=\"true\">✓</span>\n            {o.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n","import { useMemo, useState } from \"react\";\nimport { Button } from \"./Button.jsx\";\n\n/* A table that sorts and pages. Sortable headers are buttons with aria-sort\n   on their cell, so the order is announced; numbers align right and sort as\n   numbers.\n\n   columns: [{ key, label, numeric?, sortable?, render?(row) }]\n   rows:    plain objects; rowKey names the field that identifies one. */\n\nconst compare = (a, b) => (typeof a === \"number\" && typeof b === \"number\" ? a - b : String(a ?? \"\").localeCompare(String(b ?? \"\"), undefined, { numeric: true }));\n\nexport function DataTable({ columns, rows, rowKey = \"id\", caption, pageSize = 10, initialSort }) {\n  const [sort, setSort] = useState(initialSort ?? null);\n  const [page, setPage] = useState(0);\n\n  const sorted = useMemo(() => {\n    if (!sort) return rows;\n    const dir = sort.dir === \"descending\" ? -1 : 1;\n    return [...rows].sort((a, b) => dir * compare(a[sort.key], b[sort.key]));\n  }, [rows, sort]);\n\n  const pages = Math.max(1, Math.ceil(sorted.length / pageSize));\n  const current = Math.min(page, pages - 1);\n  const shown = sorted.slice(current * pageSize, (current + 1) * pageSize);\n  const first = sorted.length ? current * pageSize + 1 : 0;\n\n  function toggle(key) {\n    setSort((s) => (s?.key === key && s.dir === \"ascending\" ? { key, dir: \"descending\" } : { key, dir: \"ascending\" }));\n    setPage(0);\n  }\n\n  return (\n    <div className=\"piq-table-wrap\">\n      <table className=\"piq-table\">\n        {caption && <caption className=\"piq-visually-hidden\">{caption}</caption>}\n        <thead>\n          <tr>\n            {columns.map((c) => {\n              const dir = sort?.key === c.key ? sort.dir : undefined;\n              return (\n                <th key={c.key} scope=\"col\" aria-sort={c.sortable ? dir ?? \"none\" : undefined} className={c.numeric ? \"piq-num\" : undefined}>\n                  {c.sortable ? (\n                    <button type=\"button\" className=\"piq-table__sort\" onClick={() => toggle(c.key)}>\n                      {c.label}\n                      <span className=\"piq-table__arrow\" aria-hidden=\"true\">{dir === \"descending\" ? \"↓\" : \"↑\"}</span>\n                    </button>\n                  ) : c.label}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {shown.map((row) => (\n            <tr key={row[rowKey]}>\n              {columns.map((c) => <td key={c.key} className={c.numeric ? \"piq-num\" : undefined}>{c.render ? c.render(row) : row[c.key]}</td>)}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {pages > 1 && (\n        <div className=\"piq-table__pager\">\n          <span aria-live=\"polite\">{first}–{first + shown.length - 1} of {sorted.length}</span>\n          <Button variant=\"text\" size=\"sm\" onClick={() => setPage(current - 1)} disabled={current === 0}>Previous</Button>\n          <Button variant=\"text\" size=\"sm\" onClick={() => setPage(current + 1)} disabled={current >= pages - 1}>Next</Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","/* A message in the flow of the page. The tone sets its colour and its mark;\n   the title says the point, so the colour is never the only signal. An error\n   rendered in response to an action should pass role=\"alert\". */\n\nconst MARKS = { info: \"i\", accent: \"i\", success: \"✓\", warning: \"!\", error: \"×\" };\n\nexport function Notice({ tone = \"info\", title, children, ...rest }) {\n  return (\n    <div className={`piq-notice piq-notice--${tone}`} {...rest}>\n      <span className=\"piq-notice__mark\" aria-hidden=\"true\">{MARKS[tone] ?? \"i\"}</span>\n      <p className=\"piq-notice__title\">{title}</p>\n      {children && <p className=\"piq-notice__body\">{children}</p>}\n    </div>\n  );\n}\n","/* An availability status. It is a label, never a target, and it always says\n   its state in words, so colour is never the only signal. */\n\n/* The states StatusPill takes, and the words it shows for each. */\nexport const STATES = {\n  live: \"Live\",\n  limited: \"Limited\",\n  purchasing: \"Purchasing\",\n  evaluation: \"In evaluation\",\n  closed: \"Closed\",\n};\n\nexport function StatusPill({ state, children }) {\n  return <span className={`piq-pill piq-pill--${state}`}>{children ?? STATES[state] ?? state}</span>;\n}\n","import { createContext, useCallback, useContext, useEffect, useRef, useState } from \"react\";\n\n/* A short confirmation after an action, with Undo. The region is a polite\n   live region, so a screen reader announces each toast without moving focus.\n   A toast waits while the pointer or focus is on it, so nobody loses the Undo\n   by reading slowly (WCAG 2.2.1). */\n\nexport function Toast({ message, actionLabel, onAction, onMouseEnter, onMouseLeave, onFocus, onBlur }) {\n  return (\n    <div className=\"piq-toast\" onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} onFocus={onFocus} onBlur={onBlur}>\n      <p className=\"piq-toast__text\">{message}</p>\n      {actionLabel && <button type=\"button\" className=\"piq-toast__action\" onClick={onAction}>{actionLabel}</button>}\n    </div>\n  );\n}\n\nconst ToastContext = createContext(null);\n\nfunction Timed({ toast, dismiss }) {\n  const [paused, setPaused] = useState(false);\n  const left = useRef(toast.duration);\n  useEffect(() => {\n    if (paused) return undefined;\n    const started = Date.now();\n    const timer = setTimeout(() => dismiss(toast.id), left.current);\n    return () => { clearTimeout(timer); left.current -= Date.now() - started; };\n  }, [paused, toast.id, dismiss]);\n  const hold = () => setPaused(true), go = () => setPaused(false);\n  return (\n    <Toast\n      message={toast.message}\n      actionLabel={toast.actionLabel}\n      onAction={() => { toast.onAction?.(); dismiss(toast.id); }}\n      onMouseEnter={hold} onMouseLeave={go} onFocus={hold} onBlur={go}\n    />\n  );\n}\n\n/* Holds the toasts for its subtree and shows them in a polite live region; wrap the app once. */\nexport function ToastProvider({ children }) {\n  const [toasts, setToasts] = useState([]);\n  const next = useRef(0);\n  const dismiss = useCallback((id) => setToasts((all) => all.filter((t) => t.id !== id)), []);\n  const show = useCallback(({ message, actionLabel, onAction, duration = 6000 }) => {\n    const id = ++next.current;\n    setToasts((all) => [...all, { id, message, actionLabel, onAction, duration }]);\n    return id;\n  }, []);\n  return (\n    <ToastContext.Provider value={{ show, dismiss }}>\n      {children}\n      <div className=\"piq-toasts\" role=\"status\" aria-live=\"polite\">\n        {toasts.map((t) => <Timed key={t.id} toast={t} dismiss={dismiss} />)}\n      </div>\n    </ToastContext.Provider>\n  );\n}\n\n/* show({ message, actionLabel: \"Undo\", onAction }) puts up a toast; inside a\n   ToastProvider only. */\n/* show({ message, actionLabel, onAction, duration }) a toast, or dismiss(id) one. */\nexport function useToast() {\n  const ctx = useContext(ToastContext);\n  if (!ctx) throw new Error(\"useToast needs a <ToastProvider> above it\");\n  return ctx;\n}\n","import { cloneElement, useEffect, useId, useRef, useState } from \"react\";\n\n/* A short description of a control, shown while the pointer is over it or\n   it has keyboard focus: the WAI-ARIA Tooltip pattern. The control points to\n   it with aria-describedby; Escape hides it without moving focus; the pointer\n   can move onto it without it closing (WCAG 1.4.13). It describes, it never\n   names: an icon-only button still needs its own aria-label. children is the\n   one control; content is the text. */\nexport function Tooltip({ content, children, placement = \"top\", className }) {\n  const id = useId();\n  const wrap = useRef(null);\n  const [shown, setShown] = useState(false);\n  const hover = useRef(false), focus = useRef(false);\n  const update = () => setShown(hover.current || focus.current);\n\n  useEffect(() => {\n    const el = wrap.current;\n    const enter = () => { hover.current = true; update(); };\n    const leave = () => { hover.current = false; update(); };\n    el.addEventListener(\"mouseenter\", enter);\n    el.addEventListener(\"mouseleave\", leave);\n    return () => { el.removeEventListener(\"mouseenter\", enter); el.removeEventListener(\"mouseleave\", leave); };\n  }, []);\n  useEffect(() => {\n    if (!shown) return undefined;\n    const esc = (e) => { if (e.key === \"Escape\") { hover.current = false; focus.current = false; setShown(false); } };\n    document.addEventListener(\"keydown\", esc);\n    return () => document.removeEventListener(\"keydown\", esc);\n  }, [shown]);\n\n  const child = cloneElement(children, {\n    \"aria-describedby\": [children.props[\"aria-describedby\"], id].filter(Boolean).join(\" \"),\n    onFocus: (e) => { focus.current = true; update(); children.props.onFocus?.(e); },\n    onBlur: (e) => { focus.current = false; update(); children.props.onBlur?.(e); },\n  });\n  return (\n    <span ref={wrap} className={`piq-tooltip-anchor${className ? ` ${className}` : \"\"}`}>\n      {child}\n      <span id={id} role=\"tooltip\" className=\"piq-tooltip\" data-placement={placement} hidden={!shown}>{content}</span>\n    </span>\n  );\n}\n","import { useContext, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { brands as MANIFEST_BRANDS, themes as MANIFEST_THEMES } from \"@ux-builder/tokens/manifest.json\";\nimport { ThemeContext } from \"../ThemeProvider.jsx\";\n\n/* The active theme's logo (FEAT-004 SDK-15, US-010-AC8 to AC10).\n\n     <Logo />                 the brand's logo, at the brand's height\n     <Logo variant=\"mark\" />  the brand's mark, where space is tight\n     <Logo size=\"sm\" />       the brand's compact height\n\n   It draws the brand's artwork from the theme's brand tokens\n   (--piq-brand-logo-image, or --piq-brand-logo-mask painted in\n   --piq-brand-logo-paint), so it changes with the theme and the\n   appearance and the app names no file. A brand without artwork gets its\n   title as a wordmark (the mark: its initial) in --piq-brand-logo-paint, so\n   a theme switch always shows. Either way it is one image named by the\n   brand's title, or by label.\n\n   Brand tokens belong to the top-level app (CONTRACT-001, ADR-011): inside\n   a ThemeProvider given tokens, an embedded view, it draws nothing. */\n\nconst THEMES = new Map(MANIFEST_THEMES.map((t) => [t.name, t]));\nconst BRANDS = new Map(MANIFEST_BRANDS.map((b) => [b.name, b]));\nconst useBeforePaint = typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\nlet dev = true;\ntry { dev = process.env.NODE_ENV !== \"production\"; } catch { /* no bundler */ }\nconst warn = (msg) => { if (dev) console.warn(`@ux-builder/ui Logo: ${msg}`); };\n\nconst isSet = (v) => Boolean(v) && v !== \"none\" && v !== \"initial\";\n\n/* The brand title for a theme, from the themes this package was built with. */\nexport function brandTitleFor(theme) {\n  const t = THEMES.get(theme);\n  return t ? BRANDS.get(t.brand)?.title ?? t.title : null;\n}\n\n/* The active theme's logo, or its mark (variant=\"mark\"), drawn from the brand's artwork; a brand without artwork gets its title as a wordmark in the logo colour. */\nexport function Logo({ variant = \"logo\", size = \"md\", label, className = \"\", ...rest }) {\n  const context = useContext(ThemeContext);\n  const ref = useRef(null);\n  const [pageTheme, setPageTheme] = useState(null);\n  const [artwork, setArtwork] = useState(true);\n  const embedded = Boolean(context) && context.theme === null;\n  const kind = variant === \"mark\" ? \"mark\" : \"logo\";\n\n  // Before paint: does the brand have artwork here, and which theme is on?\n  useBeforePaint(() => {\n    if (embedded || !ref.current) return;\n    const css = getComputedStyle(ref.current);\n    setArtwork(isSet(css.getPropertyValue(`--piq-brand-${kind}-image`).trim()) || isSet(css.getPropertyValue(`--piq-brand-${kind}-mask`).trim()));\n    if (!context?.theme) setPageTheme(ref.current.closest?.(\"[data-theme]\")?.getAttribute(\"data-theme\") ?? null);\n  });\n\n  const theme = context?.theme ?? pageTheme;\n  const name = label ?? brandTitleFor(theme) ?? \"\";\n  useEffect(() => {\n    if (embedded) warn(\"an embedded view must not draw the brand (CONTRACT-001); nothing drawn\");\n    else if (!name && theme) warn(`no brand title for theme \"${theme}\"; pass label`);\n  }, [embedded, name, theme]);\n  if (embedded) return null;\n\n  const classes = [\"piq-logo\", `piq-logo--${kind}`, size === \"sm\" && \"piq-logo--sm\", !artwork && \"piq-logo--text\", className].filter(Boolean).join(\" \");\n  const text = !artwork && name ? (kind === \"mark\" ? name.trim()[0] : name) : null;\n  return (\n    <span ref={ref} role=\"img\" aria-label={name || undefined} className={classes} data-logo={artwork ? \"artwork\" : \"text\"} {...rest}>\n      {text && <span className=\"piq-logo__text\" aria-hidden=\"true\">{text}</span>}\n    </span>\n  );\n}\n"],"mappings":"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"}