@comitor/ui 0.1.0

package/dist/shell/comitor-logo.js

@@ -0,0 +1,92 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function ComitorLogo({ className, variant = "light", title = "Comitor", style }) {
+  const dark = variant === "dark";
+  const c = dark ? {
+    accent: "#8A6800",
+    bright: "#F0CC50",
+    rich: "#D4A820",
+    topFace: "#FFFFFF",
+    sphereHi: "#F0CC50",
+    sphereLo: "#D4A820"
+  } : {
+    accent: "#7A5800",
+    bright: "#E8B824",
+    rich: "#B88A00",
+    topFace: "#F5D060",
+    sphereHi: "#E8B824",
+    sphereLo: "#B88A00"
+  };
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 256 256",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      style,
+      role: "img",
+      "aria-label": title,
+      children: [
+        /* @__PURE__ */ jsx("title", { children: title }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M128 142.059L78.5642 170.543L128 209.32L177.344 170.543L128 142.059Z",
+            fill: c.accent
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M56.6951 86.8339L66.4352 149.502L91.1528 135.259L115.779 121.016V92.5315V64.0459L56.6951 86.8339Z",
+            fill: c.bright
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M189.473 149.502L196.733 88.3046L140.13 64.0459V92.5315V121.016L164.755 135.259L189.473 149.502Z",
+            fill: c.rich
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M128 0C182.857 0 229.629 34.5499 247.822 82.975C223.747 95.6553 162.917 112.195 128 128C104.569 118.811 28.3934 89.4991 9.74011 78.9317C28.9448 32.6203 74.7053 0 128 0ZM170.544 81.5968L128 106.131L85.3639 81.5968L115.779 64.046L101.445 55.7761V55.6842L80.4941 43.6468L58.9921 31.15C61.2894 29.588 63.6785 28.0259 66.1594 26.4638L88.6719 39.5118C100.709 34.1824 113.941 31.2419 128 31.2419C145.183 31.2419 161.356 35.7445 175.415 43.6468L140.13 64.046L170.544 81.5968Z",
+            fill: c.topFace
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M238.817 63.9541C249.752 82.7915 256 104.66 256 128C256 198.662 198.662 256 128 256L120.557 199.03L128 128C164.939 106.682 201.878 85.3641 238.817 63.9541ZM146.929 188.095L177.344 170.544V211.251C202.981 196.089 220.991 169.35 224.207 138.2L246.811 125.152C246.72 122.303 246.536 119.455 246.26 116.698L207.207 139.211L189.473 149.502V114.401L146.929 138.935V188.095Z",
+            fill: c.sphereHi
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M128 256C57.2464 256 0 198.662 0 128C0 104.66 6.15656 82.7915 17.0912 63.9541C54.0302 85.3641 90.9691 106.682 128 128V256ZM108.979 188.095V138.935L66.4352 114.401V149.502L31.1501 129.103C31.5176 160.804 47.1387 188.83 70.9376 206.289V232.293C73.4184 233.672 75.9917 234.958 78.5644 236.152V211.251V170.544L108.979 188.095Z",
+            fill: c.sphereLo
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ComitorLogo
+};
+//# sourceMappingURL=comitor-logo.js.map

package/dist/shell/comitor-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/comitor-logo.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\n/**\n * Dấu hiệu nhận diện chính thức của Comitor (khối lập phương vàng + 3 hình người đồng hành).\n *\n * Hai biến thể:\n *   • `variant=\"light\"` — mặt trên vàng nhạt; dùng trên nền sáng (mặc định)\n *   • `variant=\"dark\"`  — mặt trên trắng;     dùng trên nền tối / nền ấm\n *\n * ⚠ **Ngoại lệ duy nhất của quy tắc \"không hardcode màu\"**: mã hex dưới đây là vector\n * lấy nguyên từ file nguồn Figma của brand book. KHÔNG tokenize, KHÔNG đổi màu,\n * KHÔNG đơn giản hoá path — logo phải giống hệt nhau ở mọi sản phẩm.\n *\n * File này KHÔNG có \"use client\": logo là SVG tĩnh, để RSC render thẳng, không tốn JS phía client.\n */\nexport type ComitorLogoVariant = \"light\" | \"dark\";\n\nexport interface ComitorLogoProps {\n  className?: string;\n  /** Nền sáng dùng \"light\", nền tối/ấm dùng \"dark\". */\n  variant?: ComitorLogoVariant;\n  /** Nội dung <title> của SVG — cũng là aria-label. */\n  title?: string;\n  style?: CSSProperties;\n}\n\nexport function ComitorLogo({ className, variant = \"light\", title = \"Comitor\", style }: ComitorLogoProps) {\n  const dark = variant === \"dark\";\n  const c = dark\n    ? {\n        accent: \"#8A6800\",\n        bright: \"#F0CC50\",\n        rich: \"#D4A820\",\n        topFace: \"#FFFFFF\",\n        sphereHi: \"#F0CC50\",\n        sphereLo: \"#D4A820\"\n      }\n    : {\n        accent: \"#7A5800\",\n        bright: \"#E8B824\",\n        rich: \"#B88A00\",\n        topFace: \"#F5D060\",\n        sphereHi: \"#E8B824\",\n        sphereLo: \"#B88A00\"\n      };\n\n  return (\n    <svg\n      viewBox=\"0 0 256 256\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      style={style}\n      role=\"img\"\n      aria-label={title}\n    >\n      <title>{title}</title>\n      {/* Bottom interior diamond */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M128 142.059L78.5642 170.543L128 209.32L177.344 170.543L128 142.059Z\"\n        fill={c.accent}\n      />\n      {/* Left-front face */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M56.6951 86.8339L66.4352 149.502L91.1528 135.259L115.779 121.016V92.5315V64.0459L56.6951 86.8339Z\"\n        fill={c.bright}\n      />\n      {/* Right-front face */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M189.473 149.502L196.733 88.3046L140.13 64.0459V92.5315V121.016L164.755 135.259L189.473 149.502Z\"\n        fill={c.rich}\n      />\n      {/* Top face / outer sphere highlight */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M128 0C182.857 0 229.629 34.5499 247.822 82.975C223.747 95.6553 162.917 112.195 128 128C104.569 118.811 28.3934 89.4991 9.74011 78.9317C28.9448 32.6203 74.7053 0 128 0ZM170.544 81.5968L128 106.131L85.3639 81.5968L115.779 64.046L101.445 55.7761V55.6842L80.4941 43.6468L58.9921 31.15C61.2894 29.588 63.6785 28.0259 66.1594 26.4638L88.6719 39.5118C100.709 34.1824 113.941 31.2419 128 31.2419C145.183 31.2419 161.356 35.7445 175.415 43.6468L140.13 64.046L170.544 81.5968Z\"\n        fill={c.topFace}\n      />\n      {/* Right sphere half */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M238.817 63.9541C249.752 82.7915 256 104.66 256 128C256 198.662 198.662 256 128 256L120.557 199.03L128 128C164.939 106.682 201.878 85.3641 238.817 63.9541ZM146.929 188.095L177.344 170.544V211.251C202.981 196.089 220.991 169.35 224.207 138.2L246.811 125.152C246.72 122.303 246.536 119.455 246.26 116.698L207.207 139.211L189.473 149.502V114.401L146.929 138.935V188.095Z\"\n        fill={c.sphereHi}\n      />\n      {/* Left sphere half */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M128 256C57.2464 256 0 198.662 0 128C0 104.66 6.15656 82.7915 17.0912 63.9541C54.0302 85.3641 90.9691 106.682 128 128V256ZM108.979 188.095V138.935L66.4352 114.401V149.502L31.1501 129.103C31.5176 160.804 47.1387 188.83 70.9376 206.289V232.293C73.4184 233.672 75.9917 234.958 78.5644 236.152V211.251V170.544L108.979 188.095Z\"\n        fill={c.sphereLo}\n      />\n    </svg>\n  );\n}\n"],"mappings":"AA+CI,SASE,KATF;AArBG,SAAS,YAAY,EAAE,WAAW,UAAU,SAAS,QAAQ,WAAW,MAAM,GAAqB;AACxG,QAAM,OAAO,YAAY;AACzB,QAAM,IAAI,OACN;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,IACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MAEZ;AAAA,4BAAC,WAAO,iBAAM;AAAA,QAEd;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAM,EAAE;AAAA;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAM,EAAE;AAAA;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAM,EAAE;AAAA;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAM,EAAE;AAAA;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAM,EAAE;AAAA;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAM,EAAE;AAAA;AAAA,QACV;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/shell/index.d.ts

@@ -0,0 +1,24 @@
+export { SonnerToaster, SonnerToasterProps } from '../components/ui/sonner.js';
+export { AppHeader, AppHeaderProps } from './app-header.js';
+export { AppLauncher, AppLauncherPanel, AppLauncherPanelProps, AppLauncherProps } from './app-launcher.js';
+export { AppShell, AppShellLayout, AppShellProps } from './app-shell.js';
+export { ComitorLockup, ComitorLockupProps, ComitorLockupSize, ComitorLockupVariant } from './comitor-lockup.js';
+export { ComitorLogo, ComitorLogoProps, ComitorLogoVariant } from './comitor-logo.js';
+export { MobileMenu, MobileMenuProps } from './mobile-menu.js';
+export { NotificationsButton, NotificationsButtonProps } from './notifications-button.js';
+export { ShellContextValue, ShellProvider, ShellProviderProps, useIsMac, useShell } from './shell-context.js';
+export { ShellNavLink, ShellNavLinkProps } from './shell-link.js';
+export { Sidebar, SidebarProps } from './sidebar.js';
+export { SidebarGroup, SidebarGroupProps } from './sidebar-group.js';
+export { SidebarMenuItem, SidebarMenuItemProps } from './sidebar-menu-item.js';
+export { ThemeProvider, ThemeProviderProps } from './theme-provider.js';
+export { ThemeToggle, ThemeToggleLabels, ThemeToggleProps } from './theme-toggle.js';
+export { AppDescriptor, DEFAULT_SHELL_LABELS, NavBadgeVariant, NavGroup, NavItem, ShellIcon, ShellLabels, ShellLinkComponent, ShellLinkProps, ShellNav, ShellUser, UserMenuItem, Workspace } from './types.js';
+export { UserAvatar, UserAvatarProps, UserMenu, UserMenuProps } from './user-menu.js';
+export { appAccentStyle, flattenNavItems, getAvatarToneClass, getEntitledApps, getLockedApps, isNavBranchActive, isNavItemActive, normalizeVi, resolveCurrentApp, toNavGroups } from './utils.js';
+export { WorkspaceSwitcher, WorkspaceSwitcherProps } from './workspace-switcher.js';
+export { getVietnameseInitials } from '../components/composite/text-utils.js';
+import 'react';
+import 'sonner';
+import 'next-themes';
+import 'lucide-react';

package/dist/shell/index.js

@@ -0,0 +1,23 @@
+import { SonnerToaster } from "../components/ui/sonner.js";
+export * from "./app-header.js";
+export * from "./app-launcher.js";
+export * from "./app-shell.js";
+export * from "./comitor-lockup.js";
+export * from "./comitor-logo.js";
+export * from "./mobile-menu.js";
+export * from "./notifications-button.js";
+export * from "./shell-context.js";
+export * from "./shell-link.js";
+export * from "./sidebar.js";
+export * from "./sidebar-group.js";
+export * from "./sidebar-menu-item.js";
+export * from "./theme-provider.js";
+export * from "./theme-toggle.js";
+export * from "./types.js";
+export * from "./user-menu.js";
+export * from "./utils.js";
+export * from "./workspace-switcher.js";
+export {
+  SonnerToaster
+};
+//# sourceMappingURL=index.js.map

package/dist/shell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/index.ts"],"sourcesContent":["/**\n * Entry \"@comitor/ui/shell\" — Tier 3: khung ứng dụng (AppShell, Sidebar, AppHeader,\n * WorkspaceSwitcher, AppLauncher, UserMenu, ThemeProvider…).\n *\n * Tách khỏi entry chính vì tầng này kéo theo `next/navigation` và `next-themes` — hai\n * peer OPTIONAL. App không chạy trên Next thì đừng import entry này (hoặc tự cấp\n * `ShellLinkComponent` riêng qua `ShellProvider`).\n *\n * Toàn bộ file ở đây là client component: có state, có routing, có phím tắt.\n */\n\n/**\n * Toaster bám theo next-themes — về tier thì nó là primitive (`components/ui/sonner.tsx`),\n * nhưng đặt cửa ra ở entry shell vì nó gọi `useTheme()`, mà `next-themes` chỉ là peer\n * OPTIONAL: để ở entry chính là ép mọi app phải cài next-themes.\n * Dùng chung với `ThemeProvider` ở trên. Nếu app KHÔNG dùng next-themes thì lấy composite\n * `Toaster` ở \"@comitor/ui\" và tự truyền prop `theme`.\n */\nexport { SonnerToaster, type SonnerToasterProps } from \"../components/ui/sonner.js\";\nexport * from \"./app-header.js\";\nexport * from \"./app-launcher.js\";\nexport * from \"./app-shell.js\";\nexport * from \"./comitor-lockup.js\";\nexport * from \"./comitor-logo.js\";\nexport * from \"./mobile-menu.js\";\nexport * from \"./notifications-button.js\";\nexport * from \"./shell-context.js\";\nexport * from \"./shell-link.js\";\nexport * from \"./sidebar.js\";\nexport * from \"./sidebar-group.js\";\nexport * from \"./sidebar-menu-item.js\";\nexport * from \"./theme-provider.js\";\nexport * from \"./theme-toggle.js\";\nexport * from \"./types.js\";\nexport * from \"./user-menu.js\";\nexport * from \"./utils.js\";\nexport * from \"./workspace-switcher.js\";\n"],"mappings":"AAkBA,SAAS,qBAA8C;AACvD,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/shell/mobile-menu.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { UserMenuProps } from './user-menu.js';
+import './types.js';
+import 'lucide-react';
+
+interface MobileMenuProps {
+    className?: string;
+    /** Slot ngay dưới WorkspaceSwitcher. */
+    header?: ReactNode;
+    /** Slot đáy (phiên bản app, liên kết hỗ trợ…). */
+    footer?: ReactNode;
+    showAppLauncher?: boolean;
+    showThemeToggle?: boolean;
+    /** Chuyển tiếp props cho `UserMenu` ở đáy. */
+    userMenuProps?: UserMenuProps;
+}
+/**
+ * Menu off-canvas cho màn hình hẹp (`Sheet` trượt từ trái):
+ * WorkspaceSwitcher (trục 1) → lưới app dạng danh sách (trục 2) → menu app hiện tại → user.
+ *
+ * Tự đóng khi đổi route (`ShellProvider` lo) và khi bấm vào một link thật trong menu.
+ */
+declare function MobileMenu({ className, header, footer, showAppLauncher, showThemeToggle, userMenuProps }: MobileMenuProps): React.JSX.Element;
+
+export { MobileMenu, type MobileMenuProps };

package/dist/shell/mobile-menu.js

@@ -0,0 +1,56 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Separator } from "../components/ui/separator.js";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from "../components/ui/sheet.js";
+import { cn } from "../lib/cn.js";
+import { AppLauncher } from "./app-launcher.js";
+import { useShell } from "./shell-context.js";
+import { SidebarGroup } from "./sidebar-group.js";
+import { ThemeToggle } from "./theme-toggle.js";
+import { UserMenu } from "./user-menu.js";
+import { appAccentStyle, flattenNavItems } from "./utils.js";
+import { WorkspaceSwitcher } from "./workspace-switcher.js";
+function MobileMenu({
+  className,
+  header,
+  footer,
+  showAppLauncher = true,
+  showThemeToggle = true,
+  userMenuProps
+}) {
+  const { mobileMenuOpen, setMobileMenuOpen, nav, currentApp, user, labels } = useShell();
+  const allItems = flattenNavItems(nav);
+  const closeMenu = () => setMobileMenuOpen(false);
+  return /* @__PURE__ */ jsx(Sheet, { open: mobileMenuOpen, onOpenChange: setMobileMenuOpen, children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      side: "left",
+      "aria-describedby": void 0,
+      style: appAccentStyle(currentApp),
+      className: cn("flex w-80 max-w-[85vw] flex-col gap-0 bg-sidebar p-0 md:hidden", className),
+      children: [
+        /* @__PURE__ */ jsxs(SheetHeader, { className: "shrink-0 border-b border-sidebar-border p-2", children: [
+          /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: labels.navigationLabel }),
+          /* @__PURE__ */ jsx(WorkspaceSwitcher, { align: "start" })
+        ] }),
+        header ? /* @__PURE__ */ jsx("div", { className: "shrink-0 p-2", children: header }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto scrollbar-thin", children: [
+          showAppLauncher ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "p-2", children: /* @__PURE__ */ jsx(AppLauncher, { inline: true, variant: "list", onSelected: closeMenu }) }),
+            /* @__PURE__ */ jsx(Separator, { className: "bg-sidebar-border" })
+          ] }) : null,
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-2", children: nav.map((group) => /* @__PURE__ */ jsx(SidebarGroup, { group, siblings: allItems, onNavigate: closeMenu }, group.id)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-t border-sidebar-border p-2", children: [
+          user ? /* @__PURE__ */ jsx(UserMenu, { showName: true, ...userMenuProps, className: "min-w-0 flex-1" }) : null,
+          showThemeToggle ? /* @__PURE__ */ jsx(ThemeToggle, { labels }) : null
+        ] }),
+        footer ? /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-sidebar-border p-2", children: footer }) : null
+      ]
+    }
+  ) });
+}
+export {
+  MobileMenu
+};
+//# sourceMappingURL=mobile-menu.js.map

package/dist/shell/mobile-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/mobile-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { Separator } from \"../components/ui/separator.js\";\nimport { Sheet, SheetContent, SheetHeader, SheetTitle } from \"../components/ui/sheet.js\";\nimport { cn } from \"../lib/cn.js\";\nimport { AppLauncher } from \"./app-launcher.js\";\nimport { useShell } from \"./shell-context.js\";\nimport { SidebarGroup } from \"./sidebar-group.js\";\nimport { ThemeToggle } from \"./theme-toggle.js\";\nimport { UserMenu, type UserMenuProps } from \"./user-menu.js\";\nimport { appAccentStyle, flattenNavItems } from \"./utils.js\";\nimport { WorkspaceSwitcher } from \"./workspace-switcher.js\";\n\nexport interface MobileMenuProps {\n  className?: string;\n  /** Slot ngay dưới WorkspaceSwitcher. */\n  header?: ReactNode;\n  /** Slot đáy (phiên bản app, liên kết hỗ trợ…). */\n  footer?: ReactNode;\n  showAppLauncher?: boolean;\n  showThemeToggle?: boolean;\n  /** Chuyển tiếp props cho `UserMenu` ở đáy. */\n  userMenuProps?: UserMenuProps;\n}\n\n/**\n * Menu off-canvas cho màn hình hẹp (`Sheet` trượt từ trái):\n * WorkspaceSwitcher (trục 1) → lưới app dạng danh sách (trục 2) → menu app hiện tại → user.\n *\n * Tự đóng khi đổi route (`ShellProvider` lo) và khi bấm vào một link thật trong menu.\n */\nexport function MobileMenu({\n  className,\n  header,\n  footer,\n  showAppLauncher = true,\n  showThemeToggle = true,\n  userMenuProps\n}: MobileMenuProps) {\n  const { mobileMenuOpen, setMobileMenuOpen, nav, currentApp, user, labels } = useShell();\n\n  const allItems = flattenNavItems(nav);\n\n  // Chỉ đóng khi bấm trúng LINK thật — `SidebarMenuItem` không gọi callback này\n  // khi người dùng chỉ mở/đóng nhánh con, nên menu giữ nguyên cho họ đi tiếp.\n  const closeMenu = () => setMobileMenuOpen(false);\n\n  return (\n    <Sheet open={mobileMenuOpen} onOpenChange={setMobileMenuOpen}>\n      <SheetContent\n        side=\"left\"\n        aria-describedby={undefined}\n        style={appAccentStyle(currentApp)}\n        className={cn(\"flex w-80 max-w-[85vw] flex-col gap-0 bg-sidebar p-0 md:hidden\", className)}\n      >\n        <SheetHeader className=\"shrink-0 border-b border-sidebar-border p-2\">\n          <SheetTitle className=\"sr-only\">{labels.navigationLabel}</SheetTitle>\n          <WorkspaceSwitcher align=\"start\" />\n        </SheetHeader>\n\n        {header ? <div className=\"shrink-0 p-2\">{header}</div> : null}\n\n        <div className=\"flex-1 overflow-y-auto scrollbar-thin\">\n          {showAppLauncher ? (\n            <>\n              <div className=\"p-2\">\n                <AppLauncher inline variant=\"list\" onSelected={closeMenu} />\n              </div>\n              <Separator className=\"bg-sidebar-border\" />\n            </>\n          ) : null}\n\n          <div className=\"flex flex-col gap-4 p-2\">\n            {nav.map((group) => (\n              <SidebarGroup key={group.id} group={group} siblings={allItems} onNavigate={closeMenu} />\n            ))}\n          </div>\n        </div>\n\n        <div className=\"flex shrink-0 items-center gap-2 border-t border-sidebar-border p-2\">\n          {user ? <UserMenu showName {...userMenuProps} className=\"min-w-0 flex-1\" /> : null}\n          {showThemeToggle ? <ThemeToggle labels={labels} /> : null}\n        </div>\n\n        {footer ? <div className=\"shrink-0 border-t border-sidebar-border p-2\">{footer}</div> : null}\n      </SheetContent>\n    </Sheet>\n  );\n}\n"],"mappings":";AAwDQ,SASI,UARF,KADF;AArDR,SAAS,iBAAiB;AAC1B,SAAS,OAAO,cAAc,aAAa,kBAAkB;AAC7D,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,gBAAoC;AAC7C,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,yBAAyB;AAoB3B,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB;AACF,GAAoB;AAClB,QAAM,EAAE,gBAAgB,mBAAmB,KAAK,YAAY,MAAM,OAAO,IAAI,SAAS;AAEtF,QAAM,WAAW,gBAAgB,GAAG;AAIpC,QAAM,YAAY,MAAM,kBAAkB,KAAK;AAE/C,SACE,oBAAC,SAAM,MAAM,gBAAgB,cAAc,mBACzC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,oBAAkB;AAAA,MAClB,OAAO,eAAe,UAAU;AAAA,MAChC,WAAW,GAAG,kEAAkE,SAAS;AAAA,MAEzF;AAAA,6BAAC,eAAY,WAAU,+CACrB;AAAA,8BAAC,cAAW,WAAU,WAAW,iBAAO,iBAAgB;AAAA,UACxD,oBAAC,qBAAkB,OAAM,SAAQ;AAAA,WACnC;AAAA,QAEC,SAAS,oBAAC,SAAI,WAAU,gBAAgB,kBAAO,IAAS;AAAA,QAEzD,qBAAC,SAAI,WAAU,yCACZ;AAAA,4BACC,iCACE;AAAA,gCAAC,SAAI,WAAU,OACb,8BAAC,eAAY,QAAM,MAAC,SAAQ,QAAO,YAAY,WAAW,GAC5D;AAAA,YACA,oBAAC,aAAU,WAAU,qBAAoB;AAAA,aAC3C,IACE;AAAA,UAEJ,oBAAC,SAAI,WAAU,2BACZ,cAAI,IAAI,CAAC,UACR,oBAAC,gBAA4B,OAAc,UAAU,UAAU,YAAY,aAAxD,MAAM,EAA6D,CACvF,GACH;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,uEACZ;AAAA,iBAAO,oBAAC,YAAS,UAAQ,MAAE,GAAG,eAAe,WAAU,kBAAiB,IAAK;AAAA,UAC7E,kBAAkB,oBAAC,eAAY,QAAgB,IAAK;AAAA,WACvD;AAAA,QAEC,SAAS,oBAAC,SAAI,WAAU,+CAA+C,kBAAO,IAAS;AAAA;AAAA;AAAA,EAC1F,GACF;AAEJ;","names":[]}

package/dist/shell/notifications-button.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ComponentProps } from 'react';
+
+interface NotificationsButtonProps extends Omit<ComponentProps<"button">, "children"> {
+    /** Số thông báo chưa đọc; 0 hoặc bỏ trống thì không hiện chấm số. */
+    count?: number;
+    /** Nhãn a11y (mặc định "Thông báo"). */
+    label?: string;
+    /** Vượt ngưỡng này thì hiển thị "n+" (mặc định 9). */
+    max?: number;
+}
+/**
+ * Nút chuông + số chưa đọc. **Chỉ có cái nút** — nội dung panel thông báo là
+ * app-specific: đóng sẵn một NotificationPanel vào package thì app nào cũng phải
+ * uốn dữ liệu của mình cho vừa cái khuôn đó.
+ *
+ * App tự bọc trong Popover/Sheet của mình:
+ * `<PopoverTrigger asChild><NotificationsButton count={3} /></PopoverTrigger>`
+ */
+declare function NotificationsButton({ count, label, max, className, ...props }: NotificationsButtonProps): React.JSX.Element;
+
+export { NotificationsButton, type NotificationsButtonProps };

package/dist/shell/notifications-button.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bell } from "lucide-react";
+import { cn } from "../lib/cn.js";
+import { DEFAULT_SHELL_LABELS } from "./types.js";
+function NotificationsButton({ count = 0, label, max = 9, className, ...props }) {
+  const text = label ?? DEFAULT_SHELL_LABELS.notifications;
+  const hasUnread = count > 0;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "aria-label": hasUnread ? `${text} (${count})` : text,
+      className: cn(
+        "relative flex size-9 items-center justify-center rounded-md text-muted-foreground",
+        "transition-colors duration-150 ease-out hover:bg-muted hover:text-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Bell, { className: "size-4" }),
+        hasUnread ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "absolute right-1 top-1 flex h-4 min-w-4 items-center justify-center rounded-full px-1",
+              "bg-destructive text-[10px] font-semibold leading-none text-destructive-foreground"
+            ),
+            children: count > max ? `${max}+` : count
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  NotificationsButton
+};
+//# sourceMappingURL=notifications-button.js.map

package/dist/shell/notifications-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/notifications-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Bell } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../lib/cn.js\";\nimport { DEFAULT_SHELL_LABELS } from \"./types.js\";\n\nexport interface NotificationsButtonProps extends Omit<ComponentProps<\"button\">, \"children\"> {\n  /** Số thông báo chưa đọc; 0 hoặc bỏ trống thì không hiện chấm số. */\n  count?: number;\n  /** Nhãn a11y (mặc định \"Thông báo\"). */\n  label?: string;\n  /** Vượt ngưỡng này thì hiển thị \"n+\" (mặc định 9). */\n  max?: number;\n}\n\n/**\n * Nút chuông + số chưa đọc. **Chỉ có cái nút** — nội dung panel thông báo là\n * app-specific: đóng sẵn một NotificationPanel vào package thì app nào cũng phải\n * uốn dữ liệu của mình cho vừa cái khuôn đó.\n *\n * App tự bọc trong Popover/Sheet của mình:\n * `<PopoverTrigger asChild><NotificationsButton count={3} /></PopoverTrigger>`\n */\nexport function NotificationsButton({ count = 0, label, max = 9, className, ...props }: NotificationsButtonProps) {\n  const text = label ?? DEFAULT_SHELL_LABELS.notifications;\n  const hasUnread = count > 0;\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={hasUnread ? `${text} (${count})` : text}\n      className={cn(\n        \"relative flex size-9 items-center justify-center rounded-md text-muted-foreground\",\n        \"transition-colors duration-150 ease-out hover:bg-muted hover:text-foreground\",\n        className\n      )}\n      {...props}\n    >\n      <Bell className=\"size-4\" />\n      {hasUnread ? (\n        <span\n          className={cn(\n            \"absolute right-1 top-1 flex h-4 min-w-4 items-center justify-center rounded-full px-1\",\n            \"bg-destructive text-[10px] font-semibold leading-none text-destructive-foreground\"\n          )}\n        >\n          {count > max ? `${max}+` : count}\n        </span>\n      ) : null}\n    </button>\n  );\n}\n"],"mappings":";AA6BI,SAUE,KAVF;AA3BJ,SAAS,YAAY;AAErB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AAmB9B,SAAS,oBAAoB,EAAE,QAAQ,GAAG,OAAO,MAAM,GAAG,WAAW,GAAG,MAAM,GAA6B;AAChH,QAAM,OAAO,SAAS,qBAAqB;AAC3C,QAAM,YAAY,QAAQ;AAE1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAY,GAAG,IAAI,KAAK,KAAK,MAAM;AAAA,MAC/C,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,QAAK,WAAU,UAAS;AAAA,QACxB,YACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEC,kBAAQ,MAAM,GAAG,GAAG,MAAM;AAAA;AAAA,QAC7B,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/shell/shell-context.d.ts

@@ -0,0 +1,91 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { Workspace, AppDescriptor, ShellNav, ShellLinkComponent, ShellUser, ShellLabels, NavGroup } from './types.js';
+import 'lucide-react';
+
+interface ShellContextValue {
+    workspaces: Workspace[];
+    currentWorkspace: Workspace | null;
+    onWorkspaceChange?: (workspaceId: string) => void;
+    onCreateWorkspace?: () => void;
+    onWorkspaceSettings?: (workspaceId: string) => void;
+    onInviteMembers?: (workspaceId: string) => void;
+    apps: AppDescriptor[];
+    currentApp: AppDescriptor | null;
+    onAppSelect?: (app: AppDescriptor) => void;
+    onUpsell?: (appId: string) => void;
+    nav: NavGroup[];
+    pathname: string;
+    LinkComponent: ShellLinkComponent;
+    onNavigate?: (href: string) => void;
+    user: ShellUser | null;
+    onLogout?: () => void;
+    sidebarCollapsed: boolean;
+    setSidebarCollapsed: (collapsed: boolean) => void;
+    toggleSidebar: () => void;
+    mobileMenuOpen: boolean;
+    setMobileMenuOpen: (open: boolean) => void;
+    commandPaletteOpen: boolean;
+    setCommandPaletteOpen: (open: boolean) => void;
+    appLauncherOpen: boolean;
+    setAppLauncherOpen: (open: boolean) => void;
+    labels: ShellLabels;
+}
+/** Truy cập state của shell — phải gọi bên trong `<ShellProvider>`. */
+declare function useShell(): ShellContextValue;
+/**
+ * `true` khi đang chạy trên macOS — để hiện `⌘K` thay vì `Ctrl+K`.
+ * Dùng `useSyncExternalStore` với snapshot server = false: React tự khớp
+ * server/client, không cần cờ `mounted` thủ công và không gây hydration mismatch.
+ */
+declare function useIsMac(): boolean;
+interface ShellProviderProps {
+    /** Trục 1 — danh sách workspace của user. Rỗng/1 phần tử thì WorkspaceSwitcher tự ẩn danh sách. */
+    workspaces?: Workspace[];
+    /** Workspace đang mở; bỏ trống → lấy phần tử đầu. */
+    currentWorkspaceId?: string;
+    onWorkspaceChange?: (workspaceId: string) => void;
+    onCreateWorkspace?: () => void;
+    onWorkspaceSettings?: (workspaceId: string) => void;
+    onInviteMembers?: (workspaceId: string) => void;
+    /** Trục 2 — danh sách app của hệ sinh thái (kể cả app chưa mở khoá). */
+    apps?: AppDescriptor[];
+    /** App đang mở; bỏ trống → suy từ `pathname` (khớp prefix dài nhất). */
+    currentAppId?: string;
+    onAppSelect?: (app: AppDescriptor) => void;
+    onUpsell?: (appId: string) => void;
+    /** Menu của app hiện tại — `NavItem[]` hoặc `NavGroup[]`. */
+    nav?: ShellNav;
+    /**
+     * Ghi đè pathname (Storybook, app không-Next). Bỏ trống → dùng `usePathname()`
+     * của next/navigation (trả `null` khi không có App Router → coi như "").
+     */
+    pathname?: string;
+    /** Component link thay `next/link` (app không-Next). */
+    LinkComponent?: ShellLinkComponent;
+    /** Gọi sau mỗi lần người dùng bấm một mục điều hướng (analytics, đóng panel…). */
+    onNavigate?: (href: string) => void;
+    user?: ShellUser | null;
+    onLogout?: () => void;
+    /** Trạng thái thu gọn ban đầu (SSR). Sau khi mount, localStorage của workspace thắng. */
+    defaultSidebarCollapsed?: boolean;
+    /** Tắt ghi nhớ localStorage (Storybook, chế độ kiosk). */
+    persistSidebarState?: boolean;
+    /** Tắt bộ phím tắt toàn cục. */
+    enableShortcuts?: boolean;
+    /** Override chuỗi hiển thị (mặc định tiếng Việt). */
+    labels?: Partial<ShellLabels>;
+    children: ReactNode;
+}
+/**
+ * Provider của app shell Comitor: giữ hai trục điều hướng (workspace × app),
+ * trạng thái khung (sidebar/mobile/command palette/app launcher), phím tắt toàn cục,
+ * và bọc sẵn `TooltipProvider`.
+ *
+ * KHÔNG dùng `useRouter()` của next/navigation: hook đó *ném lỗi* khi thiếu App Router
+ * (Storybook, test). Mọi điều hướng chủ động là việc của app qua callback
+ * `onWorkspaceChange` / `onAppSelect` / `onNavigate`; link tĩnh đi qua `LinkComponent`.
+ */
+declare function ShellProvider({ workspaces, currentWorkspaceId, onWorkspaceChange, onCreateWorkspace, onWorkspaceSettings, onInviteMembers, apps, currentAppId, onAppSelect, onUpsell, nav, pathname: pathnameProp, LinkComponent, onNavigate, user, onLogout, defaultSidebarCollapsed, persistSidebarState, enableShortcuts, labels: labelsProp, children }: ShellProviderProps): React.JSX.Element;
+
+export { type ShellContextValue, ShellProvider, type ShellProviderProps, useIsMac, useShell };

package/dist/shell/shell-context.js

@@ -0,0 +1,233 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import NextLink from "next/link";
+import { usePathname } from "next/navigation";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+  useSyncExternalStore
+} from "react";
+import { TooltipProvider } from "../components/ui/tooltip.js";
+import {
+  DEFAULT_SHELL_LABELS
+} from "./types.js";
+import { getEntitledApps, resolveCurrentApp, toNavGroups } from "./utils.js";
+function DefaultShellLink({ href, children, ...props }) {
+  return /* @__PURE__ */ jsx(NextLink, { href, ...props, children });
+}
+const ShellContext = createContext(void 0);
+function useShell() {
+  const context = useContext(ShellContext);
+  if (!context) {
+    throw new Error("useShell ph\u1EA3i \u0111\u01B0\u1EE3c d\xF9ng b\xEAn trong <ShellProvider> (ho\u1EB7c <AppShell>).");
+  }
+  return context;
+}
+function sidebarStorageKey(workspaceId) {
+  return `comitor-sidebar:${workspaceId ?? "default"}`;
+}
+function readStoredCollapsed(workspaceId) {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(sidebarStorageKey(workspaceId));
+    if (raw === "1") return true;
+    if (raw === "0") return false;
+    return null;
+  } catch {
+    return null;
+  }
+}
+const emptySubscribe = () => () => {
+};
+function useIsMac() {
+  return useSyncExternalStore(
+    emptySubscribe,
+    () => /mac|iphone|ipad|ipod/i.test(navigator.platform || navigator.userAgent),
+    () => false
+  );
+}
+function ShellProvider({
+  workspaces = [],
+  currentWorkspaceId,
+  onWorkspaceChange,
+  onCreateWorkspace,
+  onWorkspaceSettings,
+  onInviteMembers,
+  apps = [],
+  currentAppId,
+  onAppSelect,
+  onUpsell,
+  nav,
+  pathname: pathnameProp,
+  LinkComponent = DefaultShellLink,
+  onNavigate,
+  user = null,
+  onLogout,
+  defaultSidebarCollapsed = false,
+  persistSidebarState = true,
+  enableShortcuts = true,
+  labels: labelsProp,
+  children
+}) {
+  const nextPathname = usePathname();
+  const pathname = pathnameProp ?? nextPathname ?? "";
+  const currentWorkspace = useMemo(
+    () => workspaces.find((workspace) => workspace.id === currentWorkspaceId) ?? workspaces[0] ?? null,
+    [workspaces, currentWorkspaceId]
+  );
+  const currentApp = useMemo(() => {
+    if (currentAppId) return apps.find((app) => app.id === currentAppId) ?? null;
+    return resolveCurrentApp(apps, pathname);
+  }, [apps, currentAppId, pathname]);
+  const navGroups = useMemo(() => toNavGroups(nav), [nav]);
+  const labels = useMemo(() => ({ ...DEFAULT_SHELL_LABELS, ...labelsProp }), [labelsProp]);
+  const [sidebarCollapsed, setSidebarCollapsed] = useState(defaultSidebarCollapsed);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
+  const [appLauncherOpen, setAppLauncherOpen] = useState(false);
+  useEffect(() => {
+    if (!persistSidebarState) return;
+    const stored = readStoredCollapsed(currentWorkspace?.id);
+    if (stored !== null) setSidebarCollapsed(stored);
+  }, [persistSidebarState, currentWorkspace?.id]);
+  const persistCollapsed = useCallback(
+    (collapsed) => {
+      if (!persistSidebarState || typeof window === "undefined") return;
+      try {
+        window.localStorage.setItem(sidebarStorageKey(currentWorkspace?.id), collapsed ? "1" : "0");
+      } catch {
+      }
+    },
+    [persistSidebarState, currentWorkspace?.id]
+  );
+  const applySidebarCollapsed = useCallback(
+    (collapsed) => {
+      setSidebarCollapsed(collapsed);
+      persistCollapsed(collapsed);
+    },
+    [persistCollapsed]
+  );
+  const toggleSidebar = useCallback(() => {
+    setSidebarCollapsed((prev) => {
+      const next = !prev;
+      persistCollapsed(next);
+      return next;
+    });
+  }, [persistCollapsed]);
+  useEffect(() => {
+    if (!enableShortcuts) return;
+    const entitledApps = getEntitledApps(apps);
+    const handleKeyDown = (event) => {
+      const target = event.target;
+      const isTyping = target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement || target instanceof HTMLElement && target.isContentEditable;
+      if (event.key === "Escape") {
+        setCommandPaletteOpen(false);
+        setMobileMenuOpen(false);
+        setAppLauncherOpen(false);
+        return;
+      }
+      if (isTyping) return;
+      const mod = event.metaKey || event.ctrlKey;
+      const key = event.key.toLowerCase();
+      if (mod && event.shiftKey && key === "k") {
+        event.preventDefault();
+        setAppLauncherOpen((prev) => !prev);
+        return;
+      }
+      if (mod && !event.shiftKey && key === "k") {
+        event.preventDefault();
+        setCommandPaletteOpen((prev) => !prev);
+        return;
+      }
+      if (mod && !event.shiftKey && key === "b") {
+        event.preventDefault();
+        toggleSidebar();
+        return;
+      }
+      if (event.altKey && !event.ctrlKey && !event.metaKey) {
+        const match = /^Digit([1-9])$/.exec(event.code);
+        if (match?.[1]) {
+          const index = Number.parseInt(match[1], 10) - 1;
+          const app = entitledApps[index];
+          if (app) {
+            event.preventDefault();
+            onAppSelect?.(app);
+          }
+        }
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [enableShortcuts, apps, onAppSelect, toggleSidebar]);
+  useEffect(() => {
+    setMobileMenuOpen(false);
+    setAppLauncherOpen(false);
+    setCommandPaletteOpen(false);
+  }, [pathname]);
+  const value = useMemo(
+    () => ({
+      workspaces,
+      currentWorkspace,
+      onWorkspaceChange,
+      onCreateWorkspace,
+      onWorkspaceSettings,
+      onInviteMembers,
+      apps,
+      currentApp,
+      onAppSelect,
+      onUpsell,
+      nav: navGroups,
+      pathname,
+      LinkComponent,
+      onNavigate,
+      user,
+      onLogout,
+      sidebarCollapsed,
+      setSidebarCollapsed: applySidebarCollapsed,
+      toggleSidebar,
+      mobileMenuOpen,
+      setMobileMenuOpen,
+      commandPaletteOpen,
+      setCommandPaletteOpen,
+      appLauncherOpen,
+      setAppLauncherOpen,
+      labels
+    }),
+    [
+      workspaces,
+      currentWorkspace,
+      onWorkspaceChange,
+      onCreateWorkspace,
+      onWorkspaceSettings,
+      onInviteMembers,
+      apps,
+      currentApp,
+      onAppSelect,
+      onUpsell,
+      navGroups,
+      pathname,
+      LinkComponent,
+      onNavigate,
+      user,
+      onLogout,
+      sidebarCollapsed,
+      applySidebarCollapsed,
+      toggleSidebar,
+      mobileMenuOpen,
+      commandPaletteOpen,
+      appLauncherOpen,
+      labels
+    ]
+  );
+  return /* @__PURE__ */ jsx(ShellContext.Provider, { value, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children }) });
+}
+export {
+  ShellProvider,
+  useIsMac,
+  useShell
+};
+//# sourceMappingURL=shell-context.js.map