@pactor-app/ui 0.1.0

package/dist/layout/index.cjs

@@ -0,0 +1,938 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/layout/index.ts
+var layout_exports = {};
+__export(layout_exports, {
+  ShadcnAdminLayout: () => ShadcnAdminLayout,
+  ShadcnBlankLayout: () => ShadcnBlankLayout,
+  ShadcnLandingLayout: () => ShadcnLandingLayout,
+  ShadcnLoginLayout: () => ShadcnLoginLayout,
+  collectDefaultOpenKeys: () => collectDefaultOpenKeys,
+  createShadcnLayoutRegistry: () => createShadcnLayoutRegistry,
+  findMenuChain: () => findMenuChain,
+  registerShadcnLayouts: () => registerShadcnLayouts,
+  resolveLayout: () => resolveLayout
+});
+module.exports = __toCommonJS(layout_exports);
+
+// src/layout/admin/menu-chain.ts
+function findMenuChain(registry, menuId) {
+  const walk = (menus, ancestors) => {
+    for (const menu of menus) {
+      const chain = [...ancestors, menu];
+      if (menu.id === menuId) {
+        return chain;
+      }
+      if (menu.children !== void 0) {
+        const hit = walk(menu.children, chain);
+        if (hit !== null) {
+          return hit;
+        }
+      }
+    }
+    return null;
+  };
+  return walk(registry.tree(), []) ?? [];
+}
+
+// src/layout/admin/menu-items.ts
+function collectDefaultOpenKeys(registry, activeMenuId) {
+  const keys = [];
+  const walk = (menus) => {
+    for (const menu of menus) {
+      if (menu.type === "group" && menu.defaultOpen === true) {
+        keys.push(menu.id);
+      }
+      if (menu.children !== void 0) {
+        walk(menu.children);
+      }
+    }
+  };
+  walk(registry.tree());
+  if (activeMenuId !== void 0) {
+    for (const menu of findMenuChain(registry, activeMenuId)) {
+      if (menu.type === "group" && !keys.includes(menu.id)) {
+        keys.push(menu.id);
+      }
+    }
+  }
+  return keys;
+}
+
+// src/layout/admin/ShadcnAdminLayout.tsx
+var import_permission = require("@pactor-app/permission");
+var import_router = require("@pactor-app/router");
+var import_runtime = require("@pactor-app/runtime");
+var import_react2 = require("react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/accordion.tsx
+var import_accordion = require("@base-ui/react/accordion");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function toArray(value) {
+  if (value === void 0) {
+    return void 0;
+  }
+  return Array.isArray(value) ? value : [value];
+}
+function Accordion({
+  type = "single",
+  value,
+  defaultValue,
+  onValueChange,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Root,
+    {
+      "data-slot": "accordion",
+      multiple: type === "multiple",
+      value: toArray(value),
+      defaultValue: toArray(defaultValue),
+      onValueChange: onValueChange === void 0 ? void 0 : (next) => onValueChange(type === "multiple" ? next : next[0] ?? ""),
+      ...props
+    }
+  );
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b border-border last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_accordion.Accordion.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "flex flex-1 cursor-pointer items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[aria-expanded=true]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_accordion.Accordion.Panel,
+    {
+      "data-slot": "accordion-content",
+      className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
+
+// src/ui/popover.tsx
+var import_popover = require("@base-ui/react/popover");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  side = "bottom",
+  sideOffset = 4,
+  anchor,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      anchor,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_popover.Popover.Popup,
+        {
+          "data-slot": "popover-content",
+          className: cn(
+            "z-50 w-72 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+
+// src/layout/admin/use-media-query.ts
+var import_react = require("react");
+var BREAKPOINT_PX = {
+  xs: 480,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1600
+};
+function useMediaQuery(query) {
+  const [matches, setMatches] = (0, import_react.useState)(
+    () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false
+  );
+  (0, import_react.useEffect)(() => {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+      return;
+    }
+    const mql = window.matchMedia(query);
+    const onChange = (event) => setMatches(event.matches);
+    setMatches(mql.matches);
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, [query]);
+  return matches;
+}
+function useBreakpointBelow(breakpoint) {
+  const matches = useMediaQuery(
+    breakpoint ? `(max-width: ${BREAKPOINT_PX[breakpoint] - 1}px)` : "(min-width: 0px)"
+  );
+  return breakpoint !== void 0 && matches;
+}
+
+// src/layout/admin/ShadcnAdminLayout.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function buildVisibleMenuTree(registry, permissionChecker) {
+  const tree = registry.tree();
+  return permissionChecker === void 0 ? [...tree] : (0, import_permission.filterMenusByPermission)(tree, permissionChecker);
+}
+function navigateMenuItem(menu, bridge) {
+  if (menu === void 0 || menu.type === "group" || menu.path === void 0) {
+    return;
+  }
+  if (menu.external === true || menu.type === "link") {
+    window.open(menu.path, menu.target ?? "_blank");
+    return;
+  }
+  bridge.push(menu.path);
+}
+var menuItemClass = "flex w-full cursor-pointer items-center rounded-md px-3 py-2 text-left text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50";
+function CollapsedGroupFlyout({
+  menu,
+  registry,
+  bridge,
+  activeMenuId,
+  defaultOpenKeys
+}) {
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const closeTimer = (0, import_react2.useRef)(void 0);
+  const openNow = () => {
+    window.clearTimeout(closeTimer.current);
+    setOpen(true);
+  };
+  const closeLater = () => {
+    window.clearTimeout(closeTimer.current);
+    closeTimer.current = window.setTimeout(() => setOpen(false), 200);
+  };
+  (0, import_react2.useEffect)(() => () => window.clearTimeout(closeTimer.current), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      PopoverTrigger,
+      {
+        render: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            "data-slot": "menu-item",
+            className: cn(
+              menuItemClass,
+              "mx-auto size-10 justify-center px-0 font-semibold"
+            ),
+            disabled: menu.disabled,
+            title: menu.title,
+            onMouseEnter: openNow,
+            onMouseLeave: closeLater,
+            children: menu.title.slice(0, 1)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      PopoverContent,
+      {
+        "data-slot": "menu-flyout",
+        side: "right",
+        align: "start",
+        sideOffset: 8,
+        className: "max-h-[70vh] w-40 overflow-auto p-1",
+        initialFocus: false,
+        onMouseEnter: openNow,
+        onMouseLeave: closeLater,
+        onClick: (event) => {
+          if (event.target.closest("[data-slot=menu-item]")) {
+            setOpen(false);
+          }
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: menu.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            MenuTree,
+            {
+              menus: menu.children ?? [],
+              registry,
+              bridge,
+              activeMenuId,
+              defaultOpenKeys
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function MenuTree({
+  menus,
+  registry,
+  bridge,
+  activeMenuId,
+  defaultOpenKeys,
+  collapsed = false
+}) {
+  if (collapsed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "menu", "data-collapsed": "true", className: "flex flex-col gap-1", children: menus.map((menu) => {
+      if (menu.type === "group") {
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          CollapsedGroupFlyout,
+          {
+            menu,
+            registry,
+            bridge,
+            activeMenuId,
+            defaultOpenKeys
+          },
+          menu.id
+        );
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          "data-slot": "menu-item",
+          "data-active": menu.id === activeMenuId || void 0,
+          className: cn(
+            menuItemClass,
+            "mx-auto size-10 justify-center px-0 font-semibold",
+            menu.id === activeMenuId && "bg-accent font-semibold text-accent-foreground"
+          ),
+          disabled: menu.disabled,
+          title: menu.title,
+          onClick: () => navigateMenuItem(registry.findById(menu.id), bridge),
+          children: menu.title.slice(0, 1)
+        },
+        menu.id
+      );
+    }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Accordion,
+    {
+      type: "multiple",
+      defaultValue: defaultOpenKeys,
+      "data-slot": "menu",
+      className: "flex flex-col gap-0.5 px-2",
+      children: menus.map((menu) => {
+        if (menu.type === "group") {
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            AccordionItem,
+            {
+              value: menu.id,
+              "data-slot": "menu-group",
+              className: "border-b-0",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  AccordionTrigger,
+                  {
+                    "data-slot": "menu-group-trigger",
+                    className: cn(menuItemClass, "py-2 font-medium"),
+                    disabled: menu.disabled,
+                    title: menu.title,
+                    children: menu.title
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AccordionContent, { "data-slot": "menu-group-content", className: "pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-col gap-0.5 pl-3", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  MenuTree,
+                  {
+                    menus: menu.children ?? [],
+                    registry,
+                    bridge,
+                    activeMenuId,
+                    defaultOpenKeys
+                  }
+                ) }) })
+              ]
+            },
+            menu.id
+          );
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            "data-slot": "menu-item",
+            "data-active": menu.id === activeMenuId || void 0,
+            className: cn(
+              menuItemClass,
+              menu.id === activeMenuId && "bg-accent font-semibold text-accent-foreground"
+            ),
+            disabled: menu.disabled,
+            title: menu.title,
+            onClick: () => navigateMenuItem(registry.findById(menu.id), bridge),
+            children: menu.title
+          },
+          menu.id
+        );
+      })
+    }
+  );
+}
+function ShadcnAdminLayout({
+  config = {},
+  brand,
+  registry,
+  bridge,
+  route: routeProp,
+  permissionChecker,
+  headerExtra,
+  children
+}) {
+  const { t } = (0, import_runtime.useI18n)();
+  const mode = config.mode ?? "top-side";
+  const showHeader = config.header ?? true;
+  const showSidebar = (config.sidebar ?? true) && mode !== "top-bottom";
+  const showTabs = config.tabs ?? false;
+  const showBreadcrumb = config.breadcrumb ?? false;
+  const showFooter = config.footer ?? false;
+  const [collapsed, setCollapsed] = (0, import_react2.useState)(config.collapsed ?? false);
+  const broken = useBreakpointBelow(config.breakpoint);
+  const effectiveCollapsed = collapsed || broken;
+  const [bridgeRoute, setBridgeRoute] = (0, import_react2.useState)(
+    () => (0, import_router.resolveRoute)(registry, bridge.getLocation())
+  );
+  const [tabs, setTabs] = (0, import_react2.useState)([]);
+  const tabsRef = (0, import_react2.useRef)(tabs);
+  tabsRef.current = tabs;
+  (0, import_react2.useEffect)(() => {
+    const handleLocation = (location) => {
+      const next = (0, import_router.resolveRoute)(registry, location);
+      setBridgeRoute(next);
+      if (next?.menuId !== void 0) {
+        const menu = registry.findById(next.menuId);
+        if (menu !== void 0 && menu.type === "page" && menu.path !== void 0) {
+          setTabs((prev) => {
+            if (prev.some((tab) => tab.key === location.pathname)) {
+              return prev;
+            }
+            return [...prev, { key: location.pathname, title: menu.title }];
+          });
+        }
+      }
+    };
+    handleLocation(bridge.getLocation());
+    return bridge.subscribe(handleLocation);
+  }, [registry, bridge]);
+  const route = routeProp ?? bridgeRoute;
+  const activeMenuId = route?.activeMenu;
+  const visibleMenus = (0, import_react2.useMemo)(
+    () => buildVisibleMenuTree(registry, permissionChecker),
+    [registry, permissionChecker]
+  );
+  const defaultOpenKeysRef = (0, import_react2.useRef)(null);
+  if (defaultOpenKeysRef.current === null) {
+    defaultOpenKeysRef.current = collectDefaultOpenKeys(registry, activeMenuId);
+  }
+  const defaultOpenKeys = defaultOpenKeysRef.current;
+  const activeTopId = (0, import_react2.useMemo)(() => {
+    if (activeMenuId !== void 0) {
+      const chain = findMenuChain(registry, activeMenuId);
+      if (chain.length > 0) {
+        return chain[0].id;
+      }
+    }
+    return void 0;
+  }, [registry, activeMenuId]);
+  const [selectedTopId, setSelectedTopId] = (0, import_react2.useState)();
+  const secondaryTopId = selectedTopId ?? activeTopId ?? visibleMenus.find((m) => m.type === "group")?.id ?? visibleMenus[0]?.id;
+  const secondaryTop = visibleMenus.find((m) => m.id === secondaryTopId);
+  const hasSecondary = (secondaryTop?.children?.length ?? 0) > 0;
+  const breadcrumbItems = (0, import_react2.useMemo)(() => {
+    if (!showBreadcrumb || activeMenuId === void 0) {
+      return [];
+    }
+    return findMenuChain(registry, activeMenuId).map((menu) => menu.title);
+  }, [showBreadcrumb, registry, activeMenuId]);
+  const currentPath = route?.path;
+  const closeTab = (targetKey) => {
+    const remaining = tabsRef.current.filter((tab) => tab.key !== targetKey);
+    setTabs(remaining);
+    if (targetKey === currentPath && remaining.length > 0) {
+      bridge.push(remaining[remaining.length - 1].key);
+    }
+  };
+  const fixedHeader = config.fixedHeader ?? true;
+  const fixedSider = config.fixedSider ?? true;
+  const header = showHeader ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "header",
+    {
+      "data-slot": "admin-header",
+      className: cn(
+        "flex h-14 items-center gap-4 border-b border-border bg-background px-6",
+        fixedHeader && "sticky top-0 z-20"
+      ),
+      children: [
+        mode !== "side-full" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          brand.logo,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "data-slot": "admin-brand", className: "text-lg font-semibold", children: brand.title })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex-1" }),
+        headerExtra
+      ]
+    }
+  ) : null;
+  const primaryColumn = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      "data-slot": "admin-primary-col",
+      className: "flex w-12 shrink-0 flex-col items-center gap-1 border-r border-border py-2",
+      children: visibleMenus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          "data-slot": "admin-primary-item",
+          "data-active": menu.id === secondaryTopId || menu.id === activeTopId || void 0,
+          className: cn(
+            menuItemClass,
+            "size-10 justify-center px-0 font-semibold",
+            (menu.id === secondaryTopId || menu.id === activeTopId) && "bg-accent text-accent-foreground"
+          ),
+          disabled: menu.disabled,
+          title: menu.title,
+          onClick: () => {
+            if (menu.type === "group") {
+              setSelectedTopId(menu.id);
+            } else {
+              navigateMenuItem(menu, bridge);
+            }
+          },
+          children: menu.title.slice(0, 1)
+        },
+        menu.id
+      ))
+    }
+  );
+  const showTrigger = config.collapsible && mode !== "two-column";
+  const sidebar = showSidebar ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "aside",
+    {
+      "data-slot": "admin-sidebar",
+      "data-collapsed": effectiveCollapsed || void 0,
+      className: cn(
+        "shrink-0 overflow-auto border-r border-border bg-background py-2",
+        effectiveCollapsed ? "w-16 px-1.5" : "w-52",
+        fixedSider && (mode === "side-full" ? "sticky top-0 h-screen" : "sticky top-14 h-[calc(100vh-3.5rem)]")
+      ),
+      style: mode === "two-column" && !hasSecondary ? { width: 56 } : void 0,
+      children: [
+        mode === "side-full" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            "data-slot": "admin-sidebar-brand",
+            className: "flex items-center gap-2 border-b border-border px-4 py-4 font-semibold",
+            children: [
+              brand.logo,
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: brand.title })
+            ]
+          }
+        ),
+        mode === "two-column" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { "data-slot": "admin-two-col", className: "flex h-full", children: [
+          primaryColumn,
+          hasSecondary && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "admin-secondary-col", className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            MenuTree,
+            {
+              menus: secondaryTop?.children ?? [],
+              registry,
+              bridge,
+              activeMenuId,
+              defaultOpenKeys
+            }
+          ) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          MenuTree,
+          {
+            menus: visibleMenus,
+            registry,
+            bridge,
+            activeMenuId,
+            defaultOpenKeys,
+            collapsed: effectiveCollapsed
+          }
+        ),
+        showTrigger && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            type: "button",
+            "data-slot": "admin-collapse-trigger",
+            "aria-label": effectiveCollapsed ? t("pactor.layout.expandSidebar") : t("pactor.layout.collapseSidebar"),
+            "aria-expanded": !effectiveCollapsed,
+            className: "sticky bottom-0 flex w-full cursor-pointer items-center justify-center border-t border-border bg-background py-2 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+            onClick: () => setCollapsed((value) => !value),
+            children: effectiveCollapsed ? "\xBB" : "\xAB"
+          }
+        )
+      ]
+    }
+  ) : null;
+  const body = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { "data-slot": "admin-body", className: "flex min-w-0 flex-1 flex-col", children: [
+    showTabs && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "div",
+      {
+        "data-slot": "admin-tabs",
+        role: "tablist",
+        className: "flex items-center gap-1 border-b border-border bg-background px-4 pt-2",
+        children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            "data-slot": "admin-tab",
+            "data-active": tab.key === currentPath || void 0,
+            role: "presentation",
+            className: cn(
+              "inline-flex items-center gap-1 rounded-t-md border border-b-0 border-border px-3 py-1.5 text-sm",
+              tab.key === currentPath ? "bg-background font-medium text-foreground" : "bg-muted text-muted-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": tab.key === currentPath,
+                  className: "cursor-pointer",
+                  onClick: () => bridge.push(tab.key),
+                  children: tab.title
+                }
+              ),
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "admin-tab-close",
+                  "aria-label": t("pactor.layout.closeTab", { title: tab.title }),
+                  className: "cursor-pointer text-muted-foreground hover:text-foreground",
+                  onClick: () => closeTab(tab.key),
+                  children: "\xD7"
+                }
+              )
+            ]
+          },
+          tab.key
+        ))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "main",
+      {
+        "data-slot": "admin-content",
+        className: "flex-1 bg-muted/40 p-6",
+        children: [
+          showBreadcrumb && breadcrumbItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "nav",
+            {
+              "data-slot": "admin-breadcrumb",
+              "aria-label": t("pactor.layout.breadcrumb"),
+              className: "mb-4",
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: breadcrumbItems.map((title, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { className: "flex items-center gap-2", children: [
+                index > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": true, children: "/" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "data-slot": "breadcrumb-link", children: title })
+              ] }, index)) })
+            }
+          ),
+          children
+        ]
+      }
+    )
+  ] });
+  const footer = showFooter ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "footer",
+    {
+      "data-slot": "admin-footer",
+      className: "bg-muted p-4 text-center text-sm text-muted-foreground",
+      children: brand.title
+    }
+  ) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      "data-slot": "admin-layout",
+      "data-mode": mode,
+      "data-fixed-header": fixedHeader || void 0,
+      "data-fixed-sider": fixedSider || void 0,
+      className: "flex min-h-screen flex-col bg-background text-foreground",
+      children: mode === "side-full" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { "data-slot": "admin-side-full", className: "flex min-h-screen flex-1", children: [
+        sidebar,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            "data-slot": "admin-side-full-main",
+            className: "flex min-w-0 flex-1 flex-col",
+            children: [
+              header,
+              body,
+              footer
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        header,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { "data-slot": "admin-main", className: "flex min-h-0 flex-1", children: [
+          sidebar,
+          body
+        ] }),
+        footer
+      ] })
+    }
+  );
+}
+
+// src/layout/basic/ShadcnBlankLayout.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ShadcnBlankLayout({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      "data-slot": "blank-layout",
+      className: "min-h-screen bg-background text-foreground",
+      children
+    }
+  );
+}
+
+// src/ui/card.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "flex flex-col gap-6 rounded-xl border border-border bg-card py-6 text-card-foreground shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+
+// src/layout/basic/ShadcnLoginLayout.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function ShadcnLoginLayout({
+  variant = "center",
+  brand,
+  children
+}) {
+  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-slot": "login-brand", className: "flex flex-col items-center gap-2", children: [
+    brand.logo,
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
+    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
+  ] });
+  if (variant === "split") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(
+            "div",
+            {
+              "data-slot": "login-brand-panel",
+              className: "flex items-center justify-center bg-muted/40 p-10",
+              children: brandBlock
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "div",
+            {
+              "data-slot": "login-form-panel",
+              className: "flex items-center justify-center p-10",
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(CardHeader, { className: "px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CardTitle, { className: "sr-only", children: brand.title }),
+          brandBlock
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
+      ] })
+    }
+  );
+}
+
+// src/layout/basic/ShadcnLandingLayout.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ShadcnLandingLayout({
+  navbar,
+  footer,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.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_runtime7.jsx)(
+          "header",
+          {
+            "data-slot": "landing-navbar",
+            className: "border-b border-border bg-background",
+            children: navbar
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
+        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "footer",
+          {
+            "data-slot": "landing-footer",
+            className: "border-t border-border text-sm text-muted-foreground",
+            children: footer
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/layout/registry.ts
+var import_core = 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() {
+  const registry = new import_core.Registry("LayoutRegistry");
+  registerShadcnLayouts(registry);
+  return registry;
+}
+function resolveLayout(registry, type) {
+  const component = registry.get(type);
+  if (component === void 0) {
+    console.warn(
+      `[pactor-layout] unknown layout type "${type}", fallback to BlankLayout`
+    );
+    return ShadcnBlankLayout;
+  }
+  return component;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ShadcnAdminLayout,
+  ShadcnBlankLayout,
+  ShadcnLandingLayout,
+  ShadcnLoginLayout,
+  collectDefaultOpenKeys,
+  createShadcnLayoutRegistry,
+  findMenuChain,
+  registerShadcnLayouts,
+  resolveLayout
+});