gomtm 0.0.246 → 0.0.248

package/dist/esm/consts.d.ts

@@ -11,6 +11,7 @@ export declare const MTM_SERVER_COOKIE_ACTIVATE_SELFBACKEND_URL = "mtm:selfbacke
 export declare const DEFAULT_revalidate_SECONDS = 3;
 export declare const LOGIN_CALLBACK_URL_KEY = "back";
 export declare const MTM_API_PREFIX = "/api";
+export declare const LayoutNameCookie = "layout";
 export declare const ExtKey_Hostname = "host";
 export declare const ExtKey_mtmaccessToken = "access_token";
 export declare const ItemAction_list_new_item = "list_new_item";

package/dist/esm/consts.js

@@ -11,6 +11,7 @@ const MTM_SERVER_COOKIE_ACTIVATE_SELFBACKEND_URL = "mtm:selfbackendUrl";
 const DEFAULT_revalidate_SECONDS = 3;
 const LOGIN_CALLBACK_URL_KEY = "back";
 const MTM_API_PREFIX = "/api";
+const LayoutNameCookie = "layout";
 const ExtKey_Hostname = "host";
 const ExtKey_mtmaccessToken = "access_token";
 const ItemAction_list_new_item = "list_new_item";
@@ -43,6 +44,7 @@ export {
   ImageNoExist,
   ItemAction_list_new_item,
   LOGIN_CALLBACK_URL_KEY,
+  LayoutNameCookie,
   ListView_DefaultPageSize,
   Listview_list_filter,
   MEMBER_ROLE,

package/dist/esm/ly/LayoutBase.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+export declare const layoutNameAtom: import("jotai").WritableAtom<string, [value: string], void>;
+export declare const LayoutBase: (props: {
+    layoutName?: string;
+} & PropsWithChildren) => import("react").JSX.Element;

package/dist/esm/ly/LayoutBase.js

@@ -0,0 +1,85 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { atom, useAtom } from "jotai";
+import { ScopeAtomsHydrator } from "mtxlib/jotai/jotai-helper";
+import { TailwindIndicator } from "mtxuilib/common/tailwind-indicator";
+import { AppMetaRender } from "mtxuilib/store/AppMetaRender";
+import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
+import { TooltipProvider } from "mtxuilib/ui/tooltip";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { AppProgressBar as ProgressBar } from "next-nprogress-bar";
+import { Suspense } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+import { Toaster } from "sonner";
+import Dash5 from "./dash5";
+import { Demo1Layout } from "./demo-layout";
+const ALL_Layouts = [
+  "demo1",
+  // "mail2",
+  "dash5",
+  "default"
+];
+const layoutNameValueAtom = atom("");
+const layoutNameAtom = atom((get) => {
+  return get(layoutNameValueAtom);
+}, (_, set, value) => {
+  set(layoutNameValueAtom, value);
+});
+const openLayoutSwitchDlgAtom = atom(false);
+const LayoutBase = (props) => {
+  const { layoutName, children } = props;
+  return /* @__PURE__ */ jsx(ScopeAtomsHydrator, { atomValues: [
+    [layoutNameAtom, layoutName],
+    [openLayoutSwitchDlgAtom, false]
+  ], children: /* @__PURE__ */ jsx(LayoutRender, { children }) });
+};
+const LayoutRender = (props) => {
+  const { children } = props;
+  const [layoutName, setLayoutName] = useAtom(layoutNameAtom);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
+      layoutName == "dash5" ? /* @__PURE__ */ jsx(Dash5, { children }) : (
+        // layoutName == "mail2" ? <Mail2Layout>{children}</Mail2Layout> :
+        layoutName == "demo1" ? /* @__PURE__ */ jsx(Demo1Layout, { children }) : layoutName == "default" ? /* @__PURE__ */ jsx(Fragment, { children }) : children
+      ),
+      /* @__PURE__ */ jsx(
+        ProgressBar,
+        {
+          height: "4px",
+          color: "#4934eb",
+          options: { showSpinner: false },
+          shallowRouting: true
+        }
+      ),
+      /* @__PURE__ */ jsx(ReactQueryDevtools, {}),
+      /* @__PURE__ */ jsx(Toaster, {}),
+      /* @__PURE__ */ jsx(TailwindIndicator, {})
+    ] }),
+    /* @__PURE__ */ jsx(AppMetaRender, {}),
+    /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(LayoutSwitchDlg, {}) })
+  ] });
+};
+const LayoutSwitchDlg = () => {
+  const [openLayoutSwitchDlg, setOpenLayoutSwitchDlg] = useAtom(openLayoutSwitchDlgAtom);
+  const [layoutName, setLayoutName] = useAtom(layoutNameAtom);
+  useHotkeys("alt+l", () => {
+    setOpenLayoutSwitchDlg(!openLayoutSwitchDlg);
+  }, []);
+  return /* @__PURE__ */ jsx(Dialog, { open: openLayoutSwitchDlg, onOpenChange: setOpenLayoutSwitchDlg, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { children: [
+      "LayoutSwitch,",
+      layoutName
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
+      return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+        setLayoutName(layout);
+        setOpenLayoutSwitchDlg(false);
+      }, children: layout }, layout);
+    }) })
+  ] }) });
+};
+export {
+  LayoutBase,
+  layoutNameAtom
+};

package/dist/esm/ly/UserAvatorMenus.js

@@ -4,12 +4,13 @@ import { MoonIcon, SunIcon } from "lucide-react";
 import { MtLink } from "mtxuilib/common/mtlink";
 import { Avatar, AvatarFallback, AvatarImage } from "mtxuilib/ui/avatar";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
+import { DropdownMenuItemLink } from "mtxuilib/ui/ui-mt/DropdownMenuItemLink";
 import { usePathname } from "next/navigation";
 import { useAuth } from "../store/auth";
 function UserAvatorMenus() {
   const pathName = usePathname();
   const auth = useAuth();
-  return /* @__PURE__ */ jsx(Fragment, { children: !auth.isAdmin ? /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: `/login?next=${pathName}`, children: " login" }) : /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: !auth.userId ? /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: `/login?next=${pathName}`, children: " login" }) : /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Avatar, { children: [
       /* @__PURE__ */ jsx(AvatarImage, { src: "/mtm_images/placeholder-user.jpg", alt: "@siteCook" }),
       /* @__PURE__ */ jsx(AvatarFallback, { children: "You" })
@@ -40,10 +41,6 @@ function UserAvatorMenus() {
           /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
         ] }) })
       ] }) }),
-      /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { children: "Blog" }),
-        /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) }) })
-      ] }) }),
       /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuSub, { children: /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [
         /* @__PURE__ */ jsx(SunIcon, { className: "size-[1.2rem] rotate-0 scale-100 pr-1 transition-all dark:-rotate-90 dark:scale-0" }),
         /* @__PURE__ */ jsx(MoonIcon, { className: "absolute size-[1.2rem] rotate-90 scale-0 pr-1 transition-all dark:rotate-0 dark:scale-100" }),
@@ -51,13 +48,24 @@ function UserAvatorMenus() {
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
       ] }) }) }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx(MtLink, { href: "/logout", children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
-        "Log out",
-        /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: "\u21E7\u2318Q" })
-      ] }) })
+      /* @__PURE__ */ jsx(DropdownMenuGroupDevelop, {}),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: "/logout", children: " Log out " }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: "/", children: "\u9996\u9875" })
     ] })
   ] }) });
 }
+const DropdownMenuGroupDevelop = () => {
+  return /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { children: "\u8C03\u8BD5\u8F85\u52A9" }),
+    /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs(DropdownMenuSubContent, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `/post/create`, children: "/post/create" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `/post/create2`, children: "/post/create2" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `/post/edit`, children: "/post/edit" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `/debuginfo`, children: "/debuginfo" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+    ] }) })
+  ] }) });
+};
 export {
   UserAvatorMenus as default
 };

package/dist/esm/ly/dash5/index.js

@@ -9,9 +9,13 @@ function Dash5(props) {
     /* @__PURE__ */ jsx(Dash5Aside, {}),
     /* @__PURE__ */ jsxs("div", { className: "flex min-h-dvh flex-col sm:pl-14", children: [
       /* @__PURE__ */ jsx(Header, {}),
-      /* @__PURE__ */ jsx("main", { className: cn(
+      /* @__PURE__ */ jsxs("main", { className: cn(
         "flex h-full min-h-full flex-1"
-      ), children }),
+      ), children: [
+        /* @__PURE__ */ jsx("div", { children: "111111111" }),
+        children,
+        /* @__PURE__ */ jsx("div", { children: "222222222" })
+      ] }),
       /* @__PURE__ */ jsx("div", { className: "bg-slate-50" })
     ] })
   ] });

package/dist/esm/ly/demo-layout/index.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare const Demo1Layout: (props: PropsWithChildren) => import("react").JSX.Element;

package/dist/esm/ly/demo-layout/index.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Demo1Layout = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsxs("div", { className: "prose p-2", children: [
+    /* @__PURE__ */ jsx("h1", { children: "Demo1Layout" }),
+    children
+  ] });
+};
+export {
+  Demo1Layout
+};

package/dist/esm/ly--/DashLayout.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare const DashLayout: (props: PropsWithChildren) => import("react").JSX.Element;

package/dist/esm/ly--/DashLayout.js

@@ -0,0 +1,39 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { atom, useAtom } from "jotai";
+import { TailwindIndicator } from "mtxuilib/common/tailwind-indicator";
+import { AppMetaRender } from "mtxuilib/store/AppMetaRender";
+import { TooltipProvider } from "mtxuilib/ui/tooltip";
+import { AppProgressBar as ProgressBar } from "next-nprogress-bar";
+import { Toaster } from "sonner";
+import Dash5 from "./dash5";
+const dashLayoutNameAtom = atom("default");
+const DashLayout = (props) => {
+  const { children } = props;
+  const [dashLayoutName, setDashLayoutName] = useAtom(dashLayoutNameAtom);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
+      dashLayoutName == "default" ? /* @__PURE__ */ jsx(Dash5, { children }) : /* @__PURE__ */ jsxs("div", { className: "bg-slate-300 p-2", children: [
+        /* @__PURE__ */ jsx("h1", { children: "unknow layout name" }),
+        children
+      ] }),
+      /* @__PURE__ */ jsx(
+        ProgressBar,
+        {
+          height: "4px",
+          color: "#4934eb",
+          options: { showSpinner: false },
+          shallowRouting: true
+        }
+      ),
+      /* @__PURE__ */ jsx(ReactQueryDevtools, {}),
+      /* @__PURE__ */ jsx(Toaster, {}),
+      /* @__PURE__ */ jsx(TailwindIndicator, {})
+    ] }),
+    /* @__PURE__ */ jsx(AppMetaRender, {})
+  ] });
+};
+export {
+  DashLayout
+};

package/dist/esm/ly--/UserAvatorMenus.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function UserAvatorMenus(): import("react").JSX.Element;

package/dist/esm/ly--/UserAvatorMenus.js

@@ -0,0 +1,63 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { MoonIcon, SunIcon } from "lucide-react";
+import { MtLink } from "mtxuilib/common/mtlink";
+import { Avatar, AvatarFallback, AvatarImage } from "mtxuilib/ui/avatar";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
+import { usePathname } from "next/navigation";
+import { useAuth } from "../store/auth";
+function UserAvatorMenus() {
+  const pathName = usePathname();
+  const auth = useAuth();
+  return /* @__PURE__ */ jsx(Fragment, { children: !auth.isAdmin ? /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: `/login?next=${pathName}`, children: " login" }) : /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Avatar, { children: [
+      /* @__PURE__ */ jsx(AvatarImage, { src: "/mtm_images/placeholder-user.jpg", alt: "@siteCook" }),
+      /* @__PURE__ */ jsx(AvatarFallback, { children: "You" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { className: "w-56", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "My Account" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+        /* @__PURE__ */ jsx(MtLink, { href: "/profile", children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+          "Profile",
+          /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: "\u21E7\u2318P" })
+        ] }) }),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+          "Settings",
+          /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: "\u2318S" })
+        ] }),
+        /* @__PURE__ */ jsx(MtLink, { href: "/admin/site", children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+          "Site",
+          /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: "\u2318S" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { children: "Cx" }),
+        /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs(DropdownMenuSubContent, { children: [
+          /* @__PURE__ */ jsx(MtLink, { href: "/admin/cx/config", children: /* @__PURE__ */ jsx(DropdownMenuItem, { children: "config" }) }),
+          /* @__PURE__ */ jsx(MtLink, { href: "/admin/cx/result", children: /* @__PURE__ */ jsx(DropdownMenuItem, { children: "result" }) }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { children: "Blog" }),
+        /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuSub, { children: /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [
+        /* @__PURE__ */ jsx(SunIcon, { className: "size-[1.2rem] rotate-0 scale-100 pr-1 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ jsx(MoonIcon, { className: "absolute size-[1.2rem] rotate-90 scale-0 pr-1 transition-all dark:rotate-0 dark:scale-100" }),
+        "theme",
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
+      ] }) }) }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(MtLink, { href: "/logout", children: /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+        "Log out",
+        /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: "\u21E7\u2318Q" })
+      ] }) })
+    ] })
+  ] }) });
+}
+export {
+  UserAvatorMenus as default
+};

package/dist/esm/ly--/dash5/aside.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Dash5Aside: () => import("react").JSX.Element;

package/dist/esm/ly--/dash5/aside.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Package2,
+  Settings
+} from "lucide-react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "mtxuilib/ui/tooltip";
+import Link from "next/link";
+const Dash5Aside = () => {
+  return /* @__PURE__ */ jsxs("aside", { className: "bg-background fixed inset-y-0 left-0 z-10 hidden w-14 flex-col border-r sm:flex", children: [
+    /* @__PURE__ */ jsx("nav", { className: "flex flex-col items-center gap-4 px-2 sm:py-5", children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: "/dash",
+        className: "bg-primary text-primary-foreground group flex h-9 w-9 shrink-0 items-center justify-center gap-2 rounded-full text-lg font-semibold md:h-8 md:w-8 md:text-base",
+        children: [
+          /* @__PURE__ */ jsx(Package2, { className: "h-4 w-4 transition-all group-hover:scale-110" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Acme Inc" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx("nav", { className: "mt-auto flex flex-col items-center gap-4 px-2 sm:py-5", children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: "#",
+          className: "text-muted-foreground hover:text-foreground flex h-9 w-9 items-center justify-center rounded-lg transition-colors md:h-8 md:w-8",
+          children: [
+            /* @__PURE__ */ jsx(Settings, { className: "h-5 w-5" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Settings" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Settings" })
+    ] }) })
+  ] });
+};
+export {
+  Dash5Aside
+};

package/dist/esm/ly--/dash5/components/PageCreate.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function PageCreate({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/ly--/dash5/components/PageCreate.js

@@ -0,0 +1,8 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+function PageCreate({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+export {
+  PageCreate
+};

package/dist/esm/ly--/dash5/components/PageEdit.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function PageEdit({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/ly--/dash5/components/PageEdit.js

@@ -0,0 +1,8 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+function PageEdit({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+export {
+  PageEdit
+};

package/dist/esm/ly--/dash5/components/PageList.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function PageList({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/ly--/dash5/components/PageList.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { MailLayoutList } from "mtxuilib/layouts/mail-layout/index";
+function PageList({ children }) {
+  return /* @__PURE__ */ jsx(MailLayoutList, { children });
+}
+export {
+  PageList
+};

package/dist/esm/ly--/dash5/components/PageShow.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function PageShow({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/esm/ly--/dash5/components/PageShow.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function PageShow({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col", children });
+}
+export {
+  PageShow
+};

package/dist/esm/ly--/dash5/header.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Header: () => import("react").JSX.Element;

package/dist/esm/ly--/dash5/header.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Home,
+  LineChart,
+  Package,
+  Package2,
+  PanelLeft,
+  Search,
+  ShoppingCart,
+  Users2
+} from "lucide-react";
+import { cn } from "mtxuilib/lib/utils";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "mtxuilib/ui/breadcrumb";
+import { Button } from "mtxuilib/ui/button";
+import { Input } from "mtxuilib/ui/input";
+import { Sheet, SheetContent, SheetTrigger } from "mtxuilib/ui/sheet";
+import Link from "next/link";
+import UserAvatorMenus from "../UserAvatorMenus";
+const Header = () => {
+  return /* @__PURE__ */ jsxs("header", { className: cn(
+    "bg-background sticky top-0 z-30 flex h-14 items-center gap-4 border-b px-4 pt-1 sm:static sm:h-auto sm:border-0 sm:bg-transparent sm:px-6"
+  ), children: [
+    /* @__PURE__ */ jsxs(Sheet, { children: [
+      /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { size: "icon", variant: "outline", className: "sm:hidden", children: [
+        /* @__PURE__ */ jsx(PanelLeft, { className: "h-5 w-5" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Menu" })
+      ] }) }),
+      /* @__PURE__ */ jsx(SheetContent, { side: "left", className: "sm:max-w-xs", children: /* @__PURE__ */ jsxs("nav", { className: "grid gap-6 text-lg font-medium", children: [
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: "#",
+            className: "bg-primary text-primary-foreground group flex h-10 w-10 shrink-0 items-center justify-center gap-2 rounded-full text-lg font-semibold md:text-base",
+            children: [
+              /* @__PURE__ */ jsx(Package2, { className: "h-5 w-5 transition-all group-hover:scale-110" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Acme Inc" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: "#",
+            className: "text-muted-foreground hover:text-foreground flex items-center gap-4 px-2.5",
+            children: [
+              /* @__PURE__ */ jsx(Home, { className: "h-5 w-5" }),
+              "Dashboard"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: "#",
+            className: "text-foreground flex items-center gap-4 px-2.5",
+            children: [
+              /* @__PURE__ */ jsx(ShoppingCart, { className: "h-5 w-5" }),
+              "Orders"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: "#",
+            className: "text-muted-foreground hover:text-foreground flex items-center gap-4 px-2.5",
+            children: [
+              /* @__PURE__ */ jsx(Package, { className: "h-5 w-5" }),
+              "Products"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: "#",
+            className: "text-muted-foreground hover:text-foreground flex items-center gap-4 px-2.5",
+            children: [
+              /* @__PURE__ */ jsx(Users2, { className: "h-5 w-5" }),
+              "Customers"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Link,
+          {
+            href: "#",
+            className: "text-muted-foreground hover:text-foreground flex items-center gap-4 px-2.5",
+            children: [
+              /* @__PURE__ */ jsx(LineChart, { className: "h-5 w-5" }),
+              "Settings"
+            ]
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Breadcrumb, { className: "hidden md:flex", children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/dash", children: "Dash" }) }) }),
+      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "#", children: "Orders" }) }) }),
+      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: "Recent Orders" }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative ml-auto flex-1 md:grow-0", children: [
+      /* @__PURE__ */ jsx(Search, { className: "text-muted-foreground absolute left-2.5 top-2.5 h-4 w-4" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "search",
+          placeholder: "Search...",
+          className: "bg-background w-full rounded-lg pl-8 md:w-[200px] lg:w-[336px]",
+          onChange: (e) => {
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(UserAvatorMenus, {})
+  ] });
+};
+export {
+  Header
+};

package/dist/esm/ly--/dash5/index.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export default function Dash5(props: PropsWithChildren): import("react").JSX.Element;

package/dist/esm/ly--/dash5/index.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "mtxuilib/lib/utils";
+import { Dash5Aside } from "./aside";
+import { Header } from "./header";
+function Dash5(props) {
+  const { children } = props;
+  return /* @__PURE__ */ jsxs("div", { className: "bg-muted/40 flex min-h-screen w-full flex-col", children: [
+    /* @__PURE__ */ jsx(Dash5Aside, {}),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-dvh flex-col sm:pl-14", children: [
+      /* @__PURE__ */ jsx(Header, {}),
+      /* @__PURE__ */ jsx("main", { className: cn(
+        "flex h-full min-h-full flex-1"
+      ), children }),
+      /* @__PURE__ */ jsx("div", { className: "bg-slate-50" })
+    ] })
+  ] });
+}
+export {
+  Dash5 as default
+};

package/dist/esm/ly--/front-layout/PageCmds.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function PageCommands(): import("react").JSX.Element;

package/dist/esm/ly--/front-layout/PageCmds.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { debounce } from "lodash";
+import { CommandDialog, CommandEmpty, CommandInput, CommandList, CommandSeparator } from "mtxuilib/ui/command";
+import { useState } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+function PageCommands() {
+  const [open, setOpen] = useState(false);
+  useHotkeys("alt+d", () => {
+    console.log("PageCommands");
+    setOpen((open2) => !open2);
+  }, []);
+  const handleValueChange = (search) => {
+  };
+  return /* @__PURE__ */ jsxs(CommandDialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(CommandInput, { placeholder: "Type a command or search...", onValueChange: debounce(handleValueChange, 500) }),
+    /* @__PURE__ */ jsxs(CommandList, { children: [
+      /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+      /* @__PURE__ */ jsx(CommandSeparator, {})
+    ] })
+  ] });
+}
+export {
+  PageCommands
+};

package/dist/esm/ly--/front-layout/PageSearchCmd.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PageSearchCmd: () => import("react").JSX.Element;