@fluid-app/rep-core 0.1.13 → 0.1.15

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 rep 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 rep 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 {\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({ children }: { children: ReactNode }) {\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 rep 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 rep 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":";;;;;;;;;;;AAmBA,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,EAAE,YAAqC;CAC1E,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,36 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/shell/ScreenHeaderContext.d.ts
+declare function ScreenHeaderProvider({
+  children
+}: {
+  children: ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+/**
+ * Sets actions to display in the ScreenHeader.
+ * Returns `true` if inside a ScreenHeaderProvider (i.e., in the rep 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 rep 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":";;;;iBA0BgB,oBAAA,CAAA;EAAuB;AAAA;EAAc,QAAA,EAAU,SAAA;AAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAA1E;;;;;;;;AAAA,iBAyBgB,sBAAA,CAAuB,OAAA,EAAS,SAAA;;;;;;;;iBA0BhC,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,36 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shell/ScreenHeaderContext.d.ts
+declare function ScreenHeaderProvider({
+  children
+}: {
+  children: ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+/**
+ * Sets actions to display in the ScreenHeader.
+ * Returns `true` if inside a ScreenHeaderProvider (i.e., in the rep 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 rep 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":";;;;iBA0BgB,oBAAA,CAAA;EAAuB;AAAA;EAAc,QAAA,EAAU,SAAA;AAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAA1E;;;;;;;;AAAA,iBAyBgB,sBAAA,CAAuB,OAAA,EAAS,SAAA;;;;;;;;iBA0BhC,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 rep 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 rep 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 {\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({ children }: { children: ReactNode }) {\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 rep 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 rep 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":";;;;;;;;;AAmBA,MAAM,2BAA2B,cAAiC,KAAK;AACvE,MAAM,0BAA0B,cAAyB,KAAK;AAE9D,MAAM,sCACJ,cAAqC,KAAK;AAC5C,MAAM,qCAAqC,cAAyB,KAAK;AAEzE,SAAgB,qBAAqB,EAAE,YAAqC;CAC1E,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

@@ -1,20 +1,70 @@
-'use strict';
+"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;
 
-var chunkYXJMBVXO_cjs = require('../chunk-YXJMBVXO.cjs');
-
-
-
-Object.defineProperty(exports, "ThemeModeProvider", {
-  enumerable: true,
-  get: function () { return chunkYXJMBVXO_cjs.ThemeModeProvider; }
-});
-Object.defineProperty(exports, "getThemeModeAttribute", {
-  enumerable: true,
-  get: function () { return chunkYXJMBVXO_cjs.getThemeModeAttribute; }
-});
-Object.defineProperty(exports, "useThemeMode", {
-  enumerable: true,
-  get: function () { return chunkYXJMBVXO_cjs.useThemeMode; }
-});
-//# sourceMappingURL=ThemeModeContext.cjs.map
 //# sourceMappingURL=ThemeModeContext.cjs.map

package/dist/shell/ThemeModeContext.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ThemeModeContext.cjs"}
+{"version":3,"file":"ThemeModeContext.cjs","names":[],"sources":["../../src/shell/ThemeModeContext.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useCallback,\n  useMemo,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\";\n\nexport type ThemeMode = \"auto\" | \"light\" | \"dark\";\n\nexport type DisplayMode = \"light\" | \"dark\";\n\nexport interface ThemeModeContextValue {\n  mode: ThemeMode;\n  displayMode: DisplayMode;\n  setMode: (mode: ThemeMode) => void;\n  autoModeEnabled: boolean;\n  cycleMode: () => void;\n  dataAttribute: string | undefined;\n}\n\nconst ThemeModeContext = createContext<ThemeModeContextValue | null>(null);\n\nconst darkMediaQuery =\n  typeof window !== \"undefined\"\n    ? window.matchMedia(\"(prefers-color-scheme: dark)\")\n    : null;\n\nfunction subscribeToPrefersColorScheme(callback: () => void) {\n  darkMediaQuery?.addEventListener(\"change\", callback);\n  return () => darkMediaQuery?.removeEventListener(\"change\", callback);\n}\n\nfunction getSystemPrefersDark(): boolean {\n  return darkMediaQuery?.matches ?? false;\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\ninterface ThemeModeProviderProps {\n  children: ReactNode;\n  mode: ThemeMode;\n  onModeChange: (mode: ThemeMode) => void;\n  /** When false, auto mode is skipped in the cycle (light↔dark only). Default true. */\n  autoModeEnabled?: boolean;\n}\n\nexport function ThemeModeProvider({\n  children,\n  mode,\n  onModeChange,\n  autoModeEnabled = true,\n}: ThemeModeProviderProps) {\n  const systemPrefersDark = useSyncExternalStore(\n    subscribeToPrefersColorScheme,\n    getSystemPrefersDark,\n    getServerSnapshot,\n  );\n\n  const systemMode: DisplayMode = systemPrefersDark ? \"dark\" : \"light\";\n\n  const displayMode: DisplayMode = mode === \"auto\" ? systemMode : mode;\n\n  const cycleMode = useCallback(() => {\n    if (autoModeEnabled) {\n      // Toggle displayed mode. If target matches system preference, use \"auto\".\n      const target: DisplayMode = displayMode === \"light\" ? \"dark\" : \"light\";\n      onModeChange(target === systemMode ? \"auto\" : target);\n    } else {\n      // light ↔ dark\n      onModeChange(mode === \"light\" ? \"dark\" : \"light\");\n    }\n  }, [mode, displayMode, systemMode, onModeChange, autoModeEnabled]);\n\n  const dataAttribute = getThemeModeAttribute(mode);\n\n  const value = useMemo(\n    () => ({\n      mode,\n      displayMode,\n      setMode: onModeChange,\n      autoModeEnabled,\n      cycleMode,\n      dataAttribute,\n    }),\n    [\n      mode,\n      displayMode,\n      onModeChange,\n      autoModeEnabled,\n      cycleMode,\n      dataAttribute,\n    ],\n  );\n\n  return (\n    <ThemeModeContext.Provider value={value}>\n      {children}\n    </ThemeModeContext.Provider>\n  );\n}\n\n/** Access the current theme mode, setter, and cycle helper. Must be used within a `ThemeModeProvider`. */\nexport function useThemeMode(): ThemeModeContextValue {\n  const ctx = useContext(ThemeModeContext);\n  if (!ctx) {\n    throw new Error(\"useThemeMode must be used within a ThemeModeProvider\");\n  }\n  return ctx;\n}\n\n/** Maps a ThemeMode to the value for `data-theme-mode`. Returns undefined for \"auto\". */\nexport function getThemeModeAttribute(mode: ThemeMode): string | undefined {\n  return mode === \"auto\" ? undefined : mode;\n}\n"],"mappings":";;;;;;AAwBA,MAAM,oBAAA,GAAA,MAAA,eAA+D,KAAK;AAE1E,MAAM,iBACJ,OAAO,WAAW,cACd,OAAO,WAAW,+BAA+B,GACjD;AAEN,SAAS,8BAA8B,UAAsB;AAC3D,iBAAgB,iBAAiB,UAAU,SAAS;AACpD,cAAa,gBAAgB,oBAAoB,UAAU,SAAS;;AAGtE,SAAS,uBAAgC;AACvC,QAAO,gBAAgB,WAAW;;AAGpC,SAAS,oBAA6B;AACpC,QAAO;;AAWT,SAAgB,kBAAkB,EAChC,UACA,MACA,cACA,kBAAkB,QACO;CAOzB,MAAM,cAAA,GAAA,MAAA,sBALJ,+BACA,sBACA,kBACD,GAEmD,SAAS;CAE7D,MAAM,cAA2B,SAAS,SAAS,aAAa;CAEhE,MAAM,aAAA,GAAA,MAAA,mBAA8B;AAClC,MAAI,iBAAiB;GAEnB,MAAM,SAAsB,gBAAgB,UAAU,SAAS;AAC/D,gBAAa,WAAW,aAAa,SAAS,OAAO;QAGrD,cAAa,SAAS,UAAU,SAAS,QAAQ;IAElD;EAAC;EAAM;EAAa;EAAY;EAAc;EAAgB,CAAC;CAElE,MAAM,gBAAgB,sBAAsB,KAAK;CAEjD,MAAM,SAAA,GAAA,MAAA,gBACG;EACL;EACA;EACA,SAAS;EACT;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,iBAAiB,UAAlB;EAAkC;EAC/B;EACyB,CAAA;;;AAKhC,SAAgB,eAAsC;CACpD,MAAM,OAAA,GAAA,MAAA,YAAiB,iBAAiB;AACxC,KAAI,CAAC,IACH,OAAM,IAAI,MAAM,uDAAuD;AAEzE,QAAO;;;AAIT,SAAgB,sBAAsB,MAAqC;AACzE,QAAO,SAAS,SAAS,KAAA,IAAY"}

package/dist/shell/ThemeModeContext.d.cts

@@ -1,27 +1,34 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
 
+//#region src/shell/ThemeModeContext.d.ts
 type ThemeMode = "auto" | "light" | "dark";
 type DisplayMode = "light" | "dark";
 interface ThemeModeContextValue {
-    mode: ThemeMode;
-    displayMode: DisplayMode;
-    setMode: (mode: ThemeMode) => void;
-    autoModeEnabled: boolean;
-    cycleMode: () => void;
-    dataAttribute: string | undefined;
+  mode: ThemeMode;
+  displayMode: DisplayMode;
+  setMode: (mode: ThemeMode) => void;
+  autoModeEnabled: boolean;
+  cycleMode: () => void;
+  dataAttribute: string | undefined;
 }
 interface ThemeModeProviderProps {
-    children: ReactNode;
-    mode: ThemeMode;
-    onModeChange: (mode: ThemeMode) => void;
-    /** When false, auto mode is skipped in the cycle (light↔dark only). Default true. */
-    autoModeEnabled?: boolean;
+  children: ReactNode;
+  mode: ThemeMode;
+  onModeChange: (mode: ThemeMode) => void;
+  /** When false, auto mode is skipped in the cycle (light↔dark only). Default true. */
+  autoModeEnabled?: boolean;
 }
-declare function ThemeModeProvider({ children, mode, onModeChange, autoModeEnabled, }: ThemeModeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeModeProvider({
+  children,
+  mode,
+  onModeChange,
+  autoModeEnabled
+}: ThemeModeProviderProps): react_jsx_runtime0.JSX.Element;
 /** Access the current theme mode, setter, and cycle helper. Must be used within a `ThemeModeProvider`. */
 declare function useThemeMode(): ThemeModeContextValue;
 /** Maps a ThemeMode to the value for `data-theme-mode`. Returns undefined for "auto". */
 declare function getThemeModeAttribute(mode: ThemeMode): string | undefined;
-
-export { type DisplayMode, type ThemeMode, type ThemeModeContextValue, ThemeModeProvider, getThemeModeAttribute, useThemeMode };
+//#endregion
+export { DisplayMode, ThemeMode, ThemeModeContextValue, ThemeModeProvider, getThemeModeAttribute, useThemeMode };
+//# sourceMappingURL=ThemeModeContext.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeContext.d.cts","names":[],"sources":["../../src/shell/ThemeModeContext.tsx"],"mappings":";;;;KAWY,SAAA;AAAA,KAEA,WAAA;AAAA,UAEK,qBAAA;EACf,IAAA,EAAM,SAAA;EACN,WAAA,EAAa,WAAA;EACb,OAAA,GAAU,IAAA,EAAM,SAAA;EAChB,eAAA;EACA,SAAA;EACA,aAAA;AAAA;AAAA,UAuBQ,sBAAA;EACR,QAAA,EAAU,SAAA;EACV,IAAA,EAAM,SAAA;EACN,YAAA,GAAe,IAAA,EAAM,SAAA;EAhCe;EAkCpC,eAAA;AAAA;AAAA,iBAGc,iBAAA,CAAA;EACd,QAAA;EACA,IAAA;EACA,YAAA;EACA;AAAA,GACC,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;iBAmDT,YAAA,CAAA,GAAgB,qBAAA;;iBAShB,qBAAA,CAAsB,IAAA,EAAM,SAAA"}

package/dist/shell/ThemeModeContext.d.mts

@@ -0,0 +1,34 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shell/ThemeModeContext.d.ts
+type ThemeMode = "auto" | "light" | "dark";
+type DisplayMode = "light" | "dark";
+interface ThemeModeContextValue {
+  mode: ThemeMode;
+  displayMode: DisplayMode;
+  setMode: (mode: ThemeMode) => void;
+  autoModeEnabled: boolean;
+  cycleMode: () => void;
+  dataAttribute: string | undefined;
+}
+interface ThemeModeProviderProps {
+  children: ReactNode;
+  mode: ThemeMode;
+  onModeChange: (mode: ThemeMode) => void;
+  /** When false, auto mode is skipped in the cycle (light↔dark only). Default true. */
+  autoModeEnabled?: boolean;
+}
+declare function ThemeModeProvider({
+  children,
+  mode,
+  onModeChange,
+  autoModeEnabled
+}: ThemeModeProviderProps): react_jsx_runtime0.JSX.Element;
+/** Access the current theme mode, setter, and cycle helper. Must be used within a `ThemeModeProvider`. */
+declare function useThemeMode(): ThemeModeContextValue;
+/** Maps a ThemeMode to the value for `data-theme-mode`. Returns undefined for "auto". */
+declare function getThemeModeAttribute(mode: ThemeMode): string | undefined;
+//#endregion
+export { DisplayMode, ThemeMode, ThemeModeContextValue, ThemeModeProvider, getThemeModeAttribute, useThemeMode };
+//# sourceMappingURL=ThemeModeContext.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeContext.d.mts","names":[],"sources":["../../src/shell/ThemeModeContext.tsx"],"mappings":";;;;KAWY,SAAA;AAAA,KAEA,WAAA;AAAA,UAEK,qBAAA;EACf,IAAA,EAAM,SAAA;EACN,WAAA,EAAa,WAAA;EACb,OAAA,GAAU,IAAA,EAAM,SAAA;EAChB,eAAA;EACA,SAAA;EACA,aAAA;AAAA;AAAA,UAuBQ,sBAAA;EACR,QAAA,EAAU,SAAA;EACV,IAAA,EAAM,SAAA;EACN,YAAA,GAAe,IAAA,EAAM,SAAA;EAhCe;EAkCpC,eAAA;AAAA;AAAA,iBAGc,iBAAA,CAAA;EACd,QAAA;EACA,IAAA;EACA,YAAA;EACA;AAAA,GACC,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;iBAmDT,YAAA,CAAA,GAAgB,qBAAA;;iBAShB,qBAAA,CAAsB,IAAA,EAAM,SAAA"}

package/dist/shell/ThemeModeContext.mjs

@@ -0,0 +1,66 @@
+"use client";
+import { createContext, useCallback, useContext, useMemo, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/shell/ThemeModeContext.tsx
+const ThemeModeContext = 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 = useSyncExternalStore(subscribeToPrefersColorScheme, getSystemPrefersDark, getServerSnapshot) ? "dark" : "light";
+	const displayMode = mode === "auto" ? systemMode : mode;
+	const cycleMode = 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 = useMemo(() => ({
+		mode,
+		displayMode,
+		setMode: onModeChange,
+		autoModeEnabled,
+		cycleMode,
+		dataAttribute
+	}), [
+		mode,
+		displayMode,
+		onModeChange,
+		autoModeEnabled,
+		cycleMode,
+		dataAttribute
+	]);
+	return /* @__PURE__ */ jsx(ThemeModeContext.Provider, {
+		value,
+		children
+	});
+}
+/** Access the current theme mode, setter, and cycle helper. Must be used within a `ThemeModeProvider`. */
+function useThemeMode() {
+	const ctx = 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
+export { ThemeModeProvider, getThemeModeAttribute, useThemeMode };
+
+//# sourceMappingURL=ThemeModeContext.mjs.map

package/dist/shell/ThemeModeContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeContext.mjs","names":[],"sources":["../../src/shell/ThemeModeContext.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useCallback,\n  useMemo,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\";\n\nexport type ThemeMode = \"auto\" | \"light\" | \"dark\";\n\nexport type DisplayMode = \"light\" | \"dark\";\n\nexport interface ThemeModeContextValue {\n  mode: ThemeMode;\n  displayMode: DisplayMode;\n  setMode: (mode: ThemeMode) => void;\n  autoModeEnabled: boolean;\n  cycleMode: () => void;\n  dataAttribute: string | undefined;\n}\n\nconst ThemeModeContext = createContext<ThemeModeContextValue | null>(null);\n\nconst darkMediaQuery =\n  typeof window !== \"undefined\"\n    ? window.matchMedia(\"(prefers-color-scheme: dark)\")\n    : null;\n\nfunction subscribeToPrefersColorScheme(callback: () => void) {\n  darkMediaQuery?.addEventListener(\"change\", callback);\n  return () => darkMediaQuery?.removeEventListener(\"change\", callback);\n}\n\nfunction getSystemPrefersDark(): boolean {\n  return darkMediaQuery?.matches ?? false;\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\ninterface ThemeModeProviderProps {\n  children: ReactNode;\n  mode: ThemeMode;\n  onModeChange: (mode: ThemeMode) => void;\n  /** When false, auto mode is skipped in the cycle (light↔dark only). Default true. */\n  autoModeEnabled?: boolean;\n}\n\nexport function ThemeModeProvider({\n  children,\n  mode,\n  onModeChange,\n  autoModeEnabled = true,\n}: ThemeModeProviderProps) {\n  const systemPrefersDark = useSyncExternalStore(\n    subscribeToPrefersColorScheme,\n    getSystemPrefersDark,\n    getServerSnapshot,\n  );\n\n  const systemMode: DisplayMode = systemPrefersDark ? \"dark\" : \"light\";\n\n  const displayMode: DisplayMode = mode === \"auto\" ? systemMode : mode;\n\n  const cycleMode = useCallback(() => {\n    if (autoModeEnabled) {\n      // Toggle displayed mode. If target matches system preference, use \"auto\".\n      const target: DisplayMode = displayMode === \"light\" ? \"dark\" : \"light\";\n      onModeChange(target === systemMode ? \"auto\" : target);\n    } else {\n      // light ↔ dark\n      onModeChange(mode === \"light\" ? \"dark\" : \"light\");\n    }\n  }, [mode, displayMode, systemMode, onModeChange, autoModeEnabled]);\n\n  const dataAttribute = getThemeModeAttribute(mode);\n\n  const value = useMemo(\n    () => ({\n      mode,\n      displayMode,\n      setMode: onModeChange,\n      autoModeEnabled,\n      cycleMode,\n      dataAttribute,\n    }),\n    [\n      mode,\n      displayMode,\n      onModeChange,\n      autoModeEnabled,\n      cycleMode,\n      dataAttribute,\n    ],\n  );\n\n  return (\n    <ThemeModeContext.Provider value={value}>\n      {children}\n    </ThemeModeContext.Provider>\n  );\n}\n\n/** Access the current theme mode, setter, and cycle helper. Must be used within a `ThemeModeProvider`. */\nexport function useThemeMode(): ThemeModeContextValue {\n  const ctx = useContext(ThemeModeContext);\n  if (!ctx) {\n    throw new Error(\"useThemeMode must be used within a ThemeModeProvider\");\n  }\n  return ctx;\n}\n\n/** Maps a ThemeMode to the value for `data-theme-mode`. Returns undefined for \"auto\". */\nexport function getThemeModeAttribute(mode: ThemeMode): string | undefined {\n  return mode === \"auto\" ? undefined : mode;\n}\n"],"mappings":";;;;AAwBA,MAAM,mBAAmB,cAA4C,KAAK;AAE1E,MAAM,iBACJ,OAAO,WAAW,cACd,OAAO,WAAW,+BAA+B,GACjD;AAEN,SAAS,8BAA8B,UAAsB;AAC3D,iBAAgB,iBAAiB,UAAU,SAAS;AACpD,cAAa,gBAAgB,oBAAoB,UAAU,SAAS;;AAGtE,SAAS,uBAAgC;AACvC,QAAO,gBAAgB,WAAW;;AAGpC,SAAS,oBAA6B;AACpC,QAAO;;AAWT,SAAgB,kBAAkB,EAChC,UACA,MACA,cACA,kBAAkB,QACO;CAOzB,MAAM,aANoB,qBACxB,+BACA,sBACA,kBACD,GAEmD,SAAS;CAE7D,MAAM,cAA2B,SAAS,SAAS,aAAa;CAEhE,MAAM,YAAY,kBAAkB;AAClC,MAAI,iBAAiB;GAEnB,MAAM,SAAsB,gBAAgB,UAAU,SAAS;AAC/D,gBAAa,WAAW,aAAa,SAAS,OAAO;QAGrD,cAAa,SAAS,UAAU,SAAS,QAAQ;IAElD;EAAC;EAAM;EAAa;EAAY;EAAc;EAAgB,CAAC;CAElE,MAAM,gBAAgB,sBAAsB,KAAK;CAEjD,MAAM,QAAQ,eACL;EACL;EACA;EACA,SAAS;EACT;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,oBAAC,iBAAiB,UAAlB;EAAkC;EAC/B;EACyB,CAAA;;;AAKhC,SAAgB,eAAsC;CACpD,MAAM,MAAM,WAAW,iBAAiB;AACxC,KAAI,CAAC,IACH,OAAM,IAAI,MAAM,uDAAuD;AAEzE,QAAO;;;AAIT,SAAgB,sBAAsB,MAAqC;AACzE,QAAO,SAAS,SAAS,KAAA,IAAY"}