themelia-react-ui 2.0.0 → 2.0.1

package/dist/rich-text-editor.recipes-CnrbmTS1.js

@@ -1,81 +0,0 @@
-"use client";
-import { t as e } from "./utils-Cospvlj1.js";
-import { n as t } from "./text.styles-g4He6UIW.js";
-import { t as n } from "./button-BS3KDg00.js";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Code2 as o } from "lucide-react";
-//#region src/components/features/rich-text-editor/partials/rich-text-editor-toolbar.tsx
-function s({ buttons: t, extraToolbarItems: s, hideSourceToggle: c = !1, sourceMode: l, toggleSourceMode: u, disabled: d = !1, hasEditor: f = !0, toolbarTrailing: p, strings: m, className: h }) {
-	let g = (s?.length ?? 0) > 0;
-	return /* @__PURE__ */ a("div", {
-		className: e("rich-text-editor-toolbar--component border-border flex flex-wrap items-center gap-space-xs border-b p-surface-xs", h),
-		children: [
-			t.map((e) => {
-				let t = e.icon, r = e.isActive();
-				return /* @__PURE__ */ i(n, {
-					type: "button",
-					tone: r ? "primary" : "secondary",
-					buttonStyle: r ? "solid" : "ghost",
-					size: "sm",
-					iconOnly: !0,
-					onClick: e.run,
-					disabled: d || !f || l || e.disabled,
-					"aria-label": e.label,
-					title: e.label,
-					children: /* @__PURE__ */ i(t, { className: "size-icon" })
-				}, e.id);
-			}),
-			!c && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", { className: "bg-border mx-space-xs size-icon w-px" }), /* @__PURE__ */ i(n, {
-				type: "button",
-				tone: l ? "primary" : "secondary",
-				buttonStyle: l ? "solid" : "ghost",
-				size: "sm",
-				iconOnly: !0,
-				onClick: u,
-				disabled: d || !f,
-				"aria-label": m.toolbar.sourceCode,
-				title: m.toolbar.sourceCode,
-				children: /* @__PURE__ */ i(o, { className: "size-icon" })
-			})] }),
-			g && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", { className: "bg-border mx-space-xs size-icon w-px" }), s?.map((e) => {
-				let t = e.icon, r = e.isActive?.() ?? !1;
-				return /* @__PURE__ */ i(n, {
-					type: "button",
-					tone: r ? "primary" : "secondary",
-					buttonStyle: r ? "solid" : "ghost",
-					size: "sm",
-					iconOnly: !0,
-					onClick: e.onClick,
-					disabled: d || !f || l || e.disabled,
-					"aria-label": e.label,
-					title: e.label,
-					children: /* @__PURE__ */ i(t, { className: "size-icon" })
-				}, e.id);
-			})] }),
-			!!p && /* @__PURE__ */ i("div", {
-				className: "ml-auto flex items-center gap-space-xs",
-				children: p
-			})
-		]
-	});
-}
-s.displayName = "RichTextEditorToolbar";
-//#endregion
-//#region src/components/features/rich-text-editor/rich-text-editor.recipes.ts
-var c = {
-	source: e("rich-text-editor--source box-border m-0 block min-h-0 w-full resize-y rounded-none border-0 bg-transparent px-control py-control-y-offset outline-none disabled:cursor-not-allowed disabled:opacity-50", t({
-		type: "main",
-		size: "xs",
-		weight: "regular",
-		align: "left",
-		lineHeight: "relaxed",
-		numeric: !0
-	})),
-	frame: "min-w-0 overflow-hidden border-input bg-background rounded-inner border",
-	disabled: "opacity-70",
-	content: "h-full [&_.ProseMirror]:h-full [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none"
-};
-//#endregion
-export { s as n, c as t };
-
-//# sourceMappingURL=rich-text-editor.recipes-CnrbmTS1.js.map

package/dist/rich-text-editor.recipes-CnrbmTS1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text-editor.recipes-CnrbmTS1.js","names":["_Fragment","cn","resolveTextClassNames","Button","RichTextEditorToolbar","hasExtras","extraToolbarItems","className","buttons","Icon","button","isActive","disabled","hasEditor","sourceMode","hideSourceToggle","Fragment","toggleSourceMode","strings","Code2","item","toolbarTrailing","richTextEditorRecipes"],"sources":["../src/components/features/rich-text-editor/partials/rich-text-editor-toolbar.tsx","../src/components/features/rich-text-editor/rich-text-editor.recipes.ts"],"sourcesContent":["import { Code2 } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '../../../base/buttons/button';\nimport { cn } from '../../../../lib/utils';\n\nimport type { RichTextEditorStrings } from '../rich-text-editor.strings';\nimport type {\n\tRichTextEditorToolbarItem,\n\tToolbarButtonConfig,\n} from '../rich-text-editor.types';\n\nexport interface RichTextEditorToolbarProps {\n\t/** Formatting controls to show, in order. */\n\tbuttons: ToolbarButtonConfig[];\n\t/** Additional controls appended to the toolbar. */\n\textraToolbarItems?: ReadonlyArray<RichTextEditorToolbarItem>;\n\t/** Hides the control that switches to HTML source. */\n\thideSourceToggle?: boolean;\n\t/** Whether the editor is currently showing HTML source. */\n\tsourceMode: boolean;\n\t/** Switches between rich text and HTML source. */\n\ttoggleSourceMode: () => void;\n\t/** Renders the entry as unselectable. */\n\tdisabled?: boolean;\n\t/**\n\t * The TipTap variant disables built-in buttons until the editor instance\n\t * is ready; the fallback variant simply marks them disabled. This flag\n\t * lets callers force the disabled state without re-deriving it per button.\n\t */\n\thasEditor?: boolean;\n\t/** Content pinned to the end of the toolbar. */\n\ttoolbarTrailing?: ReactNode;\n\t/** Overrides this surface's own copy. */\n\tstrings: RichTextEditorStrings;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function RichTextEditorToolbar({\n\tbuttons,\n\textraToolbarItems,\n\thideSourceToggle = false,\n\tsourceMode,\n\ttoggleSourceMode,\n\tdisabled = false,\n\thasEditor = true,\n\ttoolbarTrailing,\n\tstrings,\n\tclassName,\n}: RichTextEditorToolbarProps) {\n\tconst hasExtras = (extraToolbarItems?.length ?? 0) > 0;\n\n\treturn (\n\t\t<div className={cn('rich-text-editor-toolbar--component border-border flex flex-wrap items-center gap-space-xs border-b p-surface-xs', className)}>\n\t\t\t{buttons.map((button) => {\n\t\t\t\tconst Icon = button.icon;\n\t\t\t\tconst isActive = button.isActive();\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={button.id}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone={isActive ? 'primary' : 'secondary'}\n\t\t\t\t\t\tbuttonStyle={isActive ? 'solid' : 'ghost'}\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tonClick={button.run}\n\t\t\t\t\t\tdisabled={disabled || !hasEditor || sourceMode || button.disabled}\n\t\t\t\t\t\taria-label={button.label}\n\t\t\t\t\t\ttitle={button.label}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon className=\"size-icon\" />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\n\t\t\t{!hideSourceToggle && (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"bg-border mx-space-xs size-icon w-px\" />\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone={sourceMode ? 'primary' : 'secondary'}\n\t\t\t\t\t\tbuttonStyle={sourceMode ? 'solid' : 'ghost'}\n\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\tonClick={toggleSourceMode}\n\t\t\t\t\t\tdisabled={disabled || !hasEditor}\n\t\t\t\t\t\taria-label={strings.toolbar.sourceCode}\n\t\t\t\t\t\ttitle={strings.toolbar.sourceCode}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Code2 className=\"size-icon\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{hasExtras && (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"bg-border mx-space-xs size-icon w-px\" />\n\t\t\t\t\t{extraToolbarItems?.map((item) => {\n\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\tconst isActive = item.isActive?.() ?? false;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\ttone={isActive ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\t\tbuttonStyle={isActive ? 'solid' : 'ghost'}\n\t\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\t\tonClick={item.onClick}\n\t\t\t\t\t\t\t\tdisabled={disabled || !hasEditor || sourceMode || item.disabled}\n\t\t\t\t\t\t\t\taria-label={item.label}\n\t\t\t\t\t\t\t\ttitle={item.label}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon className=\"size-icon\" />\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)}\n\n\t\t\t{!!toolbarTrailing && (\n\t\t\t\t<div className=\"ml-auto flex items-center gap-space-xs\">{toolbarTrailing}</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nRichTextEditorToolbar.displayName = 'RichTextEditorToolbar';\n","import { resolveTextClassNames } from '../../typography/text.styles';\nimport { cn } from '../../../lib/utils';\n\n/** Shared field anatomy for rich editors, including specialized document schemas. */\nexport const richTextEditorRecipes = {\n source: cn('rich-text-editor--source box-border m-0 block min-h-0 w-full resize-y rounded-none border-0 bg-transparent px-control py-control-y-offset outline-none disabled:cursor-not-allowed disabled:opacity-50', resolveTextClassNames({type: 'main', size: 'xs', weight: 'regular', align: 'left', lineHeight: 'relaxed', numeric: true})),\n frame: 'min-w-0 overflow-hidden border-input bg-background rounded-inner border',\n disabled: 'opacity-70',\n content: 'h-full [&_.ProseMirror]:h-full [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none',\n} as const;\n"],"mappings":";;;;;;;AAuCA,SAAgBI,EAAsB,EACrC,YACA,sBACA,sBAAmB,IACnB,eACA,qBACA,cAAW,IACX,eAAY,IACZ,oBACA,YACA,gBAC8B;CAC9B,IAAMC,KAAaC,GAAmB,UAAU,KAAK;CAErD,OACC,kBAAC,OAAD;EAAK,WAAWL,EAAG,oHAAoHM,CAAS;EAAhJ,UAAA;GACEC,EAAQ,KAAK,MAAW;IACxB,IAAMC,IAAOC,EAAO,MACdC,IAAWD,EAAO,SAAS;IAEjC,OACC,kBAACP,GAAD;KAEC,MAAK;KACL,MAAMQ,IAAW,YAAY;KAC7B,aAAaA,IAAW,UAAU;KAClC,MAAK;KAAK,UAAA;KACV,SAASD,EAAO;KAChB,UAAUE,KAAY,CAACC,KAAaC,KAAcJ,EAAO;KACzD,cAAYA,EAAO;KACnB,OAAOA,EAAO;KAEd,UAAA,kBAACD,GAAD,EAAM,WAAU,YAAa,CAAA;IACtB,GAXFC,EAAO,EAWL;GAEV,CAAC;GAEA,CAACK,KACD,kBAAAf,GAAA,EAAA,UAAA,CACC,kBAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA,GAEvD,kBAACG,GAAD;IACC,MAAK;IACL,MAAMW,IAAa,YAAY;IAC/B,aAAaA,IAAa,UAAU;IACpC,MAAK;IAAK,UAAA;IACV,SAASG;IACT,UAAUL,KAAY,CAACC;IACvB,cAAYK,EAAQ,QAAQ;IAC5B,OAAOA,EAAQ,QAAQ;IAEvB,UAAA,kBAACC,GAAD,EAAO,WAAU,YAAa,CAAA;GACvB,CAAA,CACP,EAAA,CAAA;GAGFd,KACA,kBAAAL,GAAA,EAAA,UAAA,CACC,kBAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA,GACtDM,GAAmB,KAAK,MAAS;IACjC,IAAMG,IAAOW,EAAK,MACZT,IAAWS,EAAK,WAAW,KAAK;IACtC,OACC,kBAACjB,GAAD;KAEC,MAAK;KACL,MAAMQ,IAAW,YAAY;KAC7B,aAAaA,IAAW,UAAU;KAClC,MAAK;KAAK,UAAA;KACV,SAASS,EAAK;KACd,UAAUR,KAAY,CAACC,KAAaC,KAAcM,EAAK;KACvD,cAAYA,EAAK;KACjB,OAAOA,EAAK;KAEZ,UAAA,kBAACX,GAAD,EAAM,WAAU,YAAa,CAAA;IACtB,GAXFW,EAAK,EAWH;GAEV,CAAC,CACA,EAAA,CAAA;GAGF,CAAC,CAACC,KACF,kBAAC,OAAD;IAAK,WAAU;IAA0C,UAAAA;GAAqB,CAAA;EAE3E;;AAEP;AAEA,EAAsB,cAAc;;;AC3HpC,IAAaC,IAAwB;CACpC,QAAQrB,EAAG,0MAA0MC,EAAsB;EAAC,MAAM;EAAQ,MAAM;EAAM,QAAQ;EAAW,OAAO;EAAQ,YAAY;EAAW,SAAS;CAAI,CAAC,CAAC;CAC9U,OAAO;CACP,UAAU;CACV,SAAS;AACV"}

package/dist/rich-text-editor.strings-BpnIQgMl.js

@@ -1,25 +0,0 @@
-//#region src/components/features/rich-text-editor/rich-text-editor.strings.ts
-var e = {
-	editorLabel: "Rich text editor",
-	sourceLabel: "HTML source",
-	toolbar: {
-		bold: "Bold",
-		italic: "Italic",
-		strike: "Strike",
-		bulletList: "Bullet list",
-		orderedList: "Ordered list",
-		blockquote: "Quote",
-		undo: "Undo",
-		redo: "Redo",
-		sourceCode: "Source code"
-	},
-	counts: {
-		characters: "characters",
-		words: "words",
-		max: "max"
-	}
-};
-//#endregion
-export { e as t };
-
-//# sourceMappingURL=rich-text-editor.strings-BpnIQgMl.js.map

package/dist/rich-text-editor.strings-BpnIQgMl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text-editor.strings-BpnIQgMl.js","names":["defaultRichTextEditorStrings"],"sources":["../src/components/features/rich-text-editor/rich-text-editor.strings.ts"],"sourcesContent":["/**\n * Default user-facing strings for `<RichTextEditor>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <RichTextEditor strings={{ toolbar: { bold: t('editor.bold') } }} … />\n */\n\nexport interface RichTextEditorStrings {\n\t/** Accessible label for the editable rich-text surface. */\n\teditorLabel: string;\n\t/** Accessible label for the HTML source textarea. */\n\tsourceLabel: string;\n\t/** Toolbar button labels (used for `aria-label` and tooltip `title`). */\n\ttoolbar: {\n\t\tbold: string;\n\t\titalic: string;\n\t\tstrike: string;\n\t\tbulletList: string;\n\t\torderedList: string;\n\t\tblockquote: string;\n\t\tundo: string;\n\t\tredo: string;\n\t\tsourceCode: string;\n\t};\n\t/** Footer count labels — `{n}` is replaced with the count. */\n\tcounts: {\n\t\tcharacters: string;\n\t\twords: string;\n\t\tmax: string;\n\t};\n}\n\nexport const defaultRichTextEditorStrings: RichTextEditorStrings = {\n\teditorLabel: 'Rich text editor',\n\tsourceLabel: 'HTML source',\n\ttoolbar: {\n\t\tbold: 'Bold',\n\t\titalic: 'Italic',\n\t\tstrike: 'Strike',\n\t\tbulletList: 'Bullet list',\n\t\torderedList: 'Ordered list',\n\t\tblockquote: 'Quote',\n\t\tundo: 'Undo',\n\t\tredo: 'Redo',\n\t\tsourceCode: 'Source code',\n\t},\n\tcounts: {\n\t\tcharacters: 'characters',\n\t\twords: 'words',\n\t\tmax: 'max',\n\t},\n};\n"],"mappings":";AAiCA,IAAaA,IAAsD;CAClE,aAAa;CACb,aAAa;CACb,SAAS;EACR,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,MAAM;EACN,MAAM;EACN,YAAY;CACb;CACA,QAAQ;EACP,YAAY;EACZ,OAAO;EACP,KAAK;CACN;AACD"}

package/dist/rich-text-j-FGAeZW.js

@@ -1,32 +0,0 @@
-"use client";
-import { p as e } from "./ui-provider-D2_TeLqw.js";
-import { t } from "./utils-Cospvlj1.js";
-import { n } from "./text.styles-g4He6UIW.js";
-import { t as r } from "./sanitize-html-BG9FGe-j.js";
-import { t as i } from "./content-typography-CnwgMJ37.js";
-import { forwardRef as a, useMemo as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-//#region src/components/typography/rich-text/rich-text.tsx
-var c = a(function({ html: a, type: c = "main", size: l, align: u = "left", lineHeight: d = "normal", weight: f = "regular", className: p, numeric: m = !1, tag: h = "p", ...g }, _) {
-	let { defaultTextSize: v } = e(), y = l ?? v ?? "sm", b = o(() => r(a ?? ""), [a]);
-	return b ? /* @__PURE__ */ s(h, {
-		ref: _,
-		className: t(i, n({
-			type: c,
-			size: y,
-			align: u,
-			lineHeight: d,
-			weight: f,
-			numeric: m,
-			className: p
-		})),
-		"data-typography": "rich-text",
-		dangerouslySetInnerHTML: { __html: b },
-		...g
-	}) : null;
-});
-c.displayName = "RichText";
-//#endregion
-export { c as t };
-
-//# sourceMappingURL=rich-text-j-FGAeZW.js.map

package/dist/rich-text-j-FGAeZW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text-j-FGAeZW.js","names":["useTypographyConfig","sanitizeHtml","contentTypographyClassName","RichText","forwardRef","sizeProp","Tag","props","size","defaultTextSize","sanitizedHtml","useMemo","html","cn","resolveTextClassNames"],"sources":["../src/components/typography/rich-text/rich-text.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport { sanitizeHtml } from '../../../lib/sanitize-html';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\nimport { contentTypographyClassName } from '../content-typography';\n\nimport type { TextProps } from '../text';\nimport { resolveTextClassNames } from '../text.styles';\n\nexport interface RichTextProps\n\textends Omit<\n\t\tTextProps,\n\t\t'children' | 'content' | 'dangerouslySetInnerHTML'\n\t> {\n\t/** HTML sanitized through the package allowlist before rendering. */\n\thtml?: string | null;\n}\n\nexport const RichText = forwardRef<HTMLElement, RichTextProps>(\n\tfunction RichText(\n\t\t{\n\t\t\thtml,\n\t\t\ttype = 'main',\n\t\t\tsize: sizeProp,\n\t\t\talign = 'left',\n\t\t\tlineHeight = 'normal',\n\t\t\tweight = 'regular',\n\t\t\tclassName,\n\t\t\tnumeric = false,\n\t\t\ttag: Tag = 'p',\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) {\n\t\tconst { defaultTextSize } = useTypographyConfig();\n\t\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\t\tconst sanitizedHtml = useMemo(() => sanitizeHtml(html ?? ''), [html]);\n\n\t\tif (!sanitizedHtml) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<Tag\n\t\t\t\tref={ref as never}\n\t\t\t\tclassName={cn(contentTypographyClassName, resolveTextClassNames({\n\t\t\t\t\ttype,\n\t\t\t\t\tsize,\n\t\t\t\t\talign,\n\t\t\t\t\tlineHeight,\n\t\t\t\t\tweight,\n\t\t\t\t\tnumeric,\n\t\t\t\t\tclassName,\n\t\t\t\t}))}\n\t\t\t\tdata-typography=\"rich-text\"\n\t\t\t\tdangerouslySetInnerHTML={{ __html: sanitizedHtml }}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nRichText.displayName = 'RichText';\n"],"mappings":";;;;;;;;;AAmBA,IAAaG,IAAWC,EACvB,SACC,EACC,SACA,UAAO,QACP,MAAMC,GACN,WAAQ,QACR,gBAAa,UACb,YAAS,WACT,cACA,aAAU,IACV,KAAKC,IAAM,KACX,GAAGC,KAEJ,GACC;CACD,IAAM,EAAE,uBAAoBP,EAAoB,GAC1CQ,IAAOH,KAAYI,KAAmB,MACtCC,IAAgBC,QAAcV,EAAaW,KAAQ,EAAE,GAAG,CAACA,CAAI,CAAC;CAMpE,OAJKF,IAKJ,kBAACJ,GAAD;EACM;EACL,WAAWO,EAAGX,GAA4BY,EAAsB;GAC/D;GACA;GACA;GACA;GACA;GACA;GACA;EACD,CAAC,CAAC;EACF,mBAAgB;EAChB,yBAAyB,EAAE,QAAQJ,EAAc;EACjD,GAAIH;CACJ,CAAA,IAlBM;AAoBT,CACD;AAEA,EAAS,cAAc"}

package/dist/sanitize-html-BG9FGe-j.js

@@ -1,64 +0,0 @@
-import { fromHtml as e } from "hast-util-from-html";
-import { sanitize as t } from "hast-util-sanitize";
-import { toHtml as n } from "hast-util-to-html";
-//#region src/lib/sanitize-html.ts
-var r = {
-	allowComments: !1,
-	allowDoctypes: !1,
-	tagNames: [.../* @__PURE__ */ "a.b.blockquote.br.code.del.div.em.h1.h2.h3.h4.h5.h6.i.li.mark.ol.p.pre.s.span.strong.sub.sup.u.ul".split(".")],
-	attributes: {
-		a: [
-			"href",
-			"title",
-			[
-				"target",
-				"_blank",
-				"_self",
-				"_parent",
-				"_top"
-			],
-			"rel",
-			"dataRefId",
-			"dataRefKind",
-			"dataRefTone"
-		],
-		span: [
-			"dataRefId",
-			"dataRefKind",
-			"dataRefTone"
-		]
-	},
-	protocols: { href: [
-		"http",
-		"https",
-		"mailto",
-		"tel"
-	] },
-	strip: [
-		"embed",
-		"iframe",
-		"math",
-		"noscript",
-		"object",
-		"script",
-		"style",
-		"svg",
-		"template"
-	]
-};
-function i(e) {
-	if (e.type === "element") {
-		let t = e.properties.href;
-		typeof t == "string" && t.trimStart().startsWith("//") && delete e.properties.href;
-	}
-	if (e.type === "root" || e.type === "element") for (let t of e.children) i(t);
-}
-function a(a) {
-	if (!a) return "";
-	let o = e(a, { fragment: !0 });
-	return i(o), n(t(o, r));
-}
-//#endregion
-export { a as t };
-
-//# sourceMappingURL=sanitize-html-BG9FGe-j.js.map

package/dist/sanitize-html-BG9FGe-j.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sanitize-html-BG9FGe-j.js","names":["SANITIZE_SCHEMA","removeProtocolRelativeLinks","node","href","child","sanitizeHtml","input","unsafeTree","fromHtml","toHtml","sanitize"],"sources":["../src/lib/sanitize-html.ts"],"sourcesContent":["import { fromHtml } from 'hast-util-from-html';\nimport { sanitize, type Schema } from 'hast-util-sanitize';\nimport { toHtml } from 'hast-util-to-html';\nimport type { Root, RootContent } from 'hast';\n\nconst ALLOWED_TAGS = [\n\t'a',\n\t'b',\n\t'blockquote',\n\t'br',\n\t'code',\n\t'del',\n\t'div',\n\t'em',\n\t'h1',\n\t'h2',\n\t'h3',\n\t'h4',\n\t'h5',\n\t'h6',\n\t'i',\n\t'li',\n\t'mark',\n\t'ol',\n\t'p',\n\t'pre',\n\t's',\n\t'span',\n\t'strong',\n\t'sub',\n\t'sup',\n\t'u',\n\t'ul',\n] as const;\n\nconst SANITIZE_SCHEMA = {\n\tallowComments: false,\n\tallowDoctypes: false,\n\ttagNames: [...ALLOWED_TAGS],\n\tattributes: {\n\t\ta: [\n\t\t\t'href',\n\t\t\t'title',\n\t\t\t['target', '_blank', '_self', '_parent', '_top'],\n\t\t\t'rel',\n\t\t\t'dataRefId',\n\t\t\t'dataRefKind',\n\t\t\t'dataRefTone',\n\t\t],\n\t\tspan: ['dataRefId', 'dataRefKind', 'dataRefTone'],\n\t},\n\tprotocols: {\n\t\thref: ['http', 'https', 'mailto', 'tel'],\n\t},\n\tstrip: [\n\t\t'embed',\n\t\t'iframe',\n\t\t'math',\n\t\t'noscript',\n\t\t'object',\n\t\t'script',\n\t\t'style',\n\t\t'svg',\n\t\t'template',\n\t],\n} satisfies Schema;\n\nfunction removeProtocolRelativeLinks(node: Root | RootContent): void {\n\tif (node.type === 'element') {\n\t\tconst href = node.properties.href;\n\t\tif (typeof href === 'string' && href.trimStart().startsWith('//')) {\n\t\t\tdelete node.properties.href;\n\t\t}\n\t}\n\n\tif (node.type === 'root' || node.type === 'element') {\n\t\tfor (const child of node.children) {\n\t\t\tremoveProtocolRelativeLinks(child);\n\t\t}\n\t}\n}\n\n/**\n * Sanitize package-rendered rich text with an intentionally small HTML\n * vocabulary. Styling, event handlers, embedded media, and protocol-relative\n * URLs are excluded. Mention identity attributes remain available so the\n * Mentions feature can replace serialized references with React components.\n */\nexport function sanitizeHtml(input: string): string {\n\tif (!input) return '';\n\tconst unsafeTree = fromHtml(input, { fragment: true });\n\tremoveProtocolRelativeLinks(unsafeTree);\n\treturn toHtml(sanitize(unsafeTree, SANITIZE_SCHEMA));\n}\n\nexport default sanitizeHtml;\n"],"mappings":";;;;AAmCA,IAAMA,IAAkB;CACvB,eAAe;CACf,eAAe;CACf,UAAU,CAAC,GAAG,6HAAA,CAAY;CAC1B,YAAY;EACX,GAAG;GACF;GACA;GACA;IAAC;IAAU;IAAU;IAAS;IAAW;GAAM;GAC/C;GACA;GACA;GACA;EACD;EACA,MAAM;GAAC;GAAa;GAAe;EAAa;CACjD;CACA,WAAW,EACV,MAAM;EAAC;EAAQ;EAAS;EAAU;CAAK,EACxC;CACA,OAAO;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACD;AAEA,SAASC,EAA4B,GAAgC;CACpE,IAAIC,EAAK,SAAS,WAAW;EAC5B,IAAMC,IAAOD,EAAK,WAAW;EAC7B,AAAI,OAAOC,KAAS,YAAYA,EAAK,UAAU,CAAC,CAAC,WAAW,IAAI,KAC/D,OAAOD,EAAK,WAAW;CAEzB;CAEA,IAAIA,EAAK,SAAS,UAAUA,EAAK,SAAS,WACzC,KAAK,IAAME,KAASF,EAAK,UACxB,EAA4BE,CAAK;AAGpC;AAQA,SAAgBC,EAAa,GAAuB;CACnD,IAAI,CAACC,GAAO,OAAO;CACnB,IAAMC,IAAaC,EAASF,GAAO,EAAE,UAAU,GAAK,CAAC;CAErD,OADAL,EAA4BM,CAAU,GAC/BE,EAAOC,EAASH,GAAYP,CAAe,CAAC;AACpD"}

package/dist/scroll-area-DRdr16Pt.js

@@ -1,47 +0,0 @@
-"use client";
-import { t as e } from "./utils-Cospvlj1.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { ScrollArea as r } from "@base-ui/react/scroll-area";
-//#region src/components/base/display/scroll-area.tsx
-function i({ orientation: i = "vertical", className: o, viewportClassName: s, scrollbarClassName: c, viewportRef: l, children: u, ...d }) {
-	return /* @__PURE__ */ n(r.Root, {
-		"data-slot": "scroll-area",
-		className: e("scroll-area--component group/scroll-area relative overflow-hidden", o),
-		...d,
-		children: [
-			/* @__PURE__ */ t(r.Viewport, {
-				ref: l,
-				"data-slot": "scroll-area-viewport",
-				className: e("size-full rounded-[inherit] outline-none transition-[color,box-shadow]", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", s),
-				children: u
-			}),
-			i !== "horizontal" && /* @__PURE__ */ t(a, { className: c }),
-			i !== "vertical" && /* @__PURE__ */ t(a, {
-				orientation: "horizontal",
-				className: c
-			}),
-			/* @__PURE__ */ t(r.Corner, {})
-		]
-	});
-}
-function a({ className: n, orientation: i = "vertical", ...a }) {
-	return /* @__PURE__ */ t(r.Scrollbar, {
-		"data-slot": "scroll-area-scrollbar",
-		"data-orientation": i,
-		orientation: i,
-		className: e({
-			"h-2.5 flex-col border-t border-t-transparent": i === "horizontal",
-			"h-full w-2 border-l border-l-transparent": i === "vertical"
-		}, "flex touch-none select-none rounded-full p-px opacity-0 transition-opacity", "data-hovering:opacity-100 data-scrolling:opacity-100 group-focus-within/scroll-area:opacity-100", n),
-		...a,
-		children: /* @__PURE__ */ t(r.Thumb, {
-			"data-slot": "scroll-area-thumb",
-			className: "relative flex-1 rounded-full bg-border"
-		})
-	});
-}
-//#endregion
-export { a as n, i as t };
-
-//# sourceMappingURL=scroll-area-DRdr16Pt.js.map

package/dist/scroll-area-DRdr16Pt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-area-DRdr16Pt.js","names":["ScrollArea","ScrollAreaPrimitive","cn","ScrollArea$1","props","ScrollArea","className","viewportRef","viewportClassName","orientation","ScrollBar","scrollbarClassName"],"sources":["../src/components/base/display/scroll-area.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '../../../lib/utils';\n\nexport type ScrollAreaProps = ScrollAreaPrimitive.Root.Props & {\n\t/** Axes with custom scrollbar chrome. Defaults to vertical. */\n\torientation?: 'vertical' | 'horizontal' | 'both';\n\tviewportRef?: React.Ref<HTMLDivElement>;\n\tviewportClassName?: string;\n\tscrollbarClassName?: string;\n};\n\nfunction ScrollArea({\n\torientation = 'vertical',\n\tclassName,\n\tviewportClassName,\n\tscrollbarClassName,\n\tviewportRef,\n\tchildren,\n\t...props\n}: ScrollAreaProps) {\n\treturn (\n\t\t<ScrollAreaPrimitive.Root\n\t\t\tdata-slot=\"scroll-area\"\n\t\t\tclassName={cn('scroll-area--component group/scroll-area relative overflow-hidden', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.Viewport\n\t\t\t\tref={viewportRef}\n\t\t\t\tdata-slot=\"scroll-area-viewport\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'size-full rounded-[inherit] outline-none transition-[color,box-shadow]',\n\t\t\t\t\t// The root clips overflow, so the shared ring is drawn inside the viewport edge.\n\t\t\t\t\t'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset',\n\t\t\t\t\tviewportClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ScrollAreaPrimitive.Viewport>\n\t\t\t{orientation !== 'horizontal' && <ScrollBar className={scrollbarClassName} />}\n\t\t\t{orientation !== 'vertical' && <ScrollBar orientation=\"horizontal\" className={scrollbarClassName} />}\n\t\t\t<ScrollAreaPrimitive.Corner />\n\t\t</ScrollAreaPrimitive.Root>\n\t);\n}\n\nfunction ScrollBar({\n\tclassName,\n\torientation = 'vertical',\n\t...props\n}: ScrollAreaPrimitive.Scrollbar.Props) {\n\treturn (\n\t\t<ScrollAreaPrimitive.Scrollbar\n\t\t\tdata-slot=\"scroll-area-scrollbar\"\n\t\t\tdata-orientation={orientation}\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t{\n\t\t\t\t\t'h-2.5 flex-col border-t border-t-transparent': orientation === 'horizontal',\n\t\t\t\t\t'h-full w-2 border-l border-l-transparent': orientation === 'vertical',\n\t\t\t\t},\n\t\t\t\t// `rounded-full`, not a scale value: the track is 8-10px on its short\n\t\t\t\t// axis, so any radius past half of that already clamps to a pill.\n\t\t\t\t// Saying `rounded-full` states the intent and stops the value drifting\n\t\t\t\t// with the radius scale.\n\t\t\t\t'flex touch-none select-none rounded-full p-px opacity-0 transition-opacity',\n\t\t\t\t'data-hovering:opacity-100 data-scrolling:opacity-100 group-focus-within/scroll-area:opacity-100',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.Thumb\n\t\t\t\tdata-slot=\"scroll-area-thumb\"\n\t\t\t\tclassName=\"relative flex-1 rounded-full bg-border\"\n\t\t\t/>\n\t\t</ScrollAreaPrimitive.Scrollbar>\n\t);\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;AAaA,SAASA,EAAW,EACnB,iBAAc,YACd,cACA,sBACA,uBACA,gBACA,aACA,GAAGI,KACgB;CACnB,OACC,kBAACH,EAAoB,MAArB;EACC,aAAU;EACV,WAAWC,EAAG,qEAAqEI,CAAS;EAC5F,GAAIF;EAHL,UAAA;GAKC,kBAACH,EAAoB,UAArB;IACC,KAAKM;IACL,aAAU;IACV,WAAWL,EACV,0EAEA,yEACAM,CACD;IAEC;GAC4B,CAAA;GAC7BC,MAAgB,gBAAgB,kBAACC,GAAD,EAAW,WAAWC,EAAqB,CAAA;GAC3EF,MAAgB,cAAc,kBAACC,GAAD;IAAW,aAAY;IAAa,WAAWC;GAAqB,CAAA;GACnG,kBAACV,EAAoB,QAArB,CAA6B,CAAA;EACJ;;AAE5B;AAEA,SAASS,EAAU,EAClB,cACA,iBAAc,YACd,GAAGN,KACoC;CACvC,OACC,kBAACH,EAAoB,WAArB;EACC,aAAU;EACV,oBAAkBQ;EACL;EACb,WAAWP,EACV;GACC,gDAAgDO,MAAgB;GAChE,4CAA4CA,MAAgB;EAC7D,GAKA,8EACA,mGACAH,CACD;EACA,GAAIF;EAEJ,UAAA,kBAACH,EAAoB,OAArB;GACC,aAAU;GACV,WAAU;EACV,CAAA;CAC6B,CAAA;AAEjC"}

package/dist/settings-DHk0L2MF.js

@@ -1,161 +0,0 @@
-"use client";
-import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-Cospvlj1.js";
-import { a as n, o as r, s as i } from "./typography-CAr3dQhX.js";
-import { t as a } from "./structure-hzCW-XsV.js";
-import { t as o } from "./smart-card-Bek-TwUp.js";
-import { t as s } from "./badge-0tATj-tW.js";
-import { n as c } from "./layout.types-Cn7aUzJp.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/layout/settings/settings.tsx
-var d = { navigationAriaLabel: "Settings navigation" };
-function f(e) {
-	if (!e) 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 p(e, t, n) {
-	if (t) return e.id === t;
-	if (!n || !e.href) return !1;
-	let r = f(n), i = f(e.href);
-	return r === i || r.startsWith(`${i}/`);
-}
-function m({ title: f, description: m, groups: h, currentId: g, currentPath: _, children: v, aside: y, actions: b, footer: x, className: S, navClassName: C, contentClassName: w, renderLink: T, strings: E }) {
-	let D = e(d, E), O = c({ renderLink: T });
-	return /* @__PURE__ */ u("section", {
-		"data-component": "aside-nav-shell",
-		"data-slot": "aside-nav-shell",
-		className: t("aside-nav-shell--component grid min-w-0 gap-space-xl lg:grid-cols-[17rem_minmax(0,1fr)]", S),
-		children: [/* @__PURE__ */ l("aside", {
-			"data-slot": "aside-nav-shell-aside",
-			className: "aside-nav-shell--aside min-w-0",
-			children: /* @__PURE__ */ u(o, {
-				surface: "card",
-				className: t("aside-nav-shell--nav-card sticky top-[calc(var(--shell-header-height)_+_1rem*var(--space-scale))]", C),
-				contentClassName: "grid gap-space-xl",
-				children: [!!y && /* @__PURE__ */ l("div", {
-					className: "aside-nav-shell--aside-header",
-					children: y
-				}), /* @__PURE__ */ l(a, {
-					render: /* @__PURE__ */ l("nav", { "aria-label": D.navigationAriaLabel }),
-					gap: "xl",
-					children: h.map((e) => /* @__PURE__ */ u(a, {
-						gap: "sm",
-						children: [!!e.label && /* @__PURE__ */ l(n, {
-							className: "px-row-x",
-							children: e.label
-						}), /* @__PURE__ */ l(a, {
-							gap: "2xs",
-							children: e.items.map((e) => {
-								let n = e.icon, r = p(e, g, _), o = /* @__PURE__ */ u(a, {
-									direction: "horizontal",
-									align: "start",
-									gap: "md",
-									wrap: !1,
-									render: /* @__PURE__ */ l("span", {}),
-									className: "min-w-0 w-full",
-									children: [
-										!!n && /* @__PURE__ */ l(n, { className: t("size-icon shrink-0 mt-space-2xs", r ? "text-primary-accent" : "text-muted-foreground") }),
-										/* @__PURE__ */ u(a, {
-											render: /* @__PURE__ */ l("span", {}),
-											gap: "dense",
-											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ l(i, {
-												tag: "span",
-												weight: r ? "semibold" : "medium",
-												className: "truncate",
-												children: e.label
-											}), !!e.description && /* @__PURE__ */ l(i, {
-												tag: "span",
-												size: "xs",
-												type: "secondary",
-												className: "truncate",
-												children: e.description
-											})]
-										}),
-										!!e.badge && /* @__PURE__ */ l(s, {
-											tone: "secondary",
-											className: "shrink-0",
-											children: e.badge
-										})
-									]
-								});
-								return /* @__PURE__ */ l("div", {
-									onClick: () => {
-										e.disabled || e.onSelect?.(e.id);
-									},
-									children: O({
-										href: e.href,
-										children: o,
-										active: r,
-										disabled: e.disabled,
-										external: e.external,
-										className: t("aside-nav-shell--item flex min-w-0 rounded-inner px-row-x py-row-y transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", r ? "bg-accent text-accent-foreground" : "text-foreground hover:bg-accent hover:text-accent-foreground", e.disabled && "pointer-events-none opacity-50"),
-										"aria-label": typeof e.label == "string" ? e.label : void 0
-									})
-								}, e.id);
-							})
-						})]
-					}, e.id))
-				})]
-			})
-		}), /* @__PURE__ */ u(a, {
-			gap: "xl",
-			"data-slot": "aside-nav-shell-main",
-			className: t("aside-nav-shell--main", w),
-			children: [
-				(f || m || b) && /* @__PURE__ */ u(a, {
-					render: /* @__PURE__ */ l("header", {}),
-					direction: {
-						base: "vertical",
-						sm: "horizontal"
-					},
-					gap: "lg",
-					align: { sm: "start" },
-					justify: { sm: "between" },
-					className: "aside-nav-shell--header",
-					children: [/* @__PURE__ */ u(a, {
-						gap: "normal",
-						className: "min-w-0 flex-1",
-						children: [!!f && /* @__PURE__ */ l(r, {
-							tag: "h2",
-							className: "border-0 pb-0",
-							children: f
-						}), !!m && /* @__PURE__ */ l(i, {
-							type: "secondary",
-							className: "max-w-3xl",
-							children: m
-						})]
-					}), !!b && /* @__PURE__ */ l(a, {
-						direction: "horizontal",
-						wrap: !0,
-						align: "center",
-						gap: "md",
-						className: "shrink-0",
-						children: b
-					})]
-				}),
-				/* @__PURE__ */ l("div", {
-					"data-slot": "aside-nav-shell-content",
-					className: "aside-nav-shell--content min-w-0",
-					children: v
-				}),
-				!!x && /* @__PURE__ */ l("footer", {
-					className: "aside-nav-shell--footer",
-					children: x
-				})
-			]
-		})]
-	});
-}
-var h = m;
-m.displayName = "AsideNavShell";
-//#endregion
-export { h as n, d as r, m as t };
-
-//# sourceMappingURL=settings-DHk0L2MF.js.map

package/dist/settings-DHk0L2MF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-DHk0L2MF.js","names":["DisplayLabel","Heading","Text","Stack","Card","Badge","resolveLayoutLinkRenderer","defaultAsideNavShellStrings","normalizePath","rawUrl","baseOrigin","trimmed","isActiveItem","currentId","item","currentPath","activePath","itemPath","AsideNavShell","stringsProp","strings","useStrings","linkRenderer","cn","className","navClassName","aside","groups","group","Icon","active","content","contentClassName","title","description","actions","footer","SettingsShell"],"sources":["../src/components/layout/settings/settings.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\n\nimport { Badge } from '../../base/badge';\nimport { Card } from '../../base/cards';\nimport { Stack } from '../../base/structure';\nimport { DisplayLabel, Heading, Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tresolveLayoutLinkRenderer,\n\ttype LayoutNavigationAdapter,\n} from '../layout.types';\n\nexport interface AsideNavShellStrings {\n\tnavigationAriaLabel: string;\n}\n\nexport const defaultAsideNavShellStrings: AsideNavShellStrings = {\n\tnavigationAriaLabel: 'Settings navigation',\n};\n\nexport interface AsideNavItem {\n\tid: string;\n\t/** Display label. */\n\tlabel: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\t/** Supporting copy under the title. */\n\tdescription?: ReactNode;\n\t/** Leading glyph. */\n\ticon?: ComponentType<{ className?: string }>;\n\t/** Chip rendered beside the label. */\n\tbadge?: ReactNode;\n\t/** Disables the control. */\n\tdisabled?: boolean;\n\texternal?: boolean;\n\tonSelect?: (id: string) => void;\n}\n\nexport interface AsideNavGroup {\n\tid: string;\n\t/** Display label. */\n\tlabel?: ReactNode;\n\t/** Entries to render, in order. */\n\titems: AsideNavItem[];\n}\n\nexport interface AsideNavShellProps extends LayoutNavigationAdapter {\n\t/** Surface title. */\n\ttitle?: ReactNode;\n\t/** Supporting copy under the title. */\n\tdescription?: ReactNode;\n\t/** Sections of the settings navigation. */\n\tgroups: AsideNavGroup[];\n\t/** Id of the active entry. */\n\tcurrentId?: string;\n\t/** Path of the active route. */\n\tcurrentPath?: string;\n\tchildren?: ReactNode;\n\t/** Content beside the main settings panel. */\n\taside?: ReactNode;\n\t/** Controls offered on the surface. */\n\tactions?: ReactNode;\n\t/** Content below the body. */\n\tfooter?: ReactNode;\n\tclassName?: string;\n\t/** Merged onto the navigation region. */\n\tnavClassName?: string;\n\t/** Merged onto the content region. */\n\tcontentClassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<AsideNavShellStrings>;\n}\n\nexport type SettingsShellProps = AsideNavShellProps;\n\nfunction normalizePath(rawUrl?: string): string {\n\tif (!rawUrl) return '';\n\ttry {\n\t\tconst baseOrigin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost';\n\t\tconst parsed = new URL(rawUrl, baseOrigin);\n\t\tconst trimmed = parsed.pathname.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t} catch {\n\t\tconst clean = rawUrl.split('?')[0] ?? rawUrl;\n\t\tconst trimmed = clean.replace(/\\/+$/, '');\n\t\treturn trimmed.length > 0 ? trimmed : '/';\n\t}\n}\n\nfunction isActiveItem(item: AsideNavItem, currentId?: string, currentPath?: string): boolean {\n\tif (currentId) return item.id === currentId;\n\tif (!currentPath || !item.href) return false;\n\tconst activePath = normalizePath(currentPath);\n\tconst itemPath = normalizePath(item.href);\n\treturn activePath === itemPath || activePath.startsWith(`${itemPath}/`);\n}\n\nexport function AsideNavShell({\n\ttitle,\n\tdescription,\n\tgroups,\n\tcurrentId,\n\tcurrentPath,\n\tchildren,\n\taside,\n\tactions,\n\tfooter,\n\tclassName,\n\tnavClassName,\n\tcontentClassName,\n\trenderLink,\n\tstrings: stringsProp,\n}: AsideNavShellProps) {\n\tconst strings = useStrings(defaultAsideNavShellStrings, stringsProp);\n\tconst linkRenderer = resolveLayoutLinkRenderer({ renderLink });\n\n\treturn (\n\t\t<section\n\t\t\tdata-component=\"aside-nav-shell\"\n\t\t\tdata-slot=\"aside-nav-shell\"\n\t\t\tclassName={cn('aside-nav-shell--component grid min-w-0 gap-space-xl lg:grid-cols-[17rem_minmax(0,1fr)]', className)}\n\t\t>\n\t\t\t<aside data-slot=\"aside-nav-shell-aside\" className=\"aside-nav-shell--aside min-w-0\">\n\t\t\t\t<Card\n\t\t\t\t\tsurface=\"card\"\n\t\t\t\t\tclassName={cn('aside-nav-shell--nav-card sticky top-[calc(var(--shell-header-height)_+_1rem*var(--space-scale))]', navClassName)}\n\t\t\t\t\tcontentClassName=\"grid gap-space-xl\"\n\t\t\t\t>\n\t\t\t\t\t{!!aside && <div className=\"aside-nav-shell--aside-header\">{aside}</div>}\n\t\t\t\t\t<Stack render={<nav aria-label={strings.navigationAriaLabel} />} gap=\"xl\">\n\t\t\t\t\t\t{groups.map((group) => (\n\t\t\t\t\t\t\t<Stack key={group.id} gap=\"sm\">\n\t\t\t\t\t\t\t\t{!!group.label && (\n\t\t\t\t\t\t\t\t\t<DisplayLabel className=\"px-row-x\">\n\t\t\t\t\t\t\t\t\t\t{group.label}\n\t\t\t\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<Stack gap=\"2xs\">\n\t\t\t\t\t\t\t\t\t{group.items.map((item) => {\n\t\t\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\t\t\t\t\t\t\t\t\t\tconst active = isActiveItem(item, currentId, currentPath);\n\t\t\t\t\t\t\t\t\t\tconst content = (\n\t\t\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"start\" gap=\"md\" wrap={false} render={<span />} className=\"min-w-0 w-full\">\n\t\t\t\t\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'size-icon shrink-0 mt-space-2xs',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive ? 'text-primary-accent' : 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t<Stack render={<span />} gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight={active ? 'semibold' : 'medium'} className=\"truncate\">\n\t\t\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\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t\t\t{!!item.badge && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Badge tone=\"secondary\" className=\"shrink-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<div key={item.id} onClick={() => { if (!item.disabled) item.onSelect?.(item.id); }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{linkRenderer({\n\t\t\t\t\t\t\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\t\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t\t\t\t\t\t\t\t\tactive,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled: item.disabled,\n\t\t\t\t\t\t\t\t\t\t\t\t\texternal: item.external,\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName: cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'aside-nav-shell--item flex min-w-0 rounded-inner px-row-x py-row-y transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-accent text-accent-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-foreground hover:bg-accent hover:text-accent-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.disabled && 'pointer-events-none opacity-50',\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t'aria-label': typeof item.label === 'string' ? item.label : undefined,\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Stack>\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</Card>\n\t\t\t</aside>\n\n\t\t\t\t<Stack gap=\"xl\" data-slot=\"aside-nav-shell-main\" className={cn('aside-nav-shell--main', contentClassName)}>\n\t\t\t\t{(title || description || actions) && (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\trender={<header />}\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={{ sm: 'start' }}\n\t\t\t\t\t\tjustify={{ sm: 'between' }}\n\t\t\t\t\t\tclassName=\"aside-nav-shell--header\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* `flex-1` so the text yields width to the actions instead of\n\t\t\t\t\t\t    claiming its full content width. The header wraps on `sm`,\n\t\t\t\t\t\t    and the description's `max-w-3xl` is wider than the content\n\t\t\t\t\t\t    column, so without this the actions wrapped onto their own\n\t\t\t\t\t\t    line below the description rather than sitting beside the\n\t\t\t\t\t\t    title. */}\n\t\t\t\t\t\t<Stack gap=\"normal\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t{!!title && <Heading tag=\"h2\" className=\"border-0 pb-0\">{title}</Heading>}\n\t\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t\t<Text type=\"secondary\" className=\"max-w-3xl\">\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t{!!actions && <Stack direction=\"horizontal\" wrap align=\"center\" gap=\"md\" className=\"shrink-0\">{actions}</Stack>}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t\t\t<div data-slot=\"aside-nav-shell-content\" className=\"aside-nav-shell--content min-w-0\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t\t{!!footer && <footer className=\"aside-nav-shell--footer\">{footer}</footer>}\n\t\t\t\t</Stack>\n\t\t</section>\n\t);\n}\n\nexport const SettingsShell = AsideNavShell;\n\nAsideNavShell.displayName = 'AsideNavShell';\n"],"mappings":"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"}