@pactor-app/ui 1.1.0 → 1.2.0

package/dist/index.cjs

@@ -31,11 +31,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   Accordion: () => Accordion2,
+  AdminLayout: () => AdminLayout,
   Alert: () => Alert2,
   AlertDialog: () => AlertDialog2,
   AspectRatio: () => AspectRatio2,
   Avatar: () => Avatar2,
   Badge: () => Badge2,
+  BlankLayout: () => BlankLayout,
   Breadcrumb: () => Breadcrumb2,
   Button: () => Button2,
   ButtonGroup: () => ButtonGroup2,
@@ -43,6 +45,7 @@ __export(index_exports, {
   Card: () => Card2,
   Carousel: () => Carousel2,
   Chart: () => Chart,
+  ChatLayout: () => ChatLayout,
   Checkbox: () => Checkbox2,
   Collapsible: () => Collapsible2,
   Combobox: () => Combobox2,
@@ -66,15 +69,19 @@ __export(index_exports, {
   Input: () => Input2,
   InputGroup: () => InputGroup2,
   InputOTP: () => InputOTP2,
+  InteractionProvider: () => InteractionProvider,
   Item: () => Item2,
   Kbd: () => Kbd2,
   Label: () => Label2,
+  LandingLayout: () => LandingLayout,
   Layout: () => Layout,
   Link: () => Link2,
+  LoginLayout: () => LoginLayout,
   Menu: () => Menu2,
   Menubar: () => Menubar2,
   NavigationMenu: () => NavigationMenu2,
   OVERLAY_CANCEL_PAYLOAD: () => OVERLAY_CANCEL_PAYLOAD,
+  OverlayHost: () => OverlayHost,
   OverlayManager: () => OverlayManager,
   Page: () => Page,
   Pagination: () => Pagination2,
@@ -86,12 +93,6 @@ __export(index_exports, {
   ScrollArea: () => ScrollArea2,
   Select: () => Select2,
   Separator: () => Separator2,
-  ShadcnAdminLayout: () => ShadcnAdminLayout,
-  ShadcnBlankLayout: () => ShadcnBlankLayout,
-  ShadcnInteractionProvider: () => ShadcnInteractionProvider,
-  ShadcnLandingLayout: () => ShadcnLandingLayout,
-  ShadcnLoginLayout: () => ShadcnLoginLayout,
-  ShadcnOverlayHost: () => ShadcnOverlayHost,
   Sheet: () => Sheet2,
   Sidebar: () => Sidebar,
   Sider: () => Sider,
@@ -109,18 +110,17 @@ __export(index_exports, {
   ToggleGroup: () => ToggleGroup2,
   Tooltip: () => Tooltip3,
   Typography: () => Typography2,
+  builtinComponents: () => builtinComponents,
   collectDefaultOpenKeys: () => collectDefaultOpenKeys,
-  createShadcnComponentRegistry: () => createShadcnComponentRegistry,
-  createShadcnLayoutRegistry: () => createShadcnLayoutRegistry,
+  createComponentRegistry: () => createComponentRegistry,
+  createLayoutRegistry: () => createLayoutRegistry,
   createUiBridge: () => createUiBridge,
   findMenuChain: () => findMenuChain,
   normalizeIconName: () => normalizeIconName,
+  registerBuiltinComponents: () => registerBuiltinComponents,
+  registerBuiltinLayouts: () => registerBuiltinLayouts,
   registerInteractionActions: () => registerInteractionActions,
-  registerShadcnComponents: () => registerShadcnComponents,
-  registerShadcnLayouts: () => registerShadcnLayouts,
   resolveLayout: () => resolveLayout,
-  shadcnComponents: () => shadcnComponents,
-  shadcnUiKit: () => shadcnUiKit,
   useFormContext: () => useFormContext,
   useSidebarDrawer: () => useSidebarDrawer
 });
@@ -4256,31 +4256,38 @@ function Sidebar({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("main", { "data-slot": "sidebar-content", className: "min-w-0 flex-1", children: [
-              drawer ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-                "div",
-                {
-                  "data-slot": "sidebar-topbar",
-                  className: "flex h-14 items-center gap-2 border-b border-sidebar-border bg-sidebar px-3 md:hidden",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                      "button",
-                      {
-                        type: "button",
-                        "data-slot": "sidebar-menu-trigger",
-                        "aria-label": t("pactor.layout.openNavigation"),
-                        "aria-expanded": drawerOpen,
-                        className: "flex size-8 items-center justify-center rounded-md text-sidebar-foreground/60 transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground",
-                        onClick: () => setDrawerOpen(true),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: "menu", size: 18 })
-                      }
-                    ),
-                    brandNode
-                  ]
-                }
-              ) : null,
-              children
-            ] })
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+              "main",
+              {
+                "data-slot": "sidebar-content",
+                className: "flex min-w-0 flex-1 flex-col",
+                children: [
+                  drawer ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+                    "div",
+                    {
+                      "data-slot": "sidebar-topbar",
+                      className: "flex h-14 items-center gap-2 border-b border-sidebar-border bg-sidebar px-3 md:hidden",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            "data-slot": "sidebar-menu-trigger",
+                            "aria-label": t("pactor.layout.openNavigation"),
+                            "aria-expanded": drawerOpen,
+                            className: "flex size-8 items-center justify-center rounded-md text-sidebar-foreground/60 transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground",
+                            onClick: () => setDrawerOpen(true),
+                            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: "menu", size: 18 })
+                          }
+                        ),
+                        brandNode
+                      ]
+                    }
+                  ) : null,
+                  children
+                ]
+              }
+            )
           ]
         }
       )
@@ -4405,7 +4412,7 @@ function MenuEntry({
         "flex w-full items-center gap-2 rounded-md text-sm transition-colors",
         mode === "horizontal" ? "px-3 py-2" : "px-3 py-2 text-left",
         collapsed && "justify-center px-0",
-        selected ? "bg-accent font-medium text-accent-foreground" : "text-muted-foreground hover:bg-accent/50 hover:text-foreground",
+        selected ? "bg-accent font-medium text-accent-foreground" : "cursor-pointer text-muted-foreground hover:bg-accent/50 hover:text-foreground",
         item.disabled && "cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted-foreground"
       ),
       style: mode === "inline" && depth > 0 && !collapsed ? { paddingLeft: 12 + depth * 16 } : void 0,
@@ -6641,7 +6648,7 @@ function Typography2({
 }
 
 // src/components/register.ts
-var shadcnComponents = {
+var builtinComponents = {
   Page,
   Grid,
   Flex,
@@ -6721,14 +6728,14 @@ var shadcnComponents = {
   // 图标（lucide 白名单）
   Icon
 };
-function registerShadcnComponents(registry) {
-  for (const [type, component] of Object.entries(shadcnComponents)) {
+function registerBuiltinComponents(registry) {
+  for (const [type, component] of Object.entries(builtinComponents)) {
     registry.register(type, component);
   }
 }
-function createShadcnComponentRegistry() {
+function createComponentRegistry() {
   const registry = new import_core2.Registry("ComponentRegistry");
-  registerShadcnComponents(registry);
+  registerBuiltinComponents(registry);
   return registry;
 }
 
@@ -6776,7 +6783,7 @@ function collectDefaultOpenKeys(registry, activeMenuId) {
   return keys;
 }
 
-// src/layout/admin/ShadcnAdminLayout.tsx
+// src/layout/admin/AdminLayout.tsx
 var import_permission = require("@pactor-app/permission");
 var import_router = require("@pactor-app/router");
 var import_runtime20 = require("@pactor-app/runtime");
@@ -6815,7 +6822,7 @@ function useBreakpointBelow(breakpoint) {
   return breakpoint !== void 0 && matches;
 }
 
-// src/layout/admin/ShadcnAdminLayout.tsx
+// src/layout/admin/AdminLayout.tsx
 var import_jsx_runtime127 = require("react/jsx-runtime");
 function buildVisibleMenuTree(registry, permissionChecker) {
   const tree = registry.tree();
@@ -7016,7 +7023,7 @@ function MenuTree({
     }
   );
 }
-function ShadcnAdminLayout({
+function AdminLayout({
   config = {},
   brand,
   registry,
@@ -7323,9 +7330,9 @@ function ShadcnAdminLayout({
   );
 }
 
-// src/layout/basic/ShadcnBlankLayout.tsx
+// src/layout/basic/BlankLayout.tsx
 var import_jsx_runtime128 = require("react/jsx-runtime");
-function ShadcnBlankLayout({ children }) {
+function BlankLayout({ children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "div",
     {
@@ -7336,27 +7343,154 @@ function ShadcnBlankLayout({ children }) {
   );
 }
 
-// src/layout/basic/ShadcnLoginLayout.tsx
+// src/layout/chat/ChatLayout.tsx
+var import_permission2 = require("@pactor-app/permission");
+var import_react28 = require("react");
 var import_jsx_runtime129 = require("react/jsx-runtime");
-function ShadcnLoginLayout({
+function ChatLayout({
+  brand,
+  menu,
+  registry,
+  bridge,
+  route: routeProp,
+  permissionChecker,
+  activeMenuKey,
+  onMenuSelect,
+  collapsible,
+  sidebar,
+  sidebarFooter,
+  children
+}) {
+  const registryMenus = (0, import_react28.useMemo)(() => {
+    if (menu !== void 0 || registry === void 0) {
+      return [];
+    }
+    const tree = registry.tree();
+    const visible = permissionChecker !== void 0 ? (0, import_permission2.filterMenusByPermission)(tree, permissionChecker) : tree;
+    return visible.flatMap((item) => menuItemToMenuData(item));
+  }, [menu, registry, permissionChecker]);
+  const menuItems = menu ?? registryMenus;
+  const [bridgePath, setBridgePath] = (0, import_react28.useState)(
+    () => bridge?.getLocation().pathname ?? "/"
+  );
+  (0, import_react28.useEffect)(() => {
+    if (bridge === void 0) {
+      return;
+    }
+    return bridge.subscribe((location) => {
+      setBridgePath(location.pathname);
+    });
+  }, [bridge]);
+  const activeKey = (0, import_react28.useMemo)(() => {
+    if (activeMenuKey !== void 0) {
+      return activeMenuKey;
+    }
+    const path = routeProp?.path ?? bridgePath;
+    return menuItems.find((item) => item.path === path)?.key;
+  }, [activeMenuKey, routeProp, bridgePath, menuItems]);
+  const handleSelect = (key) => {
+    const item = menuItems.find((m) => m.key === key);
+    if (item === void 0 || item.disabled === true) {
+      return;
+    }
+    if (onMenuSelect !== void 0) {
+      onMenuSelect(key, item);
+      return;
+    }
+    if (bridge !== void 0 && item.path !== void 0) {
+      bridge.push(item.path);
+    }
+  };
+  const sidebarContent = sidebar !== void 0 && sidebar !== null ? sidebar : menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    Menu2,
+    {
+      items: menuItems.map((item) => chatMenuItemToUiMenuItem(item)),
+      selectedKey: activeKey,
+      onSelect: handleSelect
+    }
+  ) : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    Sidebar,
+    {
+      brand,
+      content: sidebarContent,
+      sidebarFooter,
+      collapsible,
+      locationKey: routeProp?.path ?? bridgePath,
+      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        "div",
+        {
+          "data-slot": "chat-layout-content",
+          className: "flex min-h-0 flex-1 flex-col",
+          children
+        }
+      )
+    }
+  );
+}
+function chatMenuItemToUiMenuItem(item) {
+  return {
+    key: item.key,
+    label: item.label,
+    icon: item.icon,
+    badge: item.badge,
+    dot: item.dot,
+    group: item.group,
+    disabled: item.disabled
+  };
+}
+function menuItemToMenuData(item) {
+  if (item.type === "group") {
+    const children = (item.children ?? []).flatMap(
+      (child) => menuItemToMenuData(child)
+    );
+    if (children.length === 0) {
+      return [];
+    }
+    return children.map((child, index) => ({
+      ...child,
+      group: index === 0 ? item.title : void 0
+    }));
+  }
+  if (item.hidden === true) {
+    return [];
+  }
+  const ext = item;
+  return [
+    {
+      key: item.id,
+      label: item.title,
+      icon: item.icon,
+      path: item.path,
+      badge: item.badge,
+      dot: ext.dot,
+      group: ext.group,
+      disabled: item.disabled
+    }
+  ];
+}
+
+// src/layout/basic/LoginLayout.tsx
+var import_jsx_runtime130 = require("react/jsx-runtime");
+function LoginLayout({
   variant = "center",
   brand,
   children
 }) {
-  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { "data-slot": "login-brand", className: "flex flex-col items-center gap-2", children: [
+  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { "data-slot": "login-brand", className: "flex flex-col items-center gap-2", children: [
     brand.logo,
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
-    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
+    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
   ] });
   if (variant === "split") {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
       "div",
       {
         "data-slot": "login-layout",
         "data-variant": "split",
         className: "grid min-h-screen grid-cols-2 bg-background text-foreground",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
             "div",
             {
               "data-slot": "login-brand-panel",
@@ -7364,7 +7498,7 @@ function ShadcnLoginLayout({
               children: brandBlock
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
             "div",
             {
               "data-slot": "login-form-panel",
@@ -7376,37 +7510,37 @@ function ShadcnLoginLayout({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     "div",
     {
       "data-slot": "login-layout",
       "data-variant": "center",
       className: "flex min-h-screen items-center justify-center bg-muted/40 text-foreground",
-      children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(CardHeader, { className: "px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(CardTitle, { className: "sr-only", children: brand.title }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(CardHeader, { className: "px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(CardTitle, { className: "sr-only", children: brand.title }),
           brandBlock
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
       ] })
     }
   );
 }
 
-// src/layout/basic/ShadcnLandingLayout.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
-function ShadcnLandingLayout({
+// src/layout/basic/LandingLayout.tsx
+var import_jsx_runtime131 = require("react/jsx-runtime");
+function LandingLayout({
   navbar,
   footer,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     "div",
     {
       "data-slot": "landing-layout",
       className: "flex min-h-screen flex-col bg-background text-foreground",
       children: [
-        navbar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        navbar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "header",
           {
             "data-slot": "landing-navbar",
@@ -7414,8 +7548,8 @@ function ShadcnLandingLayout({
             children: navbar
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
-        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
+        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "footer",
           {
             "data-slot": "landing-footer",
@@ -7430,15 +7564,16 @@ function ShadcnLandingLayout({
 
 // src/layout/registry.ts
 var import_core3 = require("@pactor-app/core");
-function registerShadcnLayouts(registry) {
-  registry.register("admin", ShadcnAdminLayout);
-  registry.register("blank", ShadcnBlankLayout);
-  registry.register("login", ShadcnLoginLayout);
-  registry.register("landing", ShadcnLandingLayout);
-}
-function createShadcnLayoutRegistry() {
+function registerBuiltinLayouts(registry) {
+  registry.register("admin", AdminLayout);
+  registry.register("blank", BlankLayout);
+  registry.register("login", LoginLayout);
+  registry.register("landing", LandingLayout);
+  registry.register("chat", ChatLayout);
+}
+function createLayoutRegistry() {
   const registry = new import_core3.Registry("LayoutRegistry");
-  registerShadcnLayouts(registry);
+  registerBuiltinLayouts(registry);
   return registry;
 }
 function resolveLayout(registry, type) {
@@ -7447,7 +7582,7 @@ function resolveLayout(registry, type) {
     console.warn(
       `[pactor-layout] unknown layout type "${type}", fallback to BlankLayout`
     );
-    return ShadcnBlankLayout;
+    return BlankLayout;
   }
   return component;
 }
@@ -7621,9 +7756,9 @@ function isRecord(value) {
 
 // src/interaction/provider.tsx
 var import_runtime22 = require("@pactor-app/runtime");
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var TOAST_DURATION = 3e3;
 var toastTypeClass = {
   success: "border-l-4 border-l-success",
@@ -7631,14 +7766,14 @@ var toastTypeClass = {
   info: "border-l-4 border-l-info",
   warning: "border-l-4 border-l-warning"
 };
-function ShadcnInteractionProvider({
+function InteractionProvider({
   bridge,
   children
 }) {
-  const [confirmState, setConfirmState] = (0, import_react28.useState)(null);
-  const [toasts, setToasts] = (0, import_react28.useState)([]);
+  const [confirmState, setConfirmState] = (0, import_react29.useState)(null);
+  const [toasts, setToasts] = (0, import_react29.useState)([]);
   const { t } = (0, import_runtime22.useI18n)();
-  const { modal, message } = (0, import_react28.useMemo)(() => {
+  const { modal, message } = (0, import_react29.useMemo)(() => {
     const pushToast = (type, content) => {
       const id = Date.now() + Math.random();
       setToasts((prev) => [...prev, { id, type, content }]);
@@ -7659,7 +7794,7 @@ function ShadcnInteractionProvider({
     };
     return { modal: modalImpl, message: messageImpl };
   }, []);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     bridge.modal = modal;
     bridge.message = message;
     return () => {
@@ -7677,11 +7812,11 @@ function ShadcnInteractionProvider({
     setConfirmState(null);
     state?.onCancel?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
     children,
     typeof document !== "undefined" && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           Dialog,
           {
             open: confirmState !== null,
@@ -7690,29 +7825,29 @@ function ShadcnInteractionProvider({
                 handleCancel();
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(DialogContent, { "data-slot": "confirm-dialog", className: "sm:max-w-sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(DialogHeader, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(DialogTitle, { children: confirmState?.title ?? "" }),
-                confirmState?.content !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(DialogContent, { "data-slot": "confirm-dialog", className: "sm:max-w-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(DialogHeader, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DialogTitle, { children: confirmState?.title ?? "" }),
+                confirmState?.content !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                   DialogDescription,
                   {
-                    render: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { children: confirmState.content })
+                    render: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { children: confirmState.content })
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(DialogFooter, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Button, { type: "button", variant: "outline", onClick: handleCancel, children: t("pactor.alertDialog.cancel") }),
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Button, { type: "button", onClick: handleOk, children: t("pactor.alertDialog.confirm") })
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(DialogFooter, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Button, { type: "button", variant: "outline", onClick: handleCancel, children: t("pactor.alertDialog.cancel") }),
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Button, { type: "button", onClick: handleOk, children: t("pactor.alertDialog.confirm") })
               ] })
             ] })
           }
         ),
-        toasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        toasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           "div",
           {
             "data-slot": "toast-container",
             className: "fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2",
-            children: toasts.map((toast2) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+            children: toasts.map((toast2) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
               "div",
               {
                 "data-slot": "toast",
@@ -7737,21 +7872,21 @@ function ShadcnInteractionProvider({
 // src/interaction/host.tsx
 var import_lucide_react26 = require("lucide-react");
 var import_runtime23 = require("@pactor-app/runtime");
-var import_react29 = require("react");
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_react30 = require("react");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 function toCssWidth(width) {
   if (width === void 0) {
     return void 0;
   }
   return typeof width === "number" ? `${width}px` : width;
 }
-function ShadcnOverlayHost({ manager, resolvePage }) {
+function OverlayHost({ manager, resolvePage }) {
   const renderer = (0, import_runtime23.useRenderer)();
-  const stack = (0, import_react29.useSyncExternalStore)(
+  const stack = (0, import_react30.useSyncExternalStore)(
     (onChange) => manager.subscribe(onChange),
     () => manager.stack()
   );
-  (0, import_react29.useSyncExternalStore)(
+  (0, import_react30.useSyncExternalStore)(
     (onChange) => {
       const offState = renderer.context.state.subscribe(onChange);
       const offData = renderer.context.data.subscribe(onChange);
@@ -7762,7 +7897,7 @@ function ShadcnOverlayHost({ manager, resolvePage }) {
     },
     () => `${renderer.context.state.getVersion()}:${renderer.context.data.getVersion()}`
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_jsx_runtime132.Fragment, { children: stack.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_jsx_runtime133.Fragment, { children: stack.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     OverlayEntryView,
     {
       entry,
@@ -7788,7 +7923,7 @@ function OverlayEntryView({
       parent: manager.parentScopeOf(entry.id)
     });
   } else if (entry.page) {
-    body = /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    body = /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       PageOverlayBody,
       {
         entry,
@@ -7798,9 +7933,9 @@ function OverlayEntryView({
     );
   }
   if (entry.type === "drawer") {
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ShadcnDrawerView, { entry, onCancel: handleCancel, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ShadcnDrawerView, { entry, onCancel: handleCancel, children: body });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     Dialog,
     {
       open: true,
@@ -7809,7 +7944,7 @@ function OverlayEntryView({
           handleCancel();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
         DialogContent,
         {
           "data-slot": "overlay-modal",
@@ -7817,25 +7952,25 @@ function OverlayEntryView({
           style: entry.width === void 0 ? void 0 : { width: toCssWidth(entry.width) },
           showCloseButton: false,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(DialogHeader, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DialogTitle, { children: entry.title ?? "" }),
-              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(DialogHeader, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DialogTitle, { children: entry.title ?? "" }),
+              /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                 DialogClose,
                 {
-                  render: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                  render: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                     "button",
                     {
                       type: "button",
                       "data-slot": "overlay-modal-close",
                       "aria-label": t("pactor.overlay.close"),
                       className: "absolute top-4 right-4 cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react26.XIcon, { className: "size-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react26.XIcon, { className: "size-4" })
                     }
                   )
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { "data-slot": "overlay-modal-body", children: body })
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { "data-slot": "overlay-modal-body", children: body })
           ]
         }
       )
@@ -7849,7 +7984,7 @@ function ShadcnDrawerView({
 }) {
   const { t } = (0, import_runtime23.useI18n)();
   const panelStyle = entry.width === void 0 ? void 0 : { width: toCssWidth(entry.width) };
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     Drawer,
     {
       direction: "right",
@@ -7859,34 +7994,34 @@ function ShadcnDrawerView({
           onCancel();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
         DrawerContent,
         {
           "data-slot": "drawer-panel",
           className: cn(entry.width !== void 0 && "sm:max-w-none"),
           style: panelStyle,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
               DrawerHeader,
               {
                 "data-slot": "drawer-header",
                 className: "flex flex-row items-center justify-between border-b border-border px-6 py-4",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DrawerTitle, { className: "text-lg", children: entry.title ?? "" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DrawerTitle, { className: "text-lg", children: entry.title ?? "" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                     "button",
                     {
                       type: "button",
                       "data-slot": "drawer-close",
                       "aria-label": t("pactor.overlay.close"),
                       className: "cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react26.XIcon, { className: "size-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react26.XIcon, { className: "size-4" })
                     }
                   ) })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children })
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children })
           ]
         }
       )
@@ -7898,13 +8033,13 @@ function PageOverlayBody({
   renderer,
   resolvePage
 }) {
-  const [child, setChild] = (0, import_react29.useState)(null);
-  const [error, setError] = (0, import_react29.useState)(null);
-  (0, import_react29.useEffect)(() => {
+  const [child, setChild] = (0, import_react30.useState)(null);
+  const [error, setError] = (0, import_react30.useState)(null);
+  (0, import_react30.useEffect)(() => {
     if (!resolvePage) {
       setError(
         new Error(
-          `[@pactor-app/ui] page overlay\uFF08pageId: "${entry.page?.pageId}"\uFF09\u9700\u8981 ShadcnOverlayHost \u6CE8\u5165 resolvePage`
+          `[@pactor-app/ui] page overlay\uFF08pageId: "${entry.page?.pageId}"\uFF09\u9700\u8981 OverlayHost \u6CE8\u5165 resolvePage`
         )
       );
       return;
@@ -7942,31 +8077,23 @@ function PageOverlayBody({
     };
   }, [entry.id]);
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { role: "alert", children: error.message });
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { role: "alert", children: error.message });
   }
   if (!child) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_runtime23.PageRuntimeView, { runtime: child });
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_runtime23.PageRuntimeView, { runtime: child });
 }
-
-// src/index.ts
-var shadcnUiKit = {
-  componentRegistry: createShadcnComponentRegistry,
-  layoutRegistry: createShadcnLayoutRegistry,
-  interactionKit: {
-    Provider: ShadcnInteractionProvider,
-    OverlayHost: ShadcnOverlayHost
-  }
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
+  AdminLayout,
   Alert,
   AlertDialog,
   AspectRatio,
   Avatar,
   Badge,
+  BlankLayout,
   Breadcrumb,
   Button,
   ButtonGroup,
@@ -7974,6 +8101,7 @@ var shadcnUiKit = {
   Card,
   Carousel,
   Chart,
+  ChatLayout,
   Checkbox,
   Collapsible,
   Combobox,
@@ -7997,15 +8125,19 @@ var shadcnUiKit = {
   Input,
   InputGroup,
   InputOTP,
+  InteractionProvider,
   Item,
   Kbd,
   Label,
+  LandingLayout,
   Layout,
   Link,
+  LoginLayout,
   Menu,
   Menubar,
   NavigationMenu,
   OVERLAY_CANCEL_PAYLOAD,
+  OverlayHost,
   OverlayManager,
   Page,
   Pagination,
@@ -8017,12 +8149,6 @@ var shadcnUiKit = {
   ScrollArea,
   Select,
   Separator,
-  ShadcnAdminLayout,
-  ShadcnBlankLayout,
-  ShadcnInteractionProvider,
-  ShadcnLandingLayout,
-  ShadcnLoginLayout,
-  ShadcnOverlayHost,
   Sheet,
   Sidebar,
   Sider,
@@ -8040,18 +8166,17 @@ var shadcnUiKit = {
   ToggleGroup,
   Tooltip,
   Typography,
+  builtinComponents,
   collectDefaultOpenKeys,
-  createShadcnComponentRegistry,
-  createShadcnLayoutRegistry,
+  createComponentRegistry,
+  createLayoutRegistry,
   createUiBridge,
   findMenuChain,
   normalizeIconName,
+  registerBuiltinComponents,
+  registerBuiltinLayouts,
   registerInteractionActions,
-  registerShadcnComponents,
-  registerShadcnLayouts,
   resolveLayout,
-  shadcnComponents,
-  shadcnUiKit,
   useFormContext,
   useSidebarDrawer
 });