themelia-react-ui 2.0.5 → 3.0.0

package/dist/navigation-C90-oQFq.js

@@ -1,255 +0,0 @@
-"use client";
-import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-B6kKb8jB.js";
-import { n } from "./buttons-BedGfygC.js";
-import { c as r, o as i, s as a } from "./typography-BQnine1k.js";
-import { n as o, t as s } from "./text.styles-B64My8RZ.js";
-import { t as c } from "./focus-recipes-B653VaLq.js";
-import { t as l } from "./structure-DuxKl954.js";
-import { t as u } from "./interaction-recipes-XR9ZpVYL.js";
-import { t as d } from "./badge-xIiV_E7f.js";
-import { t as f } from "./separator-Ct_WSWTJ.js";
-import { a as p } from "./tabs-e7ko9S2o.js";
-import { n as m, t as h } from "./page-header-commands-7P3sfE9u.js";
-import { Fragment as g, forwardRef as _, useCallback as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Globe as S } from "lucide-react";
-//#region src/components/base/navigation/language-switcher.tsx
-function C({ locales: e, onRenderLabel: i, variant: a = "buttons", onSelect: o }) {
-	let s = v((e, t) => {
-		t || o?.(e);
-	}, [o]);
-	return e.length === 0 ? null : a === "inline" ? /* @__PURE__ */ x(l, {
-		direction: "horizontal",
-		align: "center",
-		gap: "md",
-		wrap: !1,
-		className: "language-switcher--component",
-		children: [/* @__PURE__ */ b(S, {
-			className: "size-icon shrink-0 text-muted-foreground",
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ b(l, {
-			direction: "horizontal",
-			align: "center",
-			gap: "md",
-			wrap: !0,
-			className: "min-w-0",
-			children: e.map((n, a) => {
-				let o = i ? i(n) : n.nativeLabel;
-				return /* @__PURE__ */ x(g, { children: [/* @__PURE__ */ b("button", {
-					type: "button",
-					"aria-current": n.active ? "true" : void 0,
-					onClick: () => s(n.value, n.active),
-					className: t(`${u.nativeButtonReset} cursor-pointer rounded-radius text-pxs outline-none transition-colors ${c.text}`, n.active ? "text-primary-accent font-medium" : "text-muted-foreground hover:text-foreground"),
-					children: /* @__PURE__ */ b(r, {
-						tag: "span",
-						size: "pxs",
-						weight: n.active ? "medium" : "regular",
-						className: "text-inherit",
-						children: o
-					})
-				}), a < e.length - 1 && /* @__PURE__ */ b("span", {
-					"aria-hidden": "true",
-					className: "size-1 rounded-full bg-border"
-				})] }, n.value);
-			})
-		})]
-	}) : /* @__PURE__ */ b(l, {
-		direction: "horizontal",
-		align: "center",
-		wrap: !0,
-		gap: "md",
-		className: "language-switcher--component",
-		children: e.map((e) => {
-			let r = i ? i(e) : e.nativeLabel;
-			return /* @__PURE__ */ b(n, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: e.active ? "solid" : "ghost",
-				"aria-current": e.active ? "true" : void 0,
-				onClick: () => s(e.value, e.active),
-				className: t("min-w-18 justify-center transition-colors", e.active ? "text-foreground" : "text-muted-foreground"),
-				children: r
-			}, e.value);
-		})
-	});
-}
-C.displayName = "LanguageSwitcher";
-//#endregion
-//#region src/components/base/navigation/navigation-tabs.tsx
-var w = { tabsAria: "Tab navigation" };
-function T(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 E = _(function({ items: i, currentPath: a, variant: o = "default", scrollable: s = !0, scrollStrings: c, strings: f, className: m }, h) {
-	let g = e(w, f), _ = T(a ?? (typeof window < "u" ? window.location.pathname : "/")), v = o === "prominent", y = /* @__PURE__ */ b(l, {
-		render: /* @__PURE__ */ b("nav", { "aria-label": g.tabsAria }),
-		direction: "horizontal",
-		gap: "2xs",
-		wrap: !1,
-		className: t("navigation-tabs--list w-max rounded-radius bg-muted p-space-2xs", v && "rounded-radius bg-muted"),
-		children: i.map((e) => {
-			let i = e.active ?? _ === T(e.href), a = typeof e.icon == "string" ? void 0 : e.icon;
-			return /* @__PURE__ */ x(n, {
-				href: e.href,
-				disabled: e.disabled,
-				size: "sm",
-				tone: i && v ? "primary" : "secondary",
-				buttonStyle: i && v ? "solid" : "ghost",
-				icon: a,
-				"aria-current": i ? "page" : void 0,
-				className: t("navigation-tabs--item shrink-0", "rounded-radius", !v && i && u.segmentActiveButton, !v && !i && u.segmentInactiveButton, v && i && u.currentButtonHold),
-				children: [
-					typeof e.icon == "string" && /* @__PURE__ */ b("span", {
-						className: "navigation-tabs--icon text-inherit",
-						"aria-hidden": "true",
-						children: e.icon
-					}),
-					/* @__PURE__ */ b(r, {
-						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__ */ b(d, {
-						size: "sm",
-						tone: "secondary",
-						className: "navigation-tabs--badge",
-						children: e.badge
-					})
-				]
-			}, e.href);
-		})
-	});
-	return /* @__PURE__ */ b("div", {
-		ref: h,
-		className: t("navigation-tabs--component", "w-full min-w-0", !s && "overflow-x-auto", m),
-		children: s ? /* @__PURE__ */ b(p, {
-			strings: c,
-			children: y
-		}) : y
-	});
-});
-E.displayName = "NavigationTabs";
-//#endregion
-//#region src/components/base/navigation/page-header/page-header.tsx
-function D(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function O({ eyebrow: e, title: n, description: c, textGap: u = "normal", headingTag: p = "h2", titleSize: g = o.subject, badge: _, badges: v, breadcrumbs: S, leading: C, beforeTitle: w, titlePrefix: T, titleSuffix: E, afterDescription: O, actions: k, primaryAction: A, secondaryActions: j, maxVisibleSecondaryActions: M, moreActionsLabel: N = "More actions", renderLink: P, children: F, className: I, contentClassName: L, eyebrowClassName: R, titleClassName: z, titleRowClassName: B, descriptionClassName: V, actionsClassName: H, withSeparator: U = !1 }) {
-	let W = v ?? (_ ? [_] : []), G = m(A, j), K = G ? /* @__PURE__ */ x(y, { children: [k, /* @__PURE__ */ b(h, {
-		primaryAction: A,
-		secondaryActions: j,
-		maxVisibleSecondaryActions: M,
-		moreActionsLabel: N,
-		renderLink: P
-	})] }) : k;
-	return /* @__PURE__ */ x("header", {
-		className: t("page-heading--component page-header--component @container/page-header", "w-full", I),
-		children: [
-			!!S && /* @__PURE__ */ b("div", {
-				className: "mb-space-lg",
-				children: S
-			}),
-			/* @__PURE__ */ x(l, {
-				direction: "horizontal",
-				gap: "lg",
-				align: "start",
-				wrap: !1,
-				children: [C, /* @__PURE__ */ x(l, {
-					gap: "dense",
-					className: t("page-header--content-row flex-1", L),
-					children: [
-						!!e && (D(e) ? /* @__PURE__ */ b(i, {
-							tag: "div",
-							className: R,
-							children: e
-						}) : e),
-						w,
-						/* @__PURE__ */ x(l, {
-							direction: {
-								base: "vertical",
-								sm: "horizontal"
-							},
-							gap: "lg",
-							align: "start",
-							wrap: {
-								base: !1,
-								sm: !0
-							},
-							className: "page-header--headline-row min-w-0",
-							children: [/* @__PURE__ */ x("div", {
-								className: t("page-header--copy-column page-header--title-row grid min-w-0 w-full flex-1 basis-full items-center gap-x-space-md sm:w-auto sm:basis-64", T ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]", B, u === "normal" ? "gap-y-normal" : "gap-y-dense"),
-								children: [
-									!!T && /* @__PURE__ */ b("span", {
-										className: "page-header--title-prefix inline-flex shrink-0 items-center self-center",
-										children: T
-									}),
-									/* @__PURE__ */ x(l, {
-										direction: "horizontal",
-										gap: "md",
-										align: "center",
-										wrap: !0,
-										className: "page-header--title-line min-h-action-sm min-w-0",
-										children: [
-											D(n) ? /* @__PURE__ */ b(a, {
-												tag: p,
-												size: g,
-												className: t("page-header--title min-w-0 [overflow-wrap:anywhere] border-0 pb-0", z),
-												children: n
-											}) : n,
-											W.length > 0 && /* @__PURE__ */ b(l, {
-												direction: "horizontal",
-												gap: "sm",
-												wrap: !0,
-												className: "page-header--badges min-w-0 max-w-full",
-												children: W.map((e, t) => /* @__PURE__ */ b(d, {
-													tone: e.tone ?? "secondary",
-													children: e.label
-												}, e.key ?? t))
-											}),
-											E
-										]
-									}),
-									(!!c || !!O) && /* @__PURE__ */ x(l, {
-										gap: "dense",
-										className: t("page-header--title-block min-w-0", !!T && "col-start-2"),
-										children: [!!c && (D(c) ? /* @__PURE__ */ b(r, {
-											...s.structuralDescription,
-											className: t("page-header--description max-w-2xl [overflow-wrap:anywhere]", V),
-											children: c
-										}) : c), O]
-									})
-								]
-							}), !!K && /* @__PURE__ */ b(l, {
-								direction: "horizontal",
-								gap: "md",
-								className: t("page-header--actions max-w-full shrink-0", G && "self-end justify-end sm:self-auto", H),
-								children: K
-							})]
-						})
-					]
-				})]
-			}),
-			!!F && /* @__PURE__ */ b("div", {
-				className: "mt-space-xl",
-				children: F
-			}),
-			!!U && /* @__PURE__ */ b(f, { className: "mt-space-xl" })
-		]
-	});
-}
-O.displayName = "PageHeading";
-//#endregion
-export { C as i, E as n, w as r, O as t };
-
-//# sourceMappingURL=navigation-C90-oQFq.js.map

package/dist/navigation-C90-oQFq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-C90-oQFq.js","names":["_Fragment","Text","DisplayLabel","Heading","headingRoleSizes","copyRoleProps","focusRecipes","Stack","interactionRecipes","Badge","Separator","TabScrollViewport","hasPageHeaderCommands","PageHeaderCommands","Fragment$1","LanguageSwitcher","handleSelect","useCallback","isActive","onSelect","value","locales","variant","Globe","label","onRenderLabel","locale","Fragment","cn","index","Button","defaultNavigationTabsStrings","normalizePath","hashRouteIndex","rawUrl","origin","NavigationTabs","forwardRef","stringsProp","strings","useStrings","activePath","currentPath","prominent","list","items","item","Icon","scrollable","className","scrollStrings","isSimpleText","PageHeading","resolvedBadges","badges","badge","hasCommands","primaryAction","secondaryActions","actionsRegion","actions","breadcrumbs","leading","contentClassName","eyebrow","eyebrowClassName","beforeTitle","titlePrefix","titleRowClassName","textGap","title","headingTag","titleSize","titleClassName","titleSuffix","description","afterDescription","descriptionClassName","actionsClassName","children","withSeparator"],"sources":["../src/components/base/navigation/language-switcher.tsx","../src/components/base/navigation/navigation-tabs.tsx","../src/components/base/navigation/page-header/page-header.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';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\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// Both layouts start at the parent's start edge, like other inline controls; a\n\t\t\t// parent that centres its content (a footer, say) centres the switcher too.\n\t\t\t<Stack direction=\"horizontal\" align=\"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\" 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`${interactionRecipes.nativeButtonReset} cursor-pointer rounded-radius text-pxs outline-none transition-colors ${focusRecipes.text}`,\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\" wrap gap=\"md\" className=\"language-switcher--component\">\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-foreground' : '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';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\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-radius bg-muted p-space-2xs',\n\t\t\t\t\tprominent && 'rounded-radius bg-muted',\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 && prominent ? '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-radius',\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. The current tab\n\t\t\t\t\t\t\t\t// holds its state under hover and press; the others change colour only.\n\t\t\t\t\t\t\t\t!prominent && isActive && interactionRecipes.segmentActiveButton,\n\t\t\t\t\t\t\t\t!prominent && !isActive && interactionRecipes.segmentInactiveButton,\n\t\t\t\t\t\t\t\tprominent && isActive && interactionRecipes.currentButtonHold,\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 * PageHeading — reusable visual heading block for sections and resources.\n * Higher-level layout components add routing/back behavior around this base\n * visual primitive instead of reimplementing title, description, badge, and\n * action spacing. `primaryAction` and `secondaryActions` describe commands by\n * role; the heading owns their treatment and placement for every header built\n * on it.\n */\nimport type { Key, ReactNode } from 'react';\nimport { DisplayLabel, Heading, Text, type HeadingSize, type HeadingTag } from '../../../typography';\nimport {copyRoleProps, headingRoleSizes} from '../../../typography/text.styles';\nimport { Badge, type BadgeTone } from '../../badge';\nimport { Separator } from '../../display/separator';\nimport { Stack, type TextGap } from '../../structure';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\thasPageHeaderCommands,\n\tPageHeaderCommands,\n\ttype PageHeaderAction,\n\ttype PageHeaderLinkRenderer,\n} from './page-header-commands';\n\nexport interface PageHeadingBadge {\n\tlabel: ReactNode;\n\ttone?: BadgeTone;\n\tkey?: Key;\n}\n\n/**\n * Slot map, top to bottom and outside in:\n *\n * ```text\n * breadcrumbs\n * leading │ eyebrow\n *         │ beforeTitle\n *         │ titlePrefix │ title  badges  titleSuffix │ actions\n *         │             │ description\n *         │             │ afterDescription\n * children\n * ───────────────────────────────────────────  (withSeparator)\n * ```\n */\nexport interface PageHeadingProps {\n\t/** Small label above the title. Plain text is rendered as a `DisplayLabel`. */\n\teyebrow?: ReactNode;\n\t/** The page title. Plain text is rendered as a `Heading`; pass an element to own the markup. */\n\ttitle: ReactNode;\n\t/** Supporting sentence under the title, capped at `max-w-2xl` and aligned to the title's left edge. */\n\tdescription?: ReactNode;\n\t/** Title/description rhythm. Defaults to normal. */\n\ttextGap?: TextGap;\n\t/** Heading level for a plain-text `title`. Default: `'h2'`. Set for correct document outline. */\n\theadingTag?: HeadingTag;\n\t/** Visual title scale, independent of heading level. Defaults to the subject role (`base`). */\n\ttitleSize?: HeadingSize;\n\t/** Convenience for a single badge beside the title. Ignored when `badges` is set. */\n\tbadge?: PageHeadingBadge;\n\t/** Badges beside the title, in order. Takes precedence over `badge`. */\n\tbadges?: PageHeadingBadge[];\n\t/** Breadcrumb trail rendered above the header block. */\n\tbreadcrumbs?: ReactNode;\n\t/** Content to the left of the entire header column — an avatar or back button. Top-aligned. */\n\tleading?: ReactNode;\n\t/** Free slot between the eyebrow and the title row, for a banner or status strip. */\n\tbeforeTitle?: ReactNode;\n\t/**\n\t * Content immediately left of the title, vertically centred on the title\n\t * line alone. Unlike `leading`, the description aligns to the title's left\n\t * edge rather than to this slot, so an icon here never shifts the copy.\n\t */\n\ttitlePrefix?: ReactNode;\n\t/** Content after the title and badges, on the same line. */\n\ttitleSuffix?: ReactNode;\n\t/** Content directly beneath the description, sharing its alignment — a metadata line. */\n\tafterDescription?: ReactNode;\n\t/**\n\t * Independent actions column beside the copy; follows it on narrow widths.\n\t * Holds non-command controls such as a period select; they render before\n\t * the role-based commands.\n\t */\n\tactions?: ReactNode;\n\t/**\n\t * The header's one main command: a solid primary button after the secondary\n\t * commands, placed in the command menu below 40rem of header width.\n\t */\n\tprimaryAction?: PageHeaderAction;\n\t/**\n\t * Supporting commands in priority order. The first two render as outline\n\t * buttons before the primary command; the rest, and every destructive\n\t * command, move into the More actions menu, which always closes the row.\n\t * Below 40rem of header width, every command collapses into that menu.\n\t */\n\tsecondaryActions?: readonly PageHeaderAction[];\n\t/**\n\t * How many routine secondary commands render as outline buttons on wide\n\t * headers; later ones join the More actions menu. Use `1` or `0` when long\n\t * labels beside the primary command would crowd the header; `Infinity`\n\t * keeps every routine command inline. @default 2\n\t */\n\tmaxVisibleSecondaryActions?: number;\n\t/** Accessible name of the More actions menu trigger. Default: `'More actions'`. */\n\tmoreActionsLabel?: string;\n\t/** Renders `href` commands as framework links. Defaults to a native anchor. */\n\trenderLink?: PageHeaderLinkRenderer;\n\t/** Content below the whole header block, above the separator. */\n\tchildren?: ReactNode;\n\t/** Merged onto the `<header>` root. */\n\tclassName?: string;\n\t/** Merged onto the column holding eyebrow, title, and description. */\n\tcontentClassName?: string;\n\t/** Merged onto the eyebrow. Only applies when `eyebrow` is plain text. */\n\teyebrowClassName?: string;\n\t/** Merged onto the title. Only applies when `title` is plain text. */\n\ttitleClassName?: string;\n\t/**\n\t * Merged onto the title row's grid. A `gap-space-md` here sets the\n\t * `titlePrefix`-to-title rhythm without also opening the gap under the title.\n\t */\n\ttitleRowClassName?: string;\n\t/** Merged onto the description. Only applies when `description` is plain text. */\n\tdescriptionClassName?: string;\n\t/** Merged onto the actions cluster. */\n\tactionsClassName?: string;\n\t/**\n\t * Draws a rule beneath the header. Default: `false` — the page rhythm (gap\n\t * between header and body) separates them; opt in where a rule is the design.\n\t */\n\twithSeparator?: boolean;\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport function PageHeading({\n\teyebrow,\n\ttitle,\n\tdescription,\n\ttextGap = 'normal',\n\theadingTag = 'h2',\n\ttitleSize = headingRoleSizes.subject,\n\tbadge,\n\tbadges,\n\tbreadcrumbs,\n\tleading,\n\tbeforeTitle,\n\ttitlePrefix,\n\ttitleSuffix,\n\tafterDescription,\n\tactions,\n\tprimaryAction,\n\tsecondaryActions,\n\tmaxVisibleSecondaryActions,\n\tmoreActionsLabel = 'More actions',\n\trenderLink,\n\tchildren,\n\tclassName,\n\tcontentClassName,\n\teyebrowClassName,\n\ttitleClassName,\n\ttitleRowClassName,\n\tdescriptionClassName,\n\tactionsClassName,\n\twithSeparator = false,\n}: PageHeadingProps) {\n\tconst resolvedBadges = badges ?? (badge ? [badge] : []);\n\t// Custom `actions` content leads; role-based commands close the region.\n\tconst hasCommands = hasPageHeaderCommands(primaryAction, secondaryActions);\n\tconst actionsRegion = hasCommands ? (\n\t\t<>\n\t\t\t{actions}\n\t\t\t<PageHeaderCommands\n\t\t\t\tprimaryAction={primaryAction}\n\t\t\t\tsecondaryActions={secondaryActions}\n\t\t\t\tmaxVisibleSecondaryActions={maxVisibleSecondaryActions}\n\t\t\t\tmoreActionsLabel={moreActionsLabel}\n\t\t\t\trenderLink={renderLink}\n\t\t\t/>\n\t\t</>\n\t) : actions;\n\n\treturn (\n\t\t<header className={cn('page-heading--component page-header--component @container/page-header', 'w-full', className)}>\n\t\t\t{!!breadcrumbs && <div className=\"mb-space-lg\">{breadcrumbs}</div>}\n\n\t\t\t<Stack direction=\"horizontal\" gap=\"lg\" align=\"start\" wrap={false}>\n\t\t\t\t{leading}\n\t\t\t\t<Stack gap=\"dense\" className={cn('page-header--content-row flex-1', contentClassName)}>\n\t\t\t\t\t{!!eyebrow && (isSimpleText(eyebrow) ? (\n\t\t\t\t\t\t<DisplayLabel tag=\"div\" className={eyebrowClassName}>\n\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t) : eyebrow)}\n\t\t\t\t\t{beforeTitle}\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdirection={{ base: 'vertical', sm: 'horizontal' }}\n\t\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\twrap={{ base: false, sm: true }}\n\t\t\t\t\t\tclassName=\"page-header--headline-row min-w-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* The copy owns its width independently of actions. The inner\n\t\t\t\t\t\t    grid keeps the description aligned after a title prefix. */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'page-header--copy-column page-header--title-row grid min-w-0 w-full flex-1 basis-full items-center gap-x-space-md sm:w-auto sm:basis-64',\n\t\t\t\t\t\t\t\ttitlePrefix ? 'grid-cols-[auto_minmax(0,1fr)]' : 'grid-cols-[minmax(0,1fr)]',\n\t\t\t\t\t\t\t\ttitleRowClassName,\n\t\t\t\t\t\t\t\ttextGap === 'normal' ? 'gap-y-normal' : 'gap-y-dense',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!titlePrefix && (\n\t\t\t\t\t\t\t\t<span className=\"page-header--title-prefix inline-flex shrink-0 items-center self-center\">\n\t\t\t\t\t\t\t\t\t{titlePrefix}\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<Stack direction=\"horizontal\" gap=\"md\" align=\"center\" wrap className=\"page-header--title-line min-h-action-sm min-w-0\">\n\t\t\t\t\t\t\t\t{isSimpleText(title) ? (\n\t\t\t\t\t\t\t\t\t<Heading tag={headingTag} size={titleSize} className={cn('page-header--title min-w-0 [overflow-wrap:anywhere] border-0 pb-0', titleClassName)}>\n\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t\t) : title}\n\t\t\t\t\t\t\t\t{resolvedBadges.length > 0 && (\n\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" wrap className=\"page-header--badges min-w-0 max-w-full\">\n\t\t\t\t\t\t\t\t\t\t{resolvedBadges.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<Badge key={item.key ?? index} tone={item.tone ?? 'secondary'}>\n\t\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{titleSuffix}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t{(!!description || !!afterDescription) && (\n\t\t\t\t\t\t\t\t<Stack gap=\"dense\" className={cn('page-header--title-block min-w-0', !!titlePrefix && 'col-start-2')}>\n\t\t\t\t\t\t\t\t\t{!!description && (isSimpleText(description) ? (\n\t\t\t\t\t\t\t\t\t\t<Text {...copyRoleProps.structuralDescription} className={cn('page-header--description max-w-2xl [overflow-wrap:anywhere]', descriptionClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : description)}\n\t\t\t\t\t\t\t\t\t{afterDescription}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!actionsRegion && (\n\t\t\t\t\t\t\t<Stack\n\t\t\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'page-header--actions max-w-full shrink-0',\n\t\t\t\t\t\t\t\t\thasCommands && 'self-end justify-end sm:self-auto',\n\t\t\t\t\t\t\t\t\tactionsClassName,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{actionsRegion}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\n\t\t\t{!!children && <div className=\"mt-space-xl\">{children}</div>}\n\n\t\t\t{!!withSeparator && <Separator className=\"mt-space-xl\" />}\n\t\t</header>\n\t);\n}\n\nPageHeading.displayName = 'PageHeading';\n"],"mappings":"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"}

package/dist/navigation-DaRjthVk.js

@@ -1,288 +0,0 @@
-"use client";
-import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-B6kKb8jB.js";
-import { n } from "./buttons-BedGfygC.js";
-import { c as r, o as i } from "./typography-BQnine1k.js";
-import { t as a } from "./focus-recipes-B653VaLq.js";
-import { t as o } from "./structure-DuxKl954.js";
-import { i as s } from "./tone-recipes-BPsRAvhu.js";
-import { t as c } from "./interaction-recipes-XR9ZpVYL.js";
-import { n as l } from "./number-CRU3kGuk.js";
-import { t as u } from "./badge-xIiV_E7f.js";
-import { c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "./item-DjCcM18E.js";
-import { forwardRef as v, useCallback as y, useEffect as b, useMemo as x, useRef as S, useState as C } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Check as E, ChevronDown as D, ChevronRight as O } from "lucide-react";
-//#region src/components/layout/navigation/breadcrumb-progress/types.ts
-var k = {
-	stepLabel: "Step",
-	ofLabel: "of"
-};
-//#endregion
-//#region src/components/layout/navigation/breadcrumb-progress/breadcrumb-progress.tsx
-function A({ steps: a, currentIndex: o, onStepClick: u, className: d, strings: f }) {
-	let p = e(k, f);
-	return /* @__PURE__ */ T("div", {
-		className: t("breadcrumb-progress--component", "w-full", d),
-		children: [/* @__PURE__ */ T("div", {
-			className: "flex items-center justify-between mb-space-md",
-			children: [/* @__PURE__ */ T(i, { children: [
-				p.stepLabel,
-				" ",
-				o + 1,
-				" ",
-				p.ofLabel,
-				" ",
-				a.length
-			] }), /* @__PURE__ */ w(l, {
-				value: Math.round((o + 1) / a.length * 100),
-				scaled: !0,
-				size: "xs",
-				weight: "semibold"
-			})]
-		}), /* @__PURE__ */ w("ol", {
-			className: "m-0 list-none p-0 font-sans flex items-center gap-space-md",
-			children: a.map((e, i) => {
-				let l = i < o, d = i === o, f = u && (l || d);
-				return /* @__PURE__ */ T("li", {
-					className: "flex min-w-0 flex-1 items-center gap-space-md",
-					children: [/* @__PURE__ */ T(n, {
-						type: "button",
-						"aria-label": `${p.stepLabel} ${i + 1}: ${e.label}`,
-						onClick: () => f && u?.(e.id, i),
-						disabled: !f,
-						tone: "secondary",
-						buttonStyle: "ghost",
-						size: "md",
-						className: t("min-w-0 justify-start gap-space-md text-left transition-colors", f && c.rowHover, !f && "cursor-default"),
-						children: [/* @__PURE__ */ w(r, {
-							tag: "span",
-							size: "xs",
-							weight: "semibold",
-							className: t("flex size-6 shrink-0 items-center justify-center rounded-full tabular-nums", l && "bg-success text-success-foreground", d && `bg-primary text-primary-foreground ring-4 ${s.primary.halo}`, !l && !d && "bg-muted text-muted-foreground"),
-							children: l ? /* @__PURE__ */ w(E, { className: "size-icon-md" }) : i + 1
-						}), /* @__PURE__ */ T("div", {
-							className: "hidden min-w-0 lg:block",
-							children: [/* @__PURE__ */ w(r, {
-								weight: "semibold",
-								className: t(!d && !l && "text-muted-foreground"),
-								children: e.label
-							}), !!e.hint && /* @__PURE__ */ w(r, {
-								size: "xs",
-								type: "discrete",
-								className: "truncate",
-								children: e.hint
-							})]
-						})]
-					}), i < a.length - 1 && /* @__PURE__ */ w("div", { className: t("h-px flex-1", l ? "bg-success" : "bg-border") })]
-				}, e.id);
-			})
-		})]
-	});
-}
-A.displayName = "BreadcrumbProgress";
-//#endregion
-//#region src/components/layout/navigation/category-nav/category-nav.tsx
-function j({ title: e, items: n, activeId: r, onSelect: i, className: a }) {
-	return /* @__PURE__ */ w("nav", {
-		"data-component": "category-nav",
-		"data-slot": "category-nav",
-		"aria-label": e,
-		className: t("category-nav--component min-w-0", a),
-		children: /* @__PURE__ */ w(m, { children: n.map((e) => {
-			let n = e.icon, a = e.id === r;
-			return /* @__PURE__ */ T(g, {
-				onClick: () => i?.(e.id),
-				"data-state": a ? "active" : "inactive",
-				className: t("cursor-pointer rounded-radius px-space-md transition-colors", a ? c.rowCurrent : c.rowHover),
-				children: [
-					!!n && /* @__PURE__ */ w(d, {
-						variant: "icon",
-						className: t(a ? "text-accent-foreground" : "text-muted-foreground"),
-						children: /* @__PURE__ */ w(n, {})
-					}),
-					/* @__PURE__ */ T(h, { children: [/* @__PURE__ */ w(_, {
-						bold: a,
-						children: e.label
-					}), !!e.hint && /* @__PURE__ */ w(f, {
-						clamp: 1,
-						children: e.hint
-					})] }),
-					/* @__PURE__ */ T(p, { children: [typeof e.count == "number" && /* @__PURE__ */ w(u, {
-						tone: "secondary",
-						className: "tabular-nums",
-						children: e.count
-					}), /* @__PURE__ */ w(O, { className: t("size-icon shrink-0 text-muted-foreground", a && "text-accent-foreground") })] })
-				]
-			}, e.id);
-		}) })
-	});
-}
-j.displayName = "CategoryNav";
-//#endregion
-//#region src/components/layout/navigation/section-nav/section-nav.tsx
-var M = { navigationLabel: "Section navigation" }, N = 150, P = v(function({ items: n, rootMargin: i = "-40% 0px -50% 0px", className: s, onSelect: l, strings: u, "aria-label": d, ...f }, p) {
-	let m = e(M, u), [h, g] = C(n[0]?.id ?? null), _ = S(null), v = S(void 0), x = n.map((e) => e.id).join("\0"), E = y(() => {
-		clearTimeout(v.current), v.current = setTimeout(() => {
-			_.current && (_.current.settled = !0);
-		}, N);
-	}, []);
-	return b(() => {
-		let e = () => {
-			let e = _.current;
-			e && (e.settled ? _.current = null : E());
-		};
-		return document.addEventListener("scroll", e, {
-			capture: !0,
-			passive: !0
-		}), () => {
-			document.removeEventListener("scroll", e, { capture: !0 }), clearTimeout(v.current);
-		};
-	}, [E]), b(() => {
-		let e = x ? x.split("\0") : [], t = /* @__PURE__ */ new Map(), n = new IntersectionObserver((n) => {
-			if (n.forEach((e) => t.set(e.target.id, e.isIntersecting)), _.current) return;
-			let r = e.find((e) => t.get(e));
-			r && g(r);
-		}, {
-			rootMargin: i,
-			threshold: 0
-		});
-		return e.forEach((e) => {
-			let t = document.getElementById(e);
-			t && n.observe(t);
-		}), () => n.disconnect();
-	}, [x, i]), /* @__PURE__ */ w("nav", {
-		ref: p,
-		className: t("section-nav--component", s),
-		"aria-label": d ?? m.navigationLabel,
-		...f,
-		children: /* @__PURE__ */ w(o, {
-			gap: "2xs",
-			className: "section-nav--items",
-			children: n.map((e) => {
-				let n = e.icon, i = h === e.id;
-				return /* @__PURE__ */ T("a", {
-					href: `#${e.id}`,
-					"aria-current": i ? "location" : void 0,
-					onClick: (t) => {
-						t.preventDefault(), _.current = {
-							id: e.id,
-							settled: !1
-						}, E(), document.getElementById(e.id)?.scrollIntoView({
-							behavior: "smooth",
-							block: "start"
-						}), g(e.id), l?.(e.id);
-					},
-					className: t(`flex items-center gap-space-md rounded-radius px-space-md py-row-y transition-colors outline-none ${a.edge}`, i ? c.rowCurrent : `text-muted-foreground ${c.rowHover}`),
-					children: [!!n && /* @__PURE__ */ w(n, { className: "size-icon-md shrink-0" }), /* @__PURE__ */ w(r, {
-						tag: "span",
-						type: "inherit",
-						weight: i ? "semibold" : "medium",
-						children: e.label
-					})]
-				}, e.id);
-			})
-		})
-	});
-});
-P.displayName = "SectionNav";
-//#endregion
-//#region src/components/layout/navigation/side-nav.tsx
-var F = { navigationLabel: "Side navigation" };
-function I(e) {
-	if (e.length === 0) return "/";
-	try {
-		let t = typeof window < "u" ? window.location.origin : "http://localhost", n = new URL(e, t).pathname.replace(/\/+$/, "");
-		return n.length > 0 ? n : "/";
-	} catch {
-		let t = (e.split("?")[0] ?? e).replace(/\/+$/, "");
-		return t.length > 0 ? t : "/";
-	}
-}
-function L(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var R = v(function({ items: s, groups: l, currentPath: d, className: f, itemClassName: p, activeItemClassName: m, strings: h, "aria-label": g, ..._ }, v) {
-	let y = e(F, h), b = x(() => l ?? [{
-		id: "side-nav-items",
-		items: s ?? [],
-		collapsible: !1
-	}], [l, s]), S = I(d ?? (typeof window < "u" ? window.location.pathname : "")), E = x(() => b.flatMap((e) => e.items.map((t) => ({
-		groupId: e.id,
-		normalizedPath: I(t.href)
-	}))), [b]).filter(({ normalizedPath: e }) => S === e || S.startsWith(`${e}/`)).sort((e, t) => t.normalizedPath.length - e.normalizedPath.length)[0]?.normalizedPath ?? null, [O, k] = C(() => Object.fromEntries(b.map((e) => [e.id, !!e.defaultCollapsed]))), A = (e) => k((t) => ({
-		...t,
-		[e]: !t[e]
-	})), j = m && m.length > 0 ? m : c.rowCurrent;
-	return /* @__PURE__ */ w("nav", {
-		ref: v,
-		"aria-label": g ?? y.navigationLabel,
-		className: t("side-nav--component", f),
-		..._,
-		children: /* @__PURE__ */ w(o, {
-			gap: "xl",
-			className: "side-nav--groups",
-			children: b.map((e) => {
-				let s = e.collapsible !== !1 && O[e.id], l = !!e.label, d = !s;
-				return /* @__PURE__ */ T(o, {
-					gap: "2xs",
-					className: "side-nav--group",
-					children: [!!l && (e.collapsible === !1 ? L(e.label) ? /* @__PURE__ */ w(i, {
-						tag: "div",
-						className: "px-row-x py-row-y",
-						children: e.label
-					}) : e.label : /* @__PURE__ */ T(n, {
-						type: "button",
-						tone: "secondary",
-						buttonStyle: "ghost",
-						size: "sm",
-						fullWidth: !0,
-						onClick: () => A(e.id),
-						className: t("h-auto min-h-action-sm justify-between px-row-x py-row-y", "text-muted-foreground", "hover:text-foreground transition-colors"),
-						"aria-expanded": !s,
-						children: [L(e.label) ? /* @__PURE__ */ w(i, {
-							tag: "span",
-							children: e.label
-						}) : e.label, /* @__PURE__ */ w(D, {
-							className: t("size-icon-md transition-transform", s && "-rotate-90"),
-							"aria-hidden": "true"
-						})]
-					})), !!d && /* @__PURE__ */ w(o, {
-						gap: "2xs",
-						className: "side-nav--items",
-						children: e.items.map((e) => {
-							let n = e.icon, i = I(e.href) === E;
-							return /* @__PURE__ */ T("a", {
-								href: e.disabled ? void 0 : e.href,
-								"aria-current": i ? "page" : void 0,
-								"aria-disabled": e.disabled || void 0,
-								className: t("group flex items-center gap-space-md rounded-radius px-row-x py-row-y", "text-sm transition-colors", `focus-visible:outline-none ${a.edge}`, c.rowHover, e.disabled && "pointer-events-none opacity-50", i && j, p),
-								children: [
-									!!n && /* @__PURE__ */ w(n, { className: t("size-icon shrink-0", i ? "text-accent-foreground" : "text-muted-foreground") }),
-									L(e.label) ? /* @__PURE__ */ w(r, {
-										tag: "span",
-										size: "inherit",
-										weight: "medium",
-										lineHeight: "tight",
-										className: "min-w-0 flex-1 truncate text-inherit",
-										children: e.label
-									}) : e.label,
-									!!e.badge && /* @__PURE__ */ w(u, {
-										tone: "secondary",
-										className: "shrink-0",
-										children: e.badge
-									})
-								]
-							}, e.href);
-						})
-					})]
-				}, e.id);
-			})
-		})
-	});
-});
-R.displayName = "SideNav";
-//#endregion
-export { j as a, M as i, F as n, A as o, P as r, k as s, R as t };
-
-//# sourceMappingURL=navigation-DaRjthVk.js.map