mtxuilib 0.0.319 → 0.0.321

package/dist/components/Header.cjs

@@ -0,0 +1,41 @@
+"use strict";
+"use client";
+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);
+var Header_exports = {};
+__export(Header_exports, {
+  DefaultHeader: () => DefaultHeader
+});
+module.exports = __toCommonJS(Header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_mtlink = require("../common/mtlink");
+var import_PageSearchCmd = require("./PageSearchCmd");
+var import_main_nav = require("./main-nav");
+const DefaultHeader = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex h-14 items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hidden w-52 items-center justify-center md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: "/", className: "flex items-center space-x-2" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_main_nav.MainNav, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: " flex items-center space-x-6 text-sm font-medium" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PageSearchCmd.PageSearchCmd, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-1 shrink items-center justify-end space-x-2 pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "flex items-center" }) })
+  ] }) }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultHeader
+});

package/dist/components/ListItem.cjs

@@ -0,0 +1,92 @@
+"use strict";
+"use client";
+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);
+var ListItem_exports = {};
+__export(ListItem_exports, {
+  ListItemView: () => ListItemView
+});
+module.exports = __toCommonJS(ListItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_path_to_regexp = require("path-to-regexp");
+var import_react = require("react");
+var import_mtlink = require("../common/mtlink");
+var import_CurdViewView = require("../curd/CurdViewView");
+var import_utils = require("../lib/utils");
+var import_Button = require("../ui/ui-mt/Button");
+var import_PostCard = require("./PostCard");
+const ListItemView = (props) => {
+  var _a, _b;
+  const { item } = props;
+  if ((_a = item == null ? void 0 : item.item) == null ? void 0 : _a.value) {
+    const itemCase = ((_b = item.item) == null ? void 0 : _b.case) || "";
+    switch (itemCase) {
+      case "commonListItem":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommonListItemView, { item: item.item.value });
+      case "postCard":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PostCard.PostCard, { item: item.item.value });
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "bg-red-600 p-2", children: "unknow list item type" });
+    }
+  }
+  return null;
+};
+const CommonListItemView = (props) => {
+  const { item } = props;
+  const curdView = (0, import_CurdViewView.useCurdView)();
+  const listView = (0, import_CurdViewView.useCurdViewList)();
+  const link = (0, import_react.useMemo)(() => {
+    const itemId = item.id;
+    const routeShow = curdView.item.routeShow;
+    const toPath = (0, import_path_to_regexp.compile)(routeShow, { encode: encodeURIComponent });
+    return toPath({ id: itemId });
+  }, [curdView.item.routeShow, item.id]);
+  const handleSelect = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    listView.handleSelectItem(item);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Button.MtButton,
+    {
+      variant: "ghost",
+      onClick: handleSelect,
+      className: (0, import_utils.cn)(
+        "flex  justify-start border p-4 text-left",
+        item.id == curdView.activateId && " font-bold"
+      ),
+      "aria-label": item.id,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_mtlink.MtLink,
+        {
+          href: link,
+          children: [
+            "id:",
+            item.id,
+            item.title,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.description })
+          ]
+        }
+      )
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListItemView
+});

package/dist/components/PageCmds.cjs

@@ -0,0 +1,79 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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);
+var PageCmds_exports = {};
+__export(PageCmds_exports, {
+  PageCommands: () => PageCommands
+});
+module.exports = __toCommonJS(PageCmds_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lodash = require("lodash");
+var import_react = require("react");
+var import_react_hotkeys_hook = require("react-hotkeys-hook");
+var import_command = require("../ui/command");
+function PageCommands(props) {
+  const etc = __objRest(props, []);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  (0, import_react_hotkeys_hook.useHotkeys)("alt+d", () => {
+    console.log("PageCommands");
+    setOpen((open2) => !open2);
+  }, []);
+  const handleValueChange = (search) => {
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandDialog, __spreadProps(__spreadValues({}, etc), { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandInput, { placeholder: "Type a command or search...", onValueChange: (0, import_lodash.debounce)(handleValueChange, 500) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandList, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandEmpty, { children: "No results found." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandSeparator, {})
+    ] })
+  ] }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PageCommands
+});

package/dist/components/PageSearchCmd.cjs

@@ -0,0 +1,98 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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);
+var PageSearchCmd_exports = {};
+__export(PageSearchCmd_exports, {
+  PageSearchCmd: () => PageSearchCmd
+});
+module.exports = __toCommonJS(PageSearchCmd_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_hook_form = require("react-hook-form");
+var import_react_hotkeys_hook = require("react-hotkeys-hook");
+var import_icons = require("../icons/icons");
+var import_command = require("../ui/command");
+var import_input = require("../ui/input");
+var import_Button = require("../ui/ui-mt/Button");
+var import_MtForm = require("../ui/ui-mt/MtForm");
+const PageSearchCmd = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [isShowSearchInput, setIsShowSearchInput] = (0, import_react.useState)(true);
+  (0, import_react_hotkeys_hook.useHotkeys)("alt+s", () => {
+    console.log("PageCommands");
+    setOpen((open2) => !open2);
+  }, []);
+  const form = (0, import_react_hook_form.useForm)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_MtForm.MtForm, __spreadProps(__spreadValues({}, form), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: form.handleSubmit(
+      // curd.submitSearch
+      () => {
+      }
+    ), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative flex w-full flex-wrap items-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        __spreadProps(__spreadValues({
+          placeholder: "search"
+        }, form.register("q")), {
+          "aria-label": "Search",
+          "aria-describedby": "button-addon1",
+          type: "search",
+          className: " focus:border-primary dark:focus:border-primary relative m-0 -mr-0.5 block h-auto min-w-0 flex-auto rounded-l border border-solid border-neutral-300 bg-transparent bg-clip-padding px-3 py-1 text-base font-normal leading-[1.6] text-neutral-700 outline-none transition duration-200 ease-in-out focus:z-[3] focus:text-neutral-700 focus:shadow-[inset_0_0_0_1px_rgb(59,113,202)] focus:outline-none dark:border-neutral-600 dark:text-neutral-200 dark:placeholder:text-neutral-200"
+        })
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Button.MtButton,
+        {
+          className: " rounded-l-0",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icons.search, {})
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandDialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandInput, { placeholder: "Type a command or search...", onValueChange: (s) => {
+        setOpen(false);
+      } }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandEmpty, { children: "No results found." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandSeparator, {})
+      ] })
+    ] })
+  ] }));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PageSearchCmd
+});

package/dist/components/PostCard.cjs

@@ -0,0 +1,58 @@
+"use strict";
+"use client";
+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);
+var PostCard_exports = {};
+__export(PostCard_exports, {
+  PostCard: () => PostCard
+});
+module.exports = __toCommonJS(PostCard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_mtlink = require("../common/mtlink");
+var import_card = require("../ui/card");
+const PostCard = (props) => {
+  const { item } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { className: "w-[350px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: `/post/${item.id}`, className: "pb-4 text-3xl font-bold hover:text-gray-700", children: item == null ? void 0 : item.title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardDescription, { children: "Deploy your new project in one-click." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "my-4 flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, {
+        href: `/post/${item.id}`,
+        className: "hover:opacity-75",
+        // eslint-disable-next-line @next/next/no-img-element, jsx-a11y/alt-text
+        children: item.topImage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: item.topImage, alt: item.title })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col justify-start bg-white p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: `/post/${item.id}`, className: "pb-4 text-sm font-bold uppercase text-blue-700", children: item.category || "news" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "pb-3 text-sm", children: [
+          "By ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: "#", children: item.author }),
+          ","
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: item.excerpt })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardFooter, { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { variant: "ghost", href: `/post/${item.id}`, children: "Show" }) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PostCard
+});

package/dist/components/SideNav.cjs

@@ -0,0 +1,102 @@
+"use strict";
+"use client";
+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);
+var SideNav_exports = {};
+__export(SideNav_exports, {
+  SideNavs: () => SideNavs
+});
+module.exports = __toCommonJS(SideNav_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_avatar = require("@radix-ui/react-avatar");
+var import_react_collapsible = require("@radix-ui/react-collapsible");
+var import_react_icons = require("@radix-ui/react-icons");
+var import_lucide_react = require("lucide-react");
+var import_command = require("../ui/command");
+var import_hover_card = require("../ui/hover-card");
+var import_Button = require("../ui/ui-mt/Button");
+const SideNavs = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.Command, { className: "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandInput, { placeholder: "Type a command or search...", className: "bg-red-100 p-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandList, { className: "flex h-full max-h-full flex-col rounded-lg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandEmpty, { children: "No results found." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandGroup, { heading: "\u6A21\u5757", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.FaceIcon, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Search Emoji" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandGroup, { heading: "Settings", className: " justify-end ", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.PersonIcon, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Profile" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandShortcut, { children: "\u2318P" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.EnvelopeClosedIcon, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Mail" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandShortcut, { children: "\u2318B" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_react_collapsible.Collapsible,
+          {
+            className: "w-full space-y-2",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between space-x-4 ", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "text-sm font-semibold", children: "\u5206\u7C7B1" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Button.MtButton, { variant: "ghost", size: "sm", className: "w-9 p-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronsUpDown, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Toggle" })
+                ] }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_collapsible.CollapsibleContent, { className: "space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-md border px-4 py-3 font-mono text-sm", children: "@radix-ui/colors" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-md border px-4 py-3 font-mono text-sm", children: "@stitches/react" })
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.GearIcon, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_hover_card.HoverCard, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hover_card.HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.MtButton, { variant: "link", children: "\u4E2D\u6587nextjs" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hover_card.HoverCardContent, { className: "w-80", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between space-x-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_avatar.Avatar, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_avatar.AvatarImage, { src: "https://github.com/vercel.png" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_avatar.AvatarFallback, { children: "VC" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "text-sm font-semibold", children: "@nextjs" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm", children: "The React Framework \u2013 created and maintained by @vercel." }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center pt-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CalendarIcon, { className: "mr-2 h-4 w-4 opacity-70" }),
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-xs", children: "Joined December 2021" })
+                ] })
+              ] })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandShortcut, { children: "\u2318S" })
+        ] })
+      ] }) })
+    ] })
+  ] }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SideNavs
+});

package/dist/components/UserAvatorMenus.cjs

@@ -0,0 +1,105 @@
+"use strict";
+"use client";
+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);
+var UserAvatorMenus_exports = {};
+__export(UserAvatorMenus_exports, {
+  default: () => UserAvatorMenus
+});
+module.exports = __toCommonJS(UserAvatorMenus_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_next_themes = require("next-themes");
+var import_navigation = require("next/navigation");
+var import_mtlink = require("../common/mtlink");
+var import_userContext = require("../store/userContext");
+var import_avatar = require("../ui/avatar");
+var import_button = require("../ui/button");
+var import_dropdown_menu = require("../ui/dropdown-menu");
+function UserAvatorMenus() {
+  var _a;
+  const pathName = (0, import_navigation.usePathname)();
+  const { setTheme } = (0, import_next_themes.useTheme)();
+  const { userInfo } = (0, import_userContext.useUser)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: !((_a = userInfo == null ? void 0 : userInfo.userInfo) == null ? void 0 : _a.ID.length) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: `/login?back=${pathName}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { children: "login" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_avatar.Avatar, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.AvatarImage, { src: "https://github.com/shadcn.png", alt: "@siteCook" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.AvatarFallback, { children: "You" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuContent, { className: "w-56", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuLabel, { children: "My Account" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: "/profile", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuItem, { children: [
+          "Profile",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuShortcut, { children: "\u21E7\u2318P" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuItem, { children: [
+          "Settings",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuShortcut, { children: "\u2318S" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: "/admin/site", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuItem, { children: [
+          "Site",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuShortcut, { children: "\u2318S" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuSub, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSubTrigger, { children: "Cx" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuSubContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: "/admin/cx/config", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { children: "config" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: "/admin/cx/result", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { children: "result" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSeparator, {})
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuSub, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSubTrigger, { children: "Blog" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSubContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSeparator, {}) }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuSub, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuSubTrigger, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.SunIcon, { className: "size-[1.2rem] rotate-0 scale-100 pr-1 transition-all dark:-rotate-90 dark:scale-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MoonIcon, { className: "absolute size-[1.2rem] rotate-90 scale-0 pr-1 transition-all dark:rotate-0 dark:scale-100" }),
+          "theme",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuSubContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mtlink.MtLink, { href: "/logout", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuItem, { children: [
+        "Log out",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuShortcut, { children: "\u21E7\u2318Q" })
+      ] }) }),
+      userInfo == null ? void 0 : userInfo.navs.map((item, i) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuItem, { children: [
+          "userNav: ",
+          item.label,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuShortcut, { children: "\u21E7\u2318Q" })
+        ] }, i);
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenuItem, { children: [
+        "Log out",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuShortcut, { children: "\u21E7\u2318Q" })
+      ] })
+    ] })
+  ] }) });
+}