themelia-react-ui 1.0.2 → 2.0.1

package/dist/settings-CQW3b-Cu.js

@@ -0,0 +1,170 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-l5LpDw2z.js";
+import { a as n, o as r, s as i } from "./typography-DTRkE9zL.js";
+import { t as a } from "./focus-recipes-B653VaLq.js";
+import { t as o } from "./structure-DC2dygdA.js";
+import { t as s } from "./smart-card-lFKxn5Hu.js";
+import { t as c } from "./interaction-recipes-CHr0dJUs.js";
+import { t as l } from "./badge-MrKVNzW9.js";
+import { n as u, t as d } from "./page-header-commands-DjzFEq3E.js";
+import { n as f } from "./layout.types-Cn7aUzJp.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/layout/settings/settings.tsx
+var h = { navigationAriaLabel: "Settings navigation" };
+function g(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 _(e, t, n) {
+	if (t) return e.id === t;
+	if (!n || !e.href) return !1;
+	let r = g(n), i = g(e.href);
+	return r === i || r.startsWith(`${i}/`);
+}
+function v({ title: g, description: v, groups: y, currentId: b, currentPath: x, children: S, aside: C, actions: w, primaryAction: T, secondaryActions: E, moreActionsLabel: D = "More actions", footer: O, className: k, navClassName: A, contentClassName: j, renderLink: M, strings: N }) {
+	let P = e(h, N), F = f({ renderLink: M }), I = u(T, E);
+	return /* @__PURE__ */ m("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)]", k),
+		children: [/* @__PURE__ */ p("aside", {
+			"data-slot": "aside-nav-shell-aside",
+			className: "aside-nav-shell--aside min-w-0",
+			children: /* @__PURE__ */ m(s, {
+				surface: "card",
+				className: t("aside-nav-shell--nav-card sticky top-[calc(var(--shell-header-height)_+_1rem*var(--space-scale))]", A),
+				contentClassName: "grid gap-space-xl",
+				children: [!!C && /* @__PURE__ */ p("div", {
+					className: "aside-nav-shell--aside-header",
+					children: C
+				}), /* @__PURE__ */ p(o, {
+					render: /* @__PURE__ */ p("nav", { "aria-label": P.navigationAriaLabel }),
+					gap: "xl",
+					children: y.map((e) => /* @__PURE__ */ m(o, {
+						gap: "sm",
+						children: [!!e.label && /* @__PURE__ */ p(n, {
+							className: "px-row-x",
+							children: e.label
+						}), /* @__PURE__ */ p(o, {
+							gap: "2xs",
+							children: e.items.map((e) => {
+								let n = e.icon, r = _(e, b, x), s = /* @__PURE__ */ m(o, {
+									direction: "horizontal",
+									align: "start",
+									gap: "md",
+									wrap: !1,
+									render: /* @__PURE__ */ p("span", {}),
+									className: "min-w-0 w-full",
+									children: [
+										!!n && /* @__PURE__ */ p(n, { className: t("size-icon shrink-0 mt-space-2xs", r ? "text-accent-foreground" : "text-muted-foreground") }),
+										/* @__PURE__ */ m(o, {
+											render: /* @__PURE__ */ p("span", {}),
+											gap: "dense",
+											className: "min-w-0 flex-1",
+											children: [/* @__PURE__ */ p(i, {
+												tag: "span",
+												weight: r ? "semibold" : "medium",
+												className: "truncate",
+												children: e.label
+											}), !!e.description && /* @__PURE__ */ p(i, {
+												tag: "span",
+												size: "xs",
+												type: "secondary",
+												className: "truncate",
+												children: e.description
+											})]
+										}),
+										!!e.badge && /* @__PURE__ */ p(l, {
+											tone: "secondary",
+											className: "shrink-0",
+											children: e.badge
+										})
+									]
+								});
+								return /* @__PURE__ */ p("div", {
+									onClick: () => {
+										e.disabled || e.onSelect?.(e.id);
+									},
+									children: F({
+										href: e.href,
+										children: s,
+										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 ${a.edge}`, r ? c.rowSelected : `text-foreground ${c.rowHover}`, e.disabled && "pointer-events-none opacity-50"),
+										"aria-label": typeof e.label == "string" ? e.label : void 0
+									})
+								}, e.id);
+							})
+						})]
+					}, e.id))
+				})]
+			})
+		}), /* @__PURE__ */ m(o, {
+			gap: "xl",
+			"data-slot": "aside-nav-shell-main",
+			className: t("aside-nav-shell--main", j),
+			children: [
+				(g || v || w || I) && /* @__PURE__ */ m(o, {
+					render: /* @__PURE__ */ p("header", {}),
+					direction: {
+						base: "vertical",
+						sm: "horizontal"
+					},
+					gap: "lg",
+					align: { sm: "start" },
+					justify: { sm: "between" },
+					className: "aside-nav-shell--header",
+					children: [/* @__PURE__ */ m(o, {
+						gap: "normal",
+						className: "min-w-0 flex-1",
+						children: [!!g && /* @__PURE__ */ p(r, {
+							tag: "h2",
+							className: "border-0 pb-0",
+							children: g
+						}), !!v && /* @__PURE__ */ p(i, {
+							type: "secondary",
+							className: "max-w-3xl",
+							children: v
+						})]
+					}), !!(w || I) && /* @__PURE__ */ m(o, {
+						direction: "horizontal",
+						wrap: !0,
+						align: "center",
+						justify: I ? "end" : void 0,
+						gap: "md",
+						className: "aside-nav-shell--actions shrink-0",
+						children: [w, I && /* @__PURE__ */ p(d, {
+							primaryAction: T,
+							secondaryActions: E,
+							moreActionsLabel: D,
+							renderLink: F
+						})]
+					})]
+				}),
+				/* @__PURE__ */ p("div", {
+					"data-slot": "aside-nav-shell-content",
+					className: "aside-nav-shell--content min-w-0",
+					children: S
+				}),
+				!!O && /* @__PURE__ */ p("footer", {
+					className: "aside-nav-shell--footer",
+					children: O
+				})
+			]
+		})]
+	});
+}
+var y = v;
+v.displayName = "AsideNavShell";
+//#endregion
+export { y as n, h as r, v as t };
+
+//# sourceMappingURL=settings-CQW3b-Cu.js.map

package/dist/settings-CQW3b-Cu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-CQW3b-Cu.js","names":["DisplayLabel","Heading","Text","focusRecipes","Stack","Card","interactionRecipes","Badge","hasPageHeaderCommands","PageHeaderCommands","resolveLayoutLinkRenderer","defaultAsideNavShellStrings","normalizePath","rawUrl","baseOrigin","trimmed","isActiveItem","currentId","item","currentPath","activePath","itemPath","AsideNavShell","stringsProp","strings","useStrings","linkRenderer","hasCommands","primaryAction","secondaryActions","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 { hasPageHeaderCommands, PageHeaderCommands, type PageHeaderAction } from '../../base/navigation/page-header/page-header-commands';\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';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\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/**\n\t * Non-command controls beside the title, such as a scope select. They\n\t * render before the role-based commands.\n\t */\n\tactions?: ReactNode;\n\t/** The page's one main command: a solid primary button, visible at every width. */\n\tprimaryAction?: PageHeaderAction;\n\t/**\n\t * Supporting commands in priority order, as in Page headers: the first two\n\t * render as outline buttons before the primary command; the rest, and every\n\t * destructive command, move into the More actions menu, which closes the row.\n\t */\n\tsecondaryActions?: readonly PageHeaderAction[];\n\t/** Accessible name of the More actions menu trigger. Default: `'More actions'`. */\n\tmoreActionsLabel?: string;\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\tprimaryAction,\n\tsecondaryActions,\n\tmoreActionsLabel = 'More actions',\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\tconst hasCommands = hasPageHeaderCommands(primaryAction, secondaryActions);\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-accent-foreground' : '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 ${focusRecipes.edge}`,\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? interactionRecipes.rowSelected\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: `text-foreground ${interactionRecipes.rowHover}`,\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 || hasCommands) && (\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 || hasCommands) && (\n\t\t\t\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" justify={hasCommands ? 'end' : undefined} gap=\"md\" className=\"aside-nav-shell--actions shrink-0\">\n\t\t\t\t\t\t\t\t{actions}\n\t\t\t\t\t\t\t\t{hasCommands && (\n\t\t\t\t\t\t\t\t\t<PageHeaderCommands\n\t\t\t\t\t\t\t\t\t\tprimaryAction={primaryAction}\n\t\t\t\t\t\t\t\t\t\tsecondaryActions={secondaryActions}\n\t\t\t\t\t\t\t\t\t\tmoreActionsLabel={moreActionsLabel}\n\t\t\t\t\t\t\t\t\t\trenderLink={linkRenderer}\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</Stack>\n\t\t\t\t\t\t)}\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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"}

package/dist/sheet-4SEvVYzA.js

@@ -0,0 +1,210 @@
+"use client";
+import { r as e } from "./theme-scope-kStaAer0.js";
+import { t } from "./utils-l5LpDw2z.js";
+import { t as n } from "./affordance-geometry.generated-B5iu-Mkr.js";
+import { s as r } from "./typography-DTRkE9zL.js";
+import { a as i, i as a, s as o } from "./text.styles-g4He6UIW.js";
+import { t as s } from "./motion-recipes-ChBg4HBq.js";
+import { t as c } from "./slot-CLF9kLrS.js";
+import { t as l } from "./button-QYwiyhD2.js";
+import { a as u, r as d } from "./surface-recipes-BKRVW8Os.js";
+import { t as f } from "./overlay.recipes-8GHqmlb4.js";
+import * as p from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { XIcon as g } from "lucide-react";
+import { Dialog as _ } from "@base-ui/react/dialog";
+//#region src/lib/overlay-anatomy-recipes.ts
+var v = {
+	close: n.overlayClose,
+	header: n.overlayHeader,
+	headerCentered: n.overlayHeaderCentered
+};
+//#endregion
+//#region src/components/ui/sheet.tsx
+function y({ ...e }) {
+	return /* @__PURE__ */ m(_.Root, {
+		"data-slot": "sheet",
+		modal: "trap-focus",
+		...e
+	});
+}
+function b({ asChild: e = !1, ...t }) {
+	let n = e ? /* @__PURE__ */ m(c, {}) : void 0;
+	return /* @__PURE__ */ m(_.Trigger, {
+		"data-slot": "sheet-trigger",
+		render: n,
+		...t
+	});
+}
+function x({ asChild: e = !1, ...t }) {
+	let n = e ? /* @__PURE__ */ m(c, {}) : void 0;
+	return /* @__PURE__ */ m(_.Close, {
+		"data-slot": "sheet-close",
+		render: n,
+		...t
+	});
+}
+function S({ container: t, ...n }) {
+	let r = e(t);
+	return /* @__PURE__ */ m(_.Portal, {
+		container: r,
+		"data-slot": "sheet-portal",
+		...n
+	});
+}
+function C({ className: e, ...n }) {
+	return /* @__PURE__ */ m(_.Backdrop, {
+		"data-slot": "sheet-overlay",
+		className: t(f, s.backdrop, e),
+		...n
+	});
+}
+function w({ className: n, container: r, children: i, side: a = "right", showCloseButton: o = !0, ...c }) {
+	let u = e(r);
+	return /* @__PURE__ */ h(S, {
+		container: u,
+		children: [/* @__PURE__ */ m(C, {}), /* @__PURE__ */ h(_.Popup, {
+			"data-slot": "sheet-content",
+			"data-side": a,
+			className: t(s.drawer, "border-border bg-background fixed z-50 flex flex-col gap-space-xl bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", n),
+			...c,
+			children: [i, !!o && /* @__PURE__ */ h(_.Close, {
+				"data-slot": "sheet-close",
+				render: /* @__PURE__ */ m(l, {
+					variant: "ghost",
+					"data-overlay-close": "",
+					className: v.close,
+					size: "icon-sm"
+				}),
+				children: [/* @__PURE__ */ m(g, {}), /* @__PURE__ */ m("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function T({ className: e, ...n }) {
+	return /* @__PURE__ */ m("div", {
+		"data-slot": "sheet-header",
+		className: t("flex flex-col", e),
+		...n
+	});
+}
+function E({ className: e, ...n }) {
+	return /* @__PURE__ */ m("div", {
+		"data-slot": "sheet-footer",
+		className: t("mt-auto flex flex-col", e),
+		...n
+	});
+}
+function D({ className: e, asChild: n = !1, ...r }) {
+	let i = n ? /* @__PURE__ */ m(c, {}) : void 0;
+	return /* @__PURE__ */ m(_.Title, {
+		"data-slot": "sheet-title",
+		render: i,
+		className: t("text-foreground font-medium", e),
+		...r
+	});
+}
+function O({ className: e, asChild: n = !1, ...r }) {
+	let i = n ? /* @__PURE__ */ m(c, {}) : void 0;
+	return /* @__PURE__ */ m(_.Description, {
+		"data-slot": "sheet-description",
+		render: i,
+		className: t("text-muted-foreground text-sm", e),
+		...r
+	});
+}
+//#endregion
+//#region src/components/base/sheet/sheet.tsx
+function k(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var A = t(i.base, o.semibold, a.snug), j = y, M = p.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ m(b, {
+		ref: r,
+		className: t("sheet-trigger--component", e),
+		...n
+	});
+});
+M.displayName = "SheetTrigger";
+var N = p.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ m(x, {
+		ref: r,
+		className: t("sheet-close--component active:translate-y-0!", e),
+		...n
+	});
+});
+N.displayName = "SheetClose";
+var P = p.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ m(w, {
+		ref: r,
+		className: t("sheet-content--component min-h-0 gap-0 overflow-hidden bg-popover p-0 text-popover-foreground [&_[data-slot=sheet-close]]:active:translate-y-0!", u.modal.edge, "data-[side=top]:max-h-[85vh] data-[side=bottom]:max-h-[85vh]", e),
+		...n
+	});
+});
+P.displayName = "SheetContent";
+var F = p.forwardRef(function({ className: e, textGap: n = "normal", ...r }, i) {
+	return /* @__PURE__ */ m(T, {
+		ref: i,
+		"data-modal-region": "",
+		className: t("sheet-header--component", d.header, v.header, n === "dense" ? "gap-dense" : "gap-normal", e),
+		...r
+	});
+});
+F.displayName = "SheetHeader";
+var I = p.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ m("div", {
+		ref: r,
+		"data-slot": "sheet-body",
+		"data-modal-region": "",
+		className: t("sheet-body--component", d.body, e),
+		...n
+	});
+});
+I.displayName = "SheetBody";
+var L = p.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ m(E, {
+		ref: r,
+		"data-modal-region": "",
+		className: t("sheet-footer--component mt-auto flex-row items-center justify-end", d.footer, e),
+		...n
+	});
+});
+L.displayName = "SheetFooter";
+var R = p.forwardRef(function({ children: e, className: n, ...i }, a) {
+	return /* @__PURE__ */ m(D, {
+		ref: a,
+		className: t("sheet-title--component m-0", A, n),
+		...i,
+		children: k(e) ? /* @__PURE__ */ m(r, {
+			tag: "span",
+			size: "base",
+			weight: "semibold",
+			lineHeight: "snug",
+			className: "sheet-title--text",
+			children: e
+		}) : e
+	});
+});
+R.displayName = "SheetTitle";
+var z = p.forwardRef(function({ children: e, className: n, ...i }, a) {
+	return /* @__PURE__ */ m(O, {
+		ref: a,
+		className: t("sheet-description--component m-0", n),
+		...i,
+		children: k(e) ? /* @__PURE__ */ m(r, {
+			tag: "span",
+			type: "secondary",
+			lineHeight: "relaxed",
+			className: "sheet-description--text",
+			children: e
+		}) : e
+	});
+});
+z.displayName = "SheetDescription";
+//#endregion
+export { z as a, R as c, P as i, M as l, I as n, L as o, N as r, F as s, j as t, v as u };
+
+//# sourceMappingURL=sheet-4SEvVYzA.js.map

package/dist/sheet-4SEvVYzA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-4SEvVYzA.js","names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetContent","SheetHeader","SheetFooter","SheetTitle","SheetDescription","SheetPrimitive","React","SheetTriggerPrimitive","SheetClosePrimitive","SheetContentPrimitive","SheetHeaderPrimitive","SheetFooterPrimitive","SheetTitlePrimitive","SheetDescriptionPrimitive","useThemePortalContainer","affordanceGeometry","Text","textSizes","textLineHeights","textWeights","motionRecipes","Slot","Button","surfaceDividerRecipes","modalRegionRecipes","modalBackdropRecipe","React$1","overlayAnatomyRecipes","Sheet$1","props","Dialog","SheetTrigger$1","renderSlot","asChild","SheetClose$1","SheetPortal","resolvedContainer","container","SheetOverlay","cn","className","SheetContent$1","side","children","showCloseButton","XIcon","SheetHeader$1","SheetFooter$1","SheetTitle$1","SheetDescription$1","isSimpleText","value","titleTypography","Sheet","SheetTrigger","SheetClose","SheetContent","SheetHeader","textGap","SheetBody","SheetFooter","SheetTitle","SheetDescription"],"sources":["../src/lib/overlay-anatomy-recipes.ts","../src/components/ui/sheet.tsx","../src/components/base/sheet/sheet.tsx"],"sourcesContent":["import { affordanceGeometry } from './affordance-geometry.generated';\n/** Dismiss controls follow the surface's logical inset; headers reserve the\n * actual small-action width plus an action gap only when a close control exists.\n * These are derived recipes, not additional theme settings.\n */\nexport const overlayAnatomyRecipes = {\n\tclose: affordanceGeometry.overlayClose,\n\theader: affordanceGeometry.overlayHeader,\n\theaderCentered: affordanceGeometry.overlayHeaderCentered,\n} as const;\n","\"use client\";\n\nimport { overlayAnatomyRecipes } from '../../lib/overlay-anatomy-recipes';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { modalBackdropRecipe } from './overlay.recipes';\n\nimport { useThemePortalContainer, type ThemePortalContainer } from '../../lib/theme-scope';\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\nimport { XIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"./button\"\nimport { Slot } from \"./slot\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" modal=\"trap-focus\" {...props} />\n}\n\nfunction SheetTrigger({\n  asChild = false,\n  ...props\n}: SheetPrimitive.Trigger.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Trigger\n      data-slot=\"sheet-trigger\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nfunction SheetClose({\n  asChild = false,\n  ...props\n}: SheetPrimitive.Close.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Close\n      data-slot=\"sheet-close\"\n      render={renderSlot}\n      {...props}\n    />\n  )\n}\n\nfunction SheetPortal({ container, ...props }: SheetPrimitive.Portal.Props) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return <SheetPrimitive.Portal container={resolvedContainer} data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(modalBackdropRecipe, motionRecipes.backdrop, className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  container,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n} & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return (\n    <SheetPortal container={resolvedContainer}>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          motionRecipes.drawer,\n          \"border-border bg-background fixed z-50 flex flex-col gap-space-xl bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {!!showCloseButton && (\n          <SheetPrimitive.Close\n            data-slot=\"sheet-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                data-overlay-close=\"\"\n                className={overlayAnatomyRecipes.close}\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <XIcon\n            />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  asChild = false,\n  ...props\n}: SheetPrimitive.Title.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      render={renderSlot}\n      className={cn(\"text-foreground font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  asChild = false,\n  ...props\n}: SheetPrimitive.Description.Props & { asChild?: boolean }) {\n  const renderSlot = asChild ? <Slot /> : undefined\n\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      render={renderSlot}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n","import { modalRegionRecipes, surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport { overlayAnatomyRecipes } from '../../../lib/overlay-anatomy-recipes';\nimport type { TextGap } from '../structure';\n/**\n * Sheet — internal edge-anchored modal anatomy behind `ActionDrawer` and the\n * mobile sidebar drawer.\n *\n * Applications use `ActionDrawer` from `themelia-react-ui/features/overlays`,\n * which owns the lifecycle, focus, dismissal and action contract; the\n * `themelia-react-ui/base/sheet` entrypoint remains only as a deprecated\n * compatibility surface. The panel shares the modal geometry of the internal\n * Dialog wrapper: header, scrolling body and footer each own their inset, one\n * rule separates adjacent visible regions, and one edge rule separates the\n * panel from the page.\n */\nimport * as React from 'react';\n\nimport {\n\tSheet as SheetPrimitive,\n\tSheetClose as SheetClosePrimitive,\n\tSheetContent as SheetContentPrimitive,\n\tSheetDescription as SheetDescriptionPrimitive,\n\tSheetFooter as SheetFooterPrimitive,\n\tSheetHeader as SheetHeaderPrimitive,\n\tSheetTitle as SheetTitlePrimitive,\n\tSheetTrigger as SheetTriggerPrimitive,\n} from '../../ui/sheet';\nimport { Text } from '../../typography';\nimport { textLineHeights, textSizes, textWeights } from '../../typography/text.styles';\nimport { cn } from '../../../lib/utils';\n\nfunction isSimpleText(value: React.ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Same title role as Dialog, set on the element so its line box matches the Text inside. */\nconst titleTypography = cn(textSizes.base, textWeights.semibold, textLineHeights.snug);\n\nexport const Sheet = SheetPrimitive;\n\nexport const SheetTrigger = React.forwardRef<\n\tReact.ElementRef<typeof SheetTriggerPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetTriggerPrimitive>\n>(function SheetTrigger({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetTriggerPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-trigger--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetTrigger.displayName = 'SheetTrigger';\n\nexport const SheetClose = React.forwardRef<\n\tReact.ElementRef<typeof SheetClosePrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetClosePrimitive>\n>(function SheetClose({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetClosePrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-close--component active:translate-y-0!', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetClose.displayName = 'SheetClose';\n\nexport const SheetContent = React.forwardRef<\n\tReact.ElementRef<typeof SheetContentPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetContentPrimitive>\n>(function SheetContent({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetContentPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t// The shell is flush: each region owns its inset once and the rules\n\t\t\t\t// between regions run edge to edge. One rule marks the open edge.\n\t\t\t\t'sheet-content--component min-h-0 gap-0 overflow-hidden bg-popover p-0 text-popover-foreground [&_[data-slot=sheet-close]]:active:translate-y-0!',\n\t\t\t\tsurfaceDividerRecipes.modal.edge,\n\t\t\t\t'data-[side=top]:max-h-[85vh] data-[side=bottom]:max-h-[85vh]',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetContent.displayName = 'SheetContent';\n\nexport const SheetHeader = React.forwardRef<\n\tHTMLDivElement,\n\tReact.ComponentPropsWithoutRef<typeof SheetHeaderPrimitive> & { textGap?: TextGap }\n>(function SheetHeader({ className, textGap = 'normal', ...props }, ref) {\n\treturn (\n\t\t<SheetHeaderPrimitive\n\t\t\tref={ref}\n\t\t\tdata-modal-region=\"\"\n\t\t\tclassName={cn(\n\t\t\t\t'sheet-header--component', modalRegionRecipes.header,\n\t\t\t\toverlayAnatomyRecipes.header,\n\t\t\t\ttextGap === 'dense' ? 'gap-dense' : 'gap-normal',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetHeader.displayName = 'SheetHeader';\n\n/** Scroll-owning content region between the pinned sheet header and footer. */\nexport const SheetBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\tfunction SheetBody({ className, ...props }, ref) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-slot=\"sheet-body\"\n\t\t\t\tdata-modal-region=\"\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'sheet-body--component', modalRegionRecipes.body,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nSheetBody.displayName = 'SheetBody';\n\nexport const SheetFooter = React.forwardRef<\n\tHTMLDivElement,\n\tReact.ComponentPropsWithoutRef<typeof SheetFooterPrimitive>\n>(function SheetFooter({ className, ...props }, ref) {\n\treturn (\n\t\t<SheetFooterPrimitive\n\t\t\tref={ref}\n\t\t\tdata-modal-region=\"\"\n\t\t\tclassName={cn(\n\t\t\t\t'sheet-footer--component mt-auto flex-row items-center justify-end', modalRegionRecipes.footer,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\n\nSheetFooter.displayName = 'SheetFooter';\n\nexport const SheetTitle = React.forwardRef<\n\tReact.ElementRef<typeof SheetTitlePrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetTitlePrimitive>\n>(function SheetTitle({ children, className, ...props }, ref) {\n\treturn (\n\t\t<SheetTitlePrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-title--component m-0', titleTypography, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize=\"base\"\n\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\tlineHeight=\"snug\"\n\t\t\t\t\tclassName=\"sheet-title--text\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</SheetTitlePrimitive>\n\t);\n});\n\nSheetTitle.displayName = 'SheetTitle';\n\nexport const SheetDescription = React.forwardRef<\n\tReact.ElementRef<typeof SheetDescriptionPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof SheetDescriptionPrimitive>\n>(function SheetDescription({ children, className, ...props }, ref) {\n\treturn (\n\t\t<SheetDescriptionPrimitive\n\t\t\tref={ref}\n\t\t\tclassName={cn('sheet-description--component m-0', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tlineHeight=\"relaxed\"\n\t\t\t\t\tclassName=\"sheet-description--text\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</SheetDescriptionPrimitive>\n\t);\n});\n\nSheetDescription.displayName = 'SheetDescription';\n"],"mappings":"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"}