mtxuilib 0.1.217 → 0.1.219

package/dist/components/ShowError.d.ts

@@ -0,0 +1,6 @@
+export interface ShowErrorProps {
+    error?: any;
+    reset: () => void;
+    variants?: "default" | "card" | "toast";
+}
+export declare const ShowError: (props: ShowErrorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ShowError.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MtButton } from "../ui/mt/Button";
+export const ShowError = (props) => {
+    return (_jsxs("div", { className: "bg-orange-400 p-4 flex items-center justify-center flex-col", children: [_jsx("h3", { children: "\u5185\u90E8\u51FA\u9519" }), _jsx(MtButton, { type: "button", onClick: () => props.reset(), children: "\u91CD\u8BD5" })] }));
+};

package/dist/{common/theme → components}/theme-toggle.d.ts

@@ -1 +1 @@
-export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/theme-toggle.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
+import * as React from "react";
+import { IconMoon, IconSun } from "../icons/icons-ai";
+import { Button } from "../ui/button";
+export function ThemeToggle() {
+    const { setTheme, theme } = useTheme();
+    const [_, startTransition] = React.useTransition();
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    if (!mounted) {
+        return null;
+    }
+    return (_jsxs(Button, { variant: "ghost", size: "icon", onClick: () => {
+            startTransition(() => {
+                setTheme(theme === "light" ? "dark" : "light");
+            });
+        }, children: [!theme ? null : theme === "dark" ? (_jsx(IconMoon, { className: "transition-all" })) : (_jsx(IconSun, { className: "transition-all" })), _jsx("span", { className: "sr-only", children: "Toggle theme" })] }));
+}

package/dist/components/themes/ThemeProvider.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeProviderProps } from "next-themes/dist/types";
+export declare const MtThemeProvider: (props: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/themes/ThemeProvider.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+export const MtThemeProvider = (props) => {
+    return (_jsx(NextThemesProvider, { attribute: "class", defaultTheme: "system", enableSystem: true, disableTransitionOnChange: true, ...props, children: props.children }));
+};

package/dist/components/themes/theme-toggle.d.ts

@@ -0,0 +1 @@
+export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element | null;

package/dist/{common/theme → components/themes}/theme-toggle.js

@@ -2,8 +2,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from "lucide-react";
 import { useTheme } from "next-themes";
+import { useEffect, useState } from "react";
 import { Button } from "../../ui/button";
 export function ThemeToggle() {
     const { setTheme, theme } = useTheme();
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    if (!mounted) {
+        return null;
+    }
     return (_jsxs(Button, { variant: "ghost", size: "icon", onClick: () => setTheme(theme === "light" ? "dark" : "light"), children: [_jsx(Sun, { className: "h-6 w-[1.3rem] dark:hidden" }), _jsx(Moon, { className: "hidden h-5 w-5 dark:block" }), _jsx("span", { className: "sr-only", children: "Toggle theme" })] }));
 }

package/dist/components/themes/useTheme.js

@@ -0,0 +1 @@
+"use strict";

package/dist/fonts.d.ts

@@ -0,0 +1,18 @@
+export declare const fontSans: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const fontMono: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const cal: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const crimsonBold: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const inter: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const inconsolataBold: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const crimson: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const inconsolata: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const titleFontMapper: {
+    Default: string;
+    Serif: string;
+    Mono: string;
+};
+export declare const defaultFontMapper: {
+    Default: string;
+    Serif: string;
+    Mono: string;
+};

package/dist/fonts.js

@@ -0,0 +1,46 @@
+import { JetBrains_Mono as FontMono } from "next/font/google";
+import { Crimson_Text, Inconsolata, Inter } from "next/font/google";
+import localFont from "next/font/local";
+import { GeistSans } from "geist/font/sans";
+export const fontSans = GeistSans;
+export const fontMono = FontMono({
+    subsets: ["latin"],
+    variable: "--font-mono",
+});
+export const cal = localFont({
+    src: "./styles/CalSans-SemiBold.otf",
+    variable: "--font-title",
+});
+export const crimsonBold = Crimson_Text({
+    weight: "700",
+    variable: "--font-title",
+    subsets: ["latin"],
+});
+export const inter = Inter({
+    variable: "--font-default",
+    subsets: ["latin"],
+});
+export const inconsolataBold = Inconsolata({
+    weight: "700",
+    variable: "--font-title",
+    subsets: ["latin"],
+});
+export const crimson = Crimson_Text({
+    weight: "400",
+    variable: "--font-default",
+    subsets: ["latin"],
+});
+export const inconsolata = Inconsolata({
+    variable: "--font-default",
+    subsets: ["latin"],
+});
+export const titleFontMapper = {
+    Default: cal.variable,
+    Serif: crimsonBold.variable,
+    Mono: inconsolataBold.variable,
+};
+export const defaultFontMapper = {
+    Default: inter.variable,
+    Serif: crimson.variable,
+    Mono: inconsolata.variable,
+};

package/dist/form/EditFormToolbar.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo, useState } from "react";
 import { useFormContext } from "react-hook-form";
 import { cn } from "../lib/utils";
@@ -18,7 +18,7 @@ export const EditFormToolbar = forwardRef((props, forwardedRef) => {
                 values: form.getValues(),
             });
         }
-    }, [form.formState.errors]);
+    }, [form]);
     if (!form) {
         throw new Error("SubmitButton must be used within a Form or have a form prop");
     }
@@ -28,14 +28,14 @@ export const EditFormToolbar = forwardRef((props, forwardedRef) => {
                                 setOpenConform(true);
                             }
                             else {
-                                onCancel && onCancel();
+                                onCancel?.();
                             }
-                        }, children: "cancel" }), _jsx(MtButton, { form: props.form?.id, type: "submit", disabled: formState.isSubmitting, children: _jsx(_Fragment, { children: formState.isSubmitting ? "Loading" : submitText || "submit" }) }), enableDeleteButton && (_jsx(ConformDeleteBtn, { callback: async () => {
-                            onDelete && onDelete();
-                        }, disabled: form.formState.isSubmitting, variant: "destructive", children: "delete" }))] })), openConform && (_jsx(ComformCancel, { onBack: () => {
+                        }, children: "\u53D6\u6D88" }), _jsx(MtButton, { form: props.form?.id, type: "submit", disabled: formState.isSubmitting, className: "min-w-24", children: formState.isSubmitting ? "Loading" : submitText || "确定" }), enableDeleteButton && (_jsx(ConformDeleteBtn, { callback: async () => {
+                            onDelete?.();
+                        }, disabled: form.formState.isSubmitting, variant: "destructive", children: "\u5220\u9664" }))] })), openConform && (_jsx(ComformCancel, { onBack: () => {
                     setOpenConform(false);
                 }, onContinue: () => {
-                    onCancel && onCancel();
+                    onCancel?.();
                 } }))] }));
 });
 EditFormToolbar.displayName = "EditFormToolbar";

package/dist/hooks/use-can-back.d.ts

@@ -0,0 +1 @@
+export declare function useCanBack(): boolean;

package/dist/hooks/use-can-back.js

@@ -0,0 +1,11 @@
+"use client";
+import { useEffect, useState } from "react";
+export function useCanBack() {
+    const [canGoBack, setCanGoBack] = useState(false);
+    useEffect(() => {
+        if (typeof window !== "undefined") {
+            setCanGoBack(window.history.length > 1);
+        }
+    }, []);
+    return canGoBack;
+}

package/dist/hooks/use-mounted.d.ts

@@ -0,0 +1 @@
+export declare function useMounted(): boolean;

package/dist/hooks/use-mounted.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export function useMounted() {
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    return mounted;
+}

package/dist/hooks/use-router.d.ts

@@ -9,7 +9,7 @@ export declare const useMtRouter: () => {
 export declare const useGo: () => {
     goParent: () => void;
 };
-export declare const useMtSearchParams: () => {
+export declare const useMtSearchs: () => {
     params: {
         [k: string]: string;
     };

package/dist/hooks/use-router.js

@@ -22,29 +22,32 @@ export const useGo = () => {
         goParent,
     };
 };
-export const useMtSearchParams = () => {
+export const useMtSearchs = () => {
     const searchParamsFromNextjs = useSearchParams();
-    const finnalParams = useMemo(() => {
+    const finalParams = useMemo(() => {
         return Object.fromEntries(searchParamsFromNextjs);
     }, [searchParamsFromNextjs]);
     const router = useMtRouter();
     const pathName = usePathname();
     const pushUrl = useDebouncedCallback(router.push, 300);
     const patchSearchs = useCallback((values) => {
-        const params = { ...finnalParams, ...values };
+        const params = { ...finalParams, ...values };
         Object.keys(params).forEach((k) => {
             if (!params[k]) {
                 delete params[k];
             }
         });
-        if (typeof window != "undefined") {
-            pushUrl(`${pathName}?${new URLSearchParams(params).toString()}`);
+        const newSearchString = new URLSearchParams(params).toString();
+        const newUrl = `${pathName}?${newSearchString}`;
+        const currentUrl = `${pathName}?${searchParamsFromNextjs.toString()}`;
+        if (newUrl !== currentUrl) {
+            pushUrl(newUrl);
         }
-    }, [finnalParams, pathName, pushUrl]);
+    }, [finalParams, pathName, searchParamsFromNextjs, pushUrl]);
     return {
-        params: finnalParams,
+        params: finalParams,
         get: (name) => {
-            return finnalParams && finnalParams[name];
+            return finalParams?.[name];
         },
         patchSearchs,
     };

package/dist/hooks/useAgentEventStream.d.ts

@@ -0,0 +1,6 @@
+export interface EventStreamProps {
+    endpoint_url: string;
+    onData: (data: any) => void;
+    onError?: (error: any) => void;
+}
+export declare const useAgentEventStream: (props: EventStreamProps) => null;

package/dist/hooks/useAgentEventStream.js

@@ -0,0 +1,45 @@
+import { useEffect } from "react";
+export const useAgentEventStream = (props) => {
+    const { endpoint_url: apiUrl, onData, onError } = props;
+    useEffect(() => {
+        const controller = new AbortController();
+        const run = async (controller) => {
+            try {
+                const response = await fetch(apiUrl, {
+                    signal: controller.signal,
+                });
+                if (!response.body) {
+                    throw new Error("ReadableStream not supported");
+                }
+                const reader = response.body.getReader();
+                const decoder = new TextDecoder();
+                let done = false;
+                while (!done) {
+                    const { value, done: readerDone } = await reader.read();
+                    done = readerDone;
+                    const line = decoder.decode(value, { stream: true });
+                    if (line?.trim()) {
+                        const strval = decoder.decode(value, { stream: true });
+                        if (strval) {
+                            const colonIndex = strval.indexOf(":");
+                            if (colonIndex > 0) {
+                                const jsonString = strval.slice(colonIndex + 1).trim();
+                                try {
+                                    const parsedItem = JSON.parse(jsonString);
+                                    onData?.(parsedItem);
+                                }
+                                catch (parseError) {
+                                    console.error("Failed to parse item:", parseError);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            catch (error) { }
+        };
+        run(controller);
+        return () => controller.abort();
+    }, [apiUrl, onData]);
+    return null;
+};

package/dist/icons/DotsHorizontalIcon.d.ts

@@ -1 +1,2 @@
 export { DotsHorizontalIcon } from "@radix-ui/react-icons";
+export { DotsVerticalIcon } from "@radix-ui/react-icons";

package/dist/icons/DotsHorizontalIcon.js

@@ -1 +1,2 @@
 export { DotsHorizontalIcon } from "@radix-ui/react-icons";
+export { DotsVerticalIcon } from "@radix-ui/react-icons";

package/dist/icons/DotsVerticalIcon.js

@@ -0,0 +1 @@
+"use strict";

package/dist/icons/icons.d.ts

@@ -1,5 +1,5 @@
 type IconProps = React.HTMLAttributes<SVGElement>;
-import { LucideProps } from "lucide-react";
+import { type LucideProps } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
 export type Icon = LucideIcon;
 export declare const iconVariants: (props?: ({
@@ -7,7 +7,7 @@ export declare const iconVariants: (props?: ({
     size?: "md" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const Icons: {
-    x: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    X: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     add: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     alignCenter: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     alignJustify: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
@@ -27,8 +27,6 @@ export declare const Icons: {
     chevronRight: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     spinner: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     chevronsUpDown: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-    clear: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-    close: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     code: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     codeblock: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     color: import("react").ForwardRefExoticComponent<Omit<LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/icons/icons.js

@@ -21,7 +21,7 @@ const borderNone = (props) => (_jsx("svg", { viewBox: "0 0 24 24", height: "48",
 const borderRight = (props) => (_jsx("svg", { viewBox: "0 0 24 24", height: "48", width: "48", focusable: "false", role: "img", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M13 5a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2h2zm-8 6a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm9 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zM6 3a1 1 0 0 1 0 2 1 1 0 0 0-1 1 1 1 0 0 1-2 0 3 3 0 0 1 3-3zm1 17a1 1 0 0 1-1 1 3 3 0 0 1-3-3 1 1 0 1 1 2 0 1 1 0 0 0 1 1 1 1 0 0 1 1 1zm11 1a1 1 0 1 1 0-2 1 1 0 0 0 1-1V6a1 1 0 0 0-1-1 1 1 0 1 1 0-2 3 3 0 0 1 3 3v12a3 3 0 0 1-3 3z" }) }));
 const borderTop = (props) => (_jsx("svg", { viewBox: "0 0 24 24", height: "48", width: "48", focusable: "false", role: "img", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M3 6a1 1 0 0 0 2 0 1 1 0 0 1 1-1h12a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3zm2 5a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2zm14 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2zm-5 9a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1zm-8 1a1 1 0 1 0 0-2 1 1 0 0 1-1-1 1 1 0 1 0-2 0 3 3 0 0 0 3 3zm11-1a1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 1 0-2 0 1 1 0 0 1-1 1 1 1 0 0 0-1 1z" }) }));
 export const Icons = {
-    x: X,
+    X,
     add: Plus,
     alignCenter: AlignCenter,
     alignJustify: AlignJustify,
@@ -41,8 +41,6 @@ export const Icons = {
     chevronRight: ChevronRight,
     spinner: Loader2,
     chevronsUpDown: ChevronsUpDown,
-    clear: X,
-    close: X,
     code: Code2,
     codeblock: FileCode,
     color: Baseline,

package/dist/lib/clientlib.d.ts

@@ -1,5 +1,5 @@
 export declare function mergeRefs<T>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
 export declare function getCookie(name: string): string | undefined;
-export declare function deleteCookie(name: string): void;
 export declare function deleteAllCookies(): void;
 export declare function setCookie(name: string, value: any): void;
+export declare function deleteCookie(name: string, path?: string, domain?: string): void;

package/dist/lib/clientlib.js

@@ -20,18 +20,22 @@ export function getCookie(name) {
         }
     }
 }
-export function deleteCookie(name) {
-    document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT`;
-}
 export function deleteAllCookies() {
     const cookies = document.cookie.split(";");
     for (let i = 0; i < cookies.length; i++) {
         const cookie = cookies[i];
         const eqPos = cookie.indexOf("=");
         const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
-        document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT`;
+        document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`;
     }
 }
 export function setCookie(name, value) {
     document.cookie = `${name}=${value}`;
 }
+export function deleteCookie(name, path = "/", domain) {
+    let cookieString = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=${path}`;
+    if (domain) {
+        cookieString += `;domain=${domain}`;
+    }
+    document.cookie = cookieString;
+}

package/dist/lib/render.js

@@ -4,18 +4,18 @@ export function flexRender(Comp, props) {
 }
 export function isReactComponent(component) {
     return (isClassComponent(component) ||
-        typeof component === 'function' ||
+        typeof component === "function" ||
         isExoticComponent(component));
 }
 function isClassComponent(component) {
-    return (typeof component === 'function' &&
+    return (typeof component === "function" &&
         (() => {
             const proto = Object.getPrototypeOf(component);
-            return proto.prototype && proto.prototype.isReactComponent;
+            return proto.prototype?.isReactComponent;
         })());
 }
 function isExoticComponent(component) {
-    return (typeof component === 'object' &&
-        typeof component.$$typeof === 'symbol' &&
-        ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description));
+    return (typeof component === "object" &&
+        typeof component.$$typeof === "symbol" &&
+        ["react.memo", "react.forward_ref"].includes(component.$$typeof.description));
 }

package/dist/lib/utils.d.ts

@@ -1,5 +1,6 @@
 import { type ClassValue } from "clsx";
 export declare function cn(...inputs: ClassValue[]): string;
+export declare function newUniqueId(): string;
 export declare function formatDate(input: string | number): string;
 export declare const randomString: (length: number) => string;
 export declare function absoluteUrl(path: string): string;
@@ -36,3 +37,4 @@ export declare enum ResultCode {
     UserLoggedIn = "USER_LOGGED_IN"
 }
 export declare const getMessageFromCode: (resultCode: string) => "Invalid credentials!" | "Invalid submission, please try again!" | "User already exists, please log in!" | "User created, welcome!" | "Something went wrong, please try again!" | "Logged in!" | undefined;
+export declare const copyClipboard: (obj: any) => void;

package/dist/lib/utils.js

@@ -4,6 +4,9 @@ import { twMerge } from "tailwind-merge";
 export function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
+export function newUniqueId() {
+    return randomString(10);
+}
 export function formatDate(input) {
     const date = new Date(input);
     return date.toLocaleDateString("en-US", {
@@ -204,3 +207,10 @@ export const getMessageFromCode = (resultCode) => {
             return "Logged in!";
     }
 };
+export const copyClipboard = (obj) => {
+    if (typeof obj === "object") {
+        navigator.clipboard.writeText(JSON.stringify(obj, null, 2));
+        return;
+    }
+    navigator.clipboard.writeText(obj);
+};

package/dist/styles/globals.css

@@ -134,7 +134,7 @@
 /* vamp 样式开始 ***********************************************************************************************/
 
 @layer utilities {
-  .red-glow {
+  /* .red-glow {
     text-shadow: 0px 0px 8px hsla(352, 98%, 60%, 0.6);
   }
 
@@ -153,14 +153,11 @@
   }
 
   .dropdown {
-    /* backdrop-filter: blur(10px) saturate(190%) contrast(70%) brightness(80%);
-      background-color: rgba(29, 30, 43, 0.498);
-      border: 0.5px solid rgba(82, 82, 111, 0.44); */
     box-shadow: rgb(0 0 0 / 20%) 0px 4px 24px;
     backdrop-filter: blur(20px) saturate(190%) contrast(70%) brightness(80%);
     background-color: rgba(29, 30, 43, 0.498);
     border: 0.5px solid rgba(82, 82, 111, 0.44);
-  }
+  } */
 }
 
 /* clears the ‘X’ from Internet Explorer */
@@ -182,18 +179,18 @@ input[type="search"]::-webkit-search-results-decoration {
   display: none;
 }
 
-.is-editor-empty {
+/* .is-editor-empty {
   @apply text-white;
-}
+} */
 
-.ProseMirror p.is-editor-empty:first-child::before {
+/* .ProseMirror p.is-editor-empty:first-child::before {
   color: #adb5bd;
   content: attr(data-placeholder);
   float: left;
   height: 0;
   opacity: 0.3;
   pointer-events: none;
-}
+} */
 
 ::-webkit-scrollbar {
   width: 8px;
@@ -211,9 +208,9 @@ input[type="search"]::-webkit-search-results-decoration {
   background-color: transparent;
 }
 
-mux-player {
+/* mux-player {
   --controls: none;
   --media-object-fit: cover;
   height: 100%;
-}
+} */
 /* vamp 结束 ***********************************************************************************************/

package/dist/ui/mt/NavTag.js

@@ -4,7 +4,6 @@ import { ChevronLeft } from "lucide-react";
 import { urlJoinPaths } from "mtxlib/http/url";
 import { usePathname, useSelectedLayoutSegment, useSelectedLayoutSegments, } from "next/navigation";
 import { useGo } from "../../hooks/use-router";
-import { useLayoutPath } from "../../hooks/useLayoutPath";
 import { cn } from "../../lib/utils";
 import { MtButton } from "./Button";
 import { MtLink } from "./mtlink";
@@ -12,13 +11,12 @@ export const NavTabs = ({ items, enableGobackBtn }) => {
     const segment = useSelectedLayoutSegment();
     const segments = useSelectedLayoutSegments();
     const pathname = usePathname();
-    const segmentsPaths = urlJoinPaths(...segments);
-    const layoutBasePath = useLayoutPath();
+    const seg = useSelectedLayoutSegment();
     const go = useGo();
     return (_jsxs("div", { className: "flex", children: [enableGobackBtn && (_jsx(MtButton, { variant: "ghost", onClick: () => {
                     go.goParent();
                 }, children: _jsx(ChevronLeft, { className: "mr-2 size-4" }) })), items?.map((item, i) => {
-                const href = `${urlJoinPaths(layoutBasePath, item.routeName)}`;
+                const href = `${urlJoinPaths(seg || "", item.routeName)}`;
                 return (_jsx(TabItem, { activate: (segment || "") === item.routeName, children: _jsx(MtLink, { href: href, children: item.label }) }, i));
             })] }));
 };

package/dist/ui/mt/ScreenPanel.d.ts

@@ -1,4 +1,6 @@
-import { type PropsWithChildren } from "react";
-export declare const ScreenPanel: (props: {
+import { type ComponentProps, type PropsWithChildren } from "react";
+import type { Dialog } from "../dialog";
+export interface ScreenPanelProps extends ComponentProps<typeof Dialog> {
     className?: string;
-} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+}
+export declare const ScreenPanel: (props: PropsWithChildren<ScreenPanelProps>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/mt/ScreenPanel.js

@@ -1,9 +1,18 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, } from "react";
 import { cn } from "../../lib/utils";
+import { MtButton } from "./Button";
 export const ScreenPanel = (props) => {
-    const { className, children } = props;
+    const { className, children, open, onOpenChange } = props;
     const scrollRef = useRef(null);
-    return (_jsx("div", { ref: scrollRef, className: cn("fixed left-0 top-0 z-30 mx-auto max-h-full min-h-full w-full overflow-auto ", "bg-background/95 supports-[backdrop-filter]:bg-background/60 backdrop-blur", className), children: _jsx("div", { className: cn("relative mx-auto p-2 md:p-4 lg:p-6"), children: children }) }));
+    if (!open) {
+        return null;
+    }
+    useEffect(() => {
+        document.body.style.overflow = open ? "auto" : "hidden";
+    }, [open]);
+    return (_jsxs("div", { ref: scrollRef, className: cn("fixed left-0 top-0 z-30 mx-auto max-h-full min-h-full w-full overflow-auto ", "bg-background/95 supports-[backdrop-filter]:bg-background/60 backdrop-blur", className), children: [onOpenChange && (_jsx("div", { className: "flex justify-end gap-2", children: _jsx(MtButton, { variant: "ghost", onClick: () => {
+                        onOpenChange(false);
+                    }, children: "X" }) })), _jsx("div", { className: cn("relative mx-auto p-2 md:p-4 lg:p-6"), children: children })] }));
 };

package/dist/ui/mt/skeleton/SkeletonLayout.d.ts

@@ -1 +1,7 @@
-export declare const SkeletonLayout: () => import("react/jsx-runtime").JSX.Element;
+import type { PropsWithChildren } from "react";
+export type SkeletonLayoutProps = {
+    forceFullScreen?: boolean;
+    className?: string;
+    text?: string;
+};
+export declare const SkeletonLayout: ({ forceFullScreen, className, text, children, }: PropsWithChildren<SkeletonLayoutProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/mt/skeleton/SkeletonLayout.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton } from "../../skeleton";
-export const SkeletonLayout = () => {
-    return (_jsxs("div", { className: "mx-auto flex h-full min-h-24 w-full flex-col items-center justify-center bg-blue-50 p-8", children: [_jsx(Skeleton, { className: "h-full w-full rounded-md border px-3 py-1 shadow-sm" }), _jsx("div", { className: "w-full flex-1 text-center", children: "loading layout" })] }));
+import { cn } from "../../../lib/utils";
+export const SkeletonLayout = ({ forceFullScreen, className, text, children, }) => {
+    return (_jsxs("div", { className: cn("flex flex-col items-center justify-center  p-8", forceFullScreen ? "fixed inset-0 z-50" : "min-h-screen", className), children: [_jsx("div", { className: "relative", children: children && _jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: children }) }), text && _jsx("div", { className: "mt-4 text-center text-gray-700", children: text })] }));
 };

package/dist/ui/mt/skeleton/SkeletonLoading.d.ts

@@ -1,3 +1 @@
-import { type PropsWithChildren } from "react";
 export declare function SkeletonLoading(): import("react/jsx-runtime").JSX.Element;
-export declare function SuspenseWithLoading(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;