@fluid-app/rep-core 0.1.13 → 0.1.15

package/dist/shell/index.cjs

@@ -1,205 +1,43 @@
-'use strict';
-
-var chunkYXJMBVXO_cjs = require('../chunk-YXJMBVXO.cjs');
-var chunk45BCVWQK_cjs = require('../chunk-45BCVWQK.cjs');
-var chunkPFDBULOI_cjs = require('../chunk-PFDBULOI.cjs');
-var chunk5NYM4UTW_cjs = require('../chunk-5NYM4UTW.cjs');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
-var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var ScreenHeaderWriteContext = react.createContext(null);
-var ScreenHeaderReadContext = react.createContext(null);
-var ScreenHeaderBreadcrumbsWriteContext = react.createContext(null);
-var ScreenHeaderBreadcrumbsReadContext = react.createContext(null);
-function ScreenHeaderProvider({ children }) {
-  const [actions, setActions] = react.useState(null);
-  const [breadcrumbs, setBreadcrumbs] = react.useState(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(ScreenHeaderWriteContext.Provider, { value: setActions, children: /* @__PURE__ */ jsxRuntime.jsx(ScreenHeaderReadContext.Provider, { value: actions, children: /* @__PURE__ */ jsxRuntime.jsx(ScreenHeaderBreadcrumbsWriteContext.Provider, { value: setBreadcrumbs, children: /* @__PURE__ */ jsxRuntime.jsx(ScreenHeaderBreadcrumbsReadContext.Provider, { value: breadcrumbs, children }) }) }) });
-}
-function useScreenHeaderActions(actions) {
-  const setActions = react.useContext(ScreenHeaderWriteContext);
-  const setActionsRef = react.useRef(setActions);
-  setActionsRef.current = setActions;
-  react.useEffect(() => {
-    if (!setActions) return;
-    setActions(actions);
-  }, [actions, setActions]);
-  react.useEffect(() => {
-    return () => setActionsRef.current?.(null);
-  }, []);
-  return setActions !== null;
-}
-function useScreenHeaderBreadcrumbs(breadcrumbs) {
-  const setBreadcrumbs = react.useContext(ScreenHeaderBreadcrumbsWriteContext);
-  const setBreadcrumbsRef = react.useRef(setBreadcrumbs);
-  setBreadcrumbsRef.current = setBreadcrumbs;
-  react.useEffect(() => {
-    if (!setBreadcrumbs) return;
-    setBreadcrumbs(breadcrumbs);
-  }, [breadcrumbs, setBreadcrumbs]);
-  react.useEffect(() => {
-    return () => setBreadcrumbsRef.current?.(null);
-  }, []);
-  return setBreadcrumbs !== null;
-}
-function useScreenHeaderContext() {
-  const actions = react.useContext(ScreenHeaderReadContext);
-  const breadcrumbs = react.useContext(ScreenHeaderBreadcrumbsReadContext);
-  return { actions: actions ?? null, breadcrumbs: breadcrumbs ?? null };
-}
-function ScreenHeader({ title }) {
-  const { toggleSidebar, isMobile } = chunkPFDBULOI_cjs.useSidebar();
-  const { actions, breadcrumbs } = useScreenHeaderContext();
-  if (!title && !breadcrumbs) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-background sticky top-0 z-[110] flex flex-row items-center border-b px-4 py-3 md:px-6", children: [
-    !isMobile && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: toggleSidebar,
-          className: "text-muted-foreground hover:text-foreground -ml-1 inline-flex items-center justify-center rounded-md p-1",
-          "aria-label": "Toggle Sidebar",
-          children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: proRegularSvgIcons.faTableLayout, className: "size-4" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-border mx-2 h-4 w-px" })
-    ] }),
-    breadcrumbs ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: breadcrumbs }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-foreground text-lg font-semibold", children: title }),
-    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center gap-2", children: actions })
-  ] });
-}
-
-Object.defineProperty(exports, "ThemeModeProvider", {
-  enumerable: true,
-  get: function () { return chunkYXJMBVXO_cjs.ThemeModeProvider; }
-});
-Object.defineProperty(exports, "getThemeModeAttribute", {
-  enumerable: true,
-  get: function () { return chunkYXJMBVXO_cjs.getThemeModeAttribute; }
-});
-Object.defineProperty(exports, "useThemeMode", {
-  enumerable: true,
-  get: function () { return chunkYXJMBVXO_cjs.useThemeMode; }
-});
-Object.defineProperty(exports, "AppShellLayout", {
-  enumerable: true,
-  get: function () { return chunk45BCVWQK_cjs.AppShellLayout; }
-});
-Object.defineProperty(exports, "Sidebar", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.Sidebar; }
-});
-Object.defineProperty(exports, "SidebarContent", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarContent; }
-});
-Object.defineProperty(exports, "SidebarContext", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarContext; }
-});
-Object.defineProperty(exports, "SidebarFooter", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarFooter; }
-});
-Object.defineProperty(exports, "SidebarGroup", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarGroup; }
-});
-Object.defineProperty(exports, "SidebarGroupAction", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarGroupAction; }
-});
-Object.defineProperty(exports, "SidebarGroupContent", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarGroupContent; }
-});
-Object.defineProperty(exports, "SidebarGroupLabel", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarGroupLabel; }
-});
-Object.defineProperty(exports, "SidebarHeader", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarHeader; }
-});
-Object.defineProperty(exports, "SidebarInput", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarInput; }
-});
-Object.defineProperty(exports, "SidebarInset", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarInset; }
-});
-Object.defineProperty(exports, "SidebarMenu", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarMenu; }
-});
-Object.defineProperty(exports, "SidebarMenuAction", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarMenuAction; }
-});
-Object.defineProperty(exports, "SidebarMenuBadge", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarMenuBadge; }
-});
-Object.defineProperty(exports, "SidebarMenuButton", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarMenuButton; }
-});
-Object.defineProperty(exports, "SidebarMenuItem", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarMenuItem; }
-});
-Object.defineProperty(exports, "SidebarMenuSkeleton", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarMenuSkeleton; }
-});
-Object.defineProperty(exports, "SidebarMenuSub", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarMenuSub; }
-});
-Object.defineProperty(exports, "SidebarMenuSubButton", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarMenuSubButton; }
-});
-Object.defineProperty(exports, "SidebarMenuSubItem", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarMenuSubItem; }
-});
-Object.defineProperty(exports, "SidebarProvider", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarProvider; }
-});
-Object.defineProperty(exports, "SidebarRail", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarRail; }
-});
-Object.defineProperty(exports, "SidebarSeparator", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.SidebarSeparator; }
-});
-Object.defineProperty(exports, "useSidebar", {
-  enumerable: true,
-  get: function () { return chunkPFDBULOI_cjs.useSidebar; }
-});
-Object.defineProperty(exports, "useIsMobile", {
-  enumerable: true,
-  get: function () { return chunk5NYM4UTW_cjs.useIsMobile; }
-});
-Object.defineProperty(exports, "useIsMobileOrTablet", {
-  enumerable: true,
-  get: function () { return chunk5NYM4UTW_cjs.useIsMobileOrTablet; }
-});
-Object.defineProperty(exports, "useIsTablet", {
-  enumerable: true,
-  get: function () { return chunk5NYM4UTW_cjs.useIsTablet; }
-});
-exports.ScreenHeader = ScreenHeader;
-exports.ScreenHeaderProvider = ScreenHeaderProvider;
-exports.useScreenHeaderActions = useScreenHeaderActions;
-exports.useScreenHeaderBreadcrumbs = useScreenHeaderBreadcrumbs;
-exports.useScreenHeaderContext = useScreenHeaderContext;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_shell_use_mobile = require("./use-mobile.cjs");
+const require_shell_sidebar = require("./sidebar.cjs");
+const require_shell_AppShellLayout = require("./AppShellLayout.cjs");
+const require_shell_ScreenHeaderContext = require("./ScreenHeaderContext.cjs");
+const require_shell_ScreenHeader = require("./ScreenHeader.cjs");
+const require_shell_ThemeModeContext = require("./ThemeModeContext.cjs");
+exports.AppShellLayout = require_shell_AppShellLayout.AppShellLayout;
+exports.ScreenHeader = require_shell_ScreenHeader.ScreenHeader;
+exports.ScreenHeaderProvider = require_shell_ScreenHeaderContext.ScreenHeaderProvider;
+exports.Sidebar = require_shell_sidebar.Sidebar;
+exports.SidebarContent = require_shell_sidebar.SidebarContent;
+exports.SidebarContext = require_shell_sidebar.SidebarContext;
+exports.SidebarFooter = require_shell_sidebar.SidebarFooter;
+exports.SidebarGroup = require_shell_sidebar.SidebarGroup;
+exports.SidebarGroupAction = require_shell_sidebar.SidebarGroupAction;
+exports.SidebarGroupContent = require_shell_sidebar.SidebarGroupContent;
+exports.SidebarGroupLabel = require_shell_sidebar.SidebarGroupLabel;
+exports.SidebarHeader = require_shell_sidebar.SidebarHeader;
+exports.SidebarInput = require_shell_sidebar.SidebarInput;
+exports.SidebarInset = require_shell_sidebar.SidebarInset;
+exports.SidebarMenu = require_shell_sidebar.SidebarMenu;
+exports.SidebarMenuAction = require_shell_sidebar.SidebarMenuAction;
+exports.SidebarMenuBadge = require_shell_sidebar.SidebarMenuBadge;
+exports.SidebarMenuButton = require_shell_sidebar.SidebarMenuButton;
+exports.SidebarMenuItem = require_shell_sidebar.SidebarMenuItem;
+exports.SidebarMenuSkeleton = require_shell_sidebar.SidebarMenuSkeleton;
+exports.SidebarMenuSub = require_shell_sidebar.SidebarMenuSub;
+exports.SidebarMenuSubButton = require_shell_sidebar.SidebarMenuSubButton;
+exports.SidebarMenuSubItem = require_shell_sidebar.SidebarMenuSubItem;
+exports.SidebarProvider = require_shell_sidebar.SidebarProvider;
+exports.SidebarRail = require_shell_sidebar.SidebarRail;
+exports.SidebarSeparator = require_shell_sidebar.SidebarSeparator;
+exports.ThemeModeProvider = require_shell_ThemeModeContext.ThemeModeProvider;
+exports.getThemeModeAttribute = require_shell_ThemeModeContext.getThemeModeAttribute;
+exports.useIsMobile = require_shell_use_mobile.useIsMobile;
+exports.useIsMobileOrTablet = require_shell_use_mobile.useIsMobileOrTablet;
+exports.useIsTablet = require_shell_use_mobile.useIsTablet;
+exports.useScreenHeaderActions = require_shell_ScreenHeaderContext.useScreenHeaderActions;
+exports.useScreenHeaderBreadcrumbs = require_shell_ScreenHeaderContext.useScreenHeaderBreadcrumbs;
+exports.useScreenHeaderContext = require_shell_ScreenHeaderContext.useScreenHeaderContext;
+exports.useSidebar = require_shell_sidebar.useSidebar;
+exports.useThemeMode = require_shell_ThemeModeContext.useThemeMode;

package/dist/shell/index.d.cts

@@ -1,43 +1,7 @@
-export { AppShellLayout, AppShellLayoutProps } from './AppShellLayout.cjs';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-export { Sidebar, SidebarContent, SidebarContext, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, useSidebar } from './sidebar.cjs';
-export { DisplayMode, ThemeMode, ThemeModeContextValue, ThemeModeProvider, getThemeModeAttribute, useThemeMode } from './ThemeModeContext.cjs';
-import { ReactNode } from 'react';
-export { useIsMobile, useIsMobileOrTablet, useIsTablet } from './use-mobile.cjs';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
-interface ScreenHeaderProps {
-    title?: string;
-}
-declare function ScreenHeader({ title }: ScreenHeaderProps): react_jsx_runtime.JSX.Element | null;
-
-declare function ScreenHeaderProvider({ children }: {
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
-/**
- * Sets actions to display in the ScreenHeader.
- * Returns `true` if inside a ScreenHeaderProvider (i.e., in the rep shell),
- * `false` otherwise. Pages can use this boolean to conditionally skip
- * rendering their own PageHeader.
- *
- * Cleans up actions on unmount so navigating away doesn't leave stale actions.
- */
-declare function useScreenHeaderActions(actions: ReactNode): boolean;
-/**
- * Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).
- * Returns `true` if inside a ScreenHeaderProvider (i.e., in the rep shell),
- * `false` otherwise.
- *
- * Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.
- */
-declare function useScreenHeaderBreadcrumbs(breadcrumbs: ReactNode): boolean;
-/**
- * Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.
- */
-declare function useScreenHeaderContext(): {
-    actions: ReactNode;
-    breadcrumbs: ReactNode;
-};
-
-export { ScreenHeader, type ScreenHeaderProps, ScreenHeaderProvider, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext };
+import { AppShellLayout, AppShellLayoutProps } from "./AppShellLayout.cjs";
+import { ScreenHeader, ScreenHeaderProps } from "./ScreenHeader.cjs";
+import { ScreenHeaderProvider, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext } from "./ScreenHeaderContext.cjs";
+import { DisplayMode, ThemeMode, ThemeModeContextValue, ThemeModeProvider, getThemeModeAttribute, useThemeMode } from "./ThemeModeContext.cjs";
+import { Sidebar, SidebarContent, SidebarContext, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, useSidebar } from "./sidebar.cjs";
+import { useIsMobile, useIsMobileOrTablet, useIsTablet } from "./use-mobile.cjs";
+export { AppShellLayout, type AppShellLayoutProps, type DisplayMode, ScreenHeader, type ScreenHeaderProps, ScreenHeaderProvider, Sidebar, SidebarContent, SidebarContext, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, type ThemeMode, type ThemeModeContextValue, ThemeModeProvider, getThemeModeAttribute, useIsMobile, useIsMobileOrTablet, useIsTablet, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext, useSidebar, useThemeMode };

package/dist/shell/index.d.mts

@@ -0,0 +1,7 @@
+import { AppShellLayout, AppShellLayoutProps } from "./AppShellLayout.mjs";
+import { ScreenHeader, ScreenHeaderProps } from "./ScreenHeader.mjs";
+import { ScreenHeaderProvider, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext } from "./ScreenHeaderContext.mjs";
+import { DisplayMode, ThemeMode, ThemeModeContextValue, ThemeModeProvider, getThemeModeAttribute, useThemeMode } from "./ThemeModeContext.mjs";
+import { Sidebar, SidebarContent, SidebarContext, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, useSidebar } from "./sidebar.mjs";
+import { useIsMobile, useIsMobileOrTablet, useIsTablet } from "./use-mobile.mjs";
+export { AppShellLayout, type AppShellLayoutProps, type DisplayMode, ScreenHeader, type ScreenHeaderProps, ScreenHeaderProvider, Sidebar, SidebarContent, SidebarContext, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, type ThemeMode, type ThemeModeContextValue, ThemeModeProvider, getThemeModeAttribute, useIsMobile, useIsMobileOrTablet, useIsTablet, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext, useSidebar, useThemeMode };

package/dist/shell/index.mjs

@@ -0,0 +1,7 @@
+import { useIsMobile, useIsMobileOrTablet, useIsTablet } from "./use-mobile.mjs";
+import { Sidebar, SidebarContent, SidebarContext, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, useSidebar } from "./sidebar.mjs";
+import { AppShellLayout } from "./AppShellLayout.mjs";
+import { ScreenHeaderProvider, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext } from "./ScreenHeaderContext.mjs";
+import { ScreenHeader } from "./ScreenHeader.mjs";
+import { ThemeModeProvider, getThemeModeAttribute, useThemeMode } from "./ThemeModeContext.mjs";
+export { AppShellLayout, ScreenHeader, ScreenHeaderProvider, Sidebar, SidebarContent, SidebarContext, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, ThemeModeProvider, getThemeModeAttribute, useIsMobile, useIsMobileOrTablet, useIsTablet, useScreenHeaderActions, useScreenHeaderBreadcrumbs, useScreenHeaderContext, useSidebar, useThemeMode };