themelia-react-ui 2.0.5 → 2.0.6

package/dist/{scroll-area-B0dB2cBi.js.map → scroll-area-Bj6CRUif.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scroll-area-B0dB2cBi.js","names":["ScrollArea","ScrollAreaPrimitive","cn","ScrollArea$1","props","ScrollArea","className","viewportRef","focusRecipes","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';\nimport { focusRecipes } from '../../../lib/focus-recipes';\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\tfocusRecipes.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":";;;;;;;AAcA,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,0EAEAM,EAAa,OACbC,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,kBAACX,EAAoB,QAArB,CAA6B,CAAA;EACJ;;AAE5B;AAEA,SAASU,EAAU,EAClB,cACA,iBAAc,YACd,GAAGP,KACoC;CACvC,OACC,kBAACH,EAAoB,WAArB;EACC,aAAU;EACV,oBAAkBS;EACL;EACb,WAAWR,EACV;GACC,gDAAgDQ,MAAgB;GAChE,4CAA4CA,MAAgB;EAC7D,GAKA,8EACA,mGACAJ,CACD;EACA,GAAIF;EAEJ,UAAA,kBAACH,EAAoB,OAArB;GACC,aAAU;GACV,WAAU;EACV,CAAA;CAC6B,CAAA;AAEjC"}
+{"version":3,"file":"scroll-area-Bj6CRUif.js","names":["ScrollArea","ScrollAreaPrimitive","cn","ScrollArea$1","props","ScrollArea","className","viewportRef","focusRecipes","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';\nimport { focusRecipes } from '../../../lib/focus-recipes';\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\tfocusRecipes.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":";;;;;;;AAcA,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,0EAEAM,EAAa,OACbC,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,kBAACX,EAAoB,QAArB,CAA6B,CAAA;EACJ;;AAE5B;AAEA,SAASU,EAAU,EAClB,cACA,iBAAc,YACd,GAAGP,KACoC;CACvC,OACC,kBAACH,EAAoB,WAArB;EACC,aAAU;EACV,oBAAkBS;EACL;EACb,WAAWR,EACV;GACC,gDAAgDQ,MAAgB;GAChE,4CAA4CA,MAAgB;EAC7D,GAKA,8EACA,mGACAJ,CACD;EACA,GAAIF;EAEJ,UAAA,kBAACH,EAAoB,OAArB;GACC,aAAU;GACV,WAAU;EACV,CAAA;CAC6B,CAAA;AAEjC"}

package/dist/{separator-Bb17I4pu.js → separator-B9ewiCGO.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./utils-B6kKb8jB.js";
+import { t as e } from "./utils-DhuoqFy4.js";
 import { jsx as t } from "react/jsx-runtime";
 import { Separator as n } from "@base-ui/react/separator";
 //#region src/components/ui/separator.tsx
@@ -14,4 +14,4 @@ function r({ className: r, orientation: i = "horizontal", ...a }) {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=separator-Bb17I4pu.js.map
+//# sourceMappingURL=separator-B9ewiCGO.js.map

package/dist/{separator-Bb17I4pu.js.map → separator-B9ewiCGO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"separator-Bb17I4pu.js","names":["Separator","SeparatorPrimitive","cn","Separator$1","props","Separator","className"],"sources":["../src/components/ui/separator.tsx"],"sourcesContent":["\"use client\"\n\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorPrimitive.Props) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"mappings":";;;;;AAMA,SAASA,EAAU,EACjB,cACA,iBAAc,cACd,GAAGI,KACwB;CAC3B,OACE,kBAACH,GAAD;EACE,aAAU;EACG;EACb,WAAWC,EACT,wKACAI,CACF;EACA,GAAIF;CACL,CAAA;AAEL"}
+{"version":3,"file":"separator-B9ewiCGO.js","names":["Separator","SeparatorPrimitive","cn","Separator$1","props","Separator","className"],"sources":["../src/components/ui/separator.tsx"],"sourcesContent":["\"use client\"\n\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: SeparatorPrimitive.Props) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"mappings":";;;;;AAMA,SAASA,EAAU,EACjB,cACA,iBAAc,cACd,GAAGI,KACwB;CAC3B,OACE,kBAACH,GAAD;EACE,aAAU;EACG;EACb,WAAWC,EACT,wKACAI,CACF;EACA,GAAIF;CACL,CAAA;AAEL"}

package/dist/{separator-Ct_WSWTJ.js → separator-DM6gs2vu.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./utils-B6kKb8jB.js";
-import { t } from "./separator-Bb17I4pu.js";
+import { t as e } from "./utils-DhuoqFy4.js";
+import { t } from "./separator-B9ewiCGO.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/base/display/separator.tsx
@@ -18,4 +18,4 @@ r.displayName = "Separator";
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=separator-Ct_WSWTJ.js.map
+//# sourceMappingURL=separator-DM6gs2vu.js.map

package/dist/{separator-Ct_WSWTJ.js.map → separator-DM6gs2vu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"separator-Ct_WSWTJ.js","names":["PrimitiveSeparator","cn","Separator","props","Separator$1","dashed","className"],"sources":["../src/components/base/display/separator.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Separator as PrimitiveSeparator } from '../../ui/separator';\nimport { cn } from '../../../lib/utils';\n\nexport interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof PrimitiveSeparator> {\n\t/** Render the rule as a dashed line instead of a solid border fill. */\n\tdashed?: boolean;\n}\n\nexport function Separator({\n\tclassName,\n\tdashed = false,\n\t...props\n}: SeparatorProps) {\n\treturn (\n\t\t<PrimitiveSeparator\n\t\t\tclassName={cn(\n\t\t\t\t'separator--component',\n\t\t\t\tdashed && [\n\t\t\t\t\t// `border-0` zeroes every side first: without preflight, a dashed\n\t\t\t\t\t// style would otherwise give the unset sides a 3px medium border.\n\t\t\t\t\t'bg-transparent border-0 border-border border-dashed',\n\t\t\t\t\t'data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:border-t',\n\t\t\t\t\t'data-[orientation=vertical]:w-0 data-[orientation=vertical]:border-l',\n\t\t\t\t],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nSeparator.displayName = 'Separator';\n"],"mappings":";;;;;;AAUA,SAAgBE,EAAU,EACzB,cACA,YAAS,IACT,GAAGC,KACe;CAClB,OACC,kBAACH,GAAD;EACC,WAAWC,EACV,wBACAI,KAAU;GAGT;GACA;GACA;EACD,GACAC,CACD;EACA,GAAIH;CACJ,CAAA;AAEH;AAEA,EAAU,cAAc"}
+{"version":3,"file":"separator-DM6gs2vu.js","names":["PrimitiveSeparator","cn","Separator","props","Separator$1","dashed","className"],"sources":["../src/components/base/display/separator.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Separator as PrimitiveSeparator } from '../../ui/separator';\nimport { cn } from '../../../lib/utils';\n\nexport interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof PrimitiveSeparator> {\n\t/** Render the rule as a dashed line instead of a solid border fill. */\n\tdashed?: boolean;\n}\n\nexport function Separator({\n\tclassName,\n\tdashed = false,\n\t...props\n}: SeparatorProps) {\n\treturn (\n\t\t<PrimitiveSeparator\n\t\t\tclassName={cn(\n\t\t\t\t'separator--component',\n\t\t\t\tdashed && [\n\t\t\t\t\t// `border-0` zeroes every side first: without preflight, a dashed\n\t\t\t\t\t// style would otherwise give the unset sides a 3px medium border.\n\t\t\t\t\t'bg-transparent border-0 border-border border-dashed',\n\t\t\t\t\t'data-[orientation=horizontal]:h-0 data-[orientation=horizontal]:border-t',\n\t\t\t\t\t'data-[orientation=vertical]:w-0 data-[orientation=vertical]:border-l',\n\t\t\t\t],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nSeparator.displayName = 'Separator';\n"],"mappings":";;;;;;AAUA,SAAgBE,EAAU,EACzB,cACA,YAAS,IACT,GAAGC,KACe;CAClB,OACC,kBAACH,GAAD;EACC,WAAWC,EACV,wBACAI,KAAU;GAGT;GACA;GACA;EACD,GACAC,CACD;EACA,GAAIH;CACJ,CAAA;AAEH;AAEA,EAAU,cAAc"}

package/dist/services/actions.js

@@ -1,6 +1,6 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { n as t, r as n, t as r } from "../overlays-BSgCtM2v.js";
+import { n as t, r as n, t as r } from "../overlays-CC8zI3Du.js";
 import { createContext as i, createElement as a, useContext as o, useEffect as s, useId as c, useMemo as l, useRef as u, useSyncExternalStore as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/services/actions/actions.types.ts

package/dist/settings-DZPHgpx4.js

@@ -0,0 +1,155 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-DhuoqFy4.js";
+import { c as n, o as r, s as i } from "./typography-C7-YMW1S.js";
+import { n as a, t as o } from "./text.styles-B64My8RZ.js";
+import { t as s } from "./focus-recipes-B653VaLq.js";
+import { t as c } from "./structure-DZJ2wbAU.js";
+import { t as l } from "./smart-card-B6vLxqa_.js";
+import { n as u, t as d } from "./composition.recipes-COdiFhxB.js";
+import { t as f } from "./interaction-recipes-4wZ2tvfb.js";
+import { t as p } from "./badge-wWauMgAt.js";
+import { n as m, t as h } from "./page-header-commands-DIKspJfx.js";
+import { n as g } from "./layout.types-E_GAApzO.js";
+import { t as _ } from "./normalize-layout-path-BmEgg6fu.js";
+import { Fragment as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/layout/settings/settings.tsx
+var x = { navigationAriaLabel: "Settings navigation" };
+function S(e, t, n) {
+	if (t) return e.id === t;
+	if (!n || !e.href) return !1;
+	let r = _(n), i = _(e.href);
+	return r === i || r.startsWith(`${i}/`);
+}
+function C({ title: _, description: C, groups: w, currentId: T, currentPath: E, children: D, aside: O, actions: k, primaryAction: A, secondaryActions: j, maxVisibleSecondaryActions: M, moreActionsLabel: N = "More actions", footer: P, className: F, navClassName: I, contentClassName: L, renderLink: R, strings: z }) {
+	let B = e(x, z), V = g({ renderLink: R }), H = m(A, j);
+	return /* @__PURE__ */ b("section", {
+		"data-component": "aside-nav-shell",
+		"data-slot": "aside-nav-shell",
+		className: t("aside-nav-shell--component grid min-w-0 lg:grid-cols-[17rem_minmax(0,1fr)]", d.subjects, F),
+		children: [/* @__PURE__ */ y("aside", {
+			"data-slot": "aside-nav-shell-aside",
+			className: "aside-nav-shell--aside min-w-0",
+			children: /* @__PURE__ */ b(l, {
+				surface: "card",
+				className: t("aside-nav-shell--nav-card sticky top-0", I),
+				contentClassName: "grid gap-space-xl",
+				children: [!!O && /* @__PURE__ */ y("div", {
+					className: "aside-nav-shell--aside-header",
+					children: O
+				}), /* @__PURE__ */ y(c, {
+					render: /* @__PURE__ */ y("nav", { "aria-label": B.navigationAriaLabel }),
+					gap: "xl",
+					children: w.map((e) => /* @__PURE__ */ b(c, {
+						gap: "sm",
+						children: [!!e.label && /* @__PURE__ */ y(r, {
+							className: "px-row-x text-inherit",
+							children: e.label
+						}), /* @__PURE__ */ y(c, {
+							gap: "2xs",
+							children: e.items.map((e) => {
+								let r = e.icon, i = e.onSelect, a = S(e, T, E), o = /* @__PURE__ */ b(c, {
+									direction: "horizontal",
+									align: "start",
+									gap: "md",
+									wrap: !1,
+									render: /* @__PURE__ */ y("span", {}),
+									className: "min-w-0 w-full",
+									children: [
+										!!r && /* @__PURE__ */ y(r, { className: t("size-icon shrink-0 mt-space-2xs", a ? "text-accent-foreground" : "text-muted-foreground") }),
+										/* @__PURE__ */ b(c, {
+											render: /* @__PURE__ */ y("span", {}),
+											gap: "dense",
+											className: "min-w-0 flex-1",
+											children: [/* @__PURE__ */ y(n, {
+												tag: "span",
+												type: "inherit",
+												weight: a ? "semibold" : "medium",
+												className: "[overflow-wrap:anywhere]",
+												children: e.label
+											}), !!e.description && /* @__PURE__ */ y(n, {
+												tag: "span",
+												size: "xs",
+												type: "secondary",
+												className: "[overflow-wrap:anywhere]",
+												children: e.description
+											})]
+										}),
+										!!e.badge && /* @__PURE__ */ y(p, {
+											tone: "secondary",
+											className: "shrink-0",
+											children: e.badge
+										})
+									]
+								});
+								return /* @__PURE__ */ y(v, { children: V({
+									href: e.href,
+									children: o,
+									active: a,
+									disabled: e.disabled,
+									external: e.external,
+									onClick: i && !e.disabled ? () => i(e.id) : void 0,
+									className: t("aside-nav-shell--item flex min-w-0 rounded-radius px-row-x py-row-y transition-colors", `focus-visible:outline-none ${s.edge}`, a ? f.rowSelected : `text-inherit ${f.rowHover}`, e.disabled && "pointer-events-none opacity-50"),
+									"aria-label": typeof e.label == "string" ? e.label : void 0
+								}) }, e.id);
+							})
+						})]
+					}, e.id))
+				})]
+			})
+		}), /* @__PURE__ */ b(c, {
+			gap: u.subjects,
+			"data-slot": "aside-nav-shell-main",
+			className: t("aside-nav-shell--main", L),
+			children: [
+				(_ || C || k || H) && /* @__PURE__ */ b("header", {
+					className: "aside-nav-shell--header page-header--component @container/page-header flex min-w-0 flex-wrap items-start justify-between gap-x-space-xl gap-y-space-lg",
+					children: [/* @__PURE__ */ b(c, {
+						gap: "normal",
+						className: "aside-nav-shell--copy min-w-0 flex-1 basis-48 @min-[40rem]/page-header:basis-96",
+						children: [!!_ && /* @__PURE__ */ y(i, {
+							tag: "h2",
+							size: a.subject,
+							className: "border-0 pb-0",
+							children: _
+						}), !!C && /* @__PURE__ */ y(n, {
+							...o.structuralDescription,
+							className: "aside-nav-shell--description max-w-3xl",
+							children: C
+						})]
+					}), !!(k || H) && /* @__PURE__ */ b(c, {
+						direction: "horizontal",
+						wrap: !0,
+						align: "center",
+						justify: H ? "end" : void 0,
+						gap: u.commands,
+						className: "aside-nav-shell--actions max-w-full shrink-0",
+						children: [k, H && /* @__PURE__ */ y(h, {
+							primaryAction: A,
+							secondaryActions: j,
+							maxVisibleSecondaryActions: M,
+							moreActionsLabel: N,
+							renderLink: V
+						})]
+					})]
+				}),
+				/* @__PURE__ */ y("div", {
+					"data-slot": "aside-nav-shell-content",
+					className: t("aside-nav-shell--content flex min-w-0 flex-col", d.subjects),
+					children: D
+				}),
+				!!P && /* @__PURE__ */ y("footer", {
+					className: "aside-nav-shell--footer",
+					children: P
+				})
+			]
+		})]
+	});
+}
+var w = C;
+C.displayName = "AsideNavShell";
+//#endregion
+export { w as n, x as r, C as t };
+
+//# sourceMappingURL=settings-DZPHgpx4.js.map

package/dist/settings-DZPHgpx4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-DZPHgpx4.js","names":["Text","DisplayLabel","Heading","headingRoleSizes","copyRoleProps","focusRecipes","Stack","Card","compositionRhythm","compositionClasses","interactionRecipes","Badge","hasPageHeaderCommands","PageHeaderCommands","resolveLayoutLinkRenderer","normalizeLayoutPath","defaultAsideNavShellStrings","isActiveItem","currentId","item","currentPath","activePath","itemPath","AsideNavShell","stringsProp","strings","useStrings","linkRenderer","hasCommands","primaryAction","secondaryActions","cn","className","navClassName","aside","groups","group","Icon","onSelect","active","content","Fragment","contentClassName","title","description","actions","footer","SettingsShell"],"sources":["../src/components/layout/settings/settings.tsx"],"sourcesContent":["import { Fragment, type ComponentType, type ReactNode } from 'react';\n\nimport { Badge } from '../../base/badge';\nimport { Card } from '../../base/cards';\nimport { Stack } from '../../base/structure';\nimport {compositionClasses, compositionRhythm} from '../../base/structure/composition.recipes';\nimport { hasPageHeaderCommands, PageHeaderCommands, type PageHeaderAction } from '../../base/navigation/page-header/page-header-commands';\nimport { DisplayLabel, Heading, Text } from '../../typography';\nimport {copyRoleProps, headingRoleSizes} from '../../typography/text.styles';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tresolveLayoutLinkRenderer,\n\ttype LayoutNavigationAdapter,\n} from '../layout.types';\nimport { normalizeLayoutPath } from '../normalize-layout-path';\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, available in the compact header menu. */\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/**\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/** 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 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 = normalizeLayoutPath(currentPath);\n\tconst itemPath = normalizeLayoutPath(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\tmaxVisibleSecondaryActions,\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 lg:grid-cols-[17rem_minmax(0,1fr)]', compositionClasses.subjects, 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{/* PageViewport scrolls below the application header, so no header offset\n\t\t\t\t    applies. A zero offset keeps the card level with the section header at\n\t\t\t\t    rest even when the shell starts its scroll container: any larger offset\n\t\t\t\t    would push the card down there before anything scrolled. */}\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-0', 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 text-inherit\">\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 onSelect = item.onSelect;\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{/* Labels and descriptions wrap: the navigation column is narrow,\n\t\t\t\t\t\t\t\t\t\t\t\t    and a clipped description loses the copy it exists for. */}\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\" type=\"inherit\" weight={active ? 'semibold' : 'medium'} className=\"[overflow-wrap:anywhere]\">\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=\"[overflow-wrap:anywhere]\">\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<Fragment key={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\tonClick: onSelect && !item.disabled ? () => onSelect(item.id) : undefined,\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-radius 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-inherit ${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</Fragment>\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={compositionRhythm.subjects} 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// The header is the commands' `page-header` container, as in PageHeader:\n\t\t\t\t\t// below 40rem of its own width the commands collapse into More actions.\n\t\t\t\t\t// Actions sit beside the copy only while the copy keeps a readable\n\t\t\t\t\t// measure (12rem, or 24rem once inline commands show); otherwise they\n\t\t\t\t\t// wrap below it instead of squeezing the description.\n\t\t\t\t\t<header className=\"aside-nav-shell--header page-header--component @container/page-header flex min-w-0 flex-wrap items-start justify-between gap-x-space-xl gap-y-space-lg\">\n\t\t\t\t\t\t<Stack gap=\"normal\" className=\"aside-nav-shell--copy min-w-0 flex-1 basis-48 @min-[40rem]/page-header:basis-96\">\n\t\t\t\t\t\t\t{!!title && <Heading tag=\"h2\" size={headingRoleSizes.subject} 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 {...copyRoleProps.structuralDescription} className=\"aside-nav-shell--description 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={compositionRhythm.commands} className=\"aside-nav-shell--actions max-w-full 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\tmaxVisibleSecondaryActions={maxVisibleSecondaryActions}\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</header>\n\t\t\t\t)}\n\t\t\t\t\t<div data-slot=\"aside-nav-shell-content\" className={cn('aside-nav-shell--content flex min-w-0 flex-col', compositionClasses.subjects)}>\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-BGPERY55.js → sheet-C4DHsgLk.js}

@@ -1,14 +1,14 @@
 "use client";
 import { i as e } from "./ui-provider-C-74NVLc.js";
-import { t } from "./utils-B6kKb8jB.js";
+import { t } from "./utils-DhuoqFy4.js";
 import { t as n } from "./affordance-geometry.generated-P-aVJisu.js";
-import { c as r } from "./typography-BQnine1k.js";
+import { c as r } from "./typography-C7-YMW1S.js";
 import { l as i, o as a, s as o } from "./text.styles-B64My8RZ.js";
-import { t as s } from "./portal-recipes-BpsV_iRw.js";
+import { t as s } from "./portal-recipes-DyUXqUtD.js";
 import { t as c } from "./motion-recipes-DitYv6P2.js";
 import { t as l } from "./slot-CLF9kLrS.js";
-import { t as u } from "./button-S2Cubiiz.js";
-import { a as d, r as f } from "./surface-recipes-BKRVW8Os.js";
+import { t as u } from "./button-ChBovTx0.js";
+import { a as d, r as f } from "./surface-recipes-C8mNycaY.js";
 import { t as p } from "./overlay.recipes-8GHqmlb4.js";
 import { t as m } from "./use-popup-focus-recovery-C0QPvgOR.js";
 import * as h from "react";
@@ -247,4 +247,4 @@ K.displayName = "SheetDescription";
 //#endregion
 export { K as a, G as c, C as d, T as f, V as i, z as l, U as n, W as o, b as p, B as r, H as s, R as t, S as u };
 
-//# sourceMappingURL=sheet-BGPERY55.js.map
+//# sourceMappingURL=sheet-C4DHsgLk.js.map

package/dist/{sheet-BGPERY55.js.map → sheet-C4DHsgLk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sheet-BGPERY55.js","names":["React","Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetContent","SheetHeader","SheetFooter","SheetTitle","SheetDescription","SheetPrimitive","React","SheetTriggerPrimitive","SheetClosePrimitive","SheetContentPrimitive","SheetHeaderPrimitive","SheetFooterPrimitive","SheetTitlePrimitive","SheetDescriptionPrimitive","useThemePortalContainer","affordanceGeometry","Text","textWeights","textLineHeights","textSizes","portalClassName","motionRecipes","Slot","Button","surfaceDividerRecipes","modalRegionRecipes","modalBackdropRecipe","usePopupFocusRecovery","React$1","overlayAnatomyRecipes","OverlayLayerContext","OverlayLayer","useInsideOverlayLayer","OpenerCapture","active","useOpenerFinalFocus","opener","restore","target","finalFocus","Sheet$1","props","Dialog","SheetTrigger$1","renderSlot","asChild","SheetClose$1","SheetPortal","resolvedContainer","container","className","SheetOverlay","cn","SheetContent$1","finalFocusProp","recoverFocus","onFocusCapture","insideOverlay","forceRenderBackdrop","backdropClassName","side","capture","showCloseButton","XIcon","SheetHeader$1","SheetFooter$1","SheetTitle$1","SheetDescription$1","isSimpleText","value","titleTypography","Sheet","SheetTrigger","SheetClose","SheetContent","SheetHeader","textGap","SheetBody","SheetFooter","SheetTitle","children","SheetDescription"],"sources":["../src/lib/overlay-anatomy-recipes.ts","../src/components/ui/overlay-layer.tsx","../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 * as React from \"react\"\n\n/**\n * Whether a subtree renders inside another modal's popup. Base UI counts every\n * dialog below any Dialog root as nested and skips its backdrop, and the\n * AppSidebar drawer owner is a Dialog root around the whole application. The\n * scrim therefore follows this React-tree layer instead: a modal draws its own\n * backdrop unless it opens from inside another modal's content.\n */\nconst OverlayLayerContext = React.createContext(false)\n\nfunction OverlayLayer({ children }: { children?: React.ReactNode }) {\n  return <OverlayLayerContext.Provider value={true}>{children}</OverlayLayerContext.Provider>\n}\n\nfunction useInsideOverlayLayer() {\n  return React.useContext(OverlayLayerContext)\n}\n\ntype FinalFocus = boolean | React.RefObject<HTMLElement | null> | ((closeType: never) => boolean | HTMLElement | null | void)\n\n// Renders inside the popup, which mounts on each open, so it reads the element\n// that had focus before the popup moved it.\nfunction OpenerCapture({ target }: { target: React.RefObject<HTMLElement | null> }) {\n  React.useState(() => {\n    const active = typeof document === \"undefined\" ? null : document.activeElement\n    target.current = active instanceof HTMLElement && active !== active.ownerDocument.body ? active : null\n    return null\n  })\n  return null\n}\n\n/**\n * Returns focus to the element that opened the modal. Base UI returns it to the\n * nested parent instead, and under the sidebar drawer owner that parent is closed,\n * so focus fell to the body. Like the default, it leaves focus alone when the app\n * already moved it outside the popup (a confirm that focuses an editor). An\n * explicit `finalFocus` still wins.\n */\nfunction useOpenerFinalFocus<T extends FinalFocus | undefined>(finalFocus: T) {\n  const opener = React.useRef<HTMLElement | null>(null)\n  const restore = React.useCallback(() => {\n    const target = opener.current\n    if (!target?.isConnected) return true\n    const active = target.ownerDocument.activeElement\n    const movedByApp = active instanceof HTMLElement && active !== target.ownerDocument.body && !active.closest('[role=dialog],[role=alertdialog]')\n    return movedByApp ? false : target\n  }, [])\n  return { capture: <OpenerCapture target={opener} />, finalFocus: finalFocus ?? restore }\n}\n\nexport { OverlayLayer, useInsideOverlayLayer, useOpenerFinalFocus }\n","\"use client\";\n\nimport { overlayAnatomyRecipes } from '../../lib/overlay-anatomy-recipes';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { portalClassName } from '../../lib/portal-recipes';\nimport { modalBackdropRecipe } from './overlay.recipes';\nimport { OverlayLayer, useInsideOverlayLayer, useOpenerFinalFocus } from './overlay-layer';\nimport { usePopupFocusRecovery } from '../../lib/use-popup-focus-recovery';\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, className, ...props }: SheetPrimitive.Portal.Props) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return <SheetPrimitive.Portal container={resolvedContainer} data-slot=\"sheet-portal\" className={portalClassName(className)} {...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  forceRenderBackdrop = false,\n  backdropClassName,\n  onFocusCapture,\n  finalFocus: finalFocusProp,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n  /** @internal Render the native backdrop for an embedded sidebar root. */\n  forceRenderBackdrop?: boolean\n  /** @internal Position the existing native backdrop within a sidebar frame. */\n  backdropClassName?: string\n} & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  const recoverFocus = usePopupFocusRecovery(onFocusCapture)\n  const insideOverlay = useInsideOverlayLayer()\n  const { capture, finalFocus } = useOpenerFinalFocus(finalFocusProp)\n  return (\n    <SheetPortal container={resolvedContainer}>\n      <SheetOverlay forceRender={forceRenderBackdrop || !insideOverlay} className={backdropClassName} />\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        finalFocus={finalFocus}\n        onFocusCapture={recoverFocus}\n      >\n        {capture}\n        <OverlayLayer>{children}</OverlayLayer>\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', 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',\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 text-inherit', 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\ttype=\"inherit\"\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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"}
+{"version":3,"file":"sheet-C4DHsgLk.js","names":["React","Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetContent","SheetHeader","SheetFooter","SheetTitle","SheetDescription","SheetPrimitive","React","SheetTriggerPrimitive","SheetClosePrimitive","SheetContentPrimitive","SheetHeaderPrimitive","SheetFooterPrimitive","SheetTitlePrimitive","SheetDescriptionPrimitive","useThemePortalContainer","affordanceGeometry","Text","textWeights","textLineHeights","textSizes","portalClassName","motionRecipes","Slot","Button","surfaceDividerRecipes","modalRegionRecipes","modalBackdropRecipe","usePopupFocusRecovery","React$1","overlayAnatomyRecipes","OverlayLayerContext","OverlayLayer","useInsideOverlayLayer","OpenerCapture","active","useOpenerFinalFocus","opener","restore","target","finalFocus","Sheet$1","props","Dialog","SheetTrigger$1","renderSlot","asChild","SheetClose$1","SheetPortal","resolvedContainer","container","className","SheetOverlay","cn","SheetContent$1","finalFocusProp","recoverFocus","onFocusCapture","insideOverlay","forceRenderBackdrop","backdropClassName","side","capture","showCloseButton","XIcon","SheetHeader$1","SheetFooter$1","SheetTitle$1","SheetDescription$1","isSimpleText","value","titleTypography","Sheet","SheetTrigger","SheetClose","SheetContent","SheetHeader","textGap","SheetBody","SheetFooter","SheetTitle","children","SheetDescription"],"sources":["../src/lib/overlay-anatomy-recipes.ts","../src/components/ui/overlay-layer.tsx","../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 * as React from \"react\"\n\n/**\n * Whether a subtree renders inside another modal's popup. Base UI counts every\n * dialog below any Dialog root as nested and skips its backdrop, and the\n * AppSidebar drawer owner is a Dialog root around the whole application. The\n * scrim therefore follows this React-tree layer instead: a modal draws its own\n * backdrop unless it opens from inside another modal's content.\n */\nconst OverlayLayerContext = React.createContext(false)\n\nfunction OverlayLayer({ children }: { children?: React.ReactNode }) {\n  return <OverlayLayerContext.Provider value={true}>{children}</OverlayLayerContext.Provider>\n}\n\nfunction useInsideOverlayLayer() {\n  return React.useContext(OverlayLayerContext)\n}\n\ntype FinalFocus = boolean | React.RefObject<HTMLElement | null> | ((closeType: never) => boolean | HTMLElement | null | void)\n\n// Renders inside the popup, which mounts on each open, so it reads the element\n// that had focus before the popup moved it.\nfunction OpenerCapture({ target }: { target: React.RefObject<HTMLElement | null> }) {\n  React.useState(() => {\n    const active = typeof document === \"undefined\" ? null : document.activeElement\n    target.current = active instanceof HTMLElement && active !== active.ownerDocument.body ? active : null\n    return null\n  })\n  return null\n}\n\n/**\n * Returns focus to the element that opened the modal. Base UI returns it to the\n * nested parent instead, and under the sidebar drawer owner that parent is closed,\n * so focus fell to the body. Like the default, it leaves focus alone when the app\n * already moved it outside the popup (a confirm that focuses an editor). An\n * explicit `finalFocus` still wins.\n */\nfunction useOpenerFinalFocus<T extends FinalFocus | undefined>(finalFocus: T) {\n  const opener = React.useRef<HTMLElement | null>(null)\n  const restore = React.useCallback(() => {\n    const target = opener.current\n    if (!target?.isConnected) return true\n    const active = target.ownerDocument.activeElement\n    const movedByApp = active instanceof HTMLElement && active !== target.ownerDocument.body && !active.closest('[role=dialog],[role=alertdialog]')\n    return movedByApp ? false : target\n  }, [])\n  return { capture: <OpenerCapture target={opener} />, finalFocus: finalFocus ?? restore }\n}\n\nexport { OverlayLayer, useInsideOverlayLayer, useOpenerFinalFocus }\n","\"use client\";\n\nimport { overlayAnatomyRecipes } from '../../lib/overlay-anatomy-recipes';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { portalClassName } from '../../lib/portal-recipes';\nimport { modalBackdropRecipe } from './overlay.recipes';\nimport { OverlayLayer, useInsideOverlayLayer, useOpenerFinalFocus } from './overlay-layer';\nimport { usePopupFocusRecovery } from '../../lib/use-popup-focus-recovery';\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, className, ...props }: SheetPrimitive.Portal.Props) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return <SheetPrimitive.Portal container={resolvedContainer} data-slot=\"sheet-portal\" className={portalClassName(className)} {...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  forceRenderBackdrop = false,\n  backdropClassName,\n  onFocusCapture,\n  finalFocus: finalFocusProp,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n  /** @internal Render the native backdrop for an embedded sidebar root. */\n  forceRenderBackdrop?: boolean\n  /** @internal Position the existing native backdrop within a sidebar frame. */\n  backdropClassName?: string\n} & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  const recoverFocus = usePopupFocusRecovery(onFocusCapture)\n  const insideOverlay = useInsideOverlayLayer()\n  const { capture, finalFocus } = useOpenerFinalFocus(finalFocusProp)\n  return (\n    <SheetPortal container={resolvedContainer}>\n      <SheetOverlay forceRender={forceRenderBackdrop || !insideOverlay} className={backdropClassName} />\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        finalFocus={finalFocus}\n        onFocusCapture={recoverFocus}\n      >\n        {capture}\n        <OverlayLayer>{children}</OverlayLayer>\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', 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',\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 text-inherit', 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\ttype=\"inherit\"\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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"}