themelia-react-ui 2.0.0 → 2.0.2

package/dist/navigation-Cs1npsPm.js

@@ -1,300 +0,0 @@
-"use client";
-import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-Cospvlj1.js";
-import { s as n } from "./typography-CAr3dQhX.js";
-import { t as r } from "./button-BS3KDg00.js";
-import { t as i } from "./structure-hzCW-XsV.js";
-import { n as a } from "./action-menu-BTpyPWJ2.js";
-import { t as o } from "./badge-0tATj-tW.js";
-import { a as s } from "./tabs-Dk8E_knt.js";
-import { Fragment as c, forwardRef as l, useCallback as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Globe as v, MoreHorizontal as y } from "lucide-react";
-//#region src/components/base/navigation/language-switcher.tsx
-function b({ locales: e, onRenderLabel: a, variant: o = "buttons", onSelect: s }) {
-	let l = u((e, t) => {
-		t || s?.(e);
-	}, [s]);
-	return e.length === 0 ? null : o === "inline" ? /* @__PURE__ */ _(i, {
-		direction: "horizontal",
-		align: "center",
-		justify: "center",
-		gap: "md",
-		wrap: !1,
-		className: "language-switcher--component",
-		children: [/* @__PURE__ */ g(v, {
-			className: "size-icon shrink-0 text-muted-foreground",
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ g(i, {
-			direction: "horizontal",
-			align: "center",
-			justify: "center",
-			gap: "md",
-			wrap: !0,
-			className: "min-w-0",
-			children: e.map((r, i) => {
-				let o = a ? a(r) : r.nativeLabel;
-				return /* @__PURE__ */ _(c, { children: [/* @__PURE__ */ g("button", {
-					type: "button",
-					"aria-current": r.active ? "true" : void 0,
-					onClick: () => l(r.value, r.active),
-					className: t("cursor-pointer rounded-inner border-0 bg-transparent p-0 font-sans text-pxs outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", r.active ? "text-primary-accent font-medium" : "text-muted-foreground hover:text-foreground"),
-					children: /* @__PURE__ */ g(n, {
-						tag: "span",
-						size: "pxs",
-						weight: r.active ? "medium" : "regular",
-						className: "text-inherit",
-						children: o
-					})
-				}), i < e.length - 1 && /* @__PURE__ */ g("span", {
-					"aria-hidden": "true",
-					className: "size-1 rounded-full bg-border"
-				})] }, r.value);
-			})
-		})]
-	}) : /* @__PURE__ */ g(i, {
-		direction: "horizontal",
-		align: "center",
-		justify: "center",
-		wrap: !0,
-		gap: "md",
-		children: e.map((e) => {
-			let n = a ? a(e) : e.nativeLabel;
-			return /* @__PURE__ */ g(r, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: e.active ? "solid" : "ghost",
-				"aria-current": e.active ? "true" : void 0,
-				onClick: () => l(e.value, e.active),
-				className: t("min-w-18 justify-center transition-colors", e.active ? "text-primary-accent" : "text-muted-foreground"),
-				children: n
-			}, e.value);
-		})
-	});
-}
-b.displayName = "LanguageSwitcher";
-//#endregion
-//#region src/components/base/navigation/navigation-tabs.tsx
-var x = { tabsAria: "Tab navigation" };
-function S(e) {
-	let t = e.indexOf("#/");
-	if (t >= 0) return e.slice(t).split("?")[0]?.replace(/\/+$/, "") || "#/";
-	try {
-		let t = typeof window < "u" ? window.location.origin : "http://localhost";
-		return new URL(e, t).pathname.replace(/\/+$/, "") || "/";
-	} catch {
-		return e.split("?")[0]?.replace(/\/+$/, "") || "/";
-	}
-}
-var C = l(function({ items: a, currentPath: c, variant: l = "default", scrollable: u = !0, scrollStrings: d, strings: f, className: p }, m) {
-	let h = e(x, f), v = S(c ?? (typeof window < "u" ? window.location.pathname : "/")), y = l === "prominent", b = /* @__PURE__ */ g(i, {
-		render: /* @__PURE__ */ g("nav", { "aria-label": h.tabsAria }),
-		direction: "horizontal",
-		gap: "2xs",
-		wrap: !1,
-		className: t("navigation-tabs--list w-max rounded-inner bg-muted p-space-2xs", y && "rounded-inner bg-muted/60"),
-		children: a.map((e) => {
-			let i = e.active ?? v === S(e.href), a = typeof e.icon == "string" ? void 0 : e.icon;
-			return /* @__PURE__ */ _(r, {
-				href: e.href,
-				disabled: e.disabled,
-				size: "sm",
-				tone: i && y ? "primary" : "secondary",
-				buttonStyle: i ? "solid" : "ghost",
-				icon: a,
-				"aria-current": i ? "page" : void 0,
-				className: t("navigation-tabs--item shrink-0", "rounded-inner", !y && i && "bg-card text-foreground shadow-sm hover:bg-card", !y && !i && "text-muted-foreground hover:bg-card/60 hover:text-foreground"),
-				children: [
-					typeof e.icon == "string" && /* @__PURE__ */ g("span", {
-						className: "navigation-tabs--icon text-inherit",
-						"aria-hidden": "true",
-						children: e.icon
-					}),
-					/* @__PURE__ */ g(n, {
-						tag: "span",
-						size: "inherit",
-						weight: "medium",
-						lineHeight: "none",
-						className: "navigation-tabs--title text-inherit",
-						children: e.title
-					}),
-					e.badge !== void 0 && e.badge !== null && /* @__PURE__ */ g(o, {
-						size: "sm",
-						tone: "secondary",
-						className: "navigation-tabs--badge",
-						children: e.badge
-					})
-				]
-			}, e.href);
-		})
-	});
-	return /* @__PURE__ */ g("div", {
-		ref: m,
-		className: t("navigation-tabs--component", "w-full min-w-0", !u && "overflow-x-auto", p),
-		children: u ? /* @__PURE__ */ g(s, {
-			strings: d,
-			children: b
-		}) : b
-	});
-});
-C.displayName = "NavigationTabs";
-//#endregion
-//#region src/components/base/navigation/overflow-tab-bar.tsx
-var w = {
-	more: "More",
-	navigationLabel: "Tab navigation"
-}, T = "box-border inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-inner border-0 bg-transparent px-control-sm font-sans text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-icon [&_svg]:shrink-0", E = "text-muted-foreground hover:bg-card/60 hover:text-foreground", D = "bg-card text-foreground shadow-sm";
-function O(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function k(e, t, n, r) {
-	if (e.reduce((e, t) => e + t, 0) + n * Math.max(0, e.length - 1) <= t) return e.length;
-	let i = 0, a = 0;
-	for (let o of e) {
-		let e = i + (a > 0 ? n : 0) + o;
-		if (e + n + r > t) break;
-		i = e, a += 1;
-	}
-	return Math.max(1, a);
-}
-var A = l(function({ items: r, value: i, onValueChange: s, className: c, tabClassName: l, activeTabClassName: v, strings: b, ...x }, S) {
-	let C = e(w, b), A = p(null), j = p(null), M = p(null), [N, P] = m(r.length), F = u((e) => {
-		A.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
-	}, [S]);
-	d(() => {
-		let e = A.current, t = j.current, n = M.current;
-		if (!e || !t || !n) return;
-		let i = () => {
-			let i = getComputedStyle(t), a = (parseFloat(i.paddingLeft) || 0) + (parseFloat(i.paddingRight) || 0), o = e.clientWidth - a;
-			if (o <= 0) {
-				P(r.length);
-				return;
-			}
-			let s = parseFloat(getComputedStyle(n).columnGap) || 0, c = Array.from(n.querySelectorAll("[data-tab-id]")).map((e) => e.offsetWidth), l = n.querySelector("[data-more-measure]")?.offsetWidth ?? 0;
-			P(k(c, o, s, l));
-		};
-		if (i(), typeof ResizeObserver > "u") return;
-		let a = new ResizeObserver(i);
-		return a.observe(e), () => a.disconnect();
-	}, [r, C.more]);
-	let I = f(() => {
-		if (!i) return r;
-		let e = r.findIndex((e) => e.id === i);
-		if (e < 0 || e < N) return r;
-		let t = [...r], n = Math.max(0, N - 1);
-		return [t[e], t[n]] = [t[n], t[e]], t;
-	}, [
-		r,
-		i,
-		N
-	]), L = I.slice(0, N), R = I.slice(N), z = (e) => {
-		s?.(e.id), e.onClick?.();
-	}, B = (e) => {
-		if (![
-			"ArrowLeft",
-			"ArrowRight",
-			"Home",
-			"End"
-		].includes(e.key)) return;
-		let t = Array.from(e.currentTarget.querySelectorAll("[role=\"tab\"]")), n = t.indexOf(e.target);
-		if (n < 0 || t.length === 0) return;
-		let r = getComputedStyle(e.currentTarget).direction === "rtl" ? "ArrowLeft" : "ArrowRight", i = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : e.key === r ? (n + 1) % t.length : (n - 1 + t.length) % t.length;
-		e.preventDefault(), t[i]?.focus();
-	}, V = (e, r, a) => {
-		let s = e.icon, c = t(T, r ? t(D, v) : E, l), u = /* @__PURE__ */ _(h, { children: [
-			!!s && /* @__PURE__ */ g(s, { "aria-hidden": "true" }),
-			O(e.label) ? /* @__PURE__ */ g(n, {
-				tag: "span",
-				size: "inherit",
-				weight: "medium",
-				lineHeight: "tight",
-				className: "text-inherit",
-				children: e.label
-			}) : e.label,
-			e.badge !== void 0 && e.badge !== null && e.badge !== !1 && /* @__PURE__ */ g(o, {
-				size: "sm",
-				tone: "secondary",
-				className: "overflow-tab-bar--badge",
-				children: e.badge
-			})
-		] });
-		if (a?.measure) return /* @__PURE__ */ g("span", {
-			"data-tab-id": e.id,
-			className: t("overflow-tab-bar--measure", c),
-			children: u
-		}, e.id);
-		let d = {
-			"data-tab-id": e.id,
-			role: "tab",
-			"aria-selected": r,
-			tabIndex: r || !i ? 0 : -1,
-			onClick: () => z(e),
-			className: t("overflow-tab-bar--tab", c)
-		};
-		return e.href ? /* @__PURE__ */ g("a", {
-			href: e.href,
-			...d,
-			children: u
-		}, e.id) : /* @__PURE__ */ g("button", {
-			type: "button",
-			...d,
-			children: u
-		}, e.id);
-	}, H = /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(y, { "aria-hidden": "true" }), /* @__PURE__ */ g(n, {
-		tag: "span",
-		size: "inherit",
-		weight: "medium",
-		lineHeight: "tight",
-		className: "text-inherit",
-		children: C.more
-	})] });
-	return /* @__PURE__ */ _("div", {
-		ref: F,
-		className: t("overflow-tab-bar--component relative w-full min-w-0 max-w-full", c),
-		...x,
-		children: [/* @__PURE__ */ _("div", {
-			ref: M,
-			"aria-hidden": "true",
-			className: "pointer-events-none invisible fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-2xs overflow-hidden",
-			children: [r.map((e) => V(e, !1, { measure: !0 })), /* @__PURE__ */ g("span", {
-				"data-more-measure": "",
-				className: t(T, E),
-				children: H
-			})]
-		}), /* @__PURE__ */ _("div", {
-			ref: j,
-			className: "overflow-tab-bar--viewport inline-flex max-w-full min-w-0 items-center gap-space-2xs overflow-hidden rounded-inner bg-muted p-space-2xs align-top",
-			children: [/* @__PURE__ */ g("div", {
-				role: "tablist",
-				"aria-label": C.navigationLabel,
-				"aria-orientation": "horizontal",
-				onKeyDown: B,
-				className: "overflow-tab-bar--tablist flex min-w-0 items-center gap-space-2xs overflow-hidden",
-				children: L.map((e) => V(e, e.id === i))
-			}), R.length > 0 && /* @__PURE__ */ g(a, {
-				actions: R.map((e) => ({
-					id: e.id,
-					label: e.label,
-					icon: e.icon,
-					onClick: () => z(e)
-				})),
-				align: "end",
-				contentClassName: "min-w-40",
-				width: "w-auto",
-				closeOnSelect: !0,
-				preserveOrder: !0,
-				renderTrigger: /* @__PURE__ */ g("button", {
-					type: "button",
-					"aria-label": C.more,
-					className: t(T, E, "overflow-tab-bar--more"),
-					children: H
-				})
-			})]
-		})]
-	});
-});
-A.displayName = "OverflowTabBar";
-//#endregion
-export { b as a, x as i, w as n, C as r, A as t };
-
-//# sourceMappingURL=navigation-Cs1npsPm.js.map

package/dist/navigation-Cs1npsPm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-Cs1npsPm.js","names":["_Fragment","Text","Button","Stack","ActionMenu","Badge","TabScrollViewport","Fragment$1","LanguageSwitcher","handleSelect","useCallback","isActive","onSelect","value","locales","variant","Globe","label","onRenderLabel","locale","Fragment","cn","index","defaultNavigationTabsStrings","normalizePath","hashRouteIndex","rawUrl","origin","NavigationTabs","forwardRef","stringsProp","strings","useStrings","activePath","currentPath","prominent","list","items","item","Icon","scrollable","className","scrollStrings","defaultOverflowTabBarStrings","TAB_BUTTON_BASE","TAB_INACTIVE","TAB_ACTIVE","isSimpleText","fitOverflowTabs","widths","sum","width","gap","available","used","count","next","moreWidth","OverflowTabBar","rootProps","rootRef","useRef","trackRef","measureRef","visibleCount","setVisibleCount","useState","setRootRef","node","ref","root","track","measure","compute","trackStyle","inset","tab","observer","orderedItems","useMemo","activeIdx","i","lastVisibleIdx","visibleItems","overflowItems","onValueChange","handleKeyDown","event","tabs","forward","renderTab","tabClasses","activeTabClassName","tabClassName","inner","options","shared","moreContent","MoreHorizontal"],"sources":["../src/components/base/navigation/language-switcher.tsx","../src/components/base/navigation/navigation-tabs.tsx","../src/components/base/navigation/overflow-tab-bar.tsx"],"sourcesContent":["/**\n * LanguageSwitcher — locale picker with two layouts: `buttons` (chunky\n * primary buttons) and `inline` (small text links separated by dots, prefixed\n * with a globe icon). Defaults to `buttons`.\n *\n * The library never navigates on its own. The consumer wires routing /\n * locale switching by passing `onSelect` (e.g. a Tanstack Router\n * `navigate(...)` or Inertia `router.visit(...)`). When `onSelect` is\n * absent the click is a no-op.\n */\nimport { Globe } from 'lucide-react';\nimport { Fragment, useCallback } from 'react';\n\nimport { Button } from '../buttons';\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { cn } from '../../../lib/utils';\nimport type { LocaleOption } from '../../../types/locale.types';\n\nexport interface LanguageSwitcherProps {\n\t/** Locales to offer, in order. The entry with `active: true` is marked as current. */\n\tlocales: LocaleOption[];\n\t/** Custom label for each locale. Defaults to `nativeLabel`. */\n\tonRenderLabel?: (options: LocaleOption) => string;\n\t/** Layout: `buttons` (default) for a row of buttons, `inline` for compact dot-separated text links. */\n\tvariant?: 'buttons' | 'inline';\n\t/** Called with the chosen locale's value. Not called for the current locale. */\n\tonSelect?: (value: string) => void;\n}\n\nexport function LanguageSwitcher({\n\tlocales,\n\tonRenderLabel,\n\tvariant = 'buttons',\n\tonSelect,\n}: LanguageSwitcherProps) {\n\tconst handleSelect = useCallback((value: string, isActive: boolean) => {\n\t\tif (isActive) {\n\t\t\treturn;\n\t\t}\n\n\t\tonSelect?.(value);\n\t}, [onSelect]);\n\n\tif (locales.length === 0) {\n\t\treturn null;\n\t}\n\n\tif (variant === 'inline') {\n\t\treturn (\n\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"center\" gap=\"md\" wrap={false} className=\"language-switcher--component\">\n\t\t\t\t<Globe className=\"size-icon shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"center\" gap=\"md\" wrap className=\"min-w-0\">\n\t\t\t\t\t{locales.map((locale, index) => {\n\t\t\t\t\t\tconst label = onRenderLabel\n\t\t\t\t\t\t\t? onRenderLabel(locale)\n\t\t\t\t\t\t\t: locale.nativeLabel;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Fragment key={locale.value}>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\taria-current={locale.active ? 'true' : undefined}\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\thandleSelect(locale.value, locale.active)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'cursor-pointer rounded-inner border-0 bg-transparent p-0 font-sans text-pxs outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n\t\t\t\t\t\t\t\t\t\tlocale.active\n\t\t\t\t\t\t\t\t\t\t\t? 'text-primary-accent font-medium'\n\t\t\t\t\t\t\t\t\t\t\t: 'text-muted-foreground hover:text-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"pxs\" weight={locale.active ? 'medium' : 'regular'} className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t{index < locales.length - 1 && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"size-1 rounded-full bg-border\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"center\" wrap gap=\"md\">\n\t\t\t{locales.map((locale) => {\n\t\t\t\tconst label = onRenderLabel ? onRenderLabel(locale) : locale.nativeLabel;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={locale.value}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle={locale.active ? 'solid' : 'ghost'}\n\t\t\t\t\t\taria-current={locale.active ? 'true' : undefined}\n\t\t\t\t\t\tonClick={() => handleSelect(locale.value, locale.active)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'min-w-18 justify-center transition-colors',\n\t\t\t\t\t\t\tlocale.active ? 'text-primary-accent' : 'text-muted-foreground',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Stack>\n\t);\n}\n\nLanguageSwitcher.displayName = 'LanguageSwitcher';\n","/**\n * NavigationTabs — canonical route-tab navigation.\n *\n * The default compact treatment works for ordinary application navigation;\n * `variant=\"prominent\"` provides the stronger filled treatment without\n * introducing a second component or item vocabulary.\n */\nimport { forwardRef, type ReactNode } from 'react';\nimport type { LucideIcon } from 'lucide-react';\n\nimport { Badge } from '../badge';\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { TabScrollViewport, type TabsScrollStrings } from './tab-scroll-viewport';\n\nexport interface NavigationTabItem {\n\ttitle: string;\n\thref: string;\n\ticon?: LucideIcon | string;\n\tbadge?: ReactNode;\n\tactive?: boolean;\n\tdisabled?: boolean;\n}\n\nexport interface NavigationTabsStrings {\n\ttabsAria: string;\n}\n\nexport const defaultNavigationTabsStrings: NavigationTabsStrings = {\n\ttabsAria: 'Tab navigation',\n};\n\nexport type NavigationTabsVariant = 'default' | 'prominent';\n\nexport interface NavigationTabsProps {\n\t/** Tabs to render, in order. */\n\titems: readonly NavigationTabItem[];\n\t/** Path of the active route, used to mark the current tab. */\n\tcurrentPath?: string;\n\t/** Visual treatment of the tab row. */\n\tvariant?: NavigationTabsVariant;\n\t/** Show previous/next controls when route tabs overflow. Defaults to true. */\n\tscrollable?: boolean;\n\t/** Accessible labels for the previous/next scroll controls. */\n\tscrollStrings?: StringsProp<TabsScrollStrings>;\n\t/** Overrides the tab row's own copy. */\n\tstrings?: StringsProp<NavigationTabsStrings>;\n\tclassName?: string;\n}\n\nfunction normalizePath(rawUrl: string): string {\n\tconst hashRouteIndex = rawUrl.indexOf('#/');\n\tif (hashRouteIndex >= 0) {\n\t\treturn rawUrl.slice(hashRouteIndex).split('?')[0]?.replace(/\\/+$/, '') || '#/';\n\t}\n\n\ttry {\n\t\tconst origin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, origin);\n\t\treturn parsed.pathname.replace(/\\/+$/, '') || '/';\n\t} catch {\n\t\treturn rawUrl.split('?')[0]?.replace(/\\/+$/, '') || '/';\n\t}\n}\n\nexport const NavigationTabs = forwardRef<HTMLDivElement, NavigationTabsProps>(function NavigationTabs({\n\titems,\n\tcurrentPath,\n\tvariant = 'default',\n\tscrollable = true,\n\tscrollStrings,\n\tstrings: stringsProp,\n\tclassName,\n}: NavigationTabsProps, ref) {\n\tconst strings = useStrings(defaultNavigationTabsStrings, stringsProp);\n\tconst activePath = normalizePath(\n\t\tcurrentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/'),\n\t);\n\tconst prominent = variant === 'prominent';\n\n\tconst list = <Stack\n\t\t\t\trender={<nav aria-label={strings.tabsAria} />}\n\t\t\t\tdirection=\"horizontal\"\n\t\t\t\tgap=\"2xs\"\n\t\t\t\twrap={false}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'navigation-tabs--list w-max rounded-inner bg-muted p-space-2xs',\n\t\t\t\t\tprominent && 'rounded-inner bg-muted/60',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{items.map((item) => {\n\t\t\t\t\tconst isActive = item.active ?? activePath === normalizePath(item.href);\n\t\t\t\t\tconst Icon = typeof item.icon === 'string' ? undefined : item.icon;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={item.href}\n\t\t\t\t\t\t\thref={item.href}\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\ttone={isActive && prominent ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\tbuttonStyle={isActive ? 'solid' : 'ghost'}\n\t\t\t\t\t\t\ticon={Icon}\n\t\t\t\t\t\t\taria-current={isActive ? 'page' : undefined}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'navigation-tabs--item shrink-0',\n\t\t\t\t\t\t\t\t'rounded-inner',\n\t\t\t\t\t\t\t\t// Shared segmented recipe (Tabs, OverflowTabBar): a lifted card-coloured\n\t\t\t\t\t\t\t\t// active tab on the muted track, in light and dark alike.\n\t\t\t\t\t\t\t\t!prominent && isActive && 'bg-card text-foreground shadow-sm hover:bg-card',\n\t\t\t\t\t\t\t\t!prominent && !isActive && 'text-muted-foreground hover:bg-card/60 hover:text-foreground',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{typeof item.icon === 'string' && (\n\t\t\t\t\t\t\t\t<span className=\"navigation-tabs--icon text-inherit\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tlineHeight=\"none\"\n\t\t\t\t\t\t\t\tclassName=\"navigation-tabs--title text-inherit\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{item.badge !== undefined && item.badge !== null && (\n\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName=\"navigation-tabs--badge\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Stack>;\n\treturn <div ref={ref} className={cn('navigation-tabs--component', 'w-full min-w-0', !scrollable && 'overflow-x-auto', className)}>\n\t\t{scrollable ? <TabScrollViewport strings={scrollStrings}>{list}</TabScrollViewport> : list}\n\t</div>;\n});\n\nNavigationTabs.displayName = 'NavigationTabs';\n","/**\n * OverflowTabBar — horizontal tab strip that gracefully degrades on narrow\n * containers. Tabs that would overflow are moved into a trailing \"More\"\n * dropdown so the strip never wraps. Uses a ResizeObserver to recompute on\n * container resize; the active tab is always kept visible by being moved\n * out of the overflow set when needed.\n *\n * The strip shares the segmented-tab recipe of `NavigationTabs` and `Tabs`:\n * a muted track, small action-height tabs with default-size labels, and a\n * lifted card-coloured active tab. Arrow keys, Home and End move focus between\n * tabs; Enter or Space activates the focused tab.\n *\n * Use `NavigationTabs` instead when a fixed route set cannot overflow.\n */\nimport { MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport {\n\tforwardRef,\n\tuseCallback,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype ComponentPropsWithoutRef,\n\ttype KeyboardEvent,\n\ttype ReactNode,\n} from 'react';\n\nimport { ActionMenu } from '../action-menu';\nimport { Badge } from '../badge';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nexport interface OverflowTabBarStrings {\n\tmore: string;\n\tnavigationLabel: string;\n}\n\nexport const defaultOverflowTabBarStrings: OverflowTabBarStrings = {\n\tmore: 'More',\n\tnavigationLabel: 'Tab navigation',\n};\n\nexport interface OverflowTabItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Display label. */\n\tlabel: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\t/** Chip rendered beside the label. */\n\tbadge?: ReactNode;\n\tonClick?: () => void;\n}\n\nexport interface OverflowTabBarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n\t/** Entries to render, in order. */\n\titems: OverflowTabItem[];\n\t/** Currently active tab id. */\n\tvalue?: string;\n\t/** Fired with the id of the newly active tab. */\n\tonValueChange?: (id: string) => void;\n\ttabClassName?: string;\n\tactiveTabClassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<OverflowTabBarStrings>;\n}\n\n// Native buttons and anchors are reset explicitly: the package ships no preflight.\nconst TAB_BUTTON_BASE =\n\t'box-border inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-inner border-0 bg-transparent px-control-sm font-sans text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ' +\n\t'focus-visible:ring-2 focus-visible:ring-ring [&_svg]:size-icon [&_svg]:shrink-0';\nconst TAB_INACTIVE = 'text-muted-foreground hover:bg-card/60 hover:text-foreground';\nconst TAB_ACTIVE = 'bg-card text-foreground shadow-sm';\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** How many tabs fit, reserving room for the \"More\" trigger only when something overflows. */\nexport function fitOverflowTabs(widths: readonly number[], available: number, gap: number, moreWidth: number): number {\n\tconst total = widths.reduce((sum, width) => sum + width, 0) + gap * Math.max(0, widths.length - 1);\n\tif (total <= available) return widths.length;\n\tlet used = 0;\n\tlet count = 0;\n\tfor (const width of widths) {\n\t\tconst next = used + (count > 0 ? gap : 0) + width;\n\t\tif (next + gap + moreWidth > available) break;\n\t\tused = next;\n\t\tcount += 1;\n\t}\n\treturn Math.max(1, count);\n}\n\nexport const OverflowTabBar = forwardRef<HTMLDivElement, OverflowTabBarProps>(function OverflowTabBar({\n\titems,\n\tvalue,\n\tonValueChange,\n\tclassName,\n\ttabClassName,\n\tactiveTabClassName,\n\tstrings: stringsProp,\n\t...rootProps\n}, ref) {\n\tconst strings = useStrings(defaultOverflowTabBarStrings, stringsProp);\n\tconst rootRef = useRef<HTMLDivElement | null>(null);\n\tconst trackRef = useRef<HTMLDivElement | null>(null);\n\tconst measureRef = useRef<HTMLDivElement | null>(null);\n\tconst [visibleCount, setVisibleCount] = useState(items.length);\n\n\tconst setRootRef = useCallback((node: HTMLDivElement | null) => {\n\t\trootRef.current = node;\n\t\tif (typeof ref === 'function') ref(node);\n\t\telse if (ref) ref.current = node;\n\t}, [ref]);\n\n\t// Recompute how many tabs fit when the available width or the items change.\n\tuseLayoutEffect(() => {\n\t\tconst root = rootRef.current;\n\t\tconst track = trackRef.current;\n\t\tconst measure = measureRef.current;\n\t\tif (!root || !track || !measure) return;\n\n\t\tconst compute = () => {\n\t\t\tconst trackStyle = getComputedStyle(track);\n\t\t\tconst inset = (parseFloat(trackStyle.paddingLeft) || 0) + (parseFloat(trackStyle.paddingRight) || 0);\n\t\t\tconst available = root.clientWidth - inset;\n\t\t\tif (available <= 0) {\n\t\t\t\tsetVisibleCount(items.length);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst gap = parseFloat(getComputedStyle(measure).columnGap) || 0;\n\t\t\tconst widths = Array.from(measure.querySelectorAll<HTMLElement>('[data-tab-id]')).map((tab) => tab.offsetWidth);\n\t\t\tconst moreWidth = measure.querySelector<HTMLElement>('[data-more-measure]')?.offsetWidth ?? 0;\n\t\t\tsetVisibleCount(fitOverflowTabs(widths, available, gap, moreWidth));\n\t\t};\n\n\t\tcompute();\n\t\tif (typeof ResizeObserver === 'undefined') return;\n\t\tconst observer = new ResizeObserver(compute);\n\t\tobserver.observe(root);\n\t\treturn () => observer.disconnect();\n\t}, [items, strings.more]);\n\n\t// Ensure the active tab is always visible; if it falls into the overflow set,\n\t// swap it with the last visible tab.\n\tconst orderedItems = useMemo(() => {\n\t\tif (!value) return items;\n\t\tconst activeIdx = items.findIndex((i) => i.id === value);\n\t\tif (activeIdx < 0 || activeIdx < visibleCount) return items;\n\t\tconst next = [...items];\n\t\tconst lastVisibleIdx = Math.max(0, visibleCount - 1);\n\t\t[next[activeIdx], next[lastVisibleIdx]] = [next[lastVisibleIdx], next[activeIdx]];\n\t\treturn next;\n\t}, [items, value, visibleCount]);\n\n\tconst visibleItems = orderedItems.slice(0, visibleCount);\n\tconst overflowItems = orderedItems.slice(visibleCount);\n\n\tconst handleSelect = (item: OverflowTabItem) => {\n\t\tonValueChange?.(item.id);\n\t\titem.onClick?.();\n\t};\n\n\t// Roving focus: arrows, Home and End move between tabs; activation stays on\n\t// Enter/Space so moving focus never navigates a link tab by itself.\n\tconst handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n\t\tif (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n\t\tconst tabs = Array.from(event.currentTarget.querySelectorAll<HTMLElement>('[role=\"tab\"]'));\n\t\tconst index = tabs.indexOf(event.target as HTMLElement);\n\t\tif (index < 0 || tabs.length === 0) return;\n\t\tconst rtl = getComputedStyle(event.currentTarget).direction === 'rtl';\n\t\tconst forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n\t\tconst next = event.key === 'Home'\n\t\t\t? 0\n\t\t\t: event.key === 'End'\n\t\t\t\t? tabs.length - 1\n\t\t\t\t: event.key === forward\n\t\t\t\t\t? (index + 1) % tabs.length\n\t\t\t\t\t: (index - 1 + tabs.length) % tabs.length;\n\t\tevent.preventDefault();\n\t\ttabs[next]?.focus();\n\t};\n\n\tconst renderTab = (item: OverflowTabItem, isActive: boolean, options?: { measure?: boolean }) => {\n\t\tconst Icon = item.icon;\n\t\tconst tabClasses = cn(\n\t\t\tTAB_BUTTON_BASE,\n\t\t\tisActive ? cn(TAB_ACTIVE, activeTabClassName) : TAB_INACTIVE,\n\t\t\ttabClassName,\n\t\t);\n\t\tconst inner = (\n\t\t\t<>\n\t\t\t\t{!!Icon && <Icon aria-hidden=\"true\" />}\n\t\t\t\t{isSimpleText(item.label) ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</Text>\n\t\t\t\t) : item.label}\n\t\t\t\t{item.badge !== undefined && item.badge !== null && item.badge !== false && (\n\t\t\t\t\t<Badge size=\"sm\" tone=\"secondary\" className=\"overflow-tab-bar--badge\">\n\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t\tif (options?.measure) {\n\t\t\treturn (\n\t\t\t\t<span key={item.id} data-tab-id={item.id} className={cn('overflow-tab-bar--measure', tabClasses)}>\n\t\t\t\t\t{inner}\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\t\tconst shared = {\n\t\t\t'data-tab-id': item.id,\n\t\t\trole: 'tab',\n\t\t\t'aria-selected': isActive,\n\t\t\ttabIndex: isActive || !value ? 0 : -1,\n\t\t\tonClick: () => handleSelect(item),\n\t\t\tclassName: cn('overflow-tab-bar--tab', tabClasses),\n\t\t} as const;\n\t\tif (item.href) {\n\t\t\treturn <a key={item.id} href={item.href} {...shared}>{inner}</a>;\n\t\t}\n\t\treturn <button key={item.id} type=\"button\" {...shared}>{inner}</button>;\n\t};\n\n\tconst moreContent = (\n\t\t<>\n\t\t\t<MoreHorizontal aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t{strings.more}\n\t\t\t</Text>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={setRootRef}\n\t\t\tclassName={cn('overflow-tab-bar--component relative w-full min-w-0 max-w-full', className)}\n\t\t\t{...rootProps}\n\t\t>\n\t\t\t{/* Hidden measure row: every tab plus the More trigger at native width,\n\t\t\t    laid out but invisible, so the visible strip never has to guess. */}\n\t\t\t<div\n\t\t\t\tref={measureRef}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"pointer-events-none invisible fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t>\n\t\t\t\t{items.map((i) => renderTab(i, false, { measure: true }))}\n\t\t\t\t<span data-more-measure=\"\" className={cn(TAB_BUTTON_BASE, TAB_INACTIVE)}>{moreContent}</span>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName=\"overflow-tab-bar--viewport inline-flex max-w-full min-w-0 items-center gap-space-2xs overflow-hidden rounded-inner bg-muted p-space-2xs align-top\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\trole=\"tablist\"\n\t\t\t\t\taria-label={strings.navigationLabel}\n\t\t\t\t\taria-orientation=\"horizontal\"\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tclassName=\"overflow-tab-bar--tablist flex min-w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t\t>\n\t\t\t\t\t{visibleItems.map((item) => renderTab(item, item.id === value))}\n\t\t\t\t</div>\n\t\t\t\t{overflowItems.length > 0 && (\n\t\t\t\t\t<ActionMenu\n\t\t\t\t\t\tactions={overflowItems.map((item) => ({\n\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\tlabel: item.label,\n\t\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\t\tonClick: () => handleSelect(item),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tcontentClassName=\"min-w-40\"\n\t\t\t\t\t\twidth=\"w-auto\"\n\t\t\t\t\t\tcloseOnSelect\n\t\t\t\t\t\tpreserveOrder\n\t\t\t\t\t\trenderTrigger={\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\taria-label={strings.more}\n\t\t\t\t\t\t\t\tclassName={cn(TAB_BUTTON_BASE, TAB_INACTIVE, 'overflow-tab-bar--more')}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{moreContent}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nOverflowTabBar.displayName = 'OverflowTabBar';\n"],"mappings":"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"}

package/dist/overlay.recipes-CNO2S9V6.js

@@ -1,34 +0,0 @@
-import * as e from "react";
-//#region src/components/ui/overlay.recipes.ts
-var t = "fixed inset-0 z-50 bg-(--overlay-backdrop)";
-function n(e, t) {
-	typeof e == "function" ? e(t) : e && (e.current = t);
-}
-function r(e) {
-	let t = e.scrollTop > 1, n = e.scrollTop + e.clientHeight < e.scrollHeight - 1;
-	e.hasAttribute("data-scroll-start") !== t && e.toggleAttribute("data-scroll-start", t), e.hasAttribute("data-scroll-end") !== n && e.toggleAttribute("data-scroll-end", n);
-}
-function i(t) {
-	return e.useCallback((e) => {
-		if (n(t, e), !e) return;
-		let i = () => r(e);
-		i(), e.addEventListener("scroll", i, { passive: !0 });
-		let a = typeof ResizeObserver > "u" ? null : new ResizeObserver(i), o = () => {
-			if (a) {
-				a.disconnect(), a.observe(e);
-				for (let t of Array.from(e.children)) a.observe(t);
-			}
-		};
-		o();
-		let s = typeof MutationObserver > "u" ? null : new MutationObserver(() => {
-			o(), i();
-		});
-		return s?.observe(e, { childList: !0 }), () => {
-			e.removeEventListener("scroll", i), a?.disconnect(), s?.disconnect(), n(t, null);
-		};
-	}, [t]);
-}
-//#endregion
-export { i as n, t };
-
-//# sourceMappingURL=overlay.recipes-CNO2S9V6.js.map

package/dist/overlay.recipes-CNO2S9V6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay.recipes-CNO2S9V6.js","names":["React","React$1","modalBackdropRecipe","assignRef","ref","value","syncScrollEdges","start","node","end","useScrollEdges","forwardedRef","update","resize","observe","child","mutation"],"sources":["../src/components/ui/overlay.recipes.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * One modal scrim recipe: a plain tint from the shared semantic token. No\n * backdrop blur — the page behind a modal stays recognisable and the tint alone\n * separates the surface.\n */\nexport const modalBackdropRecipe = 'fixed inset-0 z-50 bg-(--overlay-backdrop)';\n\nfunction assignRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n\tif (typeof ref === 'function') ref(value);\n\telse if (ref) (ref as React.RefObject<T | null>).current = value;\n}\n\nfunction syncScrollEdges(node: HTMLElement) {\n\t// One pixel of tolerance absorbs fractional scroll positions under zoom.\n\tconst start = node.scrollTop > 1;\n\tconst end = node.scrollTop + node.clientHeight < node.scrollHeight - 1;\n\tif (node.hasAttribute('data-scroll-start') !== start) node.toggleAttribute('data-scroll-start', start);\n\tif (node.hasAttribute('data-scroll-end') !== end) node.toggleAttribute('data-scroll-end', end);\n}\n\n/**\n * Marks which edges of a scrolling modal region are hiding content:\n * `data-scroll-start` while content is scrolled out above, `data-scroll-end`\n * while more content remains below. The modal region recipe draws a rule only\n * on those edges, so a body that fits draws none. Attributes are written to the\n * node directly, so scrolling never re-renders the region.\n */\nexport function useScrollEdges<T extends HTMLElement>(forwardedRef?: React.Ref<T>): React.RefCallback<T> {\n\treturn React.useCallback((node: T | null) => {\n\t\tassignRef(forwardedRef, node);\n\t\tif (!node) return;\n\t\tconst update = () => syncScrollEdges(node);\n\t\tupdate();\n\t\tnode.addEventListener('scroll', update, { passive: true });\n\t\t// Content growth resizes a child rather than the region, so observe both.\n\t\tconst resize = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(update);\n\t\tconst observe = () => {\n\t\t\tif (!resize) return;\n\t\t\tresize.disconnect();\n\t\t\tresize.observe(node);\n\t\t\tfor (const child of Array.from(node.children)) resize.observe(child);\n\t\t};\n\t\tobserve();\n\t\tconst mutation = typeof MutationObserver === 'undefined' ? null : new MutationObserver(() => { observe(); update(); });\n\t\tmutation?.observe(node, { childList: true });\n\t\treturn () => {\n\t\t\tnode.removeEventListener('scroll', update);\n\t\t\tresize?.disconnect();\n\t\t\tmutation?.disconnect();\n\t\t\tassignRef(forwardedRef, null);\n\t\t};\n\t}, [forwardedRef]);\n}\n"],"mappings":";;AAOA,IAAaE,IAAsB;AAEnC,SAASC,EAAa,GAA+B,GAAiB;CACrE,AAAI,OAAOC,KAAQ,aAAYA,EAAIC,CAAK,IAC/BD,MAAK,EAAmC,UAAUC;AAC5D;AAEA,SAASC,EAAgB,GAAmB;CAE3C,IAAMC,IAAQC,EAAK,YAAY,GACzBC,IAAMD,EAAK,YAAYA,EAAK,eAAeA,EAAK,eAAe;CAErE,AADIA,EAAK,aAAa,mBAAmB,MAAMD,KAAOC,EAAK,gBAAgB,qBAAqBD,CAAK,GACjGC,EAAK,aAAa,iBAAiB,MAAMC,KAAKD,EAAK,gBAAgB,mBAAmBC,CAAG;AAC9F;AASA,SAAgBC,EAAsC,GAAmD;CACxG,OAAOV,EAAM,aAAa,MAAmB;EAE5C,IADAG,EAAUQ,GAAcH,CAAI,GACxB,CAACA,GAAM;EACX,IAAMI,UAAeN,EAAgBE,CAAI;EAEzC,AADAI,EAAO,GACPJ,EAAK,iBAAiB,UAAUI,GAAQ,EAAE,SAAS,GAAK,CAAC;EAEzD,IAAMC,IAAS,OAAO,iBAAmB,MAAc,OAAO,IAAI,eAAeD,CAAM,GACjFE,UAAgB;GACrB,IAAKD,GAEL;IADAA,EAAO,WAAW,GAClBA,EAAO,QAAQL,CAAI;IACnB,KAAK,IAAMO,KAAS,MAAM,KAAKP,EAAK,QAAQ,GAAG,EAAO,QAAQO,CAAK;GADhD;EAEpB;EACA,EAAQ;EACR,IAAMC,IAAW,OAAO,mBAAqB,MAAc,OAAO,IAAI,uBAAuB;GAAa,AAAXF,EAAQ,GAAGF,EAAO;EAAG,CAAC;EAErH,OADAI,GAAU,QAAQR,GAAM,EAAE,WAAW,GAAK,CAAC,SAC9B;GAIZ,AAHAA,EAAK,oBAAoB,UAAUI,CAAM,GACzCC,GAAQ,WAAW,GACnBG,GAAU,WAAW,GACrBb,EAAUQ,GAAc,IAAI;EAC7B;CACD,GAAG,CAACA,CAAY,CAAC;AAClB"}