@pactor-app/ui 0.1.0 → 1.0.0

package/dist/layout/index.cjs

@@ -212,6 +212,146 @@ function PopoverContent({
   ) });
 }
 
+// src/components/components/Icon/index.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ICONS = {
+  "arrow-left": import_lucide_react2.ArrowLeft,
+  "arrow-right": import_lucide_react2.ArrowRight,
+  "arrow-up": import_lucide_react2.ArrowUp,
+  "arrow-down": import_lucide_react2.ArrowDown,
+  "chevron-left": import_lucide_react2.ChevronLeft,
+  "chevron-right": import_lucide_react2.ChevronRight,
+  "chevron-up": import_lucide_react2.ChevronUp,
+  "chevron-down": import_lucide_react2.ChevronDown,
+  check: import_lucide_react2.Check,
+  x: import_lucide_react2.X,
+  plus: import_lucide_react2.Plus,
+  minus: import_lucide_react2.Minus,
+  search: import_lucide_react2.Search,
+  settings: import_lucide_react2.Settings,
+  user: import_lucide_react2.User,
+  users: import_lucide_react2.Users,
+  home: import_lucide_react2.House,
+  menu: import_lucide_react2.Menu,
+  bell: import_lucide_react2.Bell,
+  calendar: import_lucide_react2.Calendar,
+  clock: import_lucide_react2.Clock,
+  download: import_lucide_react2.Download,
+  upload: import_lucide_react2.Upload,
+  pencil: import_lucide_react2.Pencil,
+  edit: import_lucide_react2.SquarePen,
+  trash: import_lucide_react2.Trash2,
+  eye: import_lucide_react2.Eye,
+  info: import_lucide_react2.Info,
+  warning: import_lucide_react2.TriangleAlert,
+  error: import_lucide_react2.CircleAlert,
+  "check-circle": import_lucide_react2.CircleCheck,
+  "x-circle": import_lucide_react2.CircleX,
+  "help-circle": import_lucide_react2.CircleQuestionMark,
+  loading: import_lucide_react2.LoaderCircle,
+  spinner: import_lucide_react2.LoaderCircle,
+  star: import_lucide_react2.Star,
+  heart: import_lucide_react2.Heart,
+  bookmark: import_lucide_react2.Bookmark,
+  share: import_lucide_react2.Share2,
+  copy: import_lucide_react2.Copy,
+  "external-link": import_lucide_react2.ExternalLink,
+  link: import_lucide_react2.Link,
+  mail: import_lucide_react2.Mail,
+  phone: import_lucide_react2.Phone,
+  lock: import_lucide_react2.Lock,
+  unlock: import_lucide_react2.LockOpen,
+  "log-in": import_lucide_react2.LogIn,
+  "log-out": import_lucide_react2.LogOut,
+  sun: import_lucide_react2.Sun,
+  moon: import_lucide_react2.Moon,
+  globe: import_lucide_react2.Globe,
+  filter: import_lucide_react2.Funnel,
+  "list-filter": import_lucide_react2.ListFilter,
+  "more-horizontal": import_lucide_react2.Ellipsis,
+  "more-vertical": import_lucide_react2.EllipsisVertical,
+  refresh: import_lucide_react2.RefreshCcw,
+  save: import_lucide_react2.Save,
+  file: import_lucide_react2.File,
+  folder: import_lucide_react2.Folder,
+  image: import_lucide_react2.Image,
+  camera: import_lucide_react2.Camera,
+  chart: import_lucide_react2.ChartColumn,
+  table: import_lucide_react2.Table,
+  list: import_lucide_react2.List,
+  grid: import_lucide_react2.LayoutGrid,
+  tag: import_lucide_react2.Tag,
+  "shopping-cart": import_lucide_react2.ShoppingCart,
+  "credit-card": import_lucide_react2.CreditCard,
+  package: import_lucide_react2.Package,
+  "map-pin": import_lucide_react2.MapPin,
+  building: import_lucide_react2.Building2,
+  briefcase: import_lucide_react2.Briefcase,
+  send: import_lucide_react2.Send,
+  message: import_lucide_react2.MessageCircle,
+  "message-square": import_lucide_react2.MessageSquare,
+  paperclip: import_lucide_react2.Paperclip,
+  "thumbs-up": import_lucide_react2.ThumbsUp,
+  "thumbs-down": import_lucide_react2.ThumbsDown,
+  zap: import_lucide_react2.Zap,
+  flag: import_lucide_react2.Flag,
+  key: import_lucide_react2.Key,
+  shield: import_lucide_react2.Shield,
+  terminal: import_lucide_react2.Terminal,
+  code: import_lucide_react2.Code,
+  database: import_lucide_react2.Database,
+  cloud: import_lucide_react2.Cloud,
+  languages: import_lucide_react2.Languages
+};
+function normalizeIconName(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_\s]+/g, "-").toLowerCase();
+}
+var sizePx = {
+  sm: 16,
+  default: 20,
+  lg: 24
+};
+function Icon({
+  name,
+  size = "default",
+  color,
+  strokeWidth,
+  className,
+  style
+}) {
+  const key = name ? normalizeIconName(name) : "";
+  const Lucide = ICONS[key];
+  const px = typeof size === "number" ? size : sizePx[size];
+  if (!Lucide) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_lucide_react2.CircleQuestionMark,
+      {
+        "data-slot": "icon",
+        "data-unknown": name,
+        size: px,
+        color,
+        strokeWidth,
+        className: cn("shrink-0 text-muted-foreground", className),
+        style,
+        "aria-hidden": "true"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Lucide,
+    {
+      "data-slot": "icon",
+      size: px,
+      color,
+      strokeWidth,
+      className: cn("shrink-0", className),
+      style,
+      "aria-hidden": "true"
+    }
+  );
+}
+
 // src/layout/admin/use-media-query.ts
 var import_react = require("react");
 var BREAKPOINT_PX = {
@@ -246,7 +386,7 @@ function useBreakpointBelow(breakpoint) {
 }
 
 // src/layout/admin/ShadcnAdminLayout.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function buildVisibleMenuTree(registry, permissionChecker) {
   const tree = registry.tree();
   return permissionChecker === void 0 ? [...tree] : (0, import_permission.filterMenusByPermission)(tree, permissionChecker);
@@ -261,7 +401,7 @@ function navigateMenuItem(menu, bridge) {
   }
   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";
+var menuItemClass = "flex w-full cursor-pointer items-center gap-2 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,
@@ -280,11 +420,11 @@ function CollapsedGroupFlyout({
     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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       PopoverTrigger,
       {
-        render: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "button",
           {
             type: "button",
@@ -302,7 +442,7 @@ function CollapsedGroupFlyout({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       PopoverContent,
       {
         "data-slot": "menu-flyout",
@@ -319,8 +459,8 @@ function CollapsedGroupFlyout({
           }
         },
         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)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: menu.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             MenuTree,
             {
               menus: menu.children ?? [],
@@ -344,9 +484,9 @@ function MenuTree({
   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) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.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)(
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           CollapsedGroupFlyout,
           {
             menu,
@@ -358,7 +498,7 @@ function MenuTree({
           menu.id
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "button",
         {
           type: "button",
@@ -378,7 +518,7 @@ function MenuTree({
       );
     }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     Accordion,
     {
       type: "multiple",
@@ -387,24 +527,27 @@ function MenuTree({
       className: "flex flex-col gap-0.5 px-2",
       children: menus.map((menu) => {
         if (menu.type === "group") {
-          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
             AccordionItem,
             {
               value: menu.id,
               "data-slot": "menu-group",
               className: "border-b-0",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   AccordionTrigger,
                   {
                     "data-slot": "menu-group-trigger",
                     className: cn(menuItemClass, "py-2 font-medium"),
                     disabled: menu.disabled,
                     title: menu.title,
-                    children: menu.title
+                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
+                      menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
+                      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)(
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccordionContent, { "data-slot": "menu-group-content", className: "pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-col gap-0.5 pl-3", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   MenuTree,
                   {
                     menus: menu.children ?? [],
@@ -419,7 +562,7 @@ function MenuTree({
             menu.id
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "button",
           {
             type: "button",
@@ -432,7 +575,10 @@ function MenuTree({
             disabled: menu.disabled,
             title: menu.title,
             onClick: () => navigateMenuItem(registry.findById(menu.id), bridge),
-            children: menu.title
+            children: [
+              menu.icon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: menu.icon, size: "sm" }) : null,
+              menu.title
+            ]
           },
           menu.id
         );
@@ -525,7 +671,7 @@ function ShadcnAdminLayout({
   };
   const fixedHeader = config.fixedHeader ?? true;
   const fixedSider = config.fixedSider ?? true;
-  const header = showHeader ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  const header = showHeader ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "header",
     {
       "data-slot": "admin-header",
@@ -534,21 +680,21 @@ function ShadcnAdminLayout({
         fixedHeader && "sticky top-0 z-20"
       ),
       children: [
-        mode !== "side-full" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        mode !== "side-full" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.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_runtime4.jsx)("span", { "data-slot": "admin-brand", className: "text-lg font-semibold", children: brand.title })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex-1" }),
         headerExtra
       ]
     }
   ) : null;
-  const primaryColumn = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const primaryColumn = /* @__PURE__ */ (0, import_jsx_runtime4.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)(
+      children: visibleMenus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "button",
         {
           type: "button",
@@ -575,7 +721,7 @@ function ShadcnAdminLayout({
     }
   );
   const showTrigger = config.collapsible && mode !== "two-column";
-  const sidebar = showSidebar ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  const sidebar = showSidebar ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "aside",
     {
       "data-slot": "admin-sidebar",
@@ -587,20 +733,20 @@ function ShadcnAdminLayout({
       ),
       style: mode === "two-column" && !hasSecondary ? { width: 56 } : void 0,
       children: [
-        mode === "side-full" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        mode === "side-full" && /* @__PURE__ */ (0, import_jsx_runtime4.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 })
+              /* @__PURE__ */ (0, import_jsx_runtime4.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: [
+        mode === "two-column" ? /* @__PURE__ */ (0, import_jsx_runtime4.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)(
+          hasSecondary && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { "data-slot": "admin-secondary-col", className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             MenuTree,
             {
               menus: secondaryTop?.children ?? [],
@@ -610,7 +756,7 @@ function ShadcnAdminLayout({
               defaultOpenKeys
             }
           ) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           MenuTree,
           {
             menus: visibleMenus,
@@ -621,7 +767,7 @@ function ShadcnAdminLayout({
             collapsed: effectiveCollapsed
           }
         ),
-        showTrigger && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        showTrigger && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "button",
           {
             type: "button",
@@ -636,14 +782,14 @@ function ShadcnAdminLayout({
       ]
     }
   ) : 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)(
+  const body = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { "data-slot": "admin-body", className: "flex min-w-0 flex-1 flex-col", children: [
+    showTabs && /* @__PURE__ */ (0, import_jsx_runtime4.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)(
+        children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "div",
           {
             "data-slot": "admin-tab",
@@ -654,7 +800,7 @@ function ShadcnAdminLayout({
               tab.key === currentPath ? "bg-background font-medium text-foreground" : "bg-muted text-muted-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                 "button",
                 {
                   type: "button",
@@ -665,7 +811,7 @@ function ShadcnAdminLayout({
                   children: tab.title
                 }
               ),
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                 "button",
                 {
                   type: "button",
@@ -682,21 +828,21 @@ function ShadcnAdminLayout({
         ))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.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)(
+          showBreadcrumb && breadcrumbItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.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 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: breadcrumbItems.map((title, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: "flex items-center gap-2", children: [
+                index > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, children: "/" }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "data-slot": "breadcrumb-link", children: title })
               ] }, index)) })
             }
           ),
@@ -705,7 +851,7 @@ function ShadcnAdminLayout({
       }
     )
   ] });
-  const footer = showFooter ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const footer = showFooter ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "footer",
     {
       "data-slot": "admin-footer",
@@ -713,7 +859,7 @@ function ShadcnAdminLayout({
       children: brand.title
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "div",
     {
       "data-slot": "admin-layout",
@@ -721,9 +867,9 @@ function ShadcnAdminLayout({
       "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: [
+      children: mode === "side-full" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { "data-slot": "admin-side-full", className: "flex min-h-screen flex-1", children: [
         sidebar,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "div",
           {
             "data-slot": "admin-side-full-main",
@@ -735,9 +881,9 @@ function ShadcnAdminLayout({
             ]
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
         header,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { "data-slot": "admin-main", className: "flex min-h-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { "data-slot": "admin-main", className: "flex min-h-0 flex-1", children: [
           sidebar,
           body
         ] }),
@@ -748,9 +894,9 @@ function ShadcnAdminLayout({
 }
 
 // src/layout/basic/ShadcnBlankLayout.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function ShadcnBlankLayout({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       "data-slot": "blank-layout",
@@ -761,9 +907,9 @@ function ShadcnBlankLayout({ children }) {
 }
 
 // src/ui/card.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "card",
@@ -776,7 +922,7 @@ function Card({ className, ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "card-header",
@@ -789,7 +935,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "card-title",
@@ -799,7 +945,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "card-content",
@@ -810,26 +956,26 @@ function CardContent({ className, ...props }) {
 }
 
 // src/layout/basic/ShadcnLoginLayout.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = 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: [
+  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime7.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 })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
+    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
   ] });
   if (variant === "split") {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.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)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "div",
             {
               "data-slot": "login-brand-panel",
@@ -837,7 +983,7 @@ function ShadcnLoginLayout({
               children: brandBlock
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "div",
             {
               "data-slot": "login-form-panel",
@@ -849,37 +995,37 @@ function ShadcnLoginLayout({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.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 }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(CardHeader, { className: "px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.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 })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
       ] })
     }
   );
 }
 
 // src/layout/basic/ShadcnLandingLayout.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function ShadcnLandingLayout({
   navbar,
   footer,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.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)(
+        navbar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "header",
           {
             "data-slot": "landing-navbar",
@@ -887,8 +1033,8 @@ function ShadcnLandingLayout({
             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)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
+        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "footer",
           {
             "data-slot": "landing-footer",

package/dist/layout/index.js

@@ -8,9 +8,9 @@ import {
   findMenuChain,
   registerShadcnLayouts,
   resolveLayout
-} from "../chunk-DMK6RSTK.js";
-import "../chunk-SNFDI77B.js";
-import "../chunk-57NRUZ5G.js";
+} from "../chunk-D6G4J5XS.js";
+import "../chunk-UR3I4WXQ.js";
+import "../chunk-GL7IO22L.js";
 import "../chunk-RQHJBTEU.js";
 export {
   ShadcnAdminLayout,

package/dist/typography-DsGdDBc2.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Toggle as Toggle$1 } from '@base-ui/react/toggle';
+import { VariantProps } from 'class-variance-authority';
+
+/** shadcn/ui Toggle（vendored 源码，Base UI 原语）：按下态切换按钮 */
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: Toggle$1.Props & VariantProps<typeof toggleVariants>): React.JSX.Element;
+
+/**
+ * shadcn 风格 Typography（vendored，cva 变体）：
+ * 按 variant 渲染对应语义标签与排版样式。
+ */
+declare const typographyVariants: (props?: ({
+    variant?: "blockquote" | "h1" | "h2" | "h3" | "h4" | "p" | "small" | "list" | "inline-code" | "lead" | "muted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
+}
+declare function Typography({ className, variant, ...props }: TypographyProps): React.JSX.Element;
+
+export { Toggle as T, Typography as a, typographyVariants as b, toggleVariants as t };