@pactor-app/ui 1.0.0 → 1.2.0

package/dist/layout/index.d.cts

@@ -79,6 +79,62 @@ interface LandingLayoutProps {
     footer?: ReactNode;
     children?: ReactNode;
 }
+/** ChatLayout 菜单项（显式 menu 数据驱动；registry 推导时由 router MenuItem 映射） */
+interface ChatLayoutMenuItem {
+    key: string;
+    label: string;
+    /** 图标名（Icon 白名单，kebab/Pascal 均可） */
+    icon?: string;
+    /** label 后的角标 */
+    badge?: string | number;
+    /** label 右侧的状态圆点 */
+    dot?: boolean;
+    /** 分组标题（相邻同组只渲染一次） */
+    group?: string;
+    /** 置灰不可选 */
+    disabled?: boolean;
+    /** 路由路径（registry 推导时来自 MenuItem.path；bridge 导航与 active 推导用） */
+    path?: string;
+}
+/** ChatLayout 品牌区（与 Sidebar 品牌区同构：{ title, logo? } 对象或任意 ReactNode） */
+type ChatLayoutBrand = {
+    title: string;
+    logo?: string;
+} | ReactNode;
+/**
+ * ChatLayout props（设计决策 D7）：聊天场景外壳布局——
+ * 品牌区 + 菜单侧栏 + 主内容区。
+ *
+ * 菜单来源优先级：`sidebar` 槽 > `menu` 显式数据 > `registry` 推导 > 空侧栏。
+ * 导航行为：`onMenuSelect` 提供时调用之；否则有 `bridge` 且项有 `path` 时
+ * `bridge.push(path)`。高亮推导：`activeMenuKey` > `route` > `bridge` 订阅。
+ */
+interface ChatLayoutProps {
+    /** 品牌区（{ title, logo } 对象或任意 ReactNode） */
+    brand?: ChatLayoutBrand;
+    /** 显式菜单数据；提供时优先于 registry 推导 */
+    menu?: ChatLayoutMenuItem[];
+    /** 菜单注册表（app-shell 注入）；无 menu 时据此推导菜单 */
+    registry?: MenuRegistry;
+    /** 导航桥（app-shell 注入）；默认导航与 active 推导用 */
+    bridge?: NavigationBridge;
+    /** 路由上下文（测试友好，优先于 bridge 订阅） */
+    route?: RouteContext;
+    /** 权限检查器（registry 推导时过滤菜单） */
+    permissionChecker?: PermissionChecker;
+    /** 受控高亮项 key（优先于 route/bridge 推导） */
+    activeMenuKey?: string;
+    /** 菜单项点击回调（disabled 项不触发）；提供时替代默认导航 */
+    onMenuSelect?: (key: string, item: ChatLayoutMenuItem) => void;
+    /** 桌面端可折叠为 icon rail（透传 Sidebar；缺省 false） */
+    collapsible?: boolean;
+    /** 自由侧栏槽（提供时替代内建菜单） */
+    sidebar?: ReactNode;
+    /** 侧栏底部固定槽（渲染在滚动区之后，不随内容滚动） */
+    sidebarFooter?: ReactNode;
+    /** 主内容区 */
+    children?: ReactNode;
+}
 
 /**
  * 菜单链（设计决策 D2）：沿可见树查找 menuId 的父链，
@@ -98,7 +154,7 @@ declare function findMenuChain(registry: MenuRegistry, menuId: string): MenuItem
 declare function collectDefaultOpenKeys(registry: MenuRegistry, activeMenuId?: string): string[];
 
 /**
- * ShadcnAdminLayout：与 pactor-layout 的 AdminLayout（antd 版）契约一致——
+ * AdminLayout：内置默认 UI 实现的管理后台布局——
  * 复用 `AdminLayoutProps`；Header（brand + headerExtra）/ Sidebar / 内容出口；
  * config 开关（header/sidebar 缺省开，tabs/breadcrumb/footer 缺省关）一致；
  * mode（top-side/top-bottom/side-full/two-column）、fixedHeader/fixedSider、
@@ -112,47 +168,69 @@ declare function collectDefaultOpenKeys(registry: MenuRegistry, activeMenuId?: s
  * 样式：Tailwind 工具类读取 shadcn 语义令牌（bg-background / border-border /
  * text-muted-foreground …），结构钩子用 data-slot 属性。
  */
-declare function ShadcnAdminLayout({ config, brand, registry, bridge, route: routeProp, permissionChecker, headerExtra, children, }: AdminLayoutProps): React.JSX.Element;
+declare function AdminLayout({ config, brand, registry, bridge, route: routeProp, permissionChecker, headerExtra, children, }: AdminLayoutProps): React.JSX.Element;
+
+/**
+ * BlankLayout：内置默认 UI 实现的无壳布局——
+ * 直接渲染 children（带最小页面容器样式）。
+ */
+declare function BlankLayout({ children }: BlankLayoutProps): React.JSX.Element;
 
 /**
- * ShadcnBlankLayout：与 pactor-layout 的 BlankLayout（antd 版）契约一致——
- * 无壳布局，直接渲染 children（带最小页面容器样式）。
+ * ChatLayout（设计决策 D7）：聊天场景外壳布局——
+ * 品牌区 + 菜单侧栏 + 主内容区，基于 ui `Sidebar` + `Menu` 组件组合。
+ *
+ * 菜单来源优先级（高 → 低）：
+ * 1. `sidebar` 槽：自由侧栏内容，整体替代内建菜单；
+ * 2. `menu` 显式数据：调用方直接提供菜单项（含 icon/badge/dot/group/disabled）；
+ * 3. `registry` 推导：app-shell 注入的 MenuRegistry 可见树
+ *    （group 类型项 → 分组标签，page/link → 菜单项，permissionChecker 过滤）；
+ * 4. 空侧栏：以上均无时不渲染侧栏，主区通栏。
+ *
+ * 导航行为：`onMenuSelect` 提供时调用之（disabled 项不触发）；
+ * 否则有 `bridge` 且项有 `path` 时 `bridge.push(path)`。
+ *
+ * 高亮推导优先级：`activeMenuKey` > `route`（测试友好）>
+ * `bridge` 订阅 location 按 `path === pathname` 命中。
+ *
+ * 与 chat 包的 `ChatLayout`（header + ChatView 极简布局）不同，
+ * 本组件是带侧栏菜单的完整外壳，两者不冲突（不同包导出）。
  */
-declare function ShadcnBlankLayout({ children }: BlankLayoutProps): React.JSX.Element;
+declare function ChatLayout({ brand, menu, registry, bridge, route: routeProp, permissionChecker, activeMenuKey, onMenuSelect, collapsible, sidebar, sidebarFooter, children, }: ChatLayoutProps): React.JSX.Element;
 
 /**
- * ShadcnLoginLayout：与 pactor-layout 的 LoginLayout（antd 版）契约一致——
- * 登录页外壳，只负责品牌区与表单出口的布局，不含任何认证逻辑。
+ * LoginLayout：内置默认 UI 实现的登录页外壳——
+ * 只负责品牌区与表单出口的布局，不含任何认证逻辑。
  * variant center：居中卡片（vendored shadcn Card）；split：左品牌右表单
  * （缺省 center）。
  */
-declare function ShadcnLoginLayout({ variant, brand, children, }: LoginLayoutProps): React.JSX.Element;
+declare function LoginLayout({ variant, brand, children, }: LoginLayoutProps): React.JSX.Element;
 
 /**
- * ShadcnLandingLayout：与 pactor-layout 的 LandingLayout（antd 版）契约一致——
- * 落地页外壳，可选 navbar / footer 插槽，children 为主内容区。
+ * LandingLayout：内置默认 UI 实现的落地页外壳——
+ * 可选 navbar / footer 插槽，children 为主内容区。
  */
-declare function ShadcnLandingLayout({ navbar, footer, children, }: LandingLayoutProps): React.JSX.Element;
+declare function LandingLayout({ navbar, footer, children, }: LandingLayoutProps): React.JSX.Element;
 
 /** 布局组件类型（各布局 props 不同，注册表按通用组件存储） */
 type LayoutComponent = ComponentType<any>;
 /** LayoutRegistry：布局类型名 → 布局组件（复用 core Registry） */
 type LayoutRegistry = Registry<LayoutComponent>;
 /**
- * registerShadcnLayouts：向 LayoutRegistry 注册 shadcn 实现的四种布局
- * （类型名：admin / blank / login / landing）。
+ * registerBuiltinLayouts：向 LayoutRegistry 注册内置实现的五种布局
+ * （类型名：admin / blank / login / landing / chat）。
  */
-declare function registerShadcnLayouts(registry: LayoutRegistry): void;
+declare function registerBuiltinLayouts(registry: LayoutRegistry): void;
 /**
- * createShadcnLayoutRegistry（设计决策 D5）：预注册 shadcn 版
- * admin / blank / login / landing 四种布局组件。
+ * createLayoutRegistry（设计决策 D5）：预注册内置版
+ * admin / blank / login / landing / chat 五种布局组件。
  * 业务可继续 register 自定义布局类型。
  */
-declare function createShadcnLayoutRegistry(): LayoutRegistry;
+declare function createLayoutRegistry(): LayoutRegistry;
 /**
  * resolveLayout（设计决策 D5）：按类型名解析布局组件；
- * 未命中返回 ShadcnBlankLayout 并 console.warn（不抛错，不崩页面）。
+ * 未命中返回 BlankLayout 并 console.warn（不抛错，不崩页面）。
  */
 declare function resolveLayout(registry: LayoutRegistry, type: string): LayoutComponent;
 
-export { type AdminBrand, type AdminLayoutBreakpoint, type AdminLayoutConfig, type AdminLayoutMode, type AdminLayoutProps, type BlankLayoutProps, type LandingLayoutProps, type LayoutComponent, type LayoutRegistry, type LoginBrand, type LoginLayoutProps, ShadcnAdminLayout, ShadcnBlankLayout, ShadcnLandingLayout, ShadcnLoginLayout, collectDefaultOpenKeys, createShadcnLayoutRegistry, findMenuChain, registerShadcnLayouts, resolveLayout };
+export { type AdminBrand, AdminLayout, type AdminLayoutBreakpoint, type AdminLayoutConfig, type AdminLayoutMode, type AdminLayoutProps, BlankLayout, type BlankLayoutProps, ChatLayout, type ChatLayoutBrand, type ChatLayoutMenuItem, type ChatLayoutProps, LandingLayout, type LandingLayoutProps, type LayoutComponent, type LayoutRegistry, type LoginBrand, LoginLayout, type LoginLayoutProps, collectDefaultOpenKeys, createLayoutRegistry, findMenuChain, registerBuiltinLayouts, resolveLayout };

package/dist/layout/index.d.ts

@@ -79,6 +79,62 @@ interface LandingLayoutProps {
     footer?: ReactNode;
     children?: ReactNode;
 }
+/** ChatLayout 菜单项（显式 menu 数据驱动；registry 推导时由 router MenuItem 映射） */
+interface ChatLayoutMenuItem {
+    key: string;
+    label: string;
+    /** 图标名（Icon 白名单，kebab/Pascal 均可） */
+    icon?: string;
+    /** label 后的角标 */
+    badge?: string | number;
+    /** label 右侧的状态圆点 */
+    dot?: boolean;
+    /** 分组标题（相邻同组只渲染一次） */
+    group?: string;
+    /** 置灰不可选 */
+    disabled?: boolean;
+    /** 路由路径（registry 推导时来自 MenuItem.path；bridge 导航与 active 推导用） */
+    path?: string;
+}
+/** ChatLayout 品牌区（与 Sidebar 品牌区同构：{ title, logo? } 对象或任意 ReactNode） */
+type ChatLayoutBrand = {
+    title: string;
+    logo?: string;
+} | ReactNode;
+/**
+ * ChatLayout props（设计决策 D7）：聊天场景外壳布局——
+ * 品牌区 + 菜单侧栏 + 主内容区。
+ *
+ * 菜单来源优先级：`sidebar` 槽 > `menu` 显式数据 > `registry` 推导 > 空侧栏。
+ * 导航行为：`onMenuSelect` 提供时调用之；否则有 `bridge` 且项有 `path` 时
+ * `bridge.push(path)`。高亮推导：`activeMenuKey` > `route` > `bridge` 订阅。
+ */
+interface ChatLayoutProps {
+    /** 品牌区（{ title, logo } 对象或任意 ReactNode） */
+    brand?: ChatLayoutBrand;
+    /** 显式菜单数据；提供时优先于 registry 推导 */
+    menu?: ChatLayoutMenuItem[];
+    /** 菜单注册表（app-shell 注入）；无 menu 时据此推导菜单 */
+    registry?: MenuRegistry;
+    /** 导航桥（app-shell 注入）；默认导航与 active 推导用 */
+    bridge?: NavigationBridge;
+    /** 路由上下文（测试友好，优先于 bridge 订阅） */
+    route?: RouteContext;
+    /** 权限检查器（registry 推导时过滤菜单） */
+    permissionChecker?: PermissionChecker;
+    /** 受控高亮项 key（优先于 route/bridge 推导） */
+    activeMenuKey?: string;
+    /** 菜单项点击回调（disabled 项不触发）；提供时替代默认导航 */
+    onMenuSelect?: (key: string, item: ChatLayoutMenuItem) => void;
+    /** 桌面端可折叠为 icon rail（透传 Sidebar；缺省 false） */
+    collapsible?: boolean;
+    /** 自由侧栏槽（提供时替代内建菜单） */
+    sidebar?: ReactNode;
+    /** 侧栏底部固定槽（渲染在滚动区之后，不随内容滚动） */
+    sidebarFooter?: ReactNode;
+    /** 主内容区 */
+    children?: ReactNode;
+}
 
 /**
  * 菜单链（设计决策 D2）：沿可见树查找 menuId 的父链，
@@ -98,7 +154,7 @@ declare function findMenuChain(registry: MenuRegistry, menuId: string): MenuItem
 declare function collectDefaultOpenKeys(registry: MenuRegistry, activeMenuId?: string): string[];
 
 /**
- * ShadcnAdminLayout：与 pactor-layout 的 AdminLayout（antd 版）契约一致——
+ * AdminLayout：内置默认 UI 实现的管理后台布局——
  * 复用 `AdminLayoutProps`；Header（brand + headerExtra）/ Sidebar / 内容出口；
  * config 开关（header/sidebar 缺省开，tabs/breadcrumb/footer 缺省关）一致；
  * mode（top-side/top-bottom/side-full/two-column）、fixedHeader/fixedSider、
@@ -112,47 +168,69 @@ declare function collectDefaultOpenKeys(registry: MenuRegistry, activeMenuId?: s
  * 样式：Tailwind 工具类读取 shadcn 语义令牌（bg-background / border-border /
  * text-muted-foreground …），结构钩子用 data-slot 属性。
  */
-declare function ShadcnAdminLayout({ config, brand, registry, bridge, route: routeProp, permissionChecker, headerExtra, children, }: AdminLayoutProps): React.JSX.Element;
+declare function AdminLayout({ config, brand, registry, bridge, route: routeProp, permissionChecker, headerExtra, children, }: AdminLayoutProps): React.JSX.Element;
+
+/**
+ * BlankLayout：内置默认 UI 实现的无壳布局——
+ * 直接渲染 children（带最小页面容器样式）。
+ */
+declare function BlankLayout({ children }: BlankLayoutProps): React.JSX.Element;
 
 /**
- * ShadcnBlankLayout：与 pactor-layout 的 BlankLayout（antd 版）契约一致——
- * 无壳布局，直接渲染 children（带最小页面容器样式）。
+ * ChatLayout（设计决策 D7）：聊天场景外壳布局——
+ * 品牌区 + 菜单侧栏 + 主内容区，基于 ui `Sidebar` + `Menu` 组件组合。
+ *
+ * 菜单来源优先级（高 → 低）：
+ * 1. `sidebar` 槽：自由侧栏内容，整体替代内建菜单；
+ * 2. `menu` 显式数据：调用方直接提供菜单项（含 icon/badge/dot/group/disabled）；
+ * 3. `registry` 推导：app-shell 注入的 MenuRegistry 可见树
+ *    （group 类型项 → 分组标签，page/link → 菜单项，permissionChecker 过滤）；
+ * 4. 空侧栏：以上均无时不渲染侧栏，主区通栏。
+ *
+ * 导航行为：`onMenuSelect` 提供时调用之（disabled 项不触发）；
+ * 否则有 `bridge` 且项有 `path` 时 `bridge.push(path)`。
+ *
+ * 高亮推导优先级：`activeMenuKey` > `route`（测试友好）>
+ * `bridge` 订阅 location 按 `path === pathname` 命中。
+ *
+ * 与 chat 包的 `ChatLayout`（header + ChatView 极简布局）不同，
+ * 本组件是带侧栏菜单的完整外壳，两者不冲突（不同包导出）。
  */
-declare function ShadcnBlankLayout({ children }: BlankLayoutProps): React.JSX.Element;
+declare function ChatLayout({ brand, menu, registry, bridge, route: routeProp, permissionChecker, activeMenuKey, onMenuSelect, collapsible, sidebar, sidebarFooter, children, }: ChatLayoutProps): React.JSX.Element;
 
 /**
- * ShadcnLoginLayout：与 pactor-layout 的 LoginLayout（antd 版）契约一致——
- * 登录页外壳，只负责品牌区与表单出口的布局，不含任何认证逻辑。
+ * LoginLayout：内置默认 UI 实现的登录页外壳——
+ * 只负责品牌区与表单出口的布局，不含任何认证逻辑。
  * variant center：居中卡片（vendored shadcn Card）；split：左品牌右表单
  * （缺省 center）。
  */
-declare function ShadcnLoginLayout({ variant, brand, children, }: LoginLayoutProps): React.JSX.Element;
+declare function LoginLayout({ variant, brand, children, }: LoginLayoutProps): React.JSX.Element;
 
 /**
- * ShadcnLandingLayout：与 pactor-layout 的 LandingLayout（antd 版）契约一致——
- * 落地页外壳，可选 navbar / footer 插槽，children 为主内容区。
+ * LandingLayout：内置默认 UI 实现的落地页外壳——
+ * 可选 navbar / footer 插槽，children 为主内容区。
  */
-declare function ShadcnLandingLayout({ navbar, footer, children, }: LandingLayoutProps): React.JSX.Element;
+declare function LandingLayout({ navbar, footer, children, }: LandingLayoutProps): React.JSX.Element;
 
 /** 布局组件类型（各布局 props 不同，注册表按通用组件存储） */
 type LayoutComponent = ComponentType<any>;
 /** LayoutRegistry：布局类型名 → 布局组件（复用 core Registry） */
 type LayoutRegistry = Registry<LayoutComponent>;
 /**
- * registerShadcnLayouts：向 LayoutRegistry 注册 shadcn 实现的四种布局
- * （类型名：admin / blank / login / landing）。
+ * registerBuiltinLayouts：向 LayoutRegistry 注册内置实现的五种布局
+ * （类型名：admin / blank / login / landing / chat）。
  */
-declare function registerShadcnLayouts(registry: LayoutRegistry): void;
+declare function registerBuiltinLayouts(registry: LayoutRegistry): void;
 /**
- * createShadcnLayoutRegistry（设计决策 D5）：预注册 shadcn 版
- * admin / blank / login / landing 四种布局组件。
+ * createLayoutRegistry（设计决策 D5）：预注册内置版
+ * admin / blank / login / landing / chat 五种布局组件。
  * 业务可继续 register 自定义布局类型。
  */
-declare function createShadcnLayoutRegistry(): LayoutRegistry;
+declare function createLayoutRegistry(): LayoutRegistry;
 /**
  * resolveLayout（设计决策 D5）：按类型名解析布局组件；
- * 未命中返回 ShadcnBlankLayout 并 console.warn（不抛错，不崩页面）。
+ * 未命中返回 BlankLayout 并 console.warn（不抛错，不崩页面）。
  */
 declare function resolveLayout(registry: LayoutRegistry, type: string): LayoutComponent;
 
-export { type AdminBrand, type AdminLayoutBreakpoint, type AdminLayoutConfig, type AdminLayoutMode, type AdminLayoutProps, type BlankLayoutProps, type LandingLayoutProps, type LayoutComponent, type LayoutRegistry, type LoginBrand, type LoginLayoutProps, ShadcnAdminLayout, ShadcnBlankLayout, ShadcnLandingLayout, ShadcnLoginLayout, collectDefaultOpenKeys, createShadcnLayoutRegistry, findMenuChain, registerShadcnLayouts, resolveLayout };
+export { type AdminBrand, AdminLayout, type AdminLayoutBreakpoint, type AdminLayoutConfig, type AdminLayoutMode, type AdminLayoutProps, BlankLayout, type BlankLayoutProps, ChatLayout, type ChatLayoutBrand, type ChatLayoutMenuItem, type ChatLayoutProps, LandingLayout, type LandingLayoutProps, type LayoutComponent, type LayoutRegistry, type LoginBrand, LoginLayout, type LoginLayoutProps, collectDefaultOpenKeys, createLayoutRegistry, findMenuChain, registerBuiltinLayouts, resolveLayout };

package/dist/layout/index.js

@@ -1,25 +1,27 @@
 import {
-  ShadcnAdminLayout,
-  ShadcnBlankLayout,
-  ShadcnLandingLayout,
-  ShadcnLoginLayout,
+  AdminLayout,
+  BlankLayout,
+  ChatLayout,
+  LandingLayout,
+  LoginLayout,
   collectDefaultOpenKeys,
-  createShadcnLayoutRegistry,
+  createLayoutRegistry,
   findMenuChain,
-  registerShadcnLayouts,
+  registerBuiltinLayouts,
   resolveLayout
-} from "../chunk-D6G4J5XS.js";
-import "../chunk-UR3I4WXQ.js";
-import "../chunk-GL7IO22L.js";
+} from "../chunk-22TEN3ER.js";
+import "../chunk-HJPHJKVA.js";
+import "../chunk-2LYMCWEJ.js";
 import "../chunk-RQHJBTEU.js";
 export {
-  ShadcnAdminLayout,
-  ShadcnBlankLayout,
-  ShadcnLandingLayout,
-  ShadcnLoginLayout,
+  AdminLayout,
+  BlankLayout,
+  ChatLayout,
+  LandingLayout,
+  LoginLayout,
   collectDefaultOpenKeys,
-  createShadcnLayoutRegistry,
+  createLayoutRegistry,
   findMenuChain,
-  registerShadcnLayouts,
+  registerBuiltinLayouts,
   resolveLayout
 };

package/dist/ui/index.cjs

@@ -2283,7 +2283,7 @@ function TooltipContent({
           ...props,
           children: [
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
           ]
         }
       )

package/dist/ui/index.js

@@ -164,10 +164,6 @@ import {
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
   Typography,
   badgeVariants,
   chartColor,
@@ -177,7 +173,7 @@ import {
   toggleVariants,
   typographyVariants,
   useCarousel
-} from "../chunk-TUXCPXPA.js";
+} from "../chunk-Q5NUGUJG.js";
 import {
   Button,
   Dialog,
@@ -216,8 +212,12 @@ import {
   CardTitle,
   Popover,
   PopoverContent,
-  PopoverTrigger
-} from "../chunk-GL7IO22L.js";
+  PopoverTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "../chunk-2LYMCWEJ.js";
 import "../chunk-RQHJBTEU.js";
 export {
   Accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/ui",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Pactor UI kit (shadcn): the single built-in UI kit — vendored shadcn/ui components (Base UI primitives + cva + tailwind-merge + lucide-react), props contracts, interaction core (OverlayManager / UiBridge) and layouts, with build-time Tailwind v4 prebuilt styles.css (zero consumer-side Tailwind config)",
   "keywords": [
     "pactor",
@@ -104,10 +104,10 @@
     "recharts": "^3.10.1",
     "tailwind-merge": "^3.6.0",
     "vaul": "^1.1.2",
-    "@pactor-app/permission": "1.0.0",
-    "@pactor-app/core": "1.0.0",
-    "@pactor-app/router": "1.0.0",
-    "@pactor-app/runtime": "1.0.0"
+    "@pactor-app/core": "1.2.0",
+    "@pactor-app/router": "1.2.0",
+    "@pactor-app/permission": "1.2.0",
+    "@pactor-app/runtime": "1.2.0"
   },
   "peerDependencies": {
     "react": ">=18",

package/styles.css

@@ -306,6 +306,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -447,6 +450,10 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -566,6 +573,9 @@
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
+  .min-h-\[60px\] {
+    min-height: 60px;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -587,9 +597,6 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
-  .w-14 {
-    width: calc(var(--spacing) * 14);
-  }
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
@@ -706,10 +713,6 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-y-\[calc\(-50\%_-_2px\)\] {
-    --tw-translate-y: calc(-50% - 2px);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .rotate-45 {
     rotate: 45deg;
   }
@@ -737,12 +740,18 @@
   .cursor-grab {
     cursor: grab;
   }
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
   .touch-none {
     touch-action: none;
   }
+  .resize-none {
+    resize: none;
+  }
   .scroll-m-20 {
     scroll-margin: calc(var(--spacing) * 20);
   }
@@ -1017,6 +1026,12 @@
       background-color: color-mix(in oklab, var(--background) 60%, transparent);
     }
   }
+  .bg-black\/40 {
+    background-color: color-mix(in srgb, #000 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+    }
+  }
   .bg-black\/50 {
     background-color: color-mix(in srgb, #000 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1164,6 +1179,9 @@
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -1420,6 +1438,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[width\,transform\] {
+    transition-property: width,transform;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\] {
     transition-property: width;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1440,6 +1463,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-transform {
     transition-property: transform, translate, scale, rotate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1523,6 +1551,9 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .first\:pt-1:first-child {
+    padding-top: var(--spacing);
+  }
   .last\:rounded-r-md:last-child {
     border-top-right-radius: calc(var(--radius) * 0.8);
     border-bottom-right-radius: calc(var(--radius) * 0.8);
@@ -1637,6 +1668,13 @@
   .focus-visible\:border-ring:focus-visible {
     border-color: var(--ring);
   }
+  .focus-visible\:border-transparent:focus-visible {
+    border-color: transparent;
+  }
+  .focus-visible\:ring-0:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .focus-visible\:ring-1:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1817,6 +1855,18 @@
   .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
     color: var(--accent-foreground);
   }
+  .data-\[side\=bottom\]\:-top-1[data-side="bottom"] {
+    top: calc(var(--spacing) * -1);
+  }
+  .data-\[side\=left\]\:-right-1[data-side="left"] {
+    right: calc(var(--spacing) * -1);
+  }
+  .data-\[side\=right\]\:-left-1[data-side="right"] {
+    left: calc(var(--spacing) * -1);
+  }
+  .data-\[side\=top\]\:-bottom-1[data-side="top"] {
+    bottom: calc(var(--spacing) * -1);
+  }
   .data-\[size\=default\]\:h-9[data-size="default"] {
     height: calc(var(--spacing) * 9);
   }
@@ -1912,6 +1962,34 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  @media (width < 48rem) {
+    .max-md\:fixed {
+      position: fixed;
+    }
+    .max-md\:inset-y-0 {
+      inset-block: 0px;
+    }
+    .max-md\:left-0 {
+      left: 0px;
+    }
+    .max-md\:z-50 {
+      z-index: 50;
+    }
+    .max-md\:hidden {
+      display: none;
+    }
+    .max-md\:w-60 {
+      width: calc(var(--spacing) * 60);
+    }
+    .max-md\:-translate-x-full {
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+    .max-md\:data-\[open\=true\]\:translate-x-0[data-open="true"] {
+      --tw-translate-x: 0px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   @media (width >= 40rem) {
     .sm\:block {
       display: block;
@@ -1951,6 +2029,9 @@
     }
   }
   @media (width >= 48rem) {
+    .md\:hidden {
+      display: none;
+    }
     .md\:flex-row {
       flex-direction: row;
     }