@fluid-app/portal-core 0.1.16

package/dist/shell/AppShellLayout.d.cts

@@ -0,0 +1,39 @@
+import * as React$1 from "react";
+
+//#region src/shell/AppShellLayout.d.ts
+interface AppShellLayoutProps {
+  /** Navigation content rendered inside the sidebar's scrollable area */
+  sidebarContent: React$1.ReactNode;
+  /** Header content rendered above the main content area */
+  headerContent: React$1.ReactNode;
+  /** Main page content */
+  children: React$1.ReactNode;
+  /** Optional slot at the top of the sidebar (e.g. logo, search) */
+  sidebarHeader?: React$1.ReactNode;
+  /** Optional slot at the bottom of the sidebar (e.g. user info) */
+  sidebarFooter?: React$1.ReactNode;
+  /** Content rendered after SidebarInset (e.g. MobileBottomNav) */
+  afterContent?: React$1.ReactNode;
+  /** Enable bottom nav mode (hides sidebar on mobile, adds bottom padding) */
+  useBottomNav?: boolean;
+}
+/**
+* Pure visual frame that replicates the RepApp layout:
+* - 13rem collapsible sidebar
+* - 52px header area
+* - rounded-xl bg-background shadow-lg content area with bg-muted gutters
+*
+* This component handles zero business logic — it simply provides the visual shell.
+*/
+declare function AppShellLayout({
+  sidebarContent,
+  headerContent,
+  children,
+  sidebarHeader,
+  sidebarFooter,
+  afterContent,
+  useBottomNav
+}: AppShellLayoutProps): React$1.JSX.Element;
+//#endregion
+export { AppShellLayout, AppShellLayoutProps };
+//# sourceMappingURL=AppShellLayout.d.cts.map

package/dist/shell/AppShellLayout.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellLayout.d.cts","names":[],"sources":["../../src/shell/AppShellLayout.tsx"],"mappings":";;;UAYiB,mBAAA;;EAEf,cAAA,EAAgB,OAAA,CAAM,SAAA;EAFP;EAIf,aAAA,EAAe,OAAA,CAAM,SAAA;;EAErB,QAAA,EAAU,OAAA,CAAM,SAAA;;EAEhB,aAAA,GAAgB,OAAA,CAAM,SAAA;;EAEtB,aAAA,GAAgB,OAAA,CAAM,SAAA;;EAEtB,YAAA,GAAe,OAAA,CAAM,SAAA;;EAErB,YAAA;AAAA;;;;;;;;;iBAWc,cAAA,CAAA;EACd,cAAA;EACA,aAAA;EACA,QAAA;EACA,aAAA;EACA,aAAA;EACA,YAAA;EACA;AAAA,GACC,mBAAA,GAAsB,OAAA,CAAM,GAAA,CAAI,OAAA"}

package/dist/shell/AppShellLayout.d.mts

@@ -0,0 +1,39 @@
+import * as React$1 from "react";
+
+//#region src/shell/AppShellLayout.d.ts
+interface AppShellLayoutProps {
+  /** Navigation content rendered inside the sidebar's scrollable area */
+  sidebarContent: React$1.ReactNode;
+  /** Header content rendered above the main content area */
+  headerContent: React$1.ReactNode;
+  /** Main page content */
+  children: React$1.ReactNode;
+  /** Optional slot at the top of the sidebar (e.g. logo, search) */
+  sidebarHeader?: React$1.ReactNode;
+  /** Optional slot at the bottom of the sidebar (e.g. user info) */
+  sidebarFooter?: React$1.ReactNode;
+  /** Content rendered after SidebarInset (e.g. MobileBottomNav) */
+  afterContent?: React$1.ReactNode;
+  /** Enable bottom nav mode (hides sidebar on mobile, adds bottom padding) */
+  useBottomNav?: boolean;
+}
+/**
+* Pure visual frame that replicates the RepApp layout:
+* - 13rem collapsible sidebar
+* - 52px header area
+* - rounded-xl bg-background shadow-lg content area with bg-muted gutters
+*
+* This component handles zero business logic — it simply provides the visual shell.
+*/
+declare function AppShellLayout({
+  sidebarContent,
+  headerContent,
+  children,
+  sidebarHeader,
+  sidebarFooter,
+  afterContent,
+  useBottomNav
+}: AppShellLayoutProps): React$1.JSX.Element;
+//#endregion
+export { AppShellLayout, AppShellLayoutProps };
+//# sourceMappingURL=AppShellLayout.d.mts.map

package/dist/shell/AppShellLayout.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellLayout.d.mts","names":[],"sources":["../../src/shell/AppShellLayout.tsx"],"mappings":";;;UAYiB,mBAAA;;EAEf,cAAA,EAAgB,OAAA,CAAM,SAAA;EAFP;EAIf,aAAA,EAAe,OAAA,CAAM,SAAA;;EAErB,QAAA,EAAU,OAAA,CAAM,SAAA;;EAEhB,aAAA,GAAgB,OAAA,CAAM,SAAA;;EAEtB,aAAA,GAAgB,OAAA,CAAM,SAAA;;EAEtB,YAAA,GAAe,OAAA,CAAM,SAAA;;EAErB,YAAA;AAAA;;;;;;;;;iBAWc,cAAA,CAAA;EACd,cAAA;EACA,aAAA;EACA,QAAA;EACA,aAAA;EACA,aAAA;EACA,YAAA;EACA;AAAA,GACC,mBAAA,GAAsB,OAAA,CAAM,GAAA,CAAI,OAAA"}

package/dist/shell/AppShellLayout.mjs

@@ -0,0 +1,46 @@
+"use client";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInset, SidebarProvider } from "./sidebar.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/shell/AppShellLayout.tsx
+/**
+* Pure visual frame that replicates the RepApp layout:
+* - 13rem collapsible sidebar
+* - 52px header area
+* - rounded-xl bg-background shadow-lg content area with bg-muted gutters
+*
+* This component handles zero business logic — it simply provides the visual shell.
+*/
+function AppShellLayout({ sidebarContent, headerContent, children, sidebarHeader, sidebarFooter, afterContent, useBottomNav = false }) {
+	return /* @__PURE__ */ jsx(SidebarProvider, {
+		useBottomNav,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "bg-muted relative flex max-h-dvh w-full overflow-hidden",
+			children: [
+				/* @__PURE__ */ jsxs(Sidebar, { children: [
+					sidebarHeader && /* @__PURE__ */ jsx(SidebarHeader, { children: sidebarHeader }),
+					/* @__PURE__ */ jsx(SidebarContent, {
+						className: "p-4",
+						children: sidebarContent
+					}),
+					sidebarFooter && /* @__PURE__ */ jsx(SidebarFooter, { children: sidebarFooter })
+				] }),
+				/* @__PURE__ */ jsxs(SidebarInset, {
+					className: "flex flex-1 flex-col overflow-hidden",
+					children: [headerContent, /* @__PURE__ */ jsx("div", {
+						className: `bg-muted flex-1 overflow-hidden md:pr-4 md:pb-4 ${useBottomNav ? "max-md:pb-[calc(4rem+env(safe-area-inset-bottom))]" : ""}`,
+						children: /* @__PURE__ */ jsx("div", {
+							className: "scrollbar-none bg-background text-foreground h-full overflow-auto rounded-xl shadow-lg",
+							children
+						})
+					})]
+				}),
+				afterContent
+			]
+		})
+	});
+}
+//#endregion
+export { AppShellLayout };
+
+//# sourceMappingURL=AppShellLayout.mjs.map

package/dist/shell/AppShellLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellLayout.mjs","names":[],"sources":["../../src/shell/AppShellLayout.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarInset,\n  SidebarProvider,\n} from \"./sidebar\";\n\nexport interface AppShellLayoutProps {\n  /** Navigation content rendered inside the sidebar's scrollable area */\n  sidebarContent: React.ReactNode;\n  /** Header content rendered above the main content area */\n  headerContent: React.ReactNode;\n  /** Main page content */\n  children: React.ReactNode;\n  /** Optional slot at the top of the sidebar (e.g. logo, search) */\n  sidebarHeader?: React.ReactNode;\n  /** Optional slot at the bottom of the sidebar (e.g. user info) */\n  sidebarFooter?: React.ReactNode;\n  /** Content rendered after SidebarInset (e.g. MobileBottomNav) */\n  afterContent?: React.ReactNode;\n  /** Enable bottom nav mode (hides sidebar on mobile, adds bottom padding) */\n  useBottomNav?: boolean;\n}\n\n/**\n * Pure visual frame that replicates the RepApp layout:\n * - 13rem collapsible sidebar\n * - 52px header area\n * - rounded-xl bg-background shadow-lg content area with bg-muted gutters\n *\n * This component handles zero business logic — it simply provides the visual shell.\n */\nexport function AppShellLayout({\n  sidebarContent,\n  headerContent,\n  children,\n  sidebarHeader,\n  sidebarFooter,\n  afterContent,\n  useBottomNav = false,\n}: AppShellLayoutProps): React.JSX.Element {\n  return (\n    <SidebarProvider useBottomNav={useBottomNav}>\n      <div className=\"bg-muted relative flex max-h-dvh w-full overflow-hidden\">\n        {/* Navigation Sidebar */}\n        <Sidebar>\n          {sidebarHeader && <SidebarHeader>{sidebarHeader}</SidebarHeader>}\n          <SidebarContent className=\"p-4\">{sidebarContent}</SidebarContent>\n          {sidebarFooter && <SidebarFooter>{sidebarFooter}</SidebarFooter>}\n        </Sidebar>\n\n        {/* Main Content Area */}\n        <SidebarInset className=\"flex flex-1 flex-col overflow-hidden\">\n          {/* Header */}\n          {headerContent}\n\n          {/* Screen Content */}\n          <div\n            className={`bg-muted flex-1 overflow-hidden md:pr-4 md:pb-4 ${useBottomNav ? \"max-md:pb-[calc(4rem+env(safe-area-inset-bottom))]\" : \"\"}`}\n          >\n            <div className=\"scrollbar-none bg-background text-foreground h-full overflow-auto rounded-xl shadow-lg\">\n              {children}\n            </div>\n          </div>\n        </SidebarInset>\n\n        {/* After content (e.g. MobileBottomNav) */}\n        {afterContent}\n      </div>\n    </SidebarProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAqCA,SAAgB,eAAe,EAC7B,gBACA,eACA,UACA,eACA,eACA,cACA,eAAe,SAC0B;AACzC,QACE,oBAAC,iBAAD;EAA+B;YAC7B,qBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,qBAAC,SAAD,EAAA,UAAA;KACG,iBAAiB,oBAAC,eAAD,EAAA,UAAgB,eAA8B,CAAA;KAChE,oBAAC,gBAAD;MAAgB,WAAU;gBAAO;MAAgC,CAAA;KAChE,iBAAiB,oBAAC,eAAD,EAAA,UAAgB,eAA8B,CAAA;KACxD,EAAA,CAAA;IAGV,qBAAC,cAAD;KAAc,WAAU;eAAxB,CAEG,eAGD,oBAAC,OAAD;MACE,WAAW,mDAAmD,eAAe,uDAAuD;gBAEpI,oBAAC,OAAD;OAAK,WAAU;OACZ;OACG,CAAA;MACF,CAAA,CACO;;IAGd;IACG;;EACU,CAAA"}

package/dist/shell/ScreenHeader.cjs

@@ -0,0 +1,44 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../chunk-CKQMccvm.cjs");
+const require_shell_sidebar = require("./sidebar.cjs");
+const require_shell_ScreenHeaderContext = require("./ScreenHeaderContext.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _fortawesome_pro_regular_svg_icons = require("@fortawesome/pro-regular-svg-icons");
+let _fortawesome_react_fontawesome = require("@fortawesome/react-fontawesome");
+//#region src/shell/ScreenHeader.tsx
+function ScreenHeader({ title }) {
+	const { toggleSidebar, isMobile } = require_shell_sidebar.useSidebar();
+	const { actions, breadcrumbs } = require_shell_ScreenHeaderContext.useScreenHeaderContext();
+	if (!title && !breadcrumbs) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "border-border bg-background sticky top-0 z-10 flex flex-row items-center border-b px-4 py-3 md:px-6",
+		children: [
+			!isMobile && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				onClick: toggleSidebar,
+				className: "text-muted-foreground hover:text-foreground -ml-1 inline-flex items-center justify-center rounded-md p-1",
+				"aria-label": "Toggle Sidebar",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fortawesome_react_fontawesome.FontAwesomeIcon, {
+					icon: _fortawesome_pro_regular_svg_icons.faTableLayout,
+					className: "size-4"
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-border mx-2 h-4 w-px" })] }),
+			breadcrumbs ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "min-w-0 flex-1",
+				children: breadcrumbs
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+				className: "text-foreground text-lg font-semibold",
+				children: title
+			}),
+			actions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "ml-auto flex items-center gap-2",
+				children: actions
+			})
+		]
+	});
+}
+//#endregion
+exports.ScreenHeader = ScreenHeader;
+
+//# sourceMappingURL=ScreenHeader.cjs.map

package/dist/shell/ScreenHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeader.cjs","names":["useSidebar","useScreenHeaderContext","FontAwesomeIcon","faTableLayout"],"sources":["../../src/shell/ScreenHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faTableLayout } from \"@fortawesome/pro-regular-svg-icons\";\nimport { useSidebar } from \"./sidebar\";\nimport { useScreenHeaderContext } from \"./ScreenHeaderContext\";\n\nexport interface ScreenHeaderProps {\n  title?: string;\n}\n\nexport function ScreenHeader({\n  title,\n}: ScreenHeaderProps): React.JSX.Element | null {\n  const { toggleSidebar, isMobile } = useSidebar();\n  const { actions, breadcrumbs } = useScreenHeaderContext();\n\n  if (!title && !breadcrumbs) return null;\n\n  return (\n    <div className=\"border-border bg-background sticky top-0 z-10 flex flex-row items-center border-b px-4 py-3 md:px-6\">\n      {!isMobile && (\n        <>\n          <button\n            type=\"button\"\n            onClick={toggleSidebar}\n            className=\"text-muted-foreground hover:text-foreground -ml-1 inline-flex items-center justify-center rounded-md p-1\"\n            aria-label=\"Toggle Sidebar\"\n          >\n            <FontAwesomeIcon icon={faTableLayout} className=\"size-4\" />\n          </button>\n          <div className=\"bg-border mx-2 h-4 w-px\" />\n        </>\n      )}\n      {breadcrumbs ? (\n        <div className=\"min-w-0 flex-1\">{breadcrumbs}</div>\n      ) : (\n        <h1 className=\"text-foreground text-lg font-semibold\">{title}</h1>\n      )}\n      {actions && (\n        <div className=\"ml-auto flex items-center gap-2\">{actions}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,aAAa,EAC3B,SAC8C;CAC9C,MAAM,EAAE,eAAe,aAAaA,sBAAAA,YAAY;CAChD,MAAM,EAAE,SAAS,gBAAgBC,kCAAAA,wBAAwB;AAEzD,KAAI,CAAC,SAAS,CAAC,YAAa,QAAO;AAEnC,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACG,CAAC,YACA,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,cAAW;cAEX,iBAAA,GAAA,kBAAA,KAACC,+BAAAA,iBAAD;KAAiB,MAAMC,mCAAAA;KAAe,WAAU;KAAW,CAAA;IACpD,CAAA,EACT,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,2BAA4B,CAAA,CAC1C,EAAA,CAAA;GAEJ,cACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cAAkB;IAAkB,CAAA,GAEnD,iBAAA,GAAA,kBAAA,KAAC,MAAD;IAAI,WAAU;cAAyC;IAAW,CAAA;GAEnE,WACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cAAmC;IAAc,CAAA;GAE9D"}

package/dist/shell/ScreenHeader.d.cts

@@ -0,0 +1,12 @@
+import React from "react";
+
+//#region src/shell/ScreenHeader.d.ts
+interface ScreenHeaderProps {
+  title?: string;
+}
+declare function ScreenHeader({
+  title
+}: ScreenHeaderProps): React.JSX.Element | null;
+//#endregion
+export { ScreenHeader, ScreenHeaderProps };
+//# sourceMappingURL=ScreenHeader.d.cts.map

package/dist/shell/ScreenHeader.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeader.d.cts","names":[],"sources":["../../src/shell/ScreenHeader.tsx"],"mappings":";;;UAQiB,iBAAA;EACf,KAAA;AAAA;AAAA,iBAGc,YAAA,CAAA;EACd;AAAA,GACC,iBAAA,GAAoB,KAAA,CAAM,GAAA,CAAI,OAAA"}

package/dist/shell/ScreenHeader.d.mts

@@ -0,0 +1,12 @@
+import React from "react";
+
+//#region src/shell/ScreenHeader.d.ts
+interface ScreenHeaderProps {
+  title?: string;
+}
+declare function ScreenHeader({
+  title
+}: ScreenHeaderProps): React.JSX.Element | null;
+//#endregion
+export { ScreenHeader, ScreenHeaderProps };
+//# sourceMappingURL=ScreenHeader.d.mts.map

package/dist/shell/ScreenHeader.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeader.d.mts","names":[],"sources":["../../src/shell/ScreenHeader.tsx"],"mappings":";;;UAQiB,iBAAA;EACf,KAAA;AAAA;AAAA,iBAGc,YAAA,CAAA;EACd;AAAA,GACC,iBAAA,GAAoB,KAAA,CAAM,GAAA,CAAI,OAAA"}

package/dist/shell/ScreenHeader.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { useSidebar } from "./sidebar.mjs";
+import { useScreenHeaderContext } from "./ScreenHeaderContext.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { faTableLayout } from "@fortawesome/pro-regular-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+//#region src/shell/ScreenHeader.tsx
+function ScreenHeader({ title }) {
+	const { toggleSidebar, isMobile } = useSidebar();
+	const { actions, breadcrumbs } = useScreenHeaderContext();
+	if (!title && !breadcrumbs) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-border bg-background sticky top-0 z-10 flex flex-row items-center border-b px-4 py-3 md:px-6",
+		children: [
+			!isMobile && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: toggleSidebar,
+				className: "text-muted-foreground hover:text-foreground -ml-1 inline-flex items-center justify-center rounded-md p-1",
+				"aria-label": "Toggle Sidebar",
+				children: /* @__PURE__ */ jsx(FontAwesomeIcon, {
+					icon: faTableLayout,
+					className: "size-4"
+				})
+			}), /* @__PURE__ */ jsx("div", { className: "bg-border mx-2 h-4 w-px" })] }),
+			breadcrumbs ? /* @__PURE__ */ jsx("div", {
+				className: "min-w-0 flex-1",
+				children: breadcrumbs
+			}) : /* @__PURE__ */ jsx("h1", {
+				className: "text-foreground text-lg font-semibold",
+				children: title
+			}),
+			actions && /* @__PURE__ */ jsx("div", {
+				className: "ml-auto flex items-center gap-2",
+				children: actions
+			})
+		]
+	});
+}
+//#endregion
+export { ScreenHeader };
+
+//# sourceMappingURL=ScreenHeader.mjs.map

package/dist/shell/ScreenHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeader.mjs","names":[],"sources":["../../src/shell/ScreenHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faTableLayout } from \"@fortawesome/pro-regular-svg-icons\";\nimport { useSidebar } from \"./sidebar\";\nimport { useScreenHeaderContext } from \"./ScreenHeaderContext\";\n\nexport interface ScreenHeaderProps {\n  title?: string;\n}\n\nexport function ScreenHeader({\n  title,\n}: ScreenHeaderProps): React.JSX.Element | null {\n  const { toggleSidebar, isMobile } = useSidebar();\n  const { actions, breadcrumbs } = useScreenHeaderContext();\n\n  if (!title && !breadcrumbs) return null;\n\n  return (\n    <div className=\"border-border bg-background sticky top-0 z-10 flex flex-row items-center border-b px-4 py-3 md:px-6\">\n      {!isMobile && (\n        <>\n          <button\n            type=\"button\"\n            onClick={toggleSidebar}\n            className=\"text-muted-foreground hover:text-foreground -ml-1 inline-flex items-center justify-center rounded-md p-1\"\n            aria-label=\"Toggle Sidebar\"\n          >\n            <FontAwesomeIcon icon={faTableLayout} className=\"size-4\" />\n          </button>\n          <div className=\"bg-border mx-2 h-4 w-px\" />\n        </>\n      )}\n      {breadcrumbs ? (\n        <div className=\"min-w-0 flex-1\">{breadcrumbs}</div>\n      ) : (\n        <h1 className=\"text-foreground text-lg font-semibold\">{title}</h1>\n      )}\n      {actions && (\n        <div className=\"ml-auto flex items-center gap-2\">{actions}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,aAAa,EAC3B,SAC8C;CAC9C,MAAM,EAAE,eAAe,aAAa,YAAY;CAChD,MAAM,EAAE,SAAS,gBAAgB,wBAAwB;AAEzD,KAAI,CAAC,SAAS,CAAC,YAAa,QAAO;AAEnC,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,CAAC,YACA,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,cAAW;cAEX,oBAAC,iBAAD;KAAiB,MAAM;KAAe,WAAU;KAAW,CAAA;IACpD,CAAA,EACT,oBAAC,OAAD,EAAK,WAAU,2BAA4B,CAAA,CAC1C,EAAA,CAAA;GAEJ,cACC,oBAAC,OAAD;IAAK,WAAU;cAAkB;IAAkB,CAAA,GAEnD,oBAAC,MAAD;IAAI,WAAU;cAAyC;IAAW,CAAA;GAEnE,WACC,oBAAC,OAAD;IAAK,WAAU;cAAmC;IAAc,CAAA;GAE9D"}

package/dist/shell/ScreenHeaderContext.cjs

@@ -0,0 +1,91 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../chunk-CKQMccvm.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/shell/ScreenHeaderContext.tsx
+/**
+* Split into separate read/write contexts so that components calling
+* useScreenHeaderActions (writers) don't re-render when the actions
+* state changes — only the ScreenHeader (reader) re-renders.
+*/
+const ScreenHeaderWriteContext = (0, react.createContext)(null);
+const ScreenHeaderReadContext = (0, react.createContext)(null);
+const ScreenHeaderBreadcrumbsWriteContext = (0, react.createContext)(null);
+const ScreenHeaderBreadcrumbsReadContext = (0, react.createContext)(null);
+function ScreenHeaderProvider({ children }) {
+	const [actions, setActions] = (0, react.useState)(null);
+	const [breadcrumbs, setBreadcrumbs] = (0, react.useState)(null);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScreenHeaderWriteContext.Provider, {
+		value: setActions,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScreenHeaderReadContext.Provider, {
+			value: actions,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScreenHeaderBreadcrumbsWriteContext.Provider, {
+				value: setBreadcrumbs,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScreenHeaderBreadcrumbsReadContext.Provider, {
+					value: breadcrumbs,
+					children
+				})
+			})
+		})
+	});
+}
+/**
+* Sets actions to display in the ScreenHeader.
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise. Pages can use this boolean to conditionally skip
+* rendering their own PageHeader.
+*
+* Cleans up actions on unmount so navigating away doesn't leave stale actions.
+*/
+function useScreenHeaderActions(actions) {
+	const setActions = (0, react.useContext)(ScreenHeaderWriteContext);
+	const setActionsRef = (0, react.useRef)(setActions);
+	setActionsRef.current = setActions;
+	(0, react.useEffect)(() => {
+		if (!setActions) return;
+		setActions(actions);
+	}, [actions, setActions]);
+	(0, react.useEffect)(() => {
+		return () => setActionsRef.current?.(null);
+	}, []);
+	return setActions !== null;
+}
+/**
+* Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise.
+*
+* Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.
+*/
+function useScreenHeaderBreadcrumbs(breadcrumbs) {
+	const setBreadcrumbs = (0, react.useContext)(ScreenHeaderBreadcrumbsWriteContext);
+	const setBreadcrumbsRef = (0, react.useRef)(setBreadcrumbs);
+	setBreadcrumbsRef.current = setBreadcrumbs;
+	(0, react.useEffect)(() => {
+		if (!setBreadcrumbs) return;
+		setBreadcrumbs(breadcrumbs);
+	}, [breadcrumbs, setBreadcrumbs]);
+	(0, react.useEffect)(() => {
+		return () => setBreadcrumbsRef.current?.(null);
+	}, []);
+	return setBreadcrumbs !== null;
+}
+/**
+* Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.
+*/
+function useScreenHeaderContext() {
+	const actions = (0, react.useContext)(ScreenHeaderReadContext);
+	const breadcrumbs = (0, react.useContext)(ScreenHeaderBreadcrumbsReadContext);
+	return {
+		actions: actions ?? null,
+		breadcrumbs: breadcrumbs ?? null
+	};
+}
+//#endregion
+exports.ScreenHeaderProvider = ScreenHeaderProvider;
+exports.useScreenHeaderActions = useScreenHeaderActions;
+exports.useScreenHeaderBreadcrumbs = useScreenHeaderBreadcrumbs;
+exports.useScreenHeaderContext = useScreenHeaderContext;
+
+//# sourceMappingURL=ScreenHeaderContext.cjs.map

package/dist/shell/ScreenHeaderContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeaderContext.cjs","names":[],"sources":["../../src/shell/ScreenHeaderContext.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  type ReactNode,\n} from \"react\";\n\ntype SetActions = (actions: ReactNode) => void;\ntype SetBreadcrumbs = (breadcrumbs: ReactNode) => void;\n\n/**\n * Split into separate read/write contexts so that components calling\n * useScreenHeaderActions (writers) don't re-render when the actions\n * state changes — only the ScreenHeader (reader) re-renders.\n */\nconst ScreenHeaderWriteContext = createContext<SetActions | null>(null);\nconst ScreenHeaderReadContext = createContext<ReactNode>(null);\n\nconst ScreenHeaderBreadcrumbsWriteContext =\n  createContext<SetBreadcrumbs | null>(null);\nconst ScreenHeaderBreadcrumbsReadContext = createContext<ReactNode>(null);\n\nexport function ScreenHeaderProvider({\n  children,\n}: {\n  children: ReactNode;\n}): React.JSX.Element {\n  const [actions, setActions] = useState<ReactNode>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<ReactNode>(null);\n\n  return (\n    <ScreenHeaderWriteContext.Provider value={setActions}>\n      <ScreenHeaderReadContext.Provider value={actions}>\n        <ScreenHeaderBreadcrumbsWriteContext.Provider value={setBreadcrumbs}>\n          <ScreenHeaderBreadcrumbsReadContext.Provider value={breadcrumbs}>\n            {children}\n          </ScreenHeaderBreadcrumbsReadContext.Provider>\n        </ScreenHeaderBreadcrumbsWriteContext.Provider>\n      </ScreenHeaderReadContext.Provider>\n    </ScreenHeaderWriteContext.Provider>\n  );\n}\n\n/**\n * Sets actions to display in the ScreenHeader.\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise. Pages can use this boolean to conditionally skip\n * rendering their own PageHeader.\n *\n * Cleans up actions on unmount so navigating away doesn't leave stale actions.\n */\nexport function useScreenHeaderActions(actions: ReactNode): boolean {\n  const setActions = useContext(ScreenHeaderWriteContext);\n  const setActionsRef = useRef(setActions);\n  setActionsRef.current = setActions;\n\n  // Update actions when the value changes\n  useEffect(() => {\n    if (!setActions) return;\n    setActions(actions);\n  }, [actions, setActions]);\n\n  // Clear actions only on unmount\n  useEffect(() => {\n    return () => setActionsRef.current?.(null);\n  }, []);\n\n  return setActions !== null;\n}\n\n/**\n * Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise.\n *\n * Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.\n */\nexport function useScreenHeaderBreadcrumbs(breadcrumbs: ReactNode): boolean {\n  const setBreadcrumbs = useContext(ScreenHeaderBreadcrumbsWriteContext);\n  const setBreadcrumbsRef = useRef(setBreadcrumbs);\n  setBreadcrumbsRef.current = setBreadcrumbs;\n\n  // Update breadcrumbs when the value changes\n  useEffect(() => {\n    if (!setBreadcrumbs) return;\n    setBreadcrumbs(breadcrumbs);\n  }, [breadcrumbs, setBreadcrumbs]);\n\n  // Clear breadcrumbs only on unmount\n  useEffect(() => {\n    return () => setBreadcrumbsRef.current?.(null);\n  }, []);\n\n  return setBreadcrumbs !== null;\n}\n\n/**\n * Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.\n */\nexport function useScreenHeaderContext(): {\n  actions: ReactNode;\n  breadcrumbs: ReactNode;\n} {\n  const actions = useContext(ScreenHeaderReadContext);\n  const breadcrumbs = useContext(ScreenHeaderBreadcrumbsReadContext);\n  return { actions: actions ?? null, breadcrumbs: breadcrumbs ?? null };\n}\n"],"mappings":";;;;;;;;;;;AAoBA,MAAM,4BAAA,GAAA,MAAA,eAA4D,KAAK;AACvE,MAAM,2BAAA,GAAA,MAAA,eAAmD,KAAK;AAE9D,MAAM,uCAAA,GAAA,MAAA,eACiC,KAAK;AAC5C,MAAM,sCAAA,GAAA,MAAA,eAA8D,KAAK;AAEzE,SAAgB,qBAAqB,EACnC,YAGoB;CACpB,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAkC,KAAK;CACvD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAAsC,KAAK;AAE/D,QACE,iBAAA,GAAA,kBAAA,KAAC,yBAAyB,UAA1B;EAAmC,OAAO;YACxC,iBAAA,GAAA,kBAAA,KAAC,wBAAwB,UAAzB;GAAkC,OAAO;aACvC,iBAAA,GAAA,kBAAA,KAAC,oCAAoC,UAArC;IAA8C,OAAO;cACnD,iBAAA,GAAA,kBAAA,KAAC,mCAAmC,UAApC;KAA6C,OAAO;KACjD;KAC2C,CAAA;IACD,CAAA;GACd,CAAA;EACD,CAAA;;;;;;;;;;AAYxC,SAAgB,uBAAuB,SAA6B;CAClE,MAAM,cAAA,GAAA,MAAA,YAAwB,yBAAyB;CACvD,MAAM,iBAAA,GAAA,MAAA,QAAuB,WAAW;AACxC,eAAc,UAAU;AAGxB,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,WAAY;AACjB,aAAW,QAAQ;IAClB,CAAC,SAAS,WAAW,CAAC;AAGzB,EAAA,GAAA,MAAA,iBAAgB;AACd,eAAa,cAAc,UAAU,KAAK;IACzC,EAAE,CAAC;AAEN,QAAO,eAAe;;;;;;;;;AAUxB,SAAgB,2BAA2B,aAAiC;CAC1E,MAAM,kBAAA,GAAA,MAAA,YAA4B,oCAAoC;CACtE,MAAM,qBAAA,GAAA,MAAA,QAA2B,eAAe;AAChD,mBAAkB,UAAU;AAG5B,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,eAAgB;AACrB,iBAAe,YAAY;IAC1B,CAAC,aAAa,eAAe,CAAC;AAGjC,EAAA,GAAA,MAAA,iBAAgB;AACd,eAAa,kBAAkB,UAAU,KAAK;IAC7C,EAAE,CAAC;AAEN,QAAO,mBAAmB;;;;;AAM5B,SAAgB,yBAGd;CACA,MAAM,WAAA,GAAA,MAAA,YAAqB,wBAAwB;CACnD,MAAM,eAAA,GAAA,MAAA,YAAyB,mCAAmC;AAClE,QAAO;EAAE,SAAS,WAAW;EAAM,aAAa,eAAe;EAAM"}

package/dist/shell/ScreenHeaderContext.d.cts

@@ -0,0 +1,35 @@
+import React, { ReactNode } from "react";
+
+//#region src/shell/ScreenHeaderContext.d.ts
+declare function ScreenHeaderProvider({
+  children
+}: {
+  children: ReactNode;
+}): React.JSX.Element;
+/**
+* Sets actions to display in the ScreenHeader.
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise. Pages can use this boolean to conditionally skip
+* rendering their own PageHeader.
+*
+* Cleans up actions on unmount so navigating away doesn't leave stale actions.
+*/
+declare function useScreenHeaderActions(actions: ReactNode): boolean;
+/**
+* Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise.
+*
+* Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.
+*/
+declare function useScreenHeaderBreadcrumbs(breadcrumbs: ReactNode): boolean;
+/**
+* Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.
+*/
+declare function useScreenHeaderContext(): {
+  actions: ReactNode;
+  breadcrumbs: ReactNode;
+};
+//#endregion
+export { ScreenHeaderProvider, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext };
+//# sourceMappingURL=ScreenHeaderContext.d.cts.map

package/dist/shell/ScreenHeaderContext.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeaderContext.d.cts","names":[],"sources":["../../src/shell/ScreenHeaderContext.tsx"],"mappings":";;;iBA2BgB,oBAAA,CAAA;EACd;AAAA;EAEA,QAAA,EAAU,SAAA;AAAA,IACR,KAAA,CAAM,GAAA,CAAI,OAAA;;;;;;;;;iBAyBE,sBAAA,CAAuB,OAAA,EAAS,SAAA;;;;;;;AAAhD;iBA0BgB,0BAAA,CAA2B,WAAA,EAAa,SAAA;;;;iBAsBxC,sBAAA,CAAA;EACd,OAAA,EAAS,SAAA;EACT,WAAA,EAAa,SAAA;AAAA"}

package/dist/shell/ScreenHeaderContext.d.mts

@@ -0,0 +1,35 @@
+import React, { ReactNode } from "react";
+
+//#region src/shell/ScreenHeaderContext.d.ts
+declare function ScreenHeaderProvider({
+  children
+}: {
+  children: ReactNode;
+}): React.JSX.Element;
+/**
+* Sets actions to display in the ScreenHeader.
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise. Pages can use this boolean to conditionally skip
+* rendering their own PageHeader.
+*
+* Cleans up actions on unmount so navigating away doesn't leave stale actions.
+*/
+declare function useScreenHeaderActions(actions: ReactNode): boolean;
+/**
+* Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise.
+*
+* Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.
+*/
+declare function useScreenHeaderBreadcrumbs(breadcrumbs: ReactNode): boolean;
+/**
+* Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.
+*/
+declare function useScreenHeaderContext(): {
+  actions: ReactNode;
+  breadcrumbs: ReactNode;
+};
+//#endregion
+export { ScreenHeaderProvider, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext };
+//# sourceMappingURL=ScreenHeaderContext.d.mts.map

package/dist/shell/ScreenHeaderContext.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeaderContext.d.mts","names":[],"sources":["../../src/shell/ScreenHeaderContext.tsx"],"mappings":";;;iBA2BgB,oBAAA,CAAA;EACd;AAAA;EAEA,QAAA,EAAU,SAAA;AAAA,IACR,KAAA,CAAM,GAAA,CAAI,OAAA;;;;;;;;;iBAyBE,sBAAA,CAAuB,OAAA,EAAS,SAAA;;;;;;;AAAhD;iBA0BgB,0BAAA,CAA2B,WAAA,EAAa,SAAA;;;;iBAsBxC,sBAAA,CAAA;EACd,OAAA,EAAS,SAAA;EACT,WAAA,EAAa,SAAA;AAAA"}

package/dist/shell/ScreenHeaderContext.mjs

@@ -0,0 +1,86 @@
+"use client";
+import { createContext, useContext, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/shell/ScreenHeaderContext.tsx
+/**
+* Split into separate read/write contexts so that components calling
+* useScreenHeaderActions (writers) don't re-render when the actions
+* state changes — only the ScreenHeader (reader) re-renders.
+*/
+const ScreenHeaderWriteContext = createContext(null);
+const ScreenHeaderReadContext = createContext(null);
+const ScreenHeaderBreadcrumbsWriteContext = createContext(null);
+const ScreenHeaderBreadcrumbsReadContext = createContext(null);
+function ScreenHeaderProvider({ children }) {
+	const [actions, setActions] = useState(null);
+	const [breadcrumbs, setBreadcrumbs] = useState(null);
+	return /* @__PURE__ */ jsx(ScreenHeaderWriteContext.Provider, {
+		value: setActions,
+		children: /* @__PURE__ */ jsx(ScreenHeaderReadContext.Provider, {
+			value: actions,
+			children: /* @__PURE__ */ jsx(ScreenHeaderBreadcrumbsWriteContext.Provider, {
+				value: setBreadcrumbs,
+				children: /* @__PURE__ */ jsx(ScreenHeaderBreadcrumbsReadContext.Provider, {
+					value: breadcrumbs,
+					children
+				})
+			})
+		})
+	});
+}
+/**
+* Sets actions to display in the ScreenHeader.
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise. Pages can use this boolean to conditionally skip
+* rendering their own PageHeader.
+*
+* Cleans up actions on unmount so navigating away doesn't leave stale actions.
+*/
+function useScreenHeaderActions(actions) {
+	const setActions = useContext(ScreenHeaderWriteContext);
+	const setActionsRef = useRef(setActions);
+	setActionsRef.current = setActions;
+	useEffect(() => {
+		if (!setActions) return;
+		setActions(actions);
+	}, [actions, setActions]);
+	useEffect(() => {
+		return () => setActionsRef.current?.(null);
+	}, []);
+	return setActions !== null;
+}
+/**
+* Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise.
+*
+* Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.
+*/
+function useScreenHeaderBreadcrumbs(breadcrumbs) {
+	const setBreadcrumbs = useContext(ScreenHeaderBreadcrumbsWriteContext);
+	const setBreadcrumbsRef = useRef(setBreadcrumbs);
+	setBreadcrumbsRef.current = setBreadcrumbs;
+	useEffect(() => {
+		if (!setBreadcrumbs) return;
+		setBreadcrumbs(breadcrumbs);
+	}, [breadcrumbs, setBreadcrumbs]);
+	useEffect(() => {
+		return () => setBreadcrumbsRef.current?.(null);
+	}, []);
+	return setBreadcrumbs !== null;
+}
+/**
+* Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.
+*/
+function useScreenHeaderContext() {
+	const actions = useContext(ScreenHeaderReadContext);
+	const breadcrumbs = useContext(ScreenHeaderBreadcrumbsReadContext);
+	return {
+		actions: actions ?? null,
+		breadcrumbs: breadcrumbs ?? null
+	};
+}
+//#endregion
+export { ScreenHeaderProvider, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext };
+
+//# sourceMappingURL=ScreenHeaderContext.mjs.map

package/dist/shell/ScreenHeaderContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeaderContext.mjs","names":[],"sources":["../../src/shell/ScreenHeaderContext.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  type ReactNode,\n} from \"react\";\n\ntype SetActions = (actions: ReactNode) => void;\ntype SetBreadcrumbs = (breadcrumbs: ReactNode) => void;\n\n/**\n * Split into separate read/write contexts so that components calling\n * useScreenHeaderActions (writers) don't re-render when the actions\n * state changes — only the ScreenHeader (reader) re-renders.\n */\nconst ScreenHeaderWriteContext = createContext<SetActions | null>(null);\nconst ScreenHeaderReadContext = createContext<ReactNode>(null);\n\nconst ScreenHeaderBreadcrumbsWriteContext =\n  createContext<SetBreadcrumbs | null>(null);\nconst ScreenHeaderBreadcrumbsReadContext = createContext<ReactNode>(null);\n\nexport function ScreenHeaderProvider({\n  children,\n}: {\n  children: ReactNode;\n}): React.JSX.Element {\n  const [actions, setActions] = useState<ReactNode>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<ReactNode>(null);\n\n  return (\n    <ScreenHeaderWriteContext.Provider value={setActions}>\n      <ScreenHeaderReadContext.Provider value={actions}>\n        <ScreenHeaderBreadcrumbsWriteContext.Provider value={setBreadcrumbs}>\n          <ScreenHeaderBreadcrumbsReadContext.Provider value={breadcrumbs}>\n            {children}\n          </ScreenHeaderBreadcrumbsReadContext.Provider>\n        </ScreenHeaderBreadcrumbsWriteContext.Provider>\n      </ScreenHeaderReadContext.Provider>\n    </ScreenHeaderWriteContext.Provider>\n  );\n}\n\n/**\n * Sets actions to display in the ScreenHeader.\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise. Pages can use this boolean to conditionally skip\n * rendering their own PageHeader.\n *\n * Cleans up actions on unmount so navigating away doesn't leave stale actions.\n */\nexport function useScreenHeaderActions(actions: ReactNode): boolean {\n  const setActions = useContext(ScreenHeaderWriteContext);\n  const setActionsRef = useRef(setActions);\n  setActionsRef.current = setActions;\n\n  // Update actions when the value changes\n  useEffect(() => {\n    if (!setActions) return;\n    setActions(actions);\n  }, [actions, setActions]);\n\n  // Clear actions only on unmount\n  useEffect(() => {\n    return () => setActionsRef.current?.(null);\n  }, []);\n\n  return setActions !== null;\n}\n\n/**\n * Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise.\n *\n * Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.\n */\nexport function useScreenHeaderBreadcrumbs(breadcrumbs: ReactNode): boolean {\n  const setBreadcrumbs = useContext(ScreenHeaderBreadcrumbsWriteContext);\n  const setBreadcrumbsRef = useRef(setBreadcrumbs);\n  setBreadcrumbsRef.current = setBreadcrumbs;\n\n  // Update breadcrumbs when the value changes\n  useEffect(() => {\n    if (!setBreadcrumbs) return;\n    setBreadcrumbs(breadcrumbs);\n  }, [breadcrumbs, setBreadcrumbs]);\n\n  // Clear breadcrumbs only on unmount\n  useEffect(() => {\n    return () => setBreadcrumbsRef.current?.(null);\n  }, []);\n\n  return setBreadcrumbs !== null;\n}\n\n/**\n * Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.\n */\nexport function useScreenHeaderContext(): {\n  actions: ReactNode;\n  breadcrumbs: ReactNode;\n} {\n  const actions = useContext(ScreenHeaderReadContext);\n  const breadcrumbs = useContext(ScreenHeaderBreadcrumbsReadContext);\n  return { actions: actions ?? null, breadcrumbs: breadcrumbs ?? null };\n}\n"],"mappings":";;;;;;;;;AAoBA,MAAM,2BAA2B,cAAiC,KAAK;AACvE,MAAM,0BAA0B,cAAyB,KAAK;AAE9D,MAAM,sCACJ,cAAqC,KAAK;AAC5C,MAAM,qCAAqC,cAAyB,KAAK;AAEzE,SAAgB,qBAAqB,EACnC,YAGoB;CACpB,MAAM,CAAC,SAAS,cAAc,SAAoB,KAAK;CACvD,MAAM,CAAC,aAAa,kBAAkB,SAAoB,KAAK;AAE/D,QACE,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO;YACxC,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;aACvC,oBAAC,oCAAoC,UAArC;IAA8C,OAAO;cACnD,oBAAC,mCAAmC,UAApC;KAA6C,OAAO;KACjD;KAC2C,CAAA;IACD,CAAA;GACd,CAAA;EACD,CAAA;;;;;;;;;;AAYxC,SAAgB,uBAAuB,SAA6B;CAClE,MAAM,aAAa,WAAW,yBAAyB;CACvD,MAAM,gBAAgB,OAAO,WAAW;AACxC,eAAc,UAAU;AAGxB,iBAAgB;AACd,MAAI,CAAC,WAAY;AACjB,aAAW,QAAQ;IAClB,CAAC,SAAS,WAAW,CAAC;AAGzB,iBAAgB;AACd,eAAa,cAAc,UAAU,KAAK;IACzC,EAAE,CAAC;AAEN,QAAO,eAAe;;;;;;;;;AAUxB,SAAgB,2BAA2B,aAAiC;CAC1E,MAAM,iBAAiB,WAAW,oCAAoC;CACtE,MAAM,oBAAoB,OAAO,eAAe;AAChD,mBAAkB,UAAU;AAG5B,iBAAgB;AACd,MAAI,CAAC,eAAgB;AACrB,iBAAe,YAAY;IAC1B,CAAC,aAAa,eAAe,CAAC;AAGjC,iBAAgB;AACd,eAAa,kBAAkB,UAAU,KAAK;IAC7C,EAAE,CAAC;AAEN,QAAO,mBAAmB;;;;;AAM5B,SAAgB,yBAGd;CACA,MAAM,UAAU,WAAW,wBAAwB;CACnD,MAAM,cAAc,WAAW,mCAAmC;AAClE,QAAO;EAAE,SAAS,WAAW;EAAM,aAAa,eAAe;EAAM"}

package/dist/shell/ThemeModeContext.cjs

@@ -0,0 +1,70 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../chunk-CKQMccvm.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/shell/ThemeModeContext.tsx
+const ThemeModeContext = (0, react.createContext)(null);
+const darkMediaQuery = typeof window !== "undefined" ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+function subscribeToPrefersColorScheme(callback) {
+	darkMediaQuery?.addEventListener("change", callback);
+	return () => darkMediaQuery?.removeEventListener("change", callback);
+}
+function getSystemPrefersDark() {
+	return darkMediaQuery?.matches ?? false;
+}
+function getServerSnapshot() {
+	return false;
+}
+function ThemeModeProvider({ children, mode, onModeChange, autoModeEnabled = true }) {
+	const systemMode = (0, react.useSyncExternalStore)(subscribeToPrefersColorScheme, getSystemPrefersDark, getServerSnapshot) ? "dark" : "light";
+	const displayMode = mode === "auto" ? systemMode : mode;
+	const cycleMode = (0, react.useCallback)(() => {
+		if (autoModeEnabled) {
+			const target = displayMode === "light" ? "dark" : "light";
+			onModeChange(target === systemMode ? "auto" : target);
+		} else onModeChange(mode === "light" ? "dark" : "light");
+	}, [
+		mode,
+		displayMode,
+		systemMode,
+		onModeChange,
+		autoModeEnabled
+	]);
+	const dataAttribute = getThemeModeAttribute(mode);
+	const value = (0, react.useMemo)(() => ({
+		mode,
+		displayMode,
+		setMode: onModeChange,
+		autoModeEnabled,
+		cycleMode,
+		dataAttribute
+	}), [
+		mode,
+		displayMode,
+		onModeChange,
+		autoModeEnabled,
+		cycleMode,
+		dataAttribute
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeModeContext.Provider, {
+		value,
+		children
+	});
+}
+/** Access the current theme mode, setter, and cycle helper. Must be used within a `ThemeModeProvider`. */
+function useThemeMode() {
+	const ctx = (0, react.useContext)(ThemeModeContext);
+	if (!ctx) throw new Error("useThemeMode must be used within a ThemeModeProvider");
+	return ctx;
+}
+/** Maps a ThemeMode to the value for `data-theme-mode`. Returns undefined for "auto". */
+function getThemeModeAttribute(mode) {
+	return mode === "auto" ? void 0 : mode;
+}
+//#endregion
+exports.ThemeModeProvider = ThemeModeProvider;
+exports.getThemeModeAttribute = getThemeModeAttribute;
+exports.useThemeMode = useThemeMode;
+
+//# sourceMappingURL=ThemeModeContext.cjs.map