@demokit-ui/demokit 0.1.0 → 0.1.2

package/dist/app/demo1-shell.js

@@ -1,33 +1,33 @@
 import { jsxs as t, Fragment as Z, jsx as e } from "react/jsx-runtime";
-import { useEffect as f, useState as D, useMemo as le, useCallback as ie } from "react";
-import { ThemeToggle as ae } from "../kit/themes/theme-toggle.js";
-import { RiApps2Line as ce, RiMenuLine as de, RiSearchLine as me, RiNotification3Line as ue, RiCheckDoubleLine as he, RiArrowRightSLine as K, RiUserLine as pe, RiFileTextLine as B, RiSettings4Line as fe, RiShieldUserLine as ge, RiLogoutBoxRLine as xe } from "@remixicon/react";
+import { useEffect as p, useState as z, useMemo as le, useCallback as ae } from "react";
+import { ThemeToggle as ie } from "../kit/themes/theme-toggle.js";
+import { RiApps2Line as ce, RiMenuLine as de, RiSearchLine as me, RiNotification3Line as ue, RiCheckDoubleLine as he, RiArrowRightSLine as U, RiUserLine as pe, RiFileTextLine as H, RiSettings4Line as fe, RiShieldUserLine as ge, RiLogoutBoxRLine as xe } from "@remixicon/react";
 import { ChevronFirst as be } from "lucide-react";
-import { useLocation as j, Outlet as Ne, useNavigate as ve, Link as A } from "react-router-dom";
-import { toast as p } from "sonner";
+import { useLocation as F, Outlet as Ne, useNavigate as ve, Link as T } from "react-router-dom";
+import { toast as h } from "sonner";
 import { cn as v } from "../lib/utils.js";
 import { useSettings as ee } from "../providers/settings-provider.js";
 import { BackgroundDecor as ye } from "./background-decor.js";
 import { Container as te } from "./container.js";
 import { Sheet as we, SheetTrigger as Ce, SheetContent as Se, SheetHeader as Me, SheetBody as ke } from "../kit/components/feedback/sheet/sheet.js";
-import { Button as z } from "../kit/components/form/button/button.js";
-import { Popover as ze, PopoverTrigger as De, PopoverContent as Le } from "../kit/components/feedback/popover/popover.js";
+import { Button as D } from "../kit/components/form/button/button.js";
+import { Popover as De, PopoverTrigger as ze, PopoverContent as Le } from "../kit/components/feedback/popover/popover.js";
 import { Badge as P } from "../kit/components/data-display/badge/badge.js";
-import { DropdownMenu as Ie, DropdownMenuTrigger as Te, DropdownMenuContent as Ae, DropdownMenuSeparator as E, DropdownMenuLabel as Re, DropdownMenuItem as k } from "../kit/components/feedback/dropdown-menu/dropdown-menu.js";
-import { Avatar as U, AvatarFallback as H } from "../kit/components/data-display/avatar/avatar.js";
-import { Dialog as Ee, DialogContent as $e, DialogHeader as Pe, DialogTitle as Oe, DialogDescription as je } from "../kit/components/feedback/dialog/dialog.js";
-import { Command as _e, CommandInput as Fe, CommandList as Ke, CommandEmpty as Be, CommandGroup as V, CommandItem as W, CommandSeparator as Ue } from "../kit/components/form/command/command.js";
-import { AccordionMenu as He, AccordionMenuLabel as Ve, AccordionMenuItem as T, AccordionMenuSub as G, AccordionMenuSubTrigger as Y, AccordionMenuSubContent as Q, AccordionMenuGroup as q } from "../kit/components/navigation/accordion-menu/accordion-menu.js";
+import { DropdownMenu as Ie, DropdownMenuTrigger as Ae, DropdownMenuContent as Te, DropdownMenuSeparator as E, DropdownMenuLabel as Re, DropdownMenuItem as k } from "../kit/components/feedback/dropdown-menu/dropdown-menu.js";
+import { Avatar as O, AvatarFallback as _, AvatarImage as Ee } from "../kit/components/data-display/avatar/avatar.js";
+import { Dialog as $e, DialogContent as Pe, DialogHeader as Oe, DialogTitle as _e, DialogDescription as je } from "../kit/components/feedback/dialog/dialog.js";
+import { Command as Fe, CommandInput as Be, CommandList as Ke, CommandEmpty as Ue, CommandGroup as V, CommandItem as W, CommandSeparator as He } from "../kit/components/form/command/command.js";
+import { AccordionMenu as Ve, AccordionMenuLabel as We, AccordionMenuItem as A, AccordionMenuSub as G, AccordionMenuSubTrigger as Y, AccordionMenuSubContent as Q, AccordionMenuGroup as q } from "../kit/components/navigation/accordion-menu/accordion-menu.js";
 const J = 992, X = {
   title: "DemoKit",
   shortTitle: "D",
   href: "/",
   logoIcon: ce
-}, We = {
+}, Ge = {
   name: "张建国",
   description: "软件中心 · 项目经理",
   initials: "张"
-}, Ge = {
+}, Ye = {
   root: "lg:ps-1 space-y-3",
   group: "gap-px",
   label: "uppercase text-xs font-medium text-muted-foreground/70 pt-2.25 pb-px",
@@ -39,46 +39,46 @@ const J = 992, X = {
   indicator: ""
 };
 function re() {
-  const [s, i] = D(void 0);
-  return f(() => {
-    const l = window.matchMedia(
+  const [o, l] = z(void 0);
+  return p(() => {
+    const a = window.matchMedia(
       `(max-width: ${J - 1}px)`
-    ), c = () => i(window.innerWidth < J);
-    return l.addEventListener("change", c), c(), () => l.removeEventListener("change", c);
-  }, []), !!s;
+    ), c = () => l(window.innerWidth < J);
+    return a.addEventListener("change", c), c(), () => a.removeEventListener("change", c);
+  }, []), !!o;
 }
-function Ye() {
-  const [s, i] = D(0);
-  return f(() => {
-    const l = () => i(window.scrollY);
-    return window.addEventListener("scroll", l), l(), () => window.removeEventListener("scroll", l);
-  }, []), s;
+function Qe() {
+  const [o, l] = z(0);
+  return p(() => {
+    const a = () => l(window.scrollY);
+    return window.addEventListener("scroll", a), a(), () => window.removeEventListener("scroll", a);
+  }, []), o;
 }
-function Qe(s, i) {
-  return i ? i === "/" ? i === s : s.startsWith(i) : !1;
+function qe(o, l) {
+  return l ? l === "/" ? l === o : o.startsWith(l) : !1;
 }
-function O(s, i) {
-  for (const l of s) {
-    if (l.path && Qe(i, l.path))
-      return l.children?.length ? O(l.children, i) ?? l : l;
-    if (l.children?.length) {
-      const c = O(l.children, i);
+function j(o, l) {
+  for (const a of o) {
+    if (a.path && qe(l, a.path))
+      return a.children?.length ? j(a.children, l) ?? a : a;
+    if (a.children?.length) {
+      const c = j(a.children, l);
       if (c) return c;
     }
   }
 }
-function $(s) {
-  const i = s.icon;
-  return i ? /* @__PURE__ */ e(i, { "data-slot": "accordion-menu-icon" }) : null;
+function $(o) {
+  const l = o.icon;
+  return l ? /* @__PURE__ */ e(l, { "data-slot": "accordion-menu-icon" }) : null;
 }
 function ne({
-  menu: s,
-  disabledBadgeLabel: i
+  menu: o,
+  disabledBadgeLabel: l
 }) {
-  const { pathname: l } = j(), c = ie(
-    (r) => r === l || r.length > 1 && l.startsWith(r),
-    [l]
-  ), h = (r) => r.map((o, a) => o.heading ? b(o, a) : o.disabled ? w(o, a) : y(o, a)), y = (r, o) => r.children ? /* @__PURE__ */ t(G, { value: r.path || `root-${o}`, children: [
+  const { pathname: a } = F(), c = ae(
+    (r) => r === a || r.length > 1 && a.startsWith(r),
+    [a]
+  ), x = (r) => r.map((s, i) => s.heading ? b(s, i) : s.disabled ? w(s, i) : y(s, i)), y = (r, s) => r.children ? /* @__PURE__ */ t(G, { value: r.path || `root-${s}`, children: [
     /* @__PURE__ */ t(Y, { className: "text-sm font-medium", children: [
       $(r),
       /* @__PURE__ */ e("span", { "data-slot": "accordion-menu-title", children: r.title })
@@ -88,38 +88,38 @@ function ne({
       {
         type: "single",
         collapsible: !0,
-        parentValue: r.path || `root-${o}`,
+        parentValue: r.path || `root-${s}`,
         className: "ps-6",
-        children: /* @__PURE__ */ e(q, { children: g(r.children, 1) })
+        children: /* @__PURE__ */ e(q, { children: f(r.children, 1) })
       }
     )
-  ] }, o) : /* @__PURE__ */ e(
-    T,
+  ] }, s) : /* @__PURE__ */ e(
+    A,
     {
       value: r.path || "",
       className: "text-sm font-medium",
-      children: /* @__PURE__ */ t(A, { to: r.path || "#", className: "flex items-center grow gap-2", children: [
+      children: /* @__PURE__ */ t(T, { to: r.path || "#", className: "flex items-center grow gap-2", children: [
         $(r),
         /* @__PURE__ */ e("span", { "data-slot": "accordion-menu-title", children: r.title })
       ] })
     },
-    o
-  ), w = (r, o) => /* @__PURE__ */ t(
-    T,
+    s
+  ), w = (r, s) => /* @__PURE__ */ t(
+    A,
     {
-      value: `disabled-${o}`,
+      value: `disabled-${s}`,
       className: "text-sm font-medium",
       children: [
         $(r),
         /* @__PURE__ */ e("span", { "data-slot": "accordion-menu-title", children: r.title }),
-        /* @__PURE__ */ e(P, { variant: "secondary", size: "sm", className: "ms-auto me-[-10px]", children: i })
+        /* @__PURE__ */ e(P, { variant: "secondary", size: "sm", className: "ms-auto me-[-10px]", children: l })
       ]
     },
-    o
-  ), g = (r, o = 0) => r.map((a, m) => a.disabled ? C(a, m, o) : d(a, m, o)), d = (r, o, a = 0) => r.children ? /* @__PURE__ */ t(
+    s
+  ), f = (r, s = 0) => r.map((i, m) => i.disabled ? C(i, m, s) : d(i, m, s)), d = (r, s, i = 0) => r.children ? /* @__PURE__ */ t(
     G,
     {
-      value: r.path || `child-${a}-${o}`,
+      value: r.path || `child-${i}-${s}`,
       children: [
         /* @__PURE__ */ e(Y, { className: "text-[13px]", children: r.collapse ? /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: [
           /* @__PURE__ */ e("span", { className: "hidden [[data-state=open]>span>&]:inline", children: r.collapseTitle }),
@@ -130,141 +130,148 @@ function ne({
           {
             type: "single",
             collapsible: !0,
-            parentValue: r.path || `child-${a}-${o}`,
+            parentValue: r.path || `child-${i}-${s}`,
             className: v("ps-4", !r.collapse && "relative"),
-            children: /* @__PURE__ */ e(q, { children: g(
+            children: /* @__PURE__ */ e(q, { children: f(
               r.children,
-              r.collapse ? a : a + 1
+              r.collapse ? i : i + 1
             ) })
           }
         )
       ]
     },
-    o
+    s
   ) : /* @__PURE__ */ e(
-    T,
+    A,
     {
       value: r.path || "",
       className: "text-[13px]",
-      children: /* @__PURE__ */ e(A, { to: r.path || "#", children: r.title })
+      children: /* @__PURE__ */ e(T, { to: r.path || "#", children: r.title })
     },
-    o
-  ), C = (r, o, a = 0) => /* @__PURE__ */ t(
-    T,
+    s
+  ), C = (r, s, i = 0) => /* @__PURE__ */ t(
+    A,
     {
-      value: `disabled-child-${a}-${o}`,
+      value: `disabled-child-${i}-${s}`,
       className: "text-[13px]",
       children: [
         /* @__PURE__ */ e("span", { "data-slot": "accordion-menu-title", children: r.title }),
-        /* @__PURE__ */ e(P, { variant: "secondary", size: "sm", className: "ms-auto me-[-10px]", children: i })
+        /* @__PURE__ */ e(P, { variant: "secondary", size: "sm", className: "ms-auto me-[-10px]", children: l })
       ]
     },
-    o
-  ), b = (r, o) => /* @__PURE__ */ e(Ve, { children: r.heading }, o);
+    s
+  ), b = (r, s) => /* @__PURE__ */ e(We, { children: r.heading }, s);
   return /* @__PURE__ */ e("div", { className: "kt-scrollable-y-hover flex-1 min-h-0 overflow-y-auto py-5 px-5", children: /* @__PURE__ */ e(
-    He,
+    Ve,
     {
-      selectedValue: l,
+      selectedValue: a,
       matchPath: c,
       type: "single",
       collapsible: !0,
-      classNames: Ge,
-      children: h(s)
+      classNames: Ye,
+      children: x(o)
     }
   ) });
 }
-function qe({ brand: s }) {
-  const { settings: i, storeOption: l } = ee(), c = s.logoIcon, h = () => {
-    l(
+function Je({ brand: o }) {
+  const { settings: l, storeOption: a } = ee(), c = () => {
+    a(
       "layouts.demo1.sidebarCollapse",
-      !i.layouts.demo1.sidebarCollapse
+      !l.layouts.demo1.sidebarCollapse
     );
   };
   return /* @__PURE__ */ t("div", { className: "sidebar-header hidden lg:flex items-center relative justify-between px-3 lg:px-6 shrink-0", children: [
-    /* @__PURE__ */ t(A, { to: s.href ?? "/", className: "flex items-center gap-2", children: [
-      s.logoSrc ? /* @__PURE__ */ e(
-        "img",
-        {
-          src: s.logoSrc,
-          alt: s.logoAlt ?? s.title,
-          className: "size-7 rounded-md"
-        }
-      ) : c ? /* @__PURE__ */ e("span", { className: "size-7 rounded-md inline-flex items-center justify-center bg-primary/10 text-primary", children: /* @__PURE__ */ e(c, { className: "size-4" }) }) : /* @__PURE__ */ e("span", { className: "size-7 rounded-md inline-flex items-center justify-center bg-primary/10 text-primary text-xs font-semibold", children: s.shortTitle ?? s.title.slice(0, 1) }),
-      /* @__PURE__ */ e("span", { className: "font-semibold text-[15px] text-foreground default-logo", children: s.title }),
-      /* @__PURE__ */ e("span", { className: "font-semibold text-[15px] text-foreground small-logo hidden", children: s.shortTitle ?? s.title.slice(0, 1) })
+    /* @__PURE__ */ t(T, { to: o.href ?? "/", className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(Xe, { brand: o }),
+      /* @__PURE__ */ e("span", { className: "font-semibold text-[15px] text-foreground default-logo", children: o.title }),
+      /* @__PURE__ */ e("span", { className: "font-semibold text-[15px] text-foreground small-logo hidden", children: o.shortTitle ?? o.title.slice(0, 1) })
     ] }),
     /* @__PURE__ */ e(
-      z,
+      D,
       {
-        onClick: h,
+        onClick: c,
         size: "sm",
         mode: "icon",
         variant: "outline",
         className: v(
           "size-7 absolute start-full top-2/4 rtl:translate-x-2/4 -translate-x-2/4 -translate-y-2/4",
-          i.layouts.demo1.sidebarCollapse ? "ltr:rotate-180" : "rtl:rotate-180"
+          l.layouts.demo1.sidebarCollapse ? "ltr:rotate-180" : "rtl:rotate-180"
         ),
         children: /* @__PURE__ */ e(be, { className: "size-4!" })
       }
     )
   ] });
 }
-function Je({
-  brand: s,
-  menu: i,
-  disabledBadgeLabel: l
+function Xe({ brand: o }) {
+  const l = o.logoIcon;
+  return /* @__PURE__ */ t(O, { className: "size-7 rounded-md", children: [
+    o.logoSrc && /* @__PURE__ */ e(
+      Ee,
+      {
+        src: o.logoSrc,
+        alt: o.logoAlt ?? o.title,
+        className: "rounded-md"
+      }
+    ),
+    /* @__PURE__ */ e(_, { className: "rounded-md border-0 bg-primary/10 text-primary text-xs font-semibold", children: l ? /* @__PURE__ */ e(l, { className: "size-4" }) : o.shortTitle ?? o.title.slice(0, 1) })
+  ] });
+}
+function Ze({
+  brand: o,
+  menu: l,
+  disabledBadgeLabel: a
 }) {
   return /* @__PURE__ */ t("div", { className: "sidebar bg-background lg:border-e lg:border-border lg:fixed lg:top-0 lg:bottom-0 lg:z-20 lg:flex flex-col items-stretch shrink-0", children: [
-    /* @__PURE__ */ e(qe, { brand: s }),
+    /* @__PURE__ */ e(Je, { brand: o }),
     /* @__PURE__ */ e("div", { className: "w-full overflow-hidden flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ t("div", { className: "w-(--sidebar-default-width) flex-1 flex flex-col min-h-0", children: [
       /* @__PURE__ */ e(
         ne,
         {
-          menu: i,
-          disabledBadgeLabel: l
+          menu: l,
+          disabledBadgeLabel: a
         }
       ),
-      /* @__PURE__ */ e("div", { className: "mt-auto shrink-0", children: /* @__PURE__ */ e(ae, {}) })
+      /* @__PURE__ */ e("div", { className: "mt-auto shrink-0", children: /* @__PURE__ */ e(ie, {}) })
     ] }) })
   ] });
 }
-function Xe({
-  brand: s,
-  menu: i,
-  title: l,
+function et({
+  brand: o,
+  menu: l,
+  title: a,
   disabledBadgeLabel: c,
-  searchPlaceholder: h,
+  searchPlaceholder: x,
   searchQuickNav: y,
   searchRecent: w,
-  notifications: g,
+  notifications: f,
   user: d
 }) {
-  const [C, b] = D(!1), [r, o] = D(!1), [a, m] = D(g), { pathname: L } = j(), S = ve(), I = re(), x = Ye() > 0, N = le(
-    () => a.filter((n) => n.unread).length,
-    [a]
+  const [C, b] = z(!1), [r, s] = z(!1), [i, m] = z(f), { pathname: L } = F(), S = ve(), I = re(), g = Qe() > 0, N = le(
+    () => i.filter((n) => n.unread).length,
+    [i]
   );
-  f(() => {
+  p(() => {
     b(!1);
-  }, [L]), f(() => {
-    m(g);
-  }, [g]), f(() => {
+  }, [L]), p(() => {
+    m(f);
+  }, [f]), p(() => {
     const n = (u) => {
-      (u.metaKey || u.ctrlKey) && u.key.toLowerCase() === "k" && (u.preventDefault(), o((M) => !M));
+      (u.metaKey || u.ctrlKey) && u.key.toLowerCase() === "k" && (u.preventDefault(), s((M) => !M));
     };
     return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
   }, []);
-  const F = (n) => {
-    S(n), o(!1);
-  }, se = () => m(
+  const K = (n) => {
+    S(n), s(!1);
+  }, oe = () => m(
     (n) => n.map((u) => ({ ...u, unread: !1 }))
-  ), oe = (n) => {
+  ), se = (n) => {
     m(
       (M) => M.map(
         (R) => R.id === n ? { ...R, unread: !1 } : R
       )
     );
-    const u = a.find((M) => M.id === n);
-    u && p.info(u.title, { description: u.desc });
+    const u = i.find((M) => M.id === n);
+    u && h.info(u.title, { description: u.desc });
   };
   return /* @__PURE__ */ t(Z, { children: [
     /* @__PURE__ */ e(
@@ -272,16 +279,16 @@ function Xe({
       {
         className: v(
           "header fixed top-0 z-10 start-0 flex items-stretch shrink-0 end-0 pe-[var(--removed-body-scroll-bar-size,0px)] transition-[background-color,border-color,backdrop-filter] duration-200",
-          x ? "bg-background/80 backdrop-blur-xl border-b border-border" : "bg-transparent border-b border-transparent"
+          g ? "bg-background/80 backdrop-blur-xl border-b border-border" : "bg-transparent border-b border-transparent"
         ),
         children: /* @__PURE__ */ t(te, { className: "flex justify-between items-stretch lg:gap-4", children: [
           /* @__PURE__ */ t("div", { className: "flex gap-2.5 lg:hidden items-center", children: [
             /* @__PURE__ */ e(
-              A,
+              T,
               {
-                to: s.href ?? "/",
+                to: o.href ?? "/",
                 className: "shrink-0 font-semibold text-base text-foreground",
-                children: s.title
+                children: o.title
               }
             ),
             I && /* @__PURE__ */ t(
@@ -290,7 +297,7 @@ function Xe({
                 open: C,
                 onOpenChange: b,
                 children: [
-                  /* @__PURE__ */ e(Ce, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "ghost", mode: "icon", children: /* @__PURE__ */ e(de, { className: "text-muted-foreground" }) }) }),
+                  /* @__PURE__ */ e(Ce, { asChild: !0, children: /* @__PURE__ */ e(D, { variant: "ghost", mode: "icon", children: /* @__PURE__ */ e(de, { className: "text-muted-foreground" }) }) }),
                   /* @__PURE__ */ t(
                     Se,
                     {
@@ -302,7 +309,7 @@ function Xe({
                         /* @__PURE__ */ e(ke, { className: "p-0 overflow-y-auto", children: /* @__PURE__ */ e(
                           ne,
                           {
-                            menu: i,
+                            menu: l,
                             disabledBadgeLabel: c
                           }
                         ) })
@@ -313,23 +320,23 @@ function Xe({
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex items-center grow lg:ms-0 ms-2", children: /* @__PURE__ */ e("h1", { className: "text-sm font-medium hidden lg:block text-foreground", children: l }) }),
+          /* @__PURE__ */ e("div", { className: "flex items-center grow lg:ms-0 ms-2", children: /* @__PURE__ */ e("h1", { className: "text-sm font-medium hidden lg:block text-foreground", children: a }) }),
           /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(
-              z,
+              D,
               {
                 variant: "ghost",
                 mode: "icon",
                 shape: "circle",
-                onClick: () => o(!0),
+                onClick: () => s(!0),
                 title: "搜索 (⌘K)",
                 className: "size-9 [&_svg]:text-muted-foreground hover:bg-primary/10 hover:[&_svg]:text-primary",
                 children: /* @__PURE__ */ e(me, { className: "size-4.5!" })
               }
             ),
-            /* @__PURE__ */ t(ze, { children: [
-              /* @__PURE__ */ e(De, { asChild: !0, children: /* @__PURE__ */ t(
-                z,
+            /* @__PURE__ */ t(De, { children: [
+              /* @__PURE__ */ e(ze, { asChild: !0, children: /* @__PURE__ */ t(
+                D,
                 {
                   variant: "ghost",
                   mode: "icon",
@@ -352,13 +359,13 @@ function Xe({
                     ] })
                   ] }),
                   /* @__PURE__ */ t(
-                    z,
+                    D,
                     {
                       variant: "ghost",
                       size: "sm",
                       className: "h-6 px-2 text-xs",
                       disabled: N === 0,
-                      onClick: se,
+                      onClick: oe,
                       children: [
                         /* @__PURE__ */ e(he, { className: "size-3.5" }),
                         "全部已读"
@@ -366,11 +373,11 @@ function Xe({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto", children: a.map((n) => /* @__PURE__ */ t(
+                /* @__PURE__ */ e("div", { className: "max-h-80 overflow-y-auto", children: i.map((n) => /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    onClick: () => oe(n.id),
+                    onClick: () => se(n.id),
                     className: v(
                       "w-full text-left px-3 py-2.5 border-b border-border last:border-0 hover:bg-muted/60 transition-colors flex gap-2.5",
                       n.unread && "bg-primary/[0.03]"
@@ -412,31 +419,31 @@ function Xe({
                   "button",
                   {
                     type: "button",
-                    onClick: () => p.info("跳转到通知中心（示例）"),
+                    onClick: () => h.info("跳转到通知中心（示例）"),
                     className: "text-xs text-primary hover:underline inline-flex items-center gap-0.5",
                     children: [
                       "查看全部通知 ",
-                      /* @__PURE__ */ e(K, { className: "size-3.5" })
+                      /* @__PURE__ */ e(U, { className: "size-3.5" })
                     ]
                   }
                 ) })
               ] })
             ] }),
             /* @__PURE__ */ t(Ie, { children: [
-              /* @__PURE__ */ e(Te, { asChild: !0, children: /* @__PURE__ */ t(
+              /* @__PURE__ */ e(Ae, { asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   className: "ms-1 flex items-center gap-2 px-2 py-1 rounded-full cursor-pointer hover:bg-muted/60 transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring",
                   children: [
-                    /* @__PURE__ */ e(U, { className: "size-8", children: /* @__PURE__ */ e(H, { className: "bg-primary text-primary-foreground text-xs font-semibold", children: d.initials ?? d.name.slice(0, 1) }) }),
+                    /* @__PURE__ */ e(O, { className: "size-8", children: /* @__PURE__ */ e(_, { className: "bg-primary text-primary-foreground text-xs font-semibold", children: d.initials ?? d.name.slice(0, 1) }) }),
                     /* @__PURE__ */ e("span", { className: "text-sm hidden md:inline text-foreground", children: d.name })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ t(Ae, { align: "end", className: "w-56", children: [
+              /* @__PURE__ */ t(Te, { align: "end", className: "w-56", children: [
                 /* @__PURE__ */ t("div", { className: "px-2 py-2 flex items-center gap-2.5", children: [
-                  /* @__PURE__ */ e(U, { className: "size-10", children: /* @__PURE__ */ e(H, { className: "bg-primary text-primary-foreground font-semibold", children: d.initials ?? d.name.slice(0, 1) }) }),
+                  /* @__PURE__ */ e(O, { className: "size-10", children: /* @__PURE__ */ e(_, { className: "bg-primary text-primary-foreground font-semibold", children: d.initials ?? d.name.slice(0, 1) }) }),
                   /* @__PURE__ */ t("div", { className: "min-w-0", children: [
                     /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-foreground truncate", children: d.name }),
                     d.description && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground truncate", children: d.description })
@@ -447,7 +454,7 @@ function Xe({
                 /* @__PURE__ */ t(
                   k,
                   {
-                    onSelect: () => p.info("打开个人主页（示例）"),
+                    onSelect: () => h.info("打开个人主页（示例）"),
                     children: [
                       /* @__PURE__ */ e(pe, { className: "size-3.5" }),
                       "个人主页"
@@ -457,9 +464,9 @@ function Xe({
                 /* @__PURE__ */ t(
                   k,
                   {
-                    onSelect: () => p.info("打开我的任务（示例）"),
+                    onSelect: () => h.info("打开我的任务（示例）"),
                     children: [
-                      /* @__PURE__ */ e(B, { className: "size-3.5" }),
+                      /* @__PURE__ */ e(H, { className: "size-3.5" }),
                       "我的任务"
                     ]
                   }
@@ -467,7 +474,7 @@ function Xe({
                 /* @__PURE__ */ t(
                   k,
                   {
-                    onSelect: () => p.info("打开账户设置（示例）"),
+                    onSelect: () => h.info("打开账户设置（示例）"),
                     children: [
                       /* @__PURE__ */ e(fe, { className: "size-3.5" }),
                       "账户设置"
@@ -478,7 +485,7 @@ function Xe({
                 /* @__PURE__ */ t(
                   k,
                   {
-                    onSelect: () => d.permissionsPath ? S(d.permissionsPath) : p.info("打开权限与角色（示例）"),
+                    onSelect: () => d.permissionsPath ? S(d.permissionsPath) : h.info("打开权限与角色（示例）"),
                     children: [
                       /* @__PURE__ */ e(ge, { className: "size-3.5" }),
                       "权限与角色"
@@ -490,7 +497,7 @@ function Xe({
                   k,
                   {
                     variant: "destructive",
-                    onSelect: () => p.success("已退出登录（示例）"),
+                    onSelect: () => h.success("已退出登录（示例）"),
                     children: [
                       /* @__PURE__ */ e(xe, { className: "size-3.5" }),
                       "退出登录"
@@ -503,34 +510,34 @@ function Xe({
         ] })
       }
     ),
-    /* @__PURE__ */ e(Ee, { open: r, onOpenChange: o, children: /* @__PURE__ */ t($e, { className: "p-0 gap-0 sm:max-w-lg overflow-hidden", children: [
-      /* @__PURE__ */ t(Pe, { className: "sr-only", children: [
-        /* @__PURE__ */ e(Oe, { children: "全局搜索" }),
-        /* @__PURE__ */ e(je, { children: h })
+    /* @__PURE__ */ e($e, { open: r, onOpenChange: s, children: /* @__PURE__ */ t(Pe, { className: "p-0 gap-0 sm:max-w-lg overflow-hidden", children: [
+      /* @__PURE__ */ t(Oe, { className: "sr-only", children: [
+        /* @__PURE__ */ e(_e, { children: "全局搜索" }),
+        /* @__PURE__ */ e(je, { children: x })
       ] }),
-      /* @__PURE__ */ t(_e, { children: [
-        /* @__PURE__ */ e(Fe, { placeholder: h }),
+      /* @__PURE__ */ t(Fe, { children: [
+        /* @__PURE__ */ e(Be, { placeholder: x }),
         /* @__PURE__ */ t(Ke, { children: [
-          /* @__PURE__ */ e(Be, { children: "没有匹配结果" }),
+          /* @__PURE__ */ e(Ue, { children: "没有匹配结果" }),
           /* @__PURE__ */ e(V, { heading: "快速跳转", children: y.map((n) => /* @__PURE__ */ t(
             W,
             {
-              onSelect: () => n.path ? F(n.path) : p.info("打开：" + n.title),
+              onSelect: () => n.path ? K(n.path) : h.info("打开：" + n.title),
               children: [
-                /* @__PURE__ */ e(K, { className: "size-3.5 text-muted-foreground" }),
+                /* @__PURE__ */ e(U, { className: "size-3.5 text-muted-foreground" }),
                 /* @__PURE__ */ e("span", { children: n.title }),
                 n.hint && /* @__PURE__ */ e("span", { className: "ml-auto text-[10px] font-mono text-muted-foreground", children: n.hint })
               ]
             },
             `${n.title}-${n.path ?? n.hint}`
           )) }),
-          /* @__PURE__ */ e(Ue, {}),
+          /* @__PURE__ */ e(He, {}),
           /* @__PURE__ */ e(V, { heading: "最近访问", children: w.map((n) => /* @__PURE__ */ t(
             W,
             {
-              onSelect: () => n.path ? F(n.path) : p.info("打开：" + n.title),
+              onSelect: () => n.path ? K(n.path) : h.info("打开：" + n.title),
               children: [
-                /* @__PURE__ */ e(B, { className: "size-3.5 text-muted-foreground" }),
+                /* @__PURE__ */ e(H, { className: "size-3.5 text-muted-foreground" }),
                 /* @__PURE__ */ e("span", { className: "truncate", children: n.title }),
                 n.hint && /* @__PURE__ */ e("span", { className: "ml-auto text-[10px] text-muted-foreground shrink-0", children: n.hint })
               ]
@@ -542,36 +549,36 @@ function Xe({
     ] }) })
   ] });
 }
-function Ze({ footer: s }) {
-  return /* @__PURE__ */ e("footer", { className: "footer", children: /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e("div", { className: "flex flex-col md:flex-row justify-center md:justify-between items-center gap-3 py-5", children: /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: s }) }) }) });
+function tt({ footer: o }) {
+  return /* @__PURE__ */ e("footer", { className: "footer", children: /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e("div", { className: "flex flex-col md:flex-row justify-center md:justify-between items-center gap-3 py-5", children: /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: o }) }) }) });
 }
-function vt({
-  menu: s,
-  brand: i = X,
-  titleFallback: l = "个人工作台",
+function wt({
+  menu: o,
+  brand: l = X,
+  titleFallback: a = "个人工作台",
   footer: c,
-  disabledBadgeLabel: h = "Soon",
+  disabledBadgeLabel: x = "Soon",
   searchPlaceholder: y = "搜索页面、缺陷、凭证、成员...",
   searchQuickNav: w = [],
-  searchRecent: g = [],
+  searchRecent: f = [],
   notifications: d = [],
-  user: C = We,
+  user: C = Ge,
   children: b
 }) {
-  const r = re(), { pathname: o } = j(), m = O(s, o)?.title ?? l, { settings: L, setOption: S } = ee(), I = { ...X, ...i }, _ = c ?? `${(/* @__PURE__ */ new Date()).getFullYear()} © DemoKit · Demo design system`;
-  return f(() => {
-    const x = document.body.classList;
-    L.layouts.demo1.sidebarCollapse ? x.add("sidebar-collapse") : x.remove("sidebar-collapse");
-  }, [L.layouts.demo1.sidebarCollapse]), f(() => {
+  const r = re(), { pathname: s } = F(), m = j(o, s)?.title ?? a, { settings: L, setOption: S } = ee(), I = { ...X, ...l }, B = c ?? `${(/* @__PURE__ */ new Date()).getFullYear()} © DemoKit · Demo design system`;
+  return p(() => {
+    const g = document.body.classList;
+    L.layouts.demo1.sidebarCollapse ? g.add("sidebar-collapse") : g.remove("sidebar-collapse");
+  }, [L.layouts.demo1.sidebarCollapse]), p(() => {
     S("layout", "demo1");
-  }, [S]), f(() => {
-    const x = document.body.classList;
-    x.add("demo1", "sidebar-fixed", "header-fixed");
+  }, [S]), p(() => {
+    const g = document.body.classList;
+    g.add("demo1", "sidebar-fixed", "header-fixed");
     const N = window.setTimeout(() => {
-      x.add("layout-initialized");
+      g.add("layout-initialized");
     }, 1e3);
     return () => {
-      x.remove(
+      g.remove(
         "demo1",
         "sidebar-fixed",
         "sidebar-collapse",
@@ -579,38 +586,38 @@ function vt({
         "layout-initialized"
       ), window.clearTimeout(N);
     };
-  }, []), f(() => {
+  }, []), p(() => {
     document.title = m;
   }, [m]), /* @__PURE__ */ t(Z, { children: [
     /* @__PURE__ */ e(ye, {}),
     !r && /* @__PURE__ */ e(
-      Je,
+      Ze,
       {
         brand: I,
-        menu: s,
-        disabledBadgeLabel: h
+        menu: o,
+        disabledBadgeLabel: x
       }
     ),
     /* @__PURE__ */ t("div", { className: "wrapper flex grow flex-col", children: [
       /* @__PURE__ */ e(
-        Xe,
+        et,
         {
           brand: I,
-          menu: s,
+          menu: o,
           title: m,
-          disabledBadgeLabel: h,
+          disabledBadgeLabel: x,
           searchPlaceholder: y,
           searchQuickNav: w,
-          searchRecent: g,
+          searchRecent: f,
           notifications: d,
           user: C
         }
       ),
       /* @__PURE__ */ e("main", { className: "grow pt-5", role: "content", children: b ?? /* @__PURE__ */ e(Ne, {}) }),
-      /* @__PURE__ */ e(Ze, { footer: _ })
+      /* @__PURE__ */ e(tt, { footer: B })
     ] })
   ] });
 }
 export {
-  vt as Demo1Shell
+  wt as Demo1Shell
 };