mtxuilib 0.0.760 → 0.0.763

package/package.json

@@ -1,16 +1,14 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.0.760",
+  "version": "0.0.763",
   "publishConfig": {
     "access": "public"
   },
   "type": "module",
-  "main-": "dist/esm/index.js",
-  "module-": "dist/esm/index.js",
-  "types--": "dist/esm/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "typesVersions": {
     "*": {
@@ -25,6 +23,7 @@
     }
   },
   "exports": {
+    "./package.json": "./package.json",
     ".": {
       "types": [
         "./src/index.ts",
@@ -62,16 +61,6 @@
         "./src/*/index.tsx"
       ]
     },
-    "./tailwind": {
-      "import": [
-        "./dist/tailwind.cjs",
-        "./src/tailwind.cjs"
-      ],
-      "require": [
-        "./dist/tailwind.cjs",
-        "./src/tailwind.cjs"
-      ]
-    },
     "./styles/*": {
       "import": [
         "./dist/styles/*",
@@ -84,24 +73,18 @@
     }
   },
   "scripts": {
+    "prepare": "panda codegen",
     "dev": "npx next dev",
+    "build": "bun run tsup --tsconfig=tsconfig.tsup.json",
     "build:watch": "tsup --tsconfig=tsconfig.tsup.json --watch",
-    "dev:old": "tsup --config=tsup.config-old.ts --watch",
-    "build:vite": "node bin/vitebuild.mjs",
-    "build--": "npx rimraf ./dist/ && npx tsup --tsconfig=tsconfig.tsup.json",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "release": "npm version patch && npm publish",
-    "db:push": "pnpm with-env prisma db push --schema=./prisma/schema.prisma",
-    "db-reset": "prisma migrate dev reset",
-    "dx:next": "run-s migrate-dev db-seed && next dev",
     "build:registry": "tsx --tsconfig ./tsconfig.scripts.json ./src/scripts/build-registry.ts"
   },
   "dependencies": {
     "@bufbuild/protobuf": "^1.8.0",
     "@connectrpc/connect": "^1.4.0",
     "@connectrpc/connect-web": "^1.4.0",
-    "@headlessui/react": "^1.7.18",
-    "@hookform/resolvers": "^3.3.2",
+    "@headlessui/react": "^2.0.4",
+    "@hookform/resolvers": "^3.6.0",
     "@radix-ui/react-accessible-icon": "^1.0.3",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.4",
@@ -132,75 +115,73 @@
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-toolbar": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.6",
-    "@tanstack/react-query": "^5.28.14",
-    "@tanstack/react-query-devtools": "^5.28.14",
-    "@tanstack/react-query-next-experimental": "^5.28.14",
-    "@tiptap/core": "^2.2.4",
-    "@tiptap/extension-code-block-lowlight": "^2.2.4",
-    "@tiptap/extension-color": "^2.2.4",
-    "@tiptap/extension-document": "^2.2.4",
-    "@tiptap/extension-dropcursor": "^2.2.4",
-    "@tiptap/extension-highlight": "^2.2.4",
-    "@tiptap/extension-horizontal-rule": "^2.2.4",
-    "@tiptap/extension-image": "^2.2.4",
-    "@tiptap/extension-link": "^2.2.4",
-    "@tiptap/extension-list-item": "^2.2.4",
-    "@tiptap/extension-paragraph": "^2.2.4",
-    "@tiptap/extension-placeholder": "^2.2.4",
-    "@tiptap/extension-task-item": "^2.2.4",
-    "@tiptap/extension-task-list": "^2.2.4",
-    "@tiptap/extension-text": "^2.2.4",
-    "@tiptap/extension-text-style": "^2.2.4",
-    "@tiptap/extension-underline": "^2.2.4",
-    "@tiptap/html": "^2.2.4",
-    "@tiptap/pm": "^2.2.4",
-    "@tiptap/react": "^2.2.4",
-    "@tiptap/starter-kit": "^2.2.4",
-    "@tiptap/suggestion": "^2.2.4",
-    "@trpc/client": "npm:@trpc/client@next",
-    "@trpc/next": "npm:@trpc/next@next",
-    "@trpc/react-query": "npm:@trpc/react-query@next",
-    "@trpc/server": "^11.0.0-next.320",
-    "@upstash/ratelimit": "^0.4.3",
-    "ai": "^2.2.33",
+    "@tanstack/react-query": "^5.45.1",
+    "@tanstack/react-query-devtools": "^5.45.1",
+    "@tanstack/react-query-next-experimental": "^5.45.1",
+    "@tiptap/core": "^2.4.0",
+    "@tiptap/extension-code-block-lowlight": "^2.4.0",
+    "@tiptap/extension-color": "^2.4.0",
+    "@tiptap/extension-document": "^2.4.0",
+    "@tiptap/extension-dropcursor": "^2.4.0",
+    "@tiptap/extension-highlight": "^2.4.0",
+    "@tiptap/extension-horizontal-rule": "^2.4.0",
+    "@tiptap/extension-image": "^2.4.0",
+    "@tiptap/extension-link": "^2.4.0",
+    "@tiptap/extension-list-item": "^2.4.0",
+    "@tiptap/extension-paragraph": "^2.4.0",
+    "@tiptap/extension-placeholder": "^2.4.0",
+    "@tiptap/extension-task-item": "^2.4.0",
+    "@tiptap/extension-task-list": "^2.4.0",
+    "@tiptap/extension-text": "^2.4.0",
+    "@tiptap/extension-text-style": "^2.4.0",
+    "@tiptap/extension-underline": "^2.4.0",
+    "@tiptap/html": "^2.4.0",
+    "@tiptap/pm": "^2.4.0",
+    "@tiptap/react": "^2.4.0",
+    "@tiptap/starter-kit": "^2.4.0",
+    "@tiptap/suggestion": "^2.4.0",
+    "@trpc/client": "^11.0.0-rc.403",
+    "@trpc/react-query": "^11.0.0-rc.403",
+    "@trpc/server": "^11.0.0-rc.403",
+    "@upstash/ratelimit": "^1.1.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
-    "cmdk": "^0.2.1",
+    "cmdk": "0.2.1",
     "compression": "^1.7.4",
     "date-fns": "^3.6.0",
-    "embla-carousel-autoplay": "8.0.0-rc15",
-    "embla-carousel-react": "8.0.0-rc15",
-    "html-react-parser": "^5.1.8",
-    "input-otp": "^1.0.1",
-    "jotai": "^2.8.0",
+    "embla-carousel-autoplay": "^8.1.3",
+    "embla-carousel-react": "^8.1.3",
+    "html-react-parser": "^5.1.10",
+    "input-otp": "^1.2.4",
+    "jotai": "^2.8.1",
     "lodash": "^4.17.21",
     "lodash.template": "^4.5.0",
-    "lru-cache": "^10.2.0",
-    "lucide-react": "^0.344.0",
+    "lru-cache": "^10.2.2",
+    "lucide-react": "^0.381.0",
     "markdown-it": "^14.1.0",
     "markdown-wasm": "^1.2.0",
     "next-contentlayer": "0.3.4",
-    "next-nprogress-bar": "^2.3.4",
+    "next-nprogress-bar": "^2.3.12",
     "next-themes": "^0.3.0",
-    "octokit": "^3.1.2",
-    "openai": "^4.27.0",
-    "path-to-regexp": "6.2.1",
-    "react": "^18.2.0",
+    "node-html-parser": "^6.1.13",
+    "octokit": "^4.0.2",
+    "path-to-regexp": "^6.2.2",
+    "react": "^18.3.1",
     "react-day-picker": "^8.9.1",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-easy-infinite-scroll-hook": "^2.1.4",
     "react-error-boundary": "^4.0.11",
-    "react-hook-form": "^7.49.3",
+    "react-hook-form": "^7.52.0",
     "react-hotkeys-hook": "^4.5.0",
     "react-markdown": "9.0.1",
     "react-moveable": "^0.56.0",
-    "react-resizable-panels": "^1.0.6",
+    "react-resizable-panels": "^2.0.19",
     "react-use": "^17.5.0",
     "recharts": "^2.12.4",
     "rehype-external-links": "^3.0.0",
     "rehype-sanitize": "^6.0.0",
     "remark-gfm": "^4.0.0",
-    "sonner": "^1.4.3",
+    "sonner": "^1.4.41",
     "stable-hash": "^0.0.4",
     "superjson": "^2.2.1",
     "tippy.js": "^6.3.7",
@@ -211,22 +192,21 @@
     "tunnel-rat": "^0.1.2",
     "use-debounce": "^10.0.0",
     "use-resize-observer": "^9.1.0",
-    "vaul": "^0.8.0",
-    "video.js": "^8.9.0",
-    "zod": "^3.22.2"
+    "vaul": "^0.9.1",
+    "video.js": "^8.12.0",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
-    "@bufbuild/buf": "^1.30.0",
+    "@pandacss/dev": "^0.41.0",
+    "@types/jquery": "^3.5.29",
+    "@babel/core": "^7.24.6",
+    "@bufbuild/buf": "^1.32.0",
     "@bufbuild/jest-environment-jsdom": "^0.1.1",
     "@bufbuild/protoc-gen-es": "^1.7.2",
-    "@changesets/cli": "^2.27.1",
+    "@changesets/cli": "^2.27.3",
     "@changesets/get-github-info": "^0.6.0",
-    "@chromatic-com/storybook": "^1.2.18",
-    "@cloudflare/kv-asset-handler": "^0.2.0",
-    "@cloudflare/workers-types": "^4.20240222.0",
-    "@connectrpc/connect": "^1.4.0",
-    "@connectrpc/connect-web": "^1.4.0",
+    "@cloudflare/kv-asset-handler": "^0.3.2",
+    "@cloudflare/workers-types": "^4.20240512.0",
     "@connectrpc/protoc-gen-connect-es": "^1.4.0",
     "@edge-runtime/jest-environment": "^2.3.10",
     "@edge-runtime/jest-expect": "^1.2.0",
@@ -250,42 +230,30 @@
     "@storybook/test-runner": "^0.17.0",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.10",
-    "@tanstack/react-query-devtools": "^5.28.0",
-    "@tanstack/react-table": "^8.9.1",
-    "@testing-library/dom": "^9.3.4",
+    "@tanstack/react-table": "^8.17.3",
+    "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/aws-lambda": "^8.10.136",
-    "@types/babel__core": "^7.20.5",
-    "@types/babel__template": "^7.4.4",
     "@types/jest": "^29.5.8",
-    "@types/lodash": "^4.14.202",
+    "@types/lodash": "^4.17.4",
     "@types/lodash.template": "^4.5.1",
-    "@types/markdown-it": "^13.0.7",
-    "@types/node": "^20.11.25",
+    "@types/markdown-it": "^14.1.1",
+    "@types/node": "^ 20.12.12",
     "@types/nprogress": "^0.2.3",
-    "@types/prismjs": "^1.26.3",
-    "@types/react": "^18.2.64",
-    "@types/react-dom": "^18",
+    "@types/prismjs": "^1.26.4",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.11",
     "@types/serve-static": "^1.15.5",
-    "@types/video.js": "^7.3.56",
+    "@types/video.js": "^7.3.58",
     "@types/webpack-env": "^1.18.0",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "autoprefixer": "^10.4.18",
-    "babel-jest": "^29.7.0",
-    "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^12.0.2",
+    "autoprefixer": "^10.4.19",
     "cross-env": "^7.0.3",
     "css-loader": "^6.10.0",
-    "dotenv": "^16.4.5",
-    "dotenv-cli": "^7.4.1",
-    "esbuild": "^0.19.8",
-    "esbuild-plugin-file-path-extensions": "^2.0.0",
     "eslint": "^8.57.0",
     "eslint-config-next": "^14.1.0",
     "eslint-config-prettier": "latest",
@@ -293,7 +261,6 @@
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "latest",
     "eslint-plugin-next-on-pages": "latest",
-    "eslint-plugin-prettier": "latest",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
@@ -301,28 +268,16 @@
     "eslint-plugin-tailwindcss": "latest",
     "eslint-plugin-testing-library": "latest",
     "eslint-plugin-unused-imports": "latest",
-    "express": "^4.18.2",
     "extract-files": "^13.0.0",
-    "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^7.2.13",
-    "http-server": "^14.1.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-environment-node": "^29.7.0",
-    "jest-puppeteer": "^10.0.1",
-    "jsdom": "^24.0.0",
-    "less": "^4.1.3",
-    "less-loader": "^11.1.0",
     "mini-css-extract-plugin": "^2.7.6",
-    "monaco-editor": "^0.45.0",
-    "next": "^14.2.2",
     "playwright": "^1.28.1",
-    "postcss": "^8.4.37",
+    "postcss": "^8.4.38",
     "postcss-loader": "^6.2.1",
     "postcss-preset-env": "^9.3.0",
-    "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.11",
-    "puppeteer": "^22.4.1",
+    "puppeteer": "^22.10.0",
     "react-refresh": "^0.14.0",
     "react-test-renderer": "^18.2.0",
     "rimraf": "^5.0.5",
@@ -336,21 +291,25 @@
     "tailwind-merge": "^2.2.1",
     "tailwindcss": "^3.4.1",
     "tailwindcss-animate": "^1.0.7",
-    "ts-jest": "^29.0.3",
     "ts-loader": "^9.5.1",
     "ts-node": "^10.9.1",
     "tsc-alias": "^1.8.8",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.6",
-    "vite-plugin-dts": "^3.7.3",
-    "vitest": "^1.3.1",
-    "wait-on": "^7.2.0",
-    "webpack": "^5.89.0",
-    "webpack-cli": "^5.1.4",
-    "wrangler": "^3.47.1"
+    "typescript": "^5.4.5"
   },
   "other": {
-    "geist": "^1.1.0"
+    "jest-puppeteer": "^10.0.1",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4",
+    "openai": "^4.27.0",
+    "ai": "^2.2.33",
+    "file-loader": "^6.2.0",
+    "geist": "^1.1.0",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.0",
+    "vitest": "^1.3.1",
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^3.7.3",
+    "wait-on": "^7.2.0"
   }
 }

package/src/common/DeleteComfirm.tsx

@@ -0,0 +1,103 @@
+"use client";
+import { createContext, useCallback, useContext, useMemo, type PropsWithChildren } from "react";
+import { createStore, useStore, type StateCreator } from "zustand";
+import { immer } from "zustand/middleware/immer";
+import { MtButton } from "../ui-mt/Button";
+import { Dialog, DialogContent, DialogDescription, DialogTitle } from "../ui/dialog";
+type MtxFormProps = {
+  open?: boolean;
+};
+
+type ConfirmCallbackFnType = () => void;
+export interface DeleteConformState extends MtxFormProps {
+  setOpen: (open: boolean) => void;
+
+  confirmCallback?: ConfirmCallbackFnType;
+  setConfirmCallback: (confirmCallback: ConfirmCallbackFnType) => void;
+}
+
+export const createFormSlice: StateCreator<DeleteConformState, [], [], DeleteConformState> = (set, get) => ({
+  setOpen: (open) => set({ open }),
+  setConfirmCallback: (confirmCallback) => set({ confirmCallback }),
+});
+
+const createDeleteConformStore = (initProps?: Partial<MtxFormProps>) => {
+  return createStore<DeleteConformState>()(
+    immer((...a) => ({
+      ...createFormSlice(...a),
+      ...initProps,
+    })),
+  );
+};
+type formStore = ReturnType<typeof createDeleteConformStore>;
+const formContext = createContext<formStore | null>(null);
+
+/** *************************************************************
+ * 删除确认对话框
+ * @param props
+ * @returns
+ ****************************************************************/
+export const DeleteConfirmProvider = (props: PropsWithChildren<MtxFormProps>) => {
+  const { children, ...etc } = props;
+  const mystore = useMemo(() => createDeleteConformStore(etc), [etc]);
+  return (
+    <formContext.Provider value={mystore}>
+      {children}
+      <DeleteConfirmDlg />
+    </formContext.Provider>
+  );
+};
+function useDeleteConfirmStore<T>(selector: (state: DeleteConformState) => T): T {
+  const store = useContext(formContext);
+  if (!store) throw new Error("useDeleteConfirm Missing MtxFormProvider");
+  return useStore(store, selector!);
+}
+
+export const useDeleteConfirm = () => {
+  const setOpen = useDeleteConfirmStore((x) => x.setOpen);
+  const setConfirmCallback = useDeleteConfirmStore((x) => x.setConfirmCallback);
+  const show = useCallback(
+    (props: {
+      callback: () => void;
+    }) => {
+      setConfirmCallback(props.callback);
+      setOpen(true);
+    },
+    [setConfirmCallback, setOpen],
+  );
+  return {
+    show,
+  };
+};
+
+export const DeleteConfirmDlg = () => {
+  const open = useDeleteConfirmStore((x) => x.open);
+  const setOpen = useDeleteConfirmStore((x) => x.setOpen);
+  const confirmCallback = useDeleteConfirmStore((x) => x.confirmCallback);
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent>
+        <DialogTitle>delete confirm</DialogTitle>
+        <DialogDescription>will delete item, continue?</DialogDescription>
+        <MtButton
+          variant={"destructive"}
+          onClick={async () => {
+            setOpen(false);
+            confirmCallback && confirmCallback();
+          }}
+        >
+          Continue
+        </MtButton>
+        <MtButton
+          variant={"outline"}
+          onClick={() => {
+            setOpen(false);
+            confirmCallback && confirmCallback();
+          }}
+        >
+          Cancel
+        </MtButton>
+      </DialogContent>
+    </Dialog>
+  );
+};

package/src/common/FullCenter.tsx

@@ -0,0 +1,14 @@
+"use client"
+
+import { PropsWithChildren } from "react"
+
+/**
+ * 让内容满高满宽， 垂直和横向都居中
+ * @returns
+ */
+export const FullCenter = (props: PropsWithChildren) => {
+  const { children } = props
+  return (<div className="flex h-full w-full items-center justify-center">
+    <div className="flex-1">{children}</div>
+  </div>)
+}

package/src/common/GlobalSearch.tsx

@@ -0,0 +1,43 @@
+"use client";
+import { createContext, useContext, useMemo, type PropsWithChildren } from "react";
+import { createStore, useStore, type StateCreator } from "zustand";
+type GlobalSearchProps = {};
+
+export interface GlobalSearchState extends GlobalSearchProps {
+  q?: string;
+  setQ?: (q: string) => void;
+}
+
+export const createFormSlice: StateCreator<GlobalSearchState, [], [], GlobalSearchState> = (set, get) => ({
+  setQ: (q) => set({ q }),
+});
+
+const createDeleteConformStore = (initProps?: Partial<GlobalSearchProps>) => {
+  return createStore<GlobalSearchState>()((...a) => ({
+    ...createFormSlice(...a),
+    ...initProps,
+  }));
+};
+type formStore = ReturnType<typeof createDeleteConformStore>;
+const formContext = createContext<formStore | null>(null);
+
+/** *************************************************************
+ * 全局关键字搜索，（ TODO: 可以考虑跟 cmdk 集成）
+ * @param props
+ * @returns
+ ****************************************************************/
+export const GlobalSearchProvider = (props: PropsWithChildren<GlobalSearchProps>) => {
+  const { children, ...etc } = props;
+  const mystore = useMemo(() => createDeleteConformStore(etc), [etc]);
+  return (
+    <formContext.Provider value={mystore}>
+      {children}
+      {/* <DeleteConfirmDlg /> */}
+    </formContext.Provider>
+  );
+};
+export function useGlobalSearch<T>(selector: (state: GlobalSearchState) => T): T {
+  const store = useContext(formContext);
+  if (!store) throw new Error("useGlobalSearch Missing GlobalSearchProvider");
+  return useStore(store, selector!);
+}

package/src/common/MtImage.tsx

@@ -0,0 +1,42 @@
+import { isCloudflarePage } from 'mtxlib/utils';
+/**
+ * 封装 基于nextjs 的 <Image> 组件
+ */
+import Image, { ImageLoader } from 'next/image';
+import { ComponentProps } from "react";
+
+const normalizeSrc = (src: string) => {
+  return src.startsWith('/') ? src.slice(1) : src;
+};
+
+const cloudflareLoader: ImageLoader = ({ src, width, quality }) => {
+  const params = [`width=${width}`];
+  if (quality) {
+    params.push(`quality=${quality}`);
+  }
+  const paramsString = params.join(',');
+  return `https://cfgomtm.yuepa8.com/cdn-cgi/image/${paramsString}/${normalizeSrc(src)}`;
+};
+
+const exampleImageLoader: ImageLoader = ({ src, width, quality }) => {
+  return `https://example.com/${src}?w=${width}&q=${quality || 75}`
+}
+
+function getImageLoader() {
+  if (isCloudflarePage()) {
+    return cloudflareLoader
+  } else {
+    exampleImageLoader
+  }
+}
+type Props = ComponentProps<typeof Image>
+export const MtImage = (props: Props) => {
+
+  // const [imageLoader, setImageLoader] = useState(null)
+  // eslint-disable-next-line jsx-a11y/alt-text
+  return <Image
+    {...props}
+    loader={getImageLoader()}
+  // loader={exampleImageLoader}
+  />
+}

package/src/common/MtProgressBar.tsx

@@ -0,0 +1,6 @@
+"use client";
+import { AppProgressBar } from "next-nprogress-bar";
+
+export const MtProgressBar = () => {
+  return <AppProgressBar height="4px" color="#4934eb" options={{ showSpinner: false }} shallowRouting />;
+};

package/src/common/NotFoundGoBack.tsx

@@ -0,0 +1,19 @@
+'use client'
+
+import { useRouter } from "next/navigation"
+import { Button } from "../ui/button"
+
+export const NotFoundGoBack = () => {
+  const router = useRouter()
+  return (<div className="container flex flex-col">
+    <div className="mx-auto p-8">
+      not found
+    </div>
+
+    <Button
+      className="mx-auto p-8"
+      onClick={() => {
+        router.back()
+      }}>Go back</Button>
+  </div>)
+}

package/src/common/SlntTree/Slnt.z.tsx

@@ -0,0 +1,19 @@
+import { z } from "zod";
+const DashMenuTreeItemRouteType = ["default", "list", "detail"] as const;
+
+const slntTreeNodeBaseSchema = z.object({
+  id: z.string(),
+  pid: z.string().optional(),
+  label: z.string().optional(),
+  icon: z.string().optional(),
+  routeName: z.string().optional(),
+  routeType: z.enum(DashMenuTreeItemRouteType).optional(),
+});
+
+export type DashMenuTreeItem = z.infer<typeof slntTreeNodeBaseSchema> & {
+  children?: DashMenuTreeItem[];
+};
+export const treeNodeSchema: z.ZodType<DashMenuTreeItem> =
+  slntTreeNodeBaseSchema.extend({
+    children: z.lazy(() => treeNodeSchema.array()).optional(),
+  });