@fluid-app/rep-core 0.1.15 → 0.1.17

package/dist/shell/ScreenHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenHeader.cjs","names":["useSidebar","useScreenHeaderContext","FontAwesomeIcon","faTableLayout"],"sources":["../../src/shell/ScreenHeader.tsx"],"sourcesContent":["\"use client\";\n\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({ title }: ScreenHeaderProps) {\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":";;;;;;;;;AAWA,SAAgB,aAAa,EAAE,SAA4B;CACzD,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"}
+{"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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
 
 //#region src/shell/ScreenHeader.d.ts
 interface ScreenHeaderProps {
@@ -6,7 +6,7 @@ interface ScreenHeaderProps {
 }
 declare function ScreenHeader({
   title
-}: ScreenHeaderProps): react_jsx_runtime0.JSX.Element | null;
+}: ScreenHeaderProps): React.JSX.Element | null;
 //#endregion
 export { ScreenHeader, ScreenHeaderProps };
 //# sourceMappingURL=ScreenHeader.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenHeader.d.cts","names":[],"sources":["../../src/shell/ScreenHeader.tsx"],"mappings":";;;UAOiB,iBAAA;EACf,KAAA;AAAA;AAAA,iBAGc,YAAA,CAAA;EAAe;AAAA,GAAS,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
 
 //#region src/shell/ScreenHeader.d.ts
 interface ScreenHeaderProps {
@@ -6,7 +6,7 @@ interface ScreenHeaderProps {
 }
 declare function ScreenHeader({
   title
-}: ScreenHeaderProps): react_jsx_runtime0.JSX.Element | null;
+}: ScreenHeaderProps): React.JSX.Element | null;
 //#endregion
 export { ScreenHeader, ScreenHeaderProps };
 //# sourceMappingURL=ScreenHeader.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenHeader.d.mts","names":[],"sources":["../../src/shell/ScreenHeader.tsx"],"mappings":";;;UAOiB,iBAAA;EACf,KAAA;AAAA;AAAA,iBAGc,YAAA,CAAA;EAAe;AAAA,GAAS,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenHeader.mjs","names":[],"sources":["../../src/shell/ScreenHeader.tsx"],"sourcesContent":["\"use client\";\n\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({ title }: ScreenHeaderProps) {\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":";;;;;;;AAWA,SAAgB,aAAa,EAAE,SAA4B;CACzD,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"}
+{"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.map

@@ -1 +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"}
+{"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 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":";;;;;;;;;;;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

@@ -1,32 +1,31 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 
 //#region src/shell/ScreenHeaderContext.d.ts
 declare function ScreenHeaderProvider({
   children
 }: {
   children: ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): React.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.
- */
+* 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.
- */
+* 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.
- */
+* Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.
+*/
 declare function useScreenHeaderContext(): {
   actions: ReactNode;
   breadcrumbs: ReactNode;

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

@@ -1 +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"}
+{"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

@@ -1,32 +1,31 @@
-import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React, { ReactNode } from "react";
 
 //#region src/shell/ScreenHeaderContext.d.ts
 declare function ScreenHeaderProvider({
   children
 }: {
   children: ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): React.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.
- */
+* 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.
- */
+* 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.
- */
+* Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.
+*/
 declare function useScreenHeaderContext(): {
   actions: ReactNode;
   breadcrumbs: ReactNode;

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

@@ -1 +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"}
+{"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.map

@@ -1 +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"}
+{"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 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":";;;;;;;;;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.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ThemeModeContext.cjs","names":[],"sources":["../../src/shell/ThemeModeContext.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\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): React.JSX.Element {\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":";;;;;;AAyBA,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,QAC0B;CAO5C,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,5 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 
 //#region src/shell/ThemeModeContext.d.ts
 type ThemeMode = "auto" | "light" | "dark";
@@ -24,7 +23,7 @@ declare function ThemeModeProvider({
   mode,
   onModeChange,
   autoModeEnabled
-}: ThemeModeProviderProps): react_jsx_runtime0.JSX.Element;
+}: ThemeModeProviderProps): React.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". */

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

@@ -1 +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"}
+{"version":3,"file":"ThemeModeContext.d.cts","names":[],"sources":["../../src/shell/ThemeModeContext.tsx"],"mappings":";;;KAYY,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;;EAErB,eAAA;AAAA;AAAA,iBAGc,iBAAA,CAAA;EACd,QAAA;EACA,IAAA;EACA,YAAA;EACA;AAAA,GACC,sBAAA,GAAyB,KAAA,CAAM,GAAA,CAAI,OAAA;;iBAmDtB,YAAA,CAAA,GAAgB,qBAAA;;iBAShB,qBAAA,CAAsB,IAAA,EAAM,SAAA"}

package/dist/shell/ThemeModeContext.d.mts

@@ -1,5 +1,4 @@
-import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React, { ReactNode } from "react";
 
 //#region src/shell/ThemeModeContext.d.ts
 type ThemeMode = "auto" | "light" | "dark";
@@ -24,7 +23,7 @@ declare function ThemeModeProvider({
   mode,
   onModeChange,
   autoModeEnabled
-}: ThemeModeProviderProps): react_jsx_runtime0.JSX.Element;
+}: ThemeModeProviderProps): React.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". */

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

@@ -1 +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"}
+{"version":3,"file":"ThemeModeContext.d.mts","names":[],"sources":["../../src/shell/ThemeModeContext.tsx"],"mappings":";;;KAYY,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;;EAErB,eAAA;AAAA;AAAA,iBAGc,iBAAA,CAAA;EACd,QAAA;EACA,IAAA;EACA,YAAA;EACA;AAAA,GACC,sBAAA,GAAyB,KAAA,CAAM,GAAA,CAAI,OAAA;;iBAmDtB,YAAA,CAAA,GAAgB,qBAAA;;iBAShB,qBAAA,CAAsB,IAAA,EAAM,SAAA"}

package/dist/shell/ThemeModeContext.mjs.map

@@ -1 +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"}
+{"version":3,"file":"ThemeModeContext.mjs","names":[],"sources":["../../src/shell/ThemeModeContext.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\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): React.JSX.Element {\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":";;;;AAyBA,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,QAC0B;CAO5C,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"}

package/dist/shell/sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","names":["React","useIsMobile","Slot"],"sources":["../../src/shell/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport * as React from \"react\";\n\nimport { useIsMobile } from \"./use-mobile\";\n\n// ---------------------------------------------------------------------------\n// Inlined utilities (avoid importing from builder's UI kit)\n// ---------------------------------------------------------------------------\n\nfunction cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentPropsWithRef<\"div\"> & {\n  orientation?: \"horizontal\" | \"vertical\";\n  decorative?: boolean;\n}) {\n  return (\n    <div\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0\",\n        orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\"bg-muted animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst SIDEBAR_WIDTH = \"13rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n\n// ---------------------------------------------------------------------------\n// Sidebar Context\n// ---------------------------------------------------------------------------\n\ntype SidebarContextValue = {\n  state: \"expanded\" | \"collapsed\";\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n  isPreviewMode: boolean;\n  useBottomNav: boolean;\n};\n\nexport const SidebarContext = React.createContext<SidebarContextValue | null>(\n  null,\n);\n\nfunction useSidebar(): SidebarContextValue {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n  }\n\n  return context;\n}\n\n// ---------------------------------------------------------------------------\n// SidebarProvider\n// ---------------------------------------------------------------------------\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean;\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    viewportWidth?: number;\n    previewMode?: boolean;\n    useBottomNav?: boolean;\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      viewportWidth,\n      previewMode,\n      useBottomNav: useBottomNavProp = false,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const windowIsMobile = useIsMobile();\n    // Use viewportWidth if provided, otherwise use actual window detection\n    const isMobile =\n      viewportWidth !== undefined ? viewportWidth < 768 : windowIsMobile;\n    // Preview mode is active when viewportWidth is provided\n    const isPreviewMode = viewportWidth !== undefined || !!previewMode;\n    const [openMobile, setOpenMobile] = React.useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = React.useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value;\n        if (setOpenProp) {\n          setOpenProp(openState);\n        } else {\n          _setOpen(openState);\n        }\n      },\n      [setOpenProp, open],\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile\n        ? setOpenMobile((open) => !open)\n        : setOpen((open) => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          // check if composer is focused - if so, let the composer handle the shortcut\n          const activeElement = document.activeElement;\n          const isComposerFocused =\n            activeElement?.closest(\".group\\\\/composer\") ||\n            activeElement?.closest(\"[data-toolbar]\") ||\n            activeElement?.classList.contains(\"ProseMirror\");\n\n          if (isComposerFocused) {\n            return; // let the composer handle the shortcut\n          }\n\n          event.preventDefault();\n          toggleSidebar();\n        }\n      };\n\n      window.addEventListener(\"keydown\", handleKeyDown);\n      return () => window.removeEventListener(\"keydown\", handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? \"expanded\" : \"collapsed\";\n\n    const contextValue = React.useMemo<SidebarContextValue>(\n      () => ({\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        isPreviewMode,\n        useBottomNav: useBottomNavProp,\n      }),\n      [\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        isPreviewMode,\n        useBottomNavProp,\n      ],\n    );\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <div\n          style={\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH,\n              \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as React.CSSProperties\n          }\n          className={cn(\n            \"group/sidebar-wrapper flex min-h-0 w-full flex-1\",\n            className,\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </div>\n      </SidebarContext.Provider>\n    );\n  },\n);\nSidebarProvider.displayName = \"SidebarProvider\";\n\n// ---------------------------------------------------------------------------\n// Sidebar\n// ---------------------------------------------------------------------------\n\nconst Sidebar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    side?: \"left\" | \"right\";\n    variant?: \"sidebar\" | \"floating\" | \"inset\";\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\";\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      isMobile,\n      state,\n      openMobile,\n      setOpenMobile,\n      isPreviewMode,\n      useBottomNav,\n    } = useSidebar();\n\n    // Define CSS variables for expanded and collapsed sidebar widths\n    const sidebarWidth =\n      state === \"expanded\" ? SIDEBAR_WIDTH : SIDEBAR_WIDTH_ICON;\n\n    // When bottom nav is active on mobile, hide the sidebar entirely\n    if (useBottomNav && isMobile) {\n      return null;\n    }\n\n    if (collapsible === \"none\") {\n      return (\n        <div\n          className={cn(\n            \"bg-sidebar text-sidebar-foreground flex w-(--sidebar-width) flex-col rounded-tl-lg\",\n            isPreviewMode ? \"h-full\" : \"h-[97vh]\",\n            className,\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    if (isMobile) {\n      // For mobile, render a slide-out sidebar with overlay\n      // Use absolute positioning in preview mode so it stays within the preview container\n      const positionClass = isPreviewMode ? \"absolute\" : \"fixed\";\n      return (\n        <>\n          {/* Overlay - only visible when sidebar is open */}\n          {openMobile && (\n            <div\n              className={cn(positionClass, \"inset-0 z-40 bg-black/50\")}\n              onClick={() => setOpenMobile(false)}\n              aria-hidden=\"true\"\n            />\n          )}\n\n          {/* Sidebar - slides in from left */}\n          <div\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className={cn(\n              positionClass,\n              \"bg-sidebar text-sidebar-foreground top-0 left-0 z-50 h-full w-[--sidebar-width] p-0 transition-transform duration-300 ease-in-out\",\n              openMobile ? \"translate-x-0\" : \"-translate-x-full\",\n              className,\n            )}\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            ref={ref}\n            {...props}\n          >\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </div>\n        </>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className=\"group peer bg-sidebar text-sidebar-foreground hidden md:block\"\n        data-state={state}\n        data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n        data-variant={variant}\n        data-side={side}\n        style={\n          {\n            \"--sidebar-width\": sidebarWidth,\n          } as React.CSSProperties\n        }\n      >\n        {/* This is what handles the sidebar gap on desktop */}\n        <div\n          className={cn(\n            \"relative bg-transparent transition-[width] duration-200 ease-linear\",\n            \"group-data-[collapsible=offcanvas]:w-0\",\n            \"group-data-[side=right]:rotate-180\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n          )}\n        />\n        <div\n          className={cn(\n            \"relative inset-y-0 z-[20] hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n            isPreviewMode ? \"h-full\" : \"h-svh\",\n            side === \"left\"\n              ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n              : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n            // Adjust the padding for floating and inset variants.\n            variant === \"floating\" || variant === \"inset\"\n              ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=right]:border-l\",\n            className,\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            className=\"group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm\"\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\nSidebar.displayName = \"Sidebar\";\n\n// ---------------------------------------------------------------------------\n// SidebarRail\n// ---------------------------------------------------------------------------\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"hover:after:bg-sidebar-border absolute inset-y-0 z-[10] hidden w-4 -translate-x-full transition-all ease-linear group-data-[side=left]:-right-[1.375rem] group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarRail.displayName = \"SidebarRail\";\n\n// ---------------------------------------------------------------------------\n// SidebarInset\n// ---------------------------------------------------------------------------\n\nconst SidebarInset = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"main\">\n>(({ className, ...props }, ref) => {\n  const { isPreviewMode } = useSidebar();\n  return (\n    <main\n      ref={ref}\n      className={cn(\n        \"relative flex flex-1 flex-col\",\n        isPreviewMode\n          ? \"max-h-[calc(100svh-(--spacing(13)))]\"\n          : \"min-h-svh peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))]\",\n        \"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarInset.displayName = \"SidebarInset\";\n\n// ---------------------------------------------------------------------------\n// SidebarInput\n// ---------------------------------------------------------------------------\n\nconst SidebarInput = React.forwardRef<\n  HTMLInputElement,\n  React.ComponentProps<\"input\">\n>(({ className, ...props }, ref) => {\n  return (\n    <input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"bg-background focus-visible:ring-sidebar-ring h-8 w-full rounded-md border px-3 text-sm shadow-none focus-visible:ring-2 focus-visible:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarInput.displayName = \"SidebarInput\";\n\n// ---------------------------------------------------------------------------\n// SidebarHeader / Footer\n// ---------------------------------------------------------------------------\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  );\n});\nSidebarHeader.displayName = \"SidebarHeader\";\n\nconst SidebarFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  );\n});\nSidebarFooter.displayName = \"SidebarFooter\";\n\n// ---------------------------------------------------------------------------\n// SidebarSeparator\n// ---------------------------------------------------------------------------\n\nconst SidebarSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    orientation?: \"horizontal\" | \"vertical\";\n  }\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\n      {...props}\n    />\n  );\n});\nSidebarSeparator.displayName = \"SidebarSeparator\";\n\n// ---------------------------------------------------------------------------\n// SidebarContent\n// ---------------------------------------------------------------------------\n\nconst SidebarContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        \"scrollbar-none flex min-h-0 flex-1 flex-col gap-2 overflow-auto rounded group-data-[collapsible=icon]:gap-0 group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:pt-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarContent.displayName = \"SidebarContent\";\n\n// ---------------------------------------------------------------------------\n// SidebarGroup\n// ---------------------------------------------------------------------------\n\nconst SidebarGroup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn(\n        \"relative flex w-full min-w-0 flex-col p-2 group-data-[collapsible=icon]:py-0 group-data-[collapsible=icon]:pt-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroup.displayName = \"SidebarGroup\";\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 md:after:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\n\nconst SidebarGroupContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"group-content\"\n    className={cn(\"w-full text-sm\", className)}\n    {...props}\n  />\n));\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\n\n// ---------------------------------------------------------------------------\n// SidebarMenu\n// ---------------------------------------------------------------------------\n\nconst SidebarMenu = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu\"\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n    {...props}\n  />\n));\nSidebarMenu.displayName = \"SidebarMenu\";\n\nconst SidebarMenuItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-sidebar=\"menu-item\"\n    className={cn(\"group/menu-item relative\", className)}\n    {...props}\n  />\n));\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\n// ---------------------------------------------------------------------------\n// SidebarMenuButton\n// ---------------------------------------------------------------------------\n\nconst sidebarMenuButtonVariants = cva(\n  \"peer/menu-button ring-sidebar-ring hover:bg-sidebar-primary hover:text-sidebar-primary-foreground active:bg-sidebar-primary active:text-sidebar-primary-foreground data-[active=true]:bg-sidebar-primary data-[active=true]:text-sidebar-primary-foreground data-[state=open]:hover:bg-sidebar-primary data-[state=open]:hover:text-sidebar-primary-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"hover:bg-sidebar-primary hover:text-sidebar-primary-foreground\",\n        outline:\n          \"hover:bg-sidebar-primary hover:text-sidebar-primary-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-primary))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean;\n    isActive?: boolean;\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    );\n\n    return button;\n  },\n);\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\n// ---------------------------------------------------------------------------\n// SidebarMenuAction / Badge / Skeleton\n// ---------------------------------------------------------------------------\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean;\n    showOnHover?: boolean;\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 md:after:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className,\n    )}\n    {...props}\n  />\n));\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean;\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n});\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\n\n// ---------------------------------------------------------------------------\n// SidebarMenuSub\n// ---------------------------------------------------------------------------\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className,\n    )}\n    {...props}\n  />\n));\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />);\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean;\n    size?: \"sm\" | \"md\";\n    isActive?: boolean;\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\n\n// ---------------------------------------------------------------------------\n// Exports\n// ---------------------------------------------------------------------------\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  useSidebar,\n};\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.cjs","names":["React","useIsMobile","Slot"],"sources":["../../src/shell/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport * as React from \"react\";\n\nimport { useIsMobile } from \"./use-mobile\";\n\n// ---------------------------------------------------------------------------\n// Inlined utilities (avoid importing from builder's UI kit)\n// ---------------------------------------------------------------------------\n\nfunction cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentPropsWithRef<\"div\"> & {\n  orientation?: \"horizontal\" | \"vertical\";\n  decorative?: boolean;\n}) {\n  return (\n    <div\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0\",\n        orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\"bg-muted animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst SIDEBAR_WIDTH = \"13rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n\n// ---------------------------------------------------------------------------\n// Sidebar Context\n// ---------------------------------------------------------------------------\n\ntype SidebarContextValue = {\n  state: \"expanded\" | \"collapsed\";\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n  isPreviewMode: boolean;\n  useBottomNav: boolean;\n};\n\nexport const SidebarContext: React.Context<SidebarContextValue | null> =\n  React.createContext<SidebarContextValue | null>(null);\n\nfunction useSidebar(): SidebarContextValue {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n  }\n\n  return context;\n}\n\n// ---------------------------------------------------------------------------\n// SidebarProvider\n// ---------------------------------------------------------------------------\n\nconst SidebarProvider: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean;\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    viewportWidth?: number;\n    previewMode?: boolean;\n    useBottomNav?: boolean;\n  } & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean;\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    viewportWidth?: number;\n    previewMode?: boolean;\n    useBottomNav?: boolean;\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      viewportWidth,\n      previewMode,\n      useBottomNav: useBottomNavProp = false,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const windowIsMobile = useIsMobile();\n    // Use viewportWidth if provided, otherwise use actual window detection\n    const isMobile =\n      viewportWidth !== undefined ? viewportWidth < 768 : windowIsMobile;\n    // Preview mode is active when viewportWidth is provided\n    const isPreviewMode = viewportWidth !== undefined || !!previewMode;\n    const [openMobile, setOpenMobile] = React.useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = React.useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value;\n        if (setOpenProp) {\n          setOpenProp(openState);\n        } else {\n          _setOpen(openState);\n        }\n      },\n      [setOpenProp, open],\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile\n        ? setOpenMobile((open) => !open)\n        : setOpen((open) => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          // check if composer is focused - if so, let the composer handle the shortcut\n          const activeElement = document.activeElement;\n          const isComposerFocused =\n            activeElement?.closest(\".group\\\\/composer\") ||\n            activeElement?.closest(\"[data-toolbar]\") ||\n            activeElement?.classList.contains(\"ProseMirror\");\n\n          if (isComposerFocused) {\n            return; // let the composer handle the shortcut\n          }\n\n          event.preventDefault();\n          toggleSidebar();\n        }\n      };\n\n      window.addEventListener(\"keydown\", handleKeyDown);\n      return () => window.removeEventListener(\"keydown\", handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? \"expanded\" : \"collapsed\";\n\n    const contextValue = React.useMemo<SidebarContextValue>(\n      () => ({\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        isPreviewMode,\n        useBottomNav: useBottomNavProp,\n      }),\n      [\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        isPreviewMode,\n        useBottomNavProp,\n      ],\n    );\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <div\n          style={\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH,\n              \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as React.CSSProperties\n          }\n          className={cn(\n            \"group/sidebar-wrapper flex min-h-0 w-full flex-1\",\n            className,\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </div>\n      </SidebarContext.Provider>\n    );\n  },\n);\nSidebarProvider.displayName = \"SidebarProvider\";\n\n// ---------------------------------------------------------------------------\n// Sidebar\n// ---------------------------------------------------------------------------\n\nconst Sidebar: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & {\n    side?: \"left\" | \"right\";\n    variant?: \"sidebar\" | \"floating\" | \"inset\";\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\";\n  } & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    side?: \"left\" | \"right\";\n    variant?: \"sidebar\" | \"floating\" | \"inset\";\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\";\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      isMobile,\n      state,\n      openMobile,\n      setOpenMobile,\n      isPreviewMode,\n      useBottomNav,\n    } = useSidebar();\n\n    // Define CSS variables for expanded and collapsed sidebar widths\n    const sidebarWidth =\n      state === \"expanded\" ? SIDEBAR_WIDTH : SIDEBAR_WIDTH_ICON;\n\n    // When bottom nav is active on mobile, hide the sidebar entirely\n    if (useBottomNav && isMobile) {\n      return null;\n    }\n\n    if (collapsible === \"none\") {\n      return (\n        <div\n          className={cn(\n            \"bg-sidebar text-sidebar-foreground flex w-(--sidebar-width) flex-col rounded-tl-lg\",\n            isPreviewMode ? \"h-full\" : \"h-[97vh]\",\n            className,\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    if (isMobile) {\n      // For mobile, render a slide-out sidebar with overlay\n      // Use absolute positioning in preview mode so it stays within the preview container\n      const positionClass = isPreviewMode ? \"absolute\" : \"fixed\";\n      return (\n        <>\n          {/* Overlay - only visible when sidebar is open */}\n          {openMobile && (\n            <div\n              className={cn(positionClass, \"inset-0 z-40 bg-black/50\")}\n              onClick={() => setOpenMobile(false)}\n              aria-hidden=\"true\"\n            />\n          )}\n\n          {/* Sidebar - slides in from left */}\n          <div\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className={cn(\n              positionClass,\n              \"bg-sidebar text-sidebar-foreground top-0 left-0 z-50 h-full w-[--sidebar-width] p-0 transition-transform duration-300 ease-in-out\",\n              openMobile ? \"translate-x-0\" : \"-translate-x-full\",\n              className,\n            )}\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            ref={ref}\n            {...props}\n          >\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </div>\n        </>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className=\"group peer bg-sidebar text-sidebar-foreground hidden md:block\"\n        data-state={state}\n        data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n        data-variant={variant}\n        data-side={side}\n        style={\n          {\n            \"--sidebar-width\": sidebarWidth,\n          } as React.CSSProperties\n        }\n      >\n        {/* This is what handles the sidebar gap on desktop */}\n        <div\n          className={cn(\n            \"relative bg-transparent transition-[width] duration-200 ease-linear\",\n            \"group-data-[collapsible=offcanvas]:w-0\",\n            \"group-data-[side=right]:rotate-180\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n          )}\n        />\n        <div\n          className={cn(\n            \"relative inset-y-0 z-[20] hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n            isPreviewMode ? \"h-full\" : \"h-svh\",\n            side === \"left\"\n              ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n              : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n            // Adjust the padding for floating and inset variants.\n            variant === \"floating\" || variant === \"inset\"\n              ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=right]:border-l\",\n            className,\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            className=\"group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm\"\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\nSidebar.displayName = \"Sidebar\";\n\n// ---------------------------------------------------------------------------\n// SidebarRail\n// ---------------------------------------------------------------------------\n\nconst SidebarRail: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"button\"> & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(\n  ({ className, ...props }, ref) => {\n    const { toggleSidebar } = useSidebar();\n\n    return (\n      <button\n        ref={ref}\n        data-sidebar=\"rail\"\n        aria-label=\"Toggle Sidebar\"\n        tabIndex={-1}\n        onClick={toggleSidebar}\n        title=\"Toggle Sidebar\"\n        className={cn(\n          \"hover:after:bg-sidebar-border absolute inset-y-0 z-[10] hidden w-4 -translate-x-full transition-all ease-linear group-data-[side=left]:-right-[1.375rem] group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex\",\n          \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n          \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n          \"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\n          \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n          \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nSidebarRail.displayName = \"SidebarRail\";\n\n// ---------------------------------------------------------------------------\n// SidebarInset\n// ---------------------------------------------------------------------------\n\nconst SidebarInset: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"main\"> & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n  ({ className, ...props }, ref) => {\n    const { isPreviewMode } = useSidebar();\n    return (\n      <main\n        ref={ref}\n        className={cn(\n          \"relative flex flex-1 flex-col\",\n          isPreviewMode\n            ? \"max-h-[calc(100svh-(--spacing(13)))]\"\n            : \"min-h-svh peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))]\",\n          \"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nSidebarInset.displayName = \"SidebarInset\";\n\n// ---------------------------------------------------------------------------\n// SidebarInput\n// ---------------------------------------------------------------------------\n\nconst SidebarInput: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"input\"> & React.RefAttributes<HTMLInputElement>\n> = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        data-sidebar=\"input\"\n        className={cn(\n          \"bg-background focus-visible:ring-sidebar-ring h-8 w-full rounded-md border px-3 text-sm shadow-none focus-visible:ring-2 focus-visible:outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nSidebarInput.displayName = \"SidebarInput\";\n\n// ---------------------------------------------------------------------------\n// SidebarHeader / Footer\n// ---------------------------------------------------------------------------\n\nconst SidebarHeader: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"header\"\n        className={cn(\"flex flex-col gap-2 p-2\", className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarHeader.displayName = \"SidebarHeader\";\n\nconst SidebarFooter: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"footer\"\n        className={cn(\"flex flex-col gap-2 p-2\", className)}\n        {...props}\n      />\n    );\n  },\n);\nSidebarFooter.displayName = \"SidebarFooter\";\n\n// ---------------------------------------------------------------------------\n// SidebarSeparator\n// ---------------------------------------------------------------------------\n\nconst SidebarSeparator: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & {\n    orientation?: \"horizontal\" | \"vertical\";\n  } & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    orientation?: \"horizontal\" | \"vertical\";\n  }\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\n      {...props}\n    />\n  );\n});\nSidebarSeparator.displayName = \"SidebarSeparator\";\n\n// ---------------------------------------------------------------------------\n// SidebarContent\n// ---------------------------------------------------------------------------\n\nconst SidebarContent: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"content\"\n        className={cn(\n          \"scrollbar-none flex min-h-0 flex-1 flex-col gap-2 overflow-auto rounded group-data-[collapsible=icon]:gap-0 group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:pt-3\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nSidebarContent.displayName = \"SidebarContent\";\n\n// ---------------------------------------------------------------------------\n// SidebarGroup\n// ---------------------------------------------------------------------------\n\nconst SidebarGroup: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"group\"\n        className={cn(\n          \"relative flex w-full min-w-0 flex-col p-2 group-data-[collapsible=icon]:py-0 group-data-[collapsible=icon]:pt-4\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nSidebarGroup.displayName = \"SidebarGroup\";\n\nconst SidebarGroupLabel: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & {\n    asChild?: boolean;\n  } & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\n\nconst SidebarGroupAction: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean;\n  } & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 md:after:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\n\nconst SidebarGroupContent: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"group-content\"\n      className={cn(\"w-full text-sm\", className)}\n      {...props}\n    />\n  ),\n);\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\n\n// ---------------------------------------------------------------------------\n// SidebarMenu\n// ---------------------------------------------------------------------------\n\nconst SidebarMenu: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"ul\"> & React.RefAttributes<HTMLUListElement>\n> = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-sidebar=\"menu\"\n      className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n      {...props}\n    />\n  ),\n);\nSidebarMenu.displayName = \"SidebarMenu\";\n\nconst SidebarMenuItem: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"li\"> & React.RefAttributes<HTMLLIElement>\n> = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n  ({ className, ...props }, ref) => (\n    <li\n      ref={ref}\n      data-sidebar=\"menu-item\"\n      className={cn(\"group/menu-item relative\", className)}\n      {...props}\n    />\n  ),\n);\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\n// ---------------------------------------------------------------------------\n// SidebarMenuButton\n// ---------------------------------------------------------------------------\n\nconst sidebarMenuButtonVariants: (\n  props?:\n    | ({\n        variant?: \"default\" | \"outline\" | null | undefined;\n        size?: \"default\" | \"sm\" | \"lg\" | null | undefined;\n      } & (\n        | {\n            class: ClassValue;\n            className?: never;\n          }\n        | {\n            class?: never;\n            className: ClassValue;\n          }\n        | {\n            class?: never;\n            className?: never;\n          }\n      ))\n    | undefined,\n) => string = cva(\n  \"peer/menu-button ring-sidebar-ring hover:bg-sidebar-primary hover:text-sidebar-primary-foreground active:bg-sidebar-primary active:text-sidebar-primary-foreground data-[active=true]:bg-sidebar-primary data-[active=true]:text-sidebar-primary-foreground data-[state=open]:hover:bg-sidebar-primary data-[state=open]:hover:text-sidebar-primary-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"hover:bg-sidebar-primary hover:text-sidebar-primary-foreground\",\n        outline:\n          \"hover:bg-sidebar-primary hover:text-sidebar-primary-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-primary))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nconst SidebarMenuButton: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean;\n    isActive?: boolean;\n  } & VariantProps<typeof sidebarMenuButtonVariants> &\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean;\n    isActive?: boolean;\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    );\n\n    return button;\n  },\n);\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\n// ---------------------------------------------------------------------------\n// SidebarMenuAction / Badge / Skeleton\n// ---------------------------------------------------------------------------\n\nconst SidebarMenuAction: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean;\n    showOnHover?: boolean;\n  } & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean;\n    showOnHover?: boolean;\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 md:after:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\n\nconst SidebarMenuBadge: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        \"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\",\n        \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\n\nconst SidebarMenuSkeleton: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean;\n  } & React.RefAttributes<HTMLDivElement>\n> = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean;\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n});\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\n\n// ---------------------------------------------------------------------------\n// SidebarMenuSub\n// ---------------------------------------------------------------------------\n\nconst SidebarMenuSub: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"ul\"> & React.RefAttributes<HTMLUListElement>\n> = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-sidebar=\"menu-sub\"\n      className={cn(\n        \"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\n\nconst SidebarMenuSubItem: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"li\"> & React.RefAttributes<HTMLLIElement>\n> = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n  ({ ...props }, ref) => <li ref={ref} {...props} />,\n);\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\n\nconst SidebarMenuSubButton: React.ForwardRefExoticComponent<\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean;\n    size?: \"sm\" | \"md\";\n    isActive?: boolean;\n  } & React.RefAttributes<HTMLAnchorElement>\n> = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean;\n    size?: \"sm\" | \"md\";\n    isActive?: boolean;\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\n\n// ---------------------------------------------------------------------------\n// Exports\n// ---------------------------------------------------------------------------\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  useSidebar,\n};\n"],"mappings":"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"}