themelia-react-ui 2.0.2 → 2.0.3

package/dist/{sheet-CGpB3omz.js → sheet-ijlsjq-n.js}

@@ -9,74 +9,76 @@ import { t as c } from "./slot-CLF9kLrS.js";
 import { t as l } from "./button-DVzspB_G.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";
+import { t as p } from "./use-popup-focus-recovery-C0QPvgOR.js";
+import * as m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { XIcon as _ } from "lucide-react";
+import { Dialog as v } from "@base-ui/react/dialog";
 //#region src/lib/overlay-anatomy-recipes.ts
-var v = {
+var y = {
 	close: n.overlayClose,
 	header: n.overlayHeader,
 	headerCentered: n.overlayHeaderCentered
 };
 //#endregion
 //#region src/components/ui/sheet.tsx
-function y({ ...e }) {
-	return /* @__PURE__ */ m(_.Root, {
+function b({ ...e }) {
+	return /* @__PURE__ */ h(v.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, {
+function x({ asChild: e = !1, ...t }) {
+	let n = e ? /* @__PURE__ */ h(c, {}) : void 0;
+	return /* @__PURE__ */ h(v.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, {
+function S({ asChild: e = !1, ...t }) {
+	let n = e ? /* @__PURE__ */ h(c, {}) : void 0;
+	return /* @__PURE__ */ h(v.Close, {
 		"data-slot": "sheet-close",
 		render: n,
 		...t
 	});
 }
-function S({ container: t, ...n }) {
+function C({ container: t, ...n }) {
 	let r = e(t);
-	return /* @__PURE__ */ m(_.Portal, {
+	return /* @__PURE__ */ h(v.Portal, {
 		container: r,
 		"data-slot": "sheet-portal",
 		...n
 	});
 }
-function C({ className: e, ...n }) {
-	return /* @__PURE__ */ m(_.Backdrop, {
+function w({ className: e, ...n }) {
+	return /* @__PURE__ */ h(v.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, {
+function T({ className: n, container: r, children: i, side: a = "right", showCloseButton: o = !0, onFocusCapture: c, ...u }) {
+	let d = e(r), f = p(c);
+	return /* @__PURE__ */ g(C, {
+		container: d,
+		children: [/* @__PURE__ */ h(w, {}), /* @__PURE__ */ g(v.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, {
+			...u,
+			onFocusCapture: f,
+			children: [i, !!o && /* @__PURE__ */ g(v.Close, {
 				"data-slot": "sheet-close",
-				render: /* @__PURE__ */ m(l, {
+				render: /* @__PURE__ */ h(l, {
 					variant: "ghost",
 					"data-overlay-close": "",
-					className: v.close,
+					className: y.close,
 					size: "icon-sm"
 				}),
-				children: [/* @__PURE__ */ m(g, {}), /* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ h(_, {}), /* @__PURE__ */ h("span", {
 					className: "sr-only",
 					children: "Close"
 				})]
@@ -84,32 +86,32 @@ function w({ className: n, container: r, children: i, side: a = "right", showClo
 		})]
 	});
 }
-function T({ className: e, ...n }) {
-	return /* @__PURE__ */ m("div", {
+function E({ className: e, ...n }) {
+	return /* @__PURE__ */ h("div", {
 		"data-slot": "sheet-header",
 		className: t("flex flex-col", e),
 		...n
 	});
 }
-function E({ className: e, ...n }) {
-	return /* @__PURE__ */ m("div", {
+function D({ className: e, ...n }) {
+	return /* @__PURE__ */ h("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, {
+function O({ className: e, asChild: n = !1, ...r }) {
+	let i = n ? /* @__PURE__ */ h(c, {}) : void 0;
+	return /* @__PURE__ */ h(v.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, {
+function k({ className: e, asChild: n = !1, ...r }) {
+	let i = n ? /* @__PURE__ */ h(c, {}) : void 0;
+	return /* @__PURE__ */ h(v.Description, {
 		"data-slot": "sheet-description",
 		render: i,
 		className: t("text-muted-foreground text-sm", e),
@@ -118,44 +120,44 @@ function O({ className: e, asChild: n = !1, ...r }) {
 }
 //#endregion
 //#region src/components/base/sheet/sheet.tsx
-function k(e) {
+function A(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, {
+var j = t(i.base, o.semibold, a.snug), M = b, N = m.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ h(x, {
 		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, {
+N.displayName = "SheetTrigger";
+var P = m.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ h(S, {
 		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, {
+P.displayName = "SheetClose";
+var F = m.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ h(T, {
 		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, {
+F.displayName = "SheetContent";
+var I = m.forwardRef(function({ className: e, textGap: n = "normal", ...r }, i) {
+	return /* @__PURE__ */ h(E, {
 		ref: i,
 		"data-modal-region": "",
-		className: t("sheet-header--component", d.header, v.header, n === "dense" ? "gap-dense" : "gap-normal", e),
+		className: t("sheet-header--component", d.header, y.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", {
+I.displayName = "SheetHeader";
+var L = m.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ h("div", {
 		ref: r,
 		"data-slot": "sheet-body",
 		"data-modal-region": "",
@@ -163,22 +165,22 @@ var I = p.forwardRef(function({ className: e, ...n }, r) {
 		...n
 	});
 });
-I.displayName = "SheetBody";
-var L = p.forwardRef(function({ className: e, ...n }, r) {
-	return /* @__PURE__ */ m(E, {
+L.displayName = "SheetBody";
+var R = m.forwardRef(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ h(D, {
 		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, {
+R.displayName = "SheetFooter";
+var z = m.forwardRef(function({ children: e, className: n, ...i }, a) {
+	return /* @__PURE__ */ h(O, {
 		ref: a,
-		className: t("sheet-title--component m-0 text-inherit", A, n),
+		className: t("sheet-title--component m-0 text-inherit", j, n),
 		...i,
-		children: k(e) ? /* @__PURE__ */ m(r, {
+		children: A(e) ? /* @__PURE__ */ h(r, {
 			tag: "span",
 			type: "inherit",
 			size: "base",
@@ -189,13 +191,13 @@ var R = p.forwardRef(function({ children: e, className: n, ...i }, a) {
 		}) : e
 	});
 });
-R.displayName = "SheetTitle";
-var z = p.forwardRef(function({ children: e, className: n, ...i }, a) {
-	return /* @__PURE__ */ m(O, {
+z.displayName = "SheetTitle";
+var B = m.forwardRef(function({ children: e, className: n, ...i }, a) {
+	return /* @__PURE__ */ h(k, {
 		ref: a,
 		className: t("sheet-description--component m-0", n),
 		...i,
-		children: k(e) ? /* @__PURE__ */ m(r, {
+		children: A(e) ? /* @__PURE__ */ h(r, {
 			tag: "span",
 			type: "secondary",
 			lineHeight: "relaxed",
@@ -204,8 +206,8 @@ var z = p.forwardRef(function({ children: e, className: n, ...i }, a) {
 		}) : e
 	});
 });
-z.displayName = "SheetDescription";
+B.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 };
+export { B as a, z as c, F as i, N as l, L as n, R as o, P as r, I as s, M as t, y as u };
 
-//# sourceMappingURL=sheet-CGpB3omz.js.map
+//# sourceMappingURL=sheet-ijlsjq-n.js.map

package/dist/sheet-ijlsjq-n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-ijlsjq-n.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","usePopupFocusRecovery","React$1","overlayAnatomyRecipes","Sheet$1","props","Dialog","SheetTrigger$1","renderSlot","asChild","SheetClose$1","SheetPortal","resolvedContainer","container","SheetOverlay","cn","className","SheetContent$1","recoverFocus","onFocusCapture","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';\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, ...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  onFocusCapture,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n} & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  const recoverFocus = usePopupFocusRecovery(onFocusCapture)\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        onFocusCapture={recoverFocus}\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 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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"}

package/dist/{sidebar-CPx_7YBa.js → sidebar-Db6gkh3U.js}

@@ -2,7 +2,7 @@
 import { useStrings as e } from "./lib/strings.js";
 import { t } from "./utils-BRhFDwuU.js";
 import { t as n } from "./affordance-geometry.generated-tF36bREk.js";
-import { a as r, c as i, i as a, s as o, t as s } from "./sheet-CGpB3omz.js";
+import { a as r, c as i, i as a, s as o, t as s } from "./sheet-ijlsjq-n.js";
 import { t as c } from "./separator-Bom7NsGO.js";
 import { c as l, o as u } from "./typography-UTnveOEy.js";
 import { t as d } from "./focus-recipes-B653VaLq.js";
@@ -616,4 +616,4 @@ function Ve() {
 //#endregion
 export { Ie as C, j as D, Ve as E, De as S, Be as T, Ne as _, Te as a, ve as b, be as c, Oe as d, Ae as f, Me as g, ke as h, Ce as i, Ee as l, Le as m, Se as n, we as o, je as p, xe as r, ze as s, ye as t, $ as u, Re as v, q as w, Fe as x, Pe as y };
 
-//# sourceMappingURL=sidebar-CPx_7YBa.js.map
+//# sourceMappingURL=sidebar-Db6gkh3U.js.map