themelia-ui 1.0.0

package/dist/mentions-Dw2DfREO.js

@@ -0,0 +1,546 @@
+import "./css/mentions.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { n as t, o as n, t as r } from "./typography-vC_wwEBm.js";
+import { t as i } from "./use-debounced-callback-BcKYwxqp.js";
+import { r as a } from "./popover-BpUGuOeI.js";
+import { a as o, s, t as c } from "./command-CVX7k9YB.js";
+import { t as l } from "./spinner-4Z1vjSiH.js";
+import { Fragment as u, useCallback as d, useEffect as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/features/mentions/mention-chip.tsx
+function b({ mention: t, resource: n, asLink: r = !0, onClick: i, trailing: a, className: o, ...s }) {
+	if (n?.renderChip) return /* @__PURE__ */ v(_, { children: n.renderChip(t) });
+	let c = n?.icon, l = n?.tone, u = /* @__PURE__ */ y(_, { children: [
+		!!c && /* @__PURE__ */ v(c, {}),
+		t.label,
+		a
+	] }), d = {
+		"data-ref-id": t.id,
+		"data-ref-kind": t.kind,
+		"data-ref-tone": l,
+		className: e("mention-chip--component", o)
+	};
+	return r && t.href ? /* @__PURE__ */ v("a", {
+		...d,
+		href: t.href,
+		target: "_blank",
+		rel: "noreferrer noopener",
+		onClick: i,
+		children: u
+	}) : /* @__PURE__ */ v("span", {
+		...d,
+		onClick: i,
+		...s,
+		children: u
+	});
+}
+//#endregion
+//#region src/components/features/mentions/mention-html.ts
+var x = /* @__PURE__ */ RegExp("<((?:span|a))\\b[^>]*?data-ref-id\\s*=\\s*\"([^\"]+)\"[^>]*?>([\\s\\S]*?)<\\/\\1>", "gi"), S = /data-ref-kind\s*=\s*"([^"]+)"/i, C = /^[@#$&%!~]\s*/;
+function w(e) {
+	return String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function T(e) {
+	return String(e ?? "").replace(/"/g, "&quot;");
+}
+function E(e, t) {
+	return `<span data-ref-id="${T(e.id)}" data-ref-kind="${T(e.kind)}"${t?.tone ? ` data-ref-tone="${T(t.tone)}"` : ""} contenteditable="false">${w(t?.triggerChar ?? (e.kind === "user" ? "@" : ""))}${w(e.label)}</span>&nbsp;`;
+}
+function D(e) {
+	let t = [];
+	if (!e) return t;
+	let n = /* @__PURE__ */ new Set();
+	x.lastIndex = 0;
+	let r;
+	for (; (r = x.exec(e)) !== null;) {
+		let [e, , i, a] = r;
+		if (n.has(i)) continue;
+		n.add(i);
+		let o = e.match(S)?.[1] ?? i.split(":")[0] ?? "", s = (a ?? "").replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").replace(C, "").trim();
+		t.push({
+			id: i,
+			kind: o,
+			label: s
+		});
+	}
+	return t;
+}
+function O(e) {
+	if (!e) return [];
+	let t = [], n = 0;
+	x.lastIndex = 0;
+	let r;
+	for (; (r = x.exec(e)) !== null;) {
+		let [i, , a] = r, o = e.slice(n, r.index);
+		o.length > 0 && t.push({
+			kind: "html",
+			value: o
+		}), t.push({
+			kind: "mention",
+			refId: a,
+			fallback: i
+		}), n = r.index + i.length;
+	}
+	let i = e.slice(n);
+	return i.length > 0 && t.push({
+		kind: "html",
+		value: i
+	}), t;
+}
+//#endregion
+//#region src/components/features/mentions/mention-content.tsx
+function k({ html: e, mentions: n, resources: i, renderMention: a, sanitizer: o, ...s }) {
+	let c = m(() => o ? o(e ?? "") : t(e ?? ""), [e, o]), l = m(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of n ?? []) e.set(t.id, t);
+		return e;
+	}, [n]), d = m(() => l.size > 0 ? O(c) : [{
+		kind: "html",
+		value: c
+	}], [l, c]);
+	if (!c) return null;
+	let f = d.map((e, t) => {
+		if (e.kind === "mention") {
+			let n = l.get(e.refId);
+			return n ? /* @__PURE__ */ v(u, { children: a ? a(n) : /* @__PURE__ */ v(b, {
+				mention: n,
+				resource: i?.[n.kind]
+			}) }, `ref-${t}-${e.refId}`) : /* @__PURE__ */ v("span", { dangerouslySetInnerHTML: { __html: e.fallback } }, `stored-${t}`);
+		}
+		return /* @__PURE__ */ v("span", { dangerouslySetInnerHTML: { __html: e.value } }, `html-${t}`);
+	});
+	return /* @__PURE__ */ v(r, {
+		...s,
+		children: f
+	});
+}
+//#endregion
+//#region src/components/features/mentions/mentions.strings.ts
+var A = {
+	title: "Insert reference",
+	formatQuery: (e) => `\u201c${e}\u201d`,
+	empty: "No matches.",
+	loading: "Searching…",
+	listLabel: "Reference suggestions"
+}, j = {
+	...A,
+	searchPlaceholder: "Search…"
+}, M = {
+	panel: "mentions-module__panel___KppC9",
+	panelInline: "mentions-module__panelInline___j9VXW",
+	panelHeader: "mentions-module__panelHeader___BN8kH",
+	panelTitleRow: "mentions-module__panelTitleRow___NFqJf",
+	panelQuery: "mentions-module__panelQuery___qvgnp",
+	tabs: "mentions-module__tabs___Z4dFj",
+	tab: "mentions-module__tab___QzHK6",
+	tabIcon: "mentions-module__tabIcon___t9WSS",
+	tabCount: "mentions-module__tabCount___5IFkH",
+	list: "mentions-module__list___H11u6",
+	listState: "mentions-module__listState___Fh49z",
+	row: "mentions-module__row___KwY1g",
+	rowIcon: "mentions-module__rowIcon___2aBTN",
+	rowText: "mentions-module__rowText___mGwnk",
+	command: "mentions-module__command___7nCy6",
+	commandList: "mentions-module__commandList___DPhKH"
+};
+//#endregion
+//#region src/components/features/mentions/mention-suggestion-list.tsx
+function N({ kinds: t, activeKind: r, onSelect: i, resources: a, suggestionsByKind: o }) {
+	return t.length <= 1 ? null : /* @__PURE__ */ v("div", {
+		className: e("mention-kind-tabs--component", M.tabs),
+		role: "tablist",
+		children: t.map((e) => {
+			let t = a?.[e], s = t?.icon, c = e === r, l = o?.[e]?.length ?? 0;
+			return /* @__PURE__ */ y("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": c,
+				"data-active": c || void 0,
+				"data-empty": l === 0 || void 0,
+				onClick: () => i(e),
+				className: M.tab,
+				children: [
+					!!s && /* @__PURE__ */ v(s, { className: M.tabIcon }),
+					/* @__PURE__ */ v(n, {
+						tag: "span",
+						size: "xs",
+						weight: "medium",
+						type: "inherit",
+						children: t?.label ?? String(e)
+					}),
+					l > 0 && /* @__PURE__ */ v(n, {
+						tag: "span",
+						size: "xs",
+						weight: "medium",
+						type: "inherit",
+						numeric: !0,
+						className: M.tabCount,
+						children: l
+					})
+				]
+			}, e);
+		})
+	});
+}
+function P({ suggestions: t, activeKind: r, loading: i, loadingLabel: a, emptyLabel: o, listLabel: s, onSelect: c, className: u }) {
+	return i ? /* @__PURE__ */ v("div", {
+		className: e(M.list, M.listState, u),
+		children: /* @__PURE__ */ v(l, { label: a })
+	}) : t.length === 0 ? /* @__PURE__ */ v("div", {
+		className: e(M.list, M.listState, u),
+		children: /* @__PURE__ */ v(n, {
+			size: "sm",
+			type: "secondary",
+			children: o
+		})
+	}) : /* @__PURE__ */ v("div", {
+		role: "listbox",
+		"aria-label": s,
+		className: e("mention-rows--component", M.list, u),
+		children: t.map((e) => {
+			let t = e.kind ?? r ?? "", i = e.icon;
+			return /* @__PURE__ */ y("button", {
+				type: "button",
+				role: "option",
+				"aria-selected": !1,
+				"data-suggestion-id": `${t}:${e.id}`,
+				onClick: () => c(e),
+				className: M.row,
+				children: [!!i && /* @__PURE__ */ v(i, { className: M.rowIcon }), /* @__PURE__ */ y("span", {
+					className: M.rowText,
+					children: [/* @__PURE__ */ v(n, {
+						tag: "span",
+						size: "sm",
+						weight: "medium",
+						truncate: !0,
+						children: e.label
+					}), !!e.description && /* @__PURE__ */ v(n, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						truncate: !0,
+						children: e.description
+					})]
+				})]
+			}, `${t}:${e.id}`);
+		})
+	});
+}
+//#endregion
+//#region src/components/features/mentions/mention-picker.tsx
+function F({ open: t, activeKind: r, setActiveKind: i, kinds: l, resources: u, suggestionsByKind: d, query: f, setQuery: p, suggestions: m, loading: h, onSelect: g, strings: _, className: b }) {
+	let x = {
+		...j,
+		..._
+	};
+	return t ? /* @__PURE__ */ y(a, {
+		align: "start",
+		inset: "flush",
+		width: void 0,
+		className: e("mention-picker--component", M.panel, b),
+		children: [/* @__PURE__ */ y("div", {
+			className: M.panelHeader,
+			children: [/* @__PURE__ */ v("div", {
+				className: M.panelTitleRow,
+				children: /* @__PURE__ */ v(n, {
+					size: "xs",
+					weight: "medium",
+					type: "secondary",
+					children: x.title
+				})
+			}), /* @__PURE__ */ v(N, {
+				kinds: l,
+				activeKind: r,
+				resources: u,
+				suggestionsByKind: d,
+				onSelect: i
+			})]
+		}), /* @__PURE__ */ y(c, {
+			shouldFilter: !1,
+			className: M.command,
+			children: [/* @__PURE__ */ v(o, {
+				placeholder: x.searchPlaceholder,
+				value: f,
+				onValueChange: p
+			}), /* @__PURE__ */ v(s, {
+				className: M.commandList,
+				children: /* @__PURE__ */ v(P, {
+					suggestions: m,
+					activeKind: r,
+					loading: h,
+					loadingLabel: x.loading,
+					emptyLabel: x.empty,
+					listLabel: x.listLabel,
+					onSelect: g
+				})
+			})]
+		})]
+	}) : null;
+}
+//#endregion
+//#region src/components/features/mentions/mention-inline-suggestions.tsx
+function I({ open: t, activeKind: r, setActiveKind: i, kinds: a, resources: o, suggestionsByKind: s, suggestions: c, loading: l, query: u, onManualKindChange: d, onSelect: f, strings: m, className: _ }) {
+	let b = {
+		...A,
+		...m
+	}, x = h(null), [S, C] = g("bottom");
+	return p(() => {
+		if (!t) {
+			C("bottom");
+			return;
+		}
+		let e = x.current;
+		if (!e) return;
+		let n = () => {
+			let t = e.offsetParent;
+			if (!t) return;
+			let n = t.getBoundingClientRect(), r = e.offsetHeight, i = window.innerHeight - n.bottom;
+			C(r > i && n.top > i ? "top" : "bottom");
+		};
+		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+		};
+	}, [
+		t,
+		c,
+		r
+	]), t ? /* @__PURE__ */ y("div", {
+		ref: x,
+		"data-placement": S,
+		onMouseDown: (e) => e.preventDefault(),
+		className: e("mention-inline-suggestions--component", M.panel, M.panelInline, _),
+		children: [/* @__PURE__ */ y("div", {
+			className: M.panelHeader,
+			children: [/* @__PURE__ */ y("div", {
+				className: M.panelTitleRow,
+				children: [/* @__PURE__ */ v(n, {
+					size: "xs",
+					weight: "medium",
+					type: "secondary",
+					children: b.title
+				}), !!u && /* @__PURE__ */ v(n, {
+					size: "xs",
+					type: "secondary",
+					className: M.panelQuery,
+					children: b.formatQuery(u)
+				})]
+			}), /* @__PURE__ */ v(N, {
+				kinds: a,
+				activeKind: r,
+				resources: o,
+				suggestionsByKind: s,
+				onSelect: (e) => {
+					i(e), d?.();
+				}
+			})]
+		}), /* @__PURE__ */ v(P, {
+			suggestions: c,
+			activeKind: r,
+			loading: l,
+			loadingLabel: b.loading,
+			emptyLabel: b.empty,
+			listLabel: b.listLabel,
+			onSelect: f
+		})]
+	}) : null;
+}
+//#endregion
+//#region src/components/features/mentions/use-mentions-search.ts
+function L(e) {
+	return !!(e && e.name === "AbortError");
+}
+function R(e = {}) {
+	let { resources: t, onResourceSearch: n, initialMentions: r, debounceMs: a = 300, onError: o } = e, s = JSON.stringify(Object.keys(t ?? {})), c = m(() => JSON.parse(s), [s]), [l, u] = g(() => c[0] ?? null), p = l && c.includes(l) ? l : c[0] ?? null, [_, v] = g(!1), [y, b] = g(""), [x, S] = g({}), [C, w] = g(!1), [T, E] = g(null), [D, O] = g({}), [k, A] = g(0), [j, M] = g(() => r ? [...r] : []), N = h(0), P = h(null), F = h(t), I = h(n), R = h(o);
+	f(() => {
+		F.current = t, I.current = n, R.current = o;
+	});
+	let z = m(() => p && t ? t[p] ?? null : null, [p, t]), B = d(async (e, t, n) => {
+		let r = F.current?.[e];
+		if (r?.search) return (await r.search(t, {
+			kind: e,
+			signal: n
+		})).map((t) => ({
+			...t,
+			kind: e
+		}));
+		if (r?.suggestions) {
+			let n = r.suggestions;
+			return (t.trim().length === 0 ? n : n.filter((e) => e.label.toLowerCase().includes(t.toLowerCase()))).map((t) => ({
+				...t,
+				kind: e
+			}));
+		}
+		return I.current ? (await I.current(t, e, {
+			kind: e,
+			signal: n
+		})).map((t) => ({
+			...t,
+			kind: e
+		})) : [];
+	}, []), V = i((e, t, n, r) => {
+		(async () => {
+			w(!0);
+			try {
+				let i = await Promise.all(e.map(async (e) => {
+					try {
+						return {
+							kind: e,
+							list: await B(e, t, r),
+							error: null
+						};
+					} catch (t) {
+						return {
+							kind: e,
+							list: [],
+							error: t
+						};
+					}
+				}));
+				if (n !== N.current || r.aborted) return;
+				let a = {}, o = {}, s = null;
+				for (let e of i) a[e.kind] = e.list, e.error !== null && !L(e.error) && (o[e.kind] = e.error, s ??= e.error, R.current?.(e.error, {
+					query: t,
+					kind: e.kind
+				}));
+				S(a), O(o), E(s);
+			} finally {
+				n === N.current && !r.aborted && w(!1);
+			}
+		})();
+	}, a);
+	f(() => {
+		let e = new AbortController();
+		P.current = e;
+		let t = () => {
+			e.abort(), P.current === e && (P.current = null);
+		};
+		if (c.length === 0) return S({}), w(!1), E(null), O({}), t;
+		let n = ++N.current;
+		return E(null), O({}), V(c, y, n, e.signal), () => {
+			V.cancel(), t();
+		};
+	}, [
+		c,
+		y,
+		k,
+		V
+	]);
+	let H = d(() => A((e) => e + 1), []);
+	f(() => {
+		if (_ || !p || (x[p]?.length ?? 0) > 0) return;
+		let e = c.find((e) => (x[e]?.length ?? 0) > 0);
+		e && e !== p && u(e);
+	}, [
+		p,
+		c,
+		_,
+		x
+	]);
+	let U = d((e) => u(e), []), W = d((e) => b(e), []), G = d((e) => {
+		M((t) => t.some((t) => t.id === e.id) ? t : [...t, e]);
+	}, []), K = d((e) => {
+		M((t) => t.filter((t) => t.id !== e));
+	}, []), q = d((e) => M((t) => typeof e == "function" ? [...e(t)] : [...e]), []), J = d(() => {
+		P.current?.abort(), N.current++, M([]), b(""), v(!1), S({}), w(!1), E(null), O({});
+	}, []), Y = d((e) => {
+		let n = e.kind ?? p, r = {
+			id: `${n}:${e.id}`,
+			kind: n,
+			label: e.label,
+			href: e.href ?? t?.[n]?.buildHref?.(e),
+			data: e.data
+		};
+		return G(r), r;
+	}, [
+		p,
+		G,
+		t
+	]);
+	return {
+		kinds: c,
+		activeKind: p,
+		setActiveKind: U,
+		activeResource: z,
+		query: y,
+		setQuery: W,
+		suggestions: m(() => p ? x[p] ?? [] : [], [p, x]),
+		suggestionsByKind: x,
+		isLoading: C,
+		error: T,
+		isError: T !== null,
+		errorsByKind: D,
+		retry: H,
+		mentions: j,
+		addMention: G,
+		removeMention: K,
+		setMentions: q,
+		reset: J,
+		selectSuggestion: Y,
+		manualKindOverride: _,
+		setManualKindOverride: v
+	};
+}
+//#endregion
+//#region src/components/features/mentions/use-mentions.ts
+var z = (e) => e.replace(/[.*+?^${}()|[\]\\^-]/g, "\\$&");
+function B(e = {}) {
+	let { resources: t, editorRef: n } = e, r = e.onResourceSearch, i = R({
+		...e,
+		resources: t,
+		onResourceSearch: r
+	}), [a, o] = g(!1), [s, c] = g(!1), l = h(null), u = h(null), f = d((e) => {
+		o(e), e || (l.current = null, u.current = null, c(!1), i.setManualKindOverride(!1));
+	}, [i]), p = d(() => {
+		if (!t) return;
+		let e = {};
+		for (let [n, r] of Object.entries(t)) {
+			let t = r?.trigger;
+			typeof t == "string" && t.length > 0 && (e[t] = n);
+		}
+		if (Object.keys(e).length === 0) return;
+		let r = n?.current?.getCaretContext(), a = () => {
+			l.current && (l.current = null, f(!1));
+		};
+		if (!r) {
+			a();
+			return;
+		}
+		let s = Object.keys(e).map(z).join(""), d = RegExp(`(?:^|\\s)([${s}])([\\p{L}\\p{N}_-]*)$`, "u"), p = r.textBefore.match(d);
+		if (!p) {
+			a();
+			return;
+		}
+		let m = p[1], h = p[2] ?? "", g = e[m];
+		l.current = {
+			kind: g,
+			triggerChar: m,
+			consumedLength: m.length + h.length
+		}, c(!0), u.current !== m && (i.activeKind !== g && i.setActiveKind(g), i.setManualKindOverride(!1), u.current = m), i.query !== h && i.setQuery(h), o(!0);
+	}, [
+		n,
+		t,
+		i,
+		f
+	]), m = d((e) => {
+		let r = i.selectSuggestion(e), a = l.current, o = E(r, {
+			triggerChar: a?.triggerChar,
+			tone: t?.[r.kind]?.tone
+		}), s = n?.current;
+		return s && (a && a.consumedLength > 0 ? (s.replaceBeforeCaret(a.consumedLength, o), l.current = null) : s.insertHTML(o)), f(!1), r;
+	}, [
+		n,
+		t,
+		i,
+		f
+	]);
+	return {
+		...i,
+		pickerOpen: a,
+		setPickerOpen: f,
+		triggerActive: s,
+		handleCaretChange: p,
+		pickSuggestion: m
+	};
+}
+//#endregion
+export { N as a, j as c, D as d, O as f, F as i, k as l, R as n, P as o, b as p, I as r, A as s, B as t, E as u };

package/dist/navigation-36v_IMTz.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./typography-kBzTy-jM.cjs"),n=require("./primitives-Bcjsjg7A.cjs"),r=require("./badge-CSoXP1oV.cjs"),i=require("./item-BXtuvlig.cjs"),a=require("./observers-DpvUQ04h.cjs");let o=require("lucide-react"),s=require("react");s=e.t(s,1);let c=require("react/jsx-runtime"),l=require("clsx");var u={light:`navigation-module__light___H-221`,dark:`navigation-module__dark___bvqRo`,sideNav:`navigation-module__sideNav___uNHyT`,group:`navigation-module__group___yoYbI`,groupLabel:`navigation-module__groupLabel___CBKkj`,groupLabelStatic:`navigation-module__groupLabelStatic___gW0n5`,groupChevron:`navigation-module__groupChevron___ksYwQ`,list:`navigation-module__list___uXyqh`,item:`navigation-module__item___QsGV9`,itemIcon:`navigation-module__itemIcon___bU6vr`,itemLabel:`navigation-module__itemLabel___rVRLd`,sectionNav:`navigation-module__sectionNav___Agrs6`,sectionItem:`navigation-module__sectionItem___zigCY`,sectionItemNested:`navigation-module__sectionItemNested___Fr2qA`,categoryNav:`navigation-module__categoryNav___paxho`,categoryRow:`navigation-module__categoryRow___2BwnC`,categoryChevron:`navigation-module__categoryChevron___bXpQG`,progress:`navigation-module__progress___hAZXE`,progressHead:`navigation-module__progressHead___wdNOm`,progressSteps:`navigation-module__progressSteps___wAPKY`,progressStep:`navigation-module__progressStep___yl-K7`,progressTrigger:`navigation-module__progressTrigger___RRjXK`,progressMarker:`navigation-module__progressMarker___B87lh`,progressText:`navigation-module__progressText___lpa6F`,progressRule:`navigation-module__progressRule___G-h7n`},d={step:(e,t)=>`Step ${e}: ${t}`,position:(e,t)=>`Step ${e} of ${t}`},f={label:`On this page`},p={label:`Section navigation`},m=e=>typeof e==`string`||typeof e==`number`;function h(e,t){if(t)return e.map(e=>e.href).filter(e=>t===e||t.startsWith(`${e}/`)).sort((e,t)=>t.length-e.length)[0]}function g({items:e,groups:n,currentPath:i,renderLink:a,strings:d,className:f,...g}){let _={...p,...d},v=n??[{id:`default`,items:e??[]}],y=h(v.flatMap(e=>e.items),i),[b,x]=s.useState(()=>new Set(v.filter(e=>e.defaultCollapsed).map(e=>e.id))),S=e=>x(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n});return(0,c.jsx)(`nav`,{"aria-label":_.label,"data-slot":`side-nav`,className:(0,l.clsx)(`side-nav--component`,u.sideNav,f),...g,children:v.map(e=>{let n=b.has(e.id);return(0,c.jsxs)(`div`,{className:u.group,"data-collapsed":e.collapsible&&n?``:void 0,children:[!!e.label&&(e.collapsible?(0,c.jsxs)(`button`,{type:`button`,className:u.groupLabel,"data-hit-area":!0,"aria-expanded":!n,onClick:()=>S(e.id),children:[e.label,(0,c.jsx)(o.ChevronDownIcon,{"aria-hidden":!0,className:u.groupChevron})]}):(0,c.jsx)(t.o,{tag:`span`,size:`xs`,type:`secondary`,className:(0,l.clsx)(u.groupLabel,u.groupLabelStatic),children:e.label})),(0,c.jsx)(`ul`,{className:u.list,children:e.items.map(e=>{let t=e.href===y,n=(0,c.jsxs)(c.Fragment,{children:[!!e.icon&&(0,c.jsx)(e.icon,{"aria-hidden":!0,className:u.itemIcon}),(0,c.jsx)(`span`,{className:u.itemLabel,children:e.label}),m(e.badge)?(0,c.jsx)(r.t,{tone:`neutral`,children:e.badge}):e.badge]}),i={href:e.href,className:u.item,children:n,"aria-current":t?`page`:void 0,"aria-disabled":e.disabled||void 0};return(0,c.jsx)(`li`,{children:a?a(i):(0,c.jsx)(`a`,{...i})},e.href)})})]},e.id)})})}function _({items:e,rootMargin:t=`-10% 0px -70% 0px`,onSelect:n,strings:r,className:i,...o}){let d={...f,...r},[p,m]=s.useState(e[0]?.id),h=e.map(e=>e.id).join(`|`);return s.useEffect(()=>{if(typeof IntersectionObserver>`u`)return;let e=h.split(`|`).filter(Boolean).map(e=>document.getElementById(e)).filter(e=>e!==null);if(e.length!==0)return a.t(e,e=>{let t=e.filter(e=>e.isIntersecting).sort((e,t)=>e.boundingClientRect.top-t.boundingClientRect.top);t[0]&&m(t[0].target.id)},{rootMargin:t})},[h,t]),(0,c.jsx)(`nav`,{"aria-label":d.label,"data-slot":`section-nav`,className:(0,l.clsx)(`section-nav--component`,u.sectionNav,i),...o,children:e.map(e=>(0,c.jsx)(`a`,{href:`#${e.id}`,"aria-current":e.id===p?`true`:void 0,className:(0,l.clsx)(u.sectionItem,(e.depth??1)>1&&u.sectionItemNested),onClick:()=>n?.(e.id),children:e.label},e.id))})}function v({label:e,items:t,activeId:n,onSelect:a,className:s,...d}){return(0,c.jsx)(`nav`,{"data-slot":`category-nav`,"aria-label":e,className:(0,l.clsx)(`category-nav--component`,u.categoryNav,s),...d,children:(0,c.jsx)(i.o,{children:t.map(e=>{let t=e.icon,s=e.id===n;return(0,c.jsxs)(i.t,{"aria-current":s||void 0,"data-active":s||void 0,onClick:()=>a?.(e.id),className:u.categoryRow,children:[!!t&&(0,c.jsx)(i.c,{variant:`icon`,children:(0,c.jsx)(t,{})}),(0,c.jsxs)(i.r,{children:[(0,c.jsx)(i.u,{children:e.label}),!!e.hint&&(0,c.jsx)(i.i,{children:e.hint})]}),(0,c.jsxs)(i.n,{children:[typeof e.count==`number`&&(0,c.jsx)(r.t,{tone:s?`primary`:`neutral`,children:e.count}),(0,c.jsx)(o.ChevronRightIcon,{"aria-hidden":!0,className:u.categoryChevron})]})]},e.id)})})})}function y({steps:e,currentIndex:r,onStepClick:i,strings:a,className:s,...f}){let p={...d,...a},m=e.length||1;return(0,c.jsxs)(`div`,{"data-slot":`breadcrumb-progress`,className:(0,l.clsx)(`breadcrumb-progress--component`,u.progress,s),...f,children:[(0,c.jsxs)(`div`,{className:u.progressHead,children:[(0,c.jsx)(t.i,{children:p.position(r+1,m)}),(0,c.jsx)(n.T,{value:Math.round((r+1)/m*100),scaled:!0,size:`xs`,weight:`semibold`})]}),(0,c.jsx)(`ol`,{className:u.progressSteps,children:e.map((n,a)=>{let s=a<r,l=a===r,d=!!i&&(s||l),f=typeof n.label==`string`?n.label:String(n.id);return(0,c.jsxs)(`li`,{className:u.progressStep,children:[(0,c.jsxs)(`button`,{type:`button`,"aria-label":p.step(a+1,f),"aria-current":l?`step`:void 0,disabled:!d,onClick:()=>d&&i?.(n.id,a),"data-state":s?`complete`:l?`current`:`upcoming`,className:u.progressTrigger,children:[(0,c.jsx)(`span`,{"aria-hidden":!0,className:u.progressMarker,children:s?(0,c.jsx)(o.CheckIcon,{}):a+1}),(0,c.jsxs)(`span`,{className:u.progressText,children:[(0,c.jsx)(t.o,{tag:`span`,weight:`semibold`,type:s||l?`main`:`secondary`,children:n.label}),!!n.hint&&(0,c.jsx)(t.o,{tag:`span`,size:`xs`,type:`discrete`,children:n.hint})]})]}),a<e.length-1&&(0,c.jsx)(`span`,{"aria-hidden":!0,"data-complete":s||void 0,className:u.progressRule})]},n.id)})})]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});