mtxuilib 0.1.569 → 0.1.577

package/dist/common/tiptap/examples/Demo-Default.js

@@ -49,35 +49,35 @@ const extensions = [
         },
     }),
 ];
-const content = `
-<h2>
-  Hi there,
-</h2>
-<p>
-  this is a <em>basic</em> example of <strong>tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
-</p>
-<ul>
-  <li>
-    That’s a bullet list with one …
-  </li>
-  <li>
-    … or two list items.
-  </li>
-</ul>
-<p>
-  Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
-</p>
-<pre><code class="language-css">body {
-display: none;
-}</code></pre>
-<p>
-  I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
-</p>
-<blockquote>
-  Wow, that’s amazing. Good work, boy! 👏
-  <br />
-  — Mom
-</blockquote>
+const content = `
+<h2>
+  Hi there,
+</h2>
+<p>
+  this is a <em>basic</em> example of <strong>tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+</p>
+<ul>
+  <li>
+    That’s a bullet list with one …
+  </li>
+  <li>
+    … or two list items.
+  </li>
+</ul>
+<p>
+  Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
+</p>
+<pre><code class="language-css">body {
+display: none;
+}</code></pre>
+<p>
+  I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+</p>
+<blockquote>
+  Wow, that’s amazing. Good work, boy! 👏
+  <br />
+  — Mom
+</blockquote>
 `;
 export default function TiptapDemo1() {
     return (_jsx(EditorProvider, { slotBefore: _jsx(MenuBar, {}), extensions: extensions, content: content, children: _jsx(_Fragment, {}) }));

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

@@ -1 +1,3 @@
+import * as React from "react";
 export declare function useMounted(): boolean;
+export declare function useMountedEffect(effect: React.EffectCallback): void;

package/dist/hooks/use-mounted.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { useEffect } from "react";
 export function useMounted() {
     const [mounted, setMounted] = React.useState(false);
     React.useEffect(() => {
@@ -6,3 +7,7 @@ export function useMounted() {
     }, []);
     return mounted;
 }
+export function useMountedEffect(effect) {
+    const mounted = useMounted();
+    useEffect(effect, [mounted]);
+}

package/dist/hooks/useLeaveConfirm.d.ts

@@ -0,0 +1 @@
+export declare const useLeaveConfirm: (shouldPreventLeave: boolean) => void;

package/dist/hooks/useLeaveConfirm.js

@@ -0,0 +1,26 @@
+"use client";
+import { useEffect } from "react";
+export const useLeaveConfirm = (shouldPreventLeave) => {
+    useEffect(() => {
+        const handleWindowClose = (e) => {
+            if (!shouldPreventLeave)
+                return;
+            e.preventDefault();
+            return (e.returnValue = "");
+        };
+        const handleBrowseAway = () => {
+            if (!shouldPreventLeave)
+                return;
+            if (window.confirm("You have unsaved changes. Are you sure you want to leave?")) {
+                return;
+            }
+            throw new Error("Route change was aborted");
+        };
+        window.addEventListener("beforeunload", handleWindowClose);
+        window.addEventListener("popstate", handleBrowseAway);
+        return () => {
+            window.removeEventListener("beforeunload", handleWindowClose);
+            window.removeEventListener("popstate", handleBrowseAway);
+        };
+    }, [shouldPreventLeave]);
+};

package/dist/icons/icons-ai.d.ts

@@ -1,31 +1,31 @@
-import * as React from 'react';
-declare function IconNextChat({ className, inverted, ...props }: React.ComponentProps<'svg'> & {
+import * as React from "react";
+declare function IconNextChat({ className, inverted, ...props }: React.ComponentProps<"svg"> & {
     inverted?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-declare function IconOpenAI({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconVercel({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconGitHub({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconSeparator({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconArrowDown({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconArrowRight({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconUser({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconPlus({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconArrowElbow({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconSpinner({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconMessage({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconTrash({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconRefresh({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconStop({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconSidebar({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconMoon({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconSun({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconCopy({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconCheck({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconDownload({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconClose({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconEdit({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconShare({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconUsers({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconExternalLink({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-declare function IconChevronUpDown({ className, ...props }: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
-export { IconEdit, IconNextChat, IconOpenAI, IconVercel, IconGitHub, IconSeparator, IconArrowDown, IconArrowRight, IconUser, IconPlus, IconArrowElbow, IconSpinner, IconMessage, IconTrash, IconRefresh, IconStop, IconSidebar, IconMoon, IconSun, IconCopy, IconCheck, IconDownload, IconClose, IconShare, IconUsers, IconExternalLink, IconChevronUpDown };
+declare function IconOpenAI({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconVercel({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconGitHub({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconSeparator({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconArrowDown({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconArrowRight({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconUser({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconPlus({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconArrowElbow({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconSpinner({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconMessage({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconTrash({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconRefresh({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconStop({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconSidebar({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconMoon({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconSun({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconCopy({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconCheck({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconDownload({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconClose({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconEdit({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconShare({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconUsers({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconExternalLink({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+declare function IconChevronUpDown({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+export { IconEdit, IconNextChat, IconOpenAI, IconVercel, IconGitHub, IconSeparator, IconArrowDown, IconArrowRight, IconUser, IconPlus, IconArrowElbow, IconSpinner, IconMessage, IconTrash, IconRefresh, IconStop, IconSidebar, IconMoon, IconSun, IconCopy, IconCheck, IconDownload, IconClose, IconShare, IconUsers, IconExternalLink, IconChevronUpDown, };

package/dist/icons/icons-ai.js

@@ -1,87 +1,87 @@
-'use client';
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../lib/utils';
+import * as React from "react";
+import { cn } from "../lib/utils";
 function IconNextChat({ className, inverted, ...props }) {
     const id = React.useId();
-    return (_jsxs("svg", { viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn('size-4', className), ...props, children: [_jsxs("defs", { children: [_jsxs("linearGradient", { id: `gradient-${id}-1`, x1: "10.6889", y1: "10.3556", x2: "13.8445", y2: "14.2667", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: inverted ? 'white' : 'black' }), _jsx("stop", { offset: 1, stopColor: inverted ? 'white' : 'black', stopOpacity: 0 })] }), _jsxs("linearGradient", { id: `gradient-${id}-2`, x1: "11.7555", y1: "4.8", x2: "11.7376", y2: "9.50002", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: inverted ? 'white' : 'black' }), _jsx("stop", { offset: 1, stopColor: inverted ? 'white' : 'black', stopOpacity: 0 })] })] }), _jsx("path", { d: "M1 16L2.58314 11.2506C1.83084 9.74642 1.63835 8.02363 2.04013 6.39052C2.4419 4.75741 3.41171 3.32057 4.776 2.33712C6.1403 1.35367 7.81003 0.887808 9.4864 1.02289C11.1628 1.15798 12.7364 1.8852 13.9256 3.07442C15.1148 4.26363 15.842 5.83723 15.9771 7.5136C16.1122 9.18997 15.6463 10.8597 14.6629 12.224C13.6794 13.5883 12.2426 14.5581 10.6095 14.9599C8.97637 15.3616 7.25358 15.1692 5.74942 14.4169L1 16Z", fill: inverted ? 'black' : 'white', stroke: inverted ? 'black' : 'white', strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("mask", { id: "mask0_91_2047", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: 1, y: 0, width: 16, height: 16, children: _jsx("circle", { cx: 9, cy: 8, r: 8, fill: inverted ? 'black' : 'white' }) }), _jsxs("g", { mask: "url(#mask0_91_2047)", children: [_jsx("circle", { cx: 9, cy: 8, r: 8, fill: inverted ? 'black' : 'white' }), _jsx("path", { d: "M14.2896 14.0018L7.146 4.8H5.80005V11.1973H6.87681V6.16743L13.4444 14.6529C13.7407 14.4545 14.0231 14.2369 14.2896 14.0018Z", fill: `url(#gradient-${id}-1)` }), _jsx("rect", { x: "11.2222", y: "4.8", width: "1.06667", height: "6.4", fill: `url(#gradient-${id}-2)` })] })] }));
+    return (_jsxs("svg", { viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn("size-4", className), ...props, children: [_jsxs("defs", { children: [_jsxs("linearGradient", { id: `gradient-${id}-1`, x1: "10.6889", y1: "10.3556", x2: "13.8445", y2: "14.2667", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: inverted ? "white" : "black" }), _jsx("stop", { offset: 1, stopColor: inverted ? "white" : "black", stopOpacity: 0 })] }), _jsxs("linearGradient", { id: `gradient-${id}-2`, x1: "11.7555", y1: "4.8", x2: "11.7376", y2: "9.50002", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: inverted ? "white" : "black" }), _jsx("stop", { offset: 1, stopColor: inverted ? "white" : "black", stopOpacity: 0 })] })] }), _jsx("path", { d: "M1 16L2.58314 11.2506C1.83084 9.74642 1.63835 8.02363 2.04013 6.39052C2.4419 4.75741 3.41171 3.32057 4.776 2.33712C6.1403 1.35367 7.81003 0.887808 9.4864 1.02289C11.1628 1.15798 12.7364 1.8852 13.9256 3.07442C15.1148 4.26363 15.842 5.83723 15.9771 7.5136C16.1122 9.18997 15.6463 10.8597 14.6629 12.224C13.6794 13.5883 12.2426 14.5581 10.6095 14.9599C8.97637 15.3616 7.25358 15.1692 5.74942 14.4169L1 16Z", fill: inverted ? "black" : "white", stroke: inverted ? "black" : "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("mask", { id: "mask0_91_2047", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: 1, y: 0, width: 16, height: 16, children: _jsx("circle", { cx: 9, cy: 8, r: 8, fill: inverted ? "black" : "white" }) }), _jsxs("g", { mask: "url(#mask0_91_2047)", children: [_jsx("circle", { cx: 9, cy: 8, r: 8, fill: inverted ? "black" : "white" }), _jsx("path", { d: "M14.2896 14.0018L7.146 4.8H5.80005V11.1973H6.87681V6.16743L13.4444 14.6529C13.7407 14.4545 14.0231 14.2369 14.2896 14.0018Z", fill: `url(#gradient-${id}-1)` }), _jsx("rect", { x: "11.2222", y: "4.8", width: "1.06667", height: "6.4", fill: `url(#gradient-${id}-2)` })] })] }));
 }
 function IconOpenAI({ className, ...props }) {
-    return (_jsxs("svg", { fill: "currentColor", viewBox: "0 0 24 24", role: "img", xmlns: "http://www.w3.org/2000/svg", className: cn('size-4', className), ...props, children: [_jsx("title", { children: "OpenAI icon" }), _jsx("path", { d: "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" })] }));
+    return (_jsxs("svg", { fill: "currentColor", viewBox: "0 0 24 24", role: "img", xmlns: "http://www.w3.org/2000/svg", className: cn("size-4", className), ...props, children: [_jsx("title", { children: "OpenAI icon" }), _jsx("path", { d: "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" })] }));
 }
 function IconVercel({ className, ...props }) {
-    return (_jsx("svg", { "aria-label": "Vercel logomark", role: "img", viewBox: "0 0 74 64", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z", fill: "currentColor" }) }));
+    return (_jsx("svg", { "aria-label": "Vercel logomark", role: "img", viewBox: "0 0 74 64", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z", fill: "currentColor" }) }));
 }
 function IconGitHub({ className, ...props }) {
-    return (_jsxs("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn('size-4', className), ...props, children: [_jsx("title", { children: "GitHub" }), _jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })] }));
+    return (_jsxs("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn("size-4", className), ...props, children: [_jsx("title", { children: "GitHub" }), _jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })] }));
 }
 function IconSeparator({ className, ...props }) {
-    return (_jsx("svg", { fill: "none", shapeRendering: "geometricPrecision", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1", viewBox: "0 0 24 24", "aria-hidden": "true", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M16.88 3.549L7.12 20.451" }) }));
+    return (_jsx("svg", { fill: "none", shapeRendering: "geometricPrecision", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1", viewBox: "0 0 24 24", "aria-hidden": "true", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M16.88 3.549L7.12 20.451" }) }));
 }
 function IconArrowDown({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "m205.66 149.66-72 72a8 8 0 0 1-11.32 0l-72-72a8 8 0 0 1 11.32-11.32L120 196.69V40a8 8 0 0 1 16 0v156.69l58.34-58.35a8 8 0 0 1 11.32 11.32Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "m205.66 149.66-72 72a8 8 0 0 1-11.32 0l-72-72a8 8 0 0 1 11.32-11.32L120 196.69V40a8 8 0 0 1 16 0v156.69l58.34-58.35a8 8 0 0 1 11.32 11.32Z" }) }));
 }
 function IconArrowRight({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "m221.66 133.66-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "m221.66 133.66-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32Z" }) }));
 }
 function IconUser({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M230.92 212c-15.23-26.33-38.7-45.21-66.09-54.16a72 72 0 1 0-73.66 0c-27.39 8.94-50.86 27.82-66.09 54.16a8 8 0 1 0 13.85 8c18.84-32.56 52.14-52 89.07-52s70.23 19.44 89.07 52a8 8 0 1 0 13.85-8ZM72 96a56 56 0 1 1 56 56 56.06 56.06 0 0 1-56-56Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M230.92 212c-15.23-26.33-38.7-45.21-66.09-54.16a72 72 0 1 0-73.66 0c-27.39 8.94-50.86 27.82-66.09 54.16a8 8 0 1 0 13.85 8c18.84-32.56 52.14-52 89.07-52s70.23 19.44 89.07 52a8 8 0 1 0 13.85-8ZM72 96a56 56 0 1 1 56 56 56.06 56.06 0 0 1-56-56Z" }) }));
 }
 function IconPlus({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8Z" }) }));
 }
 function IconArrowElbow({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M200 32v144a8 8 0 0 1-8 8H67.31l34.35 34.34a8 8 0 0 1-11.32 11.32l-48-48a8 8 0 0 1 0-11.32l48-48a8 8 0 0 1 11.32 11.32L67.31 168H184V32a8 8 0 0 1 16 0Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M200 32v144a8 8 0 0 1-8 8H67.31l34.35 34.34a8 8 0 0 1-11.32 11.32l-48-48a8 8 0 0 1 0-11.32l48-48a8 8 0 0 1 11.32 11.32L67.31 168H184V32a8 8 0 0 1 16 0Z" }) }));
 }
 function IconSpinner({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4 animate-spin', className), ...props, children: _jsx("path", { d: "M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4 animate-spin", className), ...props, children: _jsx("path", { d: "M232 128a104 104 0 0 1-208 0c0-41 23.81-78.36 60.66-95.27a8 8 0 0 1 6.68 14.54C60.15 61.59 40 93.27 40 128a88 88 0 0 0 176 0c0-34.73-20.15-66.41-51.34-80.73a8 8 0 0 1 6.68-14.54C208.19 49.64 232 87 232 128Z" }) }));
 }
 function IconMessage({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M216 48H40a16 16 0 0 0-16 16v160a15.84 15.84 0 0 0 9.25 14.5A16.05 16.05 0 0 0 40 240a15.89 15.89 0 0 0 10.25-3.78.69.69 0 0 0 .13-.11L82.5 208H216a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16ZM40 224Zm176-32H82.5a16 16 0 0 0-10.3 3.75l-.12.11L40 224V64h176Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M216 48H40a16 16 0 0 0-16 16v160a15.84 15.84 0 0 0 9.25 14.5A16.05 16.05 0 0 0 40 240a15.89 15.89 0 0 0 10.25-3.78.69.69 0 0 0 .13-.11L82.5 208H216a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16ZM40 224Zm176-32H82.5a16 16 0 0 0-10.3 3.75l-.12.11L40 224V64h176Z" }) }));
 }
 function IconTrash({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16ZM96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16ZM96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Z" }) }));
 }
 function IconRefresh({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M197.67 186.37a8 8 0 0 1 0 11.29C196.58 198.73 170.82 224 128 224c-37.39 0-64.53-22.4-80-39.85V208a8 8 0 0 1-16 0v-48a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16H55.44C67.76 183.35 93 208 128 208c36 0 58.14-21.46 58.36-21.68a8 8 0 0 1 11.31.05ZM216 40a8 8 0 0 0-8 8v23.85C192.53 54.4 165.39 32 128 32c-42.82 0-68.58 25.27-69.66 26.34a8 8 0 0 0 11.3 11.34C69.86 69.46 92 48 128 48c35 0 60.24 24.65 72.56 40H168a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M197.67 186.37a8 8 0 0 1 0 11.29C196.58 198.73 170.82 224 128 224c-37.39 0-64.53-22.4-80-39.85V208a8 8 0 0 1-16 0v-48a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16H55.44C67.76 183.35 93 208 128 208c36 0 58.14-21.46 58.36-21.68a8 8 0 0 1 11.31.05ZM216 40a8 8 0 0 0-8 8v23.85C192.53 54.4 165.39 32 128 32c-42.82 0-68.58 25.27-69.66 26.34a8 8 0 0 0 11.3 11.34C69.86 69.46 92 48 128 48c35 0 60.24 24.65 72.56 40H168a8 8 0 0 0 0 16h48a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8Z" }) }));
 }
 function IconStop({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm24-120h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8Zm-8 48h-32v-32h32Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm24-120h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8Zm-8 48h-32v-32h32Z" }) }));
 }
 function IconSidebar({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16ZM40 56h40v144H40Zm176 144H96V56h120v144Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16ZM40 56h40v144H40Zm176 144H96V56h120v144Z" }) }));
 }
 function IconMoon({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M233.54 142.23a8 8 0 0 0-8-2 88.08 88.08 0 0 1-109.8-109.8 8 8 0 0 0-10-10 104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.09 103.09 0 0 0 62.52-20.88 104.84 104.84 0 0 0 37-52.91 8 8 0 0 0-1.98-7.98Zm-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104 106 106 0 0 0 14.92-1.06 89 89 0 0 1-26.02 31.4Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M233.54 142.23a8 8 0 0 0-8-2 88.08 88.08 0 0 1-109.8-109.8 8 8 0 0 0-10-10 104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.09 103.09 0 0 0 62.52-20.88 104.84 104.84 0 0 0 37-52.91 8 8 0 0 0-1.98-7.98Zm-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104 106 106 0 0 0 14.92-1.06 89 89 0 0 1-26.02 31.4Z" }) }));
 }
 function IconSun({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0Zm72 88a64 64 0 1 1-64-64 64.07 64.07 0 0 1 64 64Zm-16 0a48 48 0 1 0-48 48 48.05 48.05 0 0 0 48-48ZM58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32ZM192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72Zm5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8Zm80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8Zm112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M120 40V16a8 8 0 0 1 16 0v24a8 8 0 0 1-16 0Zm72 88a64 64 0 1 1-64-64 64.07 64.07 0 0 1 64 64Zm-16 0a48 48 0 1 0-48 48 48.05 48.05 0 0 0 48-48ZM58.34 69.66a8 8 0 0 0 11.32-11.32l-16-16a8 8 0 0 0-11.32 11.32Zm0 116.68-16 16a8 8 0 0 0 11.32 11.32l16-16a8 8 0 0 0-11.32-11.32ZM192 72a8 8 0 0 0 5.66-2.34l16-16a8 8 0 0 0-11.32-11.32l-16 16A8 8 0 0 0 192 72Zm5.66 114.34a8 8 0 0 0-11.32 11.32l16 16a8 8 0 0 0 11.32-11.32ZM48 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8Zm80 80a8 8 0 0 0-8 8v24a8 8 0 0 0 16 0v-24a8 8 0 0 0-8-8Zm112-88h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16Z" }) }));
 }
 function IconCopy({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z" }) }));
 }
 function IconCheck({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z" }) }));
 }
 function IconDownload({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z" }) }));
 }
 function IconClose({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { d: "M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { d: "M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z" }) }));
 }
 function IconEdit({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: cn('size-4', className), ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: cn("size-4", className), ...props, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }));
 }
 function IconShare({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn('size-4', className), viewBox: "0 0 256 256", ...props, children: _jsx("path", { d: "m237.66 106.35-80-80A8 8 0 0 0 144 32v40.35c-25.94 2.22-54.59 14.92-78.16 34.91-28.38 24.08-46.05 55.11-49.76 87.37a12 12 0 0 0 20.68 9.58c11-11.71 50.14-48.74 107.24-52V192a8 8 0 0 0 13.66 5.65l80-80a8 8 0 0 0 0-11.3ZM160 172.69V144a8 8 0 0 0-8-8c-28.08 0-55.43 7.33-81.29 21.8a196.17 196.17 0 0 0-36.57 26.52c5.8-23.84 20.42-46.51 42.05-64.86C99.41 99.77 127.75 88 152 88a8 8 0 0 0 8-8V51.32L220.69 112Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn("size-4", className), viewBox: "0 0 256 256", ...props, children: _jsx("path", { d: "m237.66 106.35-80-80A8 8 0 0 0 144 32v40.35c-25.94 2.22-54.59 14.92-78.16 34.91-28.38 24.08-46.05 55.11-49.76 87.37a12 12 0 0 0 20.68 9.58c11-11.71 50.14-48.74 107.24-52V192a8 8 0 0 0 13.66 5.65l80-80a8 8 0 0 0 0-11.3ZM160 172.69V144a8 8 0 0 0-8-8c-28.08 0-55.43 7.33-81.29 21.8a196.17 196.17 0 0 0-36.57 26.52c5.8-23.84 20.42-46.51 42.05-64.86C99.41 99.77 127.75 88 152 88a8 8 0 0 0 8-8V51.32L220.69 112Z" }) }));
 }
 function IconUsers({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn('size-4', className), viewBox: "0 0 256 256", ...props, children: _jsx("path", { d: "M117.25 157.92a60 60 0 1 0-66.5 0 95.83 95.83 0 0 0-47.22 37.71 8 8 0 1 0 13.4 8.74 80 80 0 0 1 134.14 0 8 8 0 0 0 13.4-8.74 95.83 95.83 0 0 0-47.22-37.71ZM40 108a44 44 0 1 1 44 44 44.05 44.05 0 0 1-44-44Zm210.14 98.7a8 8 0 0 1-11.07-2.33A79.83 79.83 0 0 0 172 168a8 8 0 0 1 0-16 44 44 0 1 0-16.34-84.87 8 8 0 1 1-5.94-14.85 60 60 0 0 1 55.53 105.64 95.83 95.83 0 0 1 47.22 37.71 8 8 0 0 1-2.33 11.07Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn("size-4", className), viewBox: "0 0 256 256", ...props, children: _jsx("path", { d: "M117.25 157.92a60 60 0 1 0-66.5 0 95.83 95.83 0 0 0-47.22 37.71 8 8 0 1 0 13.4 8.74 80 80 0 0 1 134.14 0 8 8 0 0 0 13.4-8.74 95.83 95.83 0 0 0-47.22-37.71ZM40 108a44 44 0 1 1 44 44 44.05 44.05 0 0 1-44-44Zm210.14 98.7a8 8 0 0 1-11.07-2.33A79.83 79.83 0 0 0 172 168a8 8 0 0 1 0-16 44 44 0 1 0-16.34-84.87 8 8 0 1 1-5.94-14.85 60 60 0 0 1 55.53 105.64 95.83 95.83 0 0 1 47.22 37.71 8 8 0 0 1-2.33 11.07Z" }) }));
 }
 function IconExternalLink({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn('size-4', className), viewBox: "0 0 256 256", ...props, children: _jsx("path", { d: "M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn("size-4", className), viewBox: "0 0 256 256", ...props, children: _jsx("path", { d: "M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8Z" }) }));
 }
 function IconChevronUpDown({ className, ...props }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn('size-4', className), viewBox: "0 0 256 256", ...props, children: _jsx("path", { d: "M181.66 170.34a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32 0l-48-48a8 8 0 0 1 11.32-11.32L128 212.69l42.34-42.35a8 8 0 0 1 11.32 0Zm-96-84.68L128 43.31l42.34 42.35a8 8 0 0 0 11.32-11.32l-48-48a8 8 0 0 0-11.32 0l-48 48a8 8 0 0 0 11.32 11.32Z" }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: cn("size-4", className), viewBox: "0 0 256 256", ...props, children: _jsx("path", { d: "M181.66 170.34a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32 0l-48-48a8 8 0 0 1 11.32-11.32L128 212.69l42.34-42.35a8 8 0 0 1 11.32 0Zm-96-84.68L128 43.31l42.34 42.35a8 8 0 0 0 11.32-11.32l-48-48a8 8 0 0 0-11.32 0l-48 48a8 8 0 0 0 11.32 11.32Z" }) }));
 }
-export { IconEdit, IconNextChat, IconOpenAI, IconVercel, IconGitHub, IconSeparator, IconArrowDown, IconArrowRight, IconUser, IconPlus, IconArrowElbow, IconSpinner, IconMessage, IconTrash, IconRefresh, IconStop, IconSidebar, IconMoon, IconSun, IconCopy, IconCheck, IconDownload, IconClose, IconShare, IconUsers, IconExternalLink, IconChevronUpDown };
+export { IconEdit, IconNextChat, IconOpenAI, IconVercel, IconGitHub, IconSeparator, IconArrowDown, IconArrowRight, IconUser, IconPlus, IconArrowElbow, IconSpinner, IconMessage, IconTrash, IconRefresh, IconStop, IconSidebar, IconMoon, IconSun, IconCopy, IconCheck, IconDownload, IconClose, IconShare, IconUsers, IconExternalLink, IconChevronUpDown, };

package/dist/layouts/dash/DashLayout.d.ts

@@ -0,0 +1,3 @@
+export declare const DashLayout: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/layouts/dash/DashLayout.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "mtxuilib/lib/utils";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from "mtxuilib/ui/resizable";
+const defaultLayout = [20, 32, 48];
+export const DashLayout = ({ children }) => {
+    return (_jsx("div", { className: "flex flex-col min-h-screen h-full", children: _jsxs(ResizablePanelGroup, { direction: "horizontal", onLayout: (sizes) => {
+                document.cookie = `react-resizable-panels:layout:mail=${JSON.stringify(sizes)}`;
+            }, className: "h-full items-stretch", children: [_jsx(ResizablePanel, { defaultSize: defaultLayout[0], collapsible: true, minSize: 15, maxSize: 20, onCollapse: () => {
+                        document.cookie = `react-resizable-panels:collapsed=${JSON.stringify(true)}`;
+                    }, onResize: () => {
+                        document.cookie = `react-resizable-panels:collapsed=${JSON.stringify(false)}`;
+                    }, className: cn(), children: _jsx("div", { className: "flex flex-1 flex-col md:flex-row", children: _jsx("aside", { className: "hidden md:block md:w-64  p-4 md:h-[calc(100vh-3.5rem)]", children: _jsx("nav", { children: _jsx("div", { className: "flex flex-col gap-1 overflow-y-auto" }) }) }) }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: defaultLayout[1], minSize: 30, children: _jsx("main", { className: "flex-1 overflow-auto bg-card m-2 rounded-md", children: _jsx("div", { className: "h-full w-full", children: children }) }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: defaultLayout[2], minSize: 30, children: "todo content" })] }) }));
+};

package/dist/layouts/dash/MainHeader.d.ts

@@ -0,0 +1 @@
+export declare const MainHeader: () => import("react/jsx-runtime").JSX.Element;

package/dist/layouts/dash/MainHeader.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Home, LineChart, Package, Package2, PanelLeft, ShoppingCart, Users2, } from "lucide-react";
+import { Button } from "mtxuilib/ui/button";
+import { Sheet, SheetContent, SheetTrigger } from "mtxuilib/ui/sheet";
+import Link from "next/link";
+import { Suspense } from "react";
+import { DashNav } from "./nav";
+export const MainHeader = () => {
+    return (_jsxs("header", { className: "sticky top-0 flex h-14 items-center gap-4 border-b px-4 pt-1 ", children: [_jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs(Button, { size: "icon", variant: "outline", className: "sm:hidden", children: [_jsx(PanelLeft, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Toggle Menu" })] }) }), _jsx(SheetContent, { side: "left", className: "sm:max-w-xs", children: _jsxs("nav", { className: "grid gap-6 text-lg font-medium", children: [_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: [_jsx(Package2, { className: "h-5 w-5 transition-all group-hover:scale-110" }), _jsx("span", { className: "sr-only", children: "Acme Inc" })] }), _jsxs(Link, { href: "#", className: "text-muted-foreground hover:text-foreground flex items-center gap-4 px-2.5", children: [_jsx(Home, { className: "h-5 w-5" }), "Dashboard"] }), _jsxs(Link, { href: "#", className: "text-foreground flex items-center gap-4 px-2.5", children: [_jsx(ShoppingCart, { className: "h-5 w-5" }), "Orders"] }), _jsxs(Link, { href: "#", className: "text-muted-foreground hover:text-foreground flex items-center gap-4 px-2.5", children: [_jsx(Package, { className: "h-5 w-5" }), "Products"] }), _jsxs(Link, { href: "#", className: "text-muted-foreground hover:text-foreground flex items-center gap-4 px-2.5", children: [_jsx(Users2, { className: "h-5 w-5" }), "Customers"] }), _jsxs(Link, { href: "#", className: "text-muted-foreground hover:text-foreground flex items-center gap-4 px-2.5", children: [_jsx(LineChart, { className: "h-5 w-5" }), "Settings"] })] }) })] }), _jsx("div", { className: "flex-1" }), _jsx("div", { className: "flex-1", children: _jsx(DashNav, {}) }), _jsx(Suspense, {})] }));
+};

package/dist/layouts/dash/nav.d.ts

@@ -0,0 +1 @@
+export declare const DashNav: () => import("react/jsx-runtime").JSX.Element;

package/dist/layouts/dash/nav.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MtLink } from "mtxuilib/common/mtlink";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuList, NavigationMenuTrigger, } from "mtxuilib/ui/navigation-menu";
+export const DashNav = () => {
+    return (_jsx(_Fragment, { children: _jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsx(NavigationMenuItem, { children: _jsx(MtLink, { href: "/", variant: "ghost", children: "Home" }) }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { className: "text-md", children: _jsx(MtLink, { variant: "ghost", href: "/", children: "\u7AD9\u70B9" }) }), _jsx(NavigationMenuContent, {})] })] }) }) }));
+};

package/dist/layouts/web/WebLayout.d.ts

@@ -0,0 +1,3 @@
+export default function WebLayout(props: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/layouts/web/WebLayout.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { WebLayoutHeader } from "./WebLayoutHeader";
+export default function WebLayout(props) {
+    return (_jsxs(_Fragment, { children: [_jsx(WebLayoutHeader, {}), props.children] }));
+}

package/dist/layouts/web/WebLayoutHeader.d.ts

@@ -0,0 +1 @@
+export declare const WebLayoutHeader: () => import("react/jsx-runtime").JSX.Element;

package/dist/layouts/web/WebLayoutHeader.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Suspense } from "react";
+import { cn } from "../../lib/utils";
+import { SearchInput } from "../../ui/mt/inputs/SearchInput";
+export const WebLayoutHeader = () => {
+    return (_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", "fixed top-0 left-0", "bg-slate-200"), children: [_jsx("div", { className: "flex-1", children: _jsxs("nav", { className: "flex gap-4", children: [_jsx(Link, { href: "/", children: "\u9996\u9875" }), _jsx(Link, { href: "/t/news", children: "\u65B0\u95FB" }), _jsx(Link, { href: "/t/aigc", children: "AIGC" })] }) }), _jsx(SearchInput, {}), _jsx(Suspense, {})] }));
+};

package/dist/lib/copyText.d.ts

@@ -0,0 +1 @@
+export declare function copyText(text: string): Promise<void>;

package/dist/lib/copyText.js

@@ -0,0 +1,22 @@
+"use client";
+export async function copyText(text) {
+    if ("clipboard" in navigator) {
+        return navigator.clipboard.writeText(text);
+    }
+    else {
+        const textArea = document.createElement("textarea");
+        textArea.value = text;
+        textArea.style.opacity = "0";
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+        const success = document.execCommand("copy");
+        document.body.removeChild(textArea);
+        if (success) {
+            return Promise.resolve();
+        }
+        else {
+            return Promise.reject();
+        }
+    }
+}

package/dist/lib/timeFormat.d.ts

@@ -0,0 +1,3 @@
+declare function basicTimeFormat(time: string): string;
+declare function timeFormatWithShortDate(time: string): string;
+export { basicTimeFormat, timeFormatWithShortDate };

package/dist/lib/timeFormat.js

@@ -0,0 +1,19 @@
+"use client";
+function basicTimeFormat(time) {
+    const date = new Date(time);
+    const dateString = date.toLocaleDateString("en-US", {
+        weekday: "short",
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    });
+    const timeString = date.toLocaleTimeString("en-US");
+    return `${dateString} at ${timeString}`;
+}
+function timeFormatWithShortDate(time) {
+    const date = new Date(time);
+    const dateString = date.getMonth() + 1 + "/" + date.getDate() + "/" + date.getFullYear();
+    const timeString = date.toLocaleTimeString("en-US");
+    return `${dateString} at ${timeString}`;
+}
+export { basicTimeFormat, timeFormatWithShortDate };

package/dist/motion/mtmotion-variants.d.ts

@@ -0,0 +1,16 @@
+export declare const workbenchVariants: {
+    closed: {
+        width: number;
+        transition: {
+            duration: number;
+            ease: (t: number) => number;
+        };
+    };
+    open: {
+        width: string;
+        transition: {
+            duration: number;
+            ease: (t: number) => number;
+        };
+    };
+};

package/dist/motion/mtmotion-variants.js

@@ -0,0 +1,18 @@
+"use client";
+import { cubicEasingFn } from "mtxuilib/ui/mt/utils/easings";
+export const workbenchVariants = {
+    closed: {
+        width: 0,
+        transition: {
+            duration: 0.2,
+            ease: cubicEasingFn,
+        },
+    },
+    open: {
+        width: "var(--workbench-width)",
+        transition: {
+            duration: 0.2,
+            ease: cubicEasingFn,
+        },
+    },
+};

package/dist/styles/globals.css

@@ -1,144 +1,144 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
-
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
-
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
-
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
-
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
-
-    --ring: 215 20.2% 65.1%;
-
-    --radius: 0.5rem;
-
-    /* novel editor 相关样式开始 */
-    --novel-highlight-default: #ffffff;
-    --novel-highlight-purple: #f6f3f8;
-    --novel-highlight-red: #fdebeb;
-    --novel-highlight-yellow: #fbf4a2;
-    --novel-highlight-blue: #c1ecf9;
-    --novel-highlight-green: #acf79f;
-    --novel-highlight-orange: #faebdd;
-    --novel-highlight-pink: #faf1f5;
-    --novel-highlight-gray: #f1f1ef;
-    /* novel editor 相关样式结束 */
-
-    /* shadcn siderbar */
-    --sidebar-background: 0 0% 98%;
-    --sidebar-foreground: 240 5.3% 26.1%;
-    --sidebar-primary: 240 5.9% 10%;
-    --sidebar-primary-foreground: 0 0% 98%;
-    --sidebar-accent: 240 4.8% 95.9%;
-    --sidebar-accent-foreground: 240 5.9% 10%;
-    --sidebar-border: 220 13% 91%;
-    --sidebar-ring: 217.2 91.2% 59.8%;
-  }
-
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
-
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
-
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 11.2%;
-
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
-
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 85.7% 97.3%;
-    --ring: 217.2 32.6% 17.5%;
-
-    /* novel editor 相关样式开始 */
-    --novel-highlight-default: #000000;
-    --novel-highlight-purple: #3f2c4b;
-    --novel-highlight-red: #5c1a1a;
-    --novel-highlight-yellow: #5c4b1a;
-    --novel-highlight-blue: #1a3d5c;
-    --novel-highlight-green: #1a5c20;
-    --novel-highlight-orange: #5c3a1a;
-    --novel-highlight-pink: #5c1a3a;
-    --novel-highlight-gray: #3a3a3a;
-    /* novel editor 相关样式结束 */
-
-    /* shadcn siderbar */
-    --sidebar-background: 240 5.9% 10%;
-    --sidebar-foreground: 240 4.8% 95.9%;
-    --sidebar-primary: 224.3 76.3% 48%;
-    --sidebar-primary-foreground: 0 0% 100%;
-    --sidebar-accent: 240 3.7% 15.9%;
-    --sidebar-accent-foreground: 240 4.8% 95.9%;
-    --sidebar-border: 240 3.7% 15.9%;
-    --sidebar-ring: 217.2 91.2% 59.8%;
-  }
-}
-/*
-  细化滚动条。
-  参考： https://github.com/mckaywrigley/chatbot-ui/blob/main/styles/globals.css
-*/
-
-::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: #cfd8ea;
-  border-radius: 10px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background-color: #a6b8df;
-}
-
-::-webkit-scrollbar-track:hover {
-  background-color: transparent;
-
-  /* background-color: #eaeaea; */
-}
-
-::-webkit-scrollbar-corner {
-  background-color: transparent;
-}
-
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+
+    --ring: 215 20.2% 65.1%;
+
+    --radius: 0.5rem;
+
+    /* novel editor 相关样式开始 */
+    --novel-highlight-default: #ffffff;
+    --novel-highlight-purple: #f6f3f8;
+    --novel-highlight-red: #fdebeb;
+    --novel-highlight-yellow: #fbf4a2;
+    --novel-highlight-blue: #c1ecf9;
+    --novel-highlight-green: #acf79f;
+    --novel-highlight-orange: #faebdd;
+    --novel-highlight-pink: #faf1f5;
+    --novel-highlight-gray: #f1f1ef;
+    /* novel editor 相关样式结束 */
+
+    /* shadcn siderbar */
+    --sidebar-background: 0 0% 98%;
+    --sidebar-foreground: 240 5.3% 26.1%;
+    --sidebar-primary: 240 5.9% 10%;
+    --sidebar-primary-foreground: 0 0% 98%;
+    --sidebar-accent: 240 4.8% 95.9%;
+    --sidebar-accent-foreground: 240 5.9% 10%;
+    --sidebar-border: 220 13% 91%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 85.7% 97.3%;
+    --ring: 217.2 32.6% 17.5%;
+
+    /* novel editor 相关样式开始 */
+    --novel-highlight-default: #000000;
+    --novel-highlight-purple: #3f2c4b;
+    --novel-highlight-red: #5c1a1a;
+    --novel-highlight-yellow: #5c4b1a;
+    --novel-highlight-blue: #1a3d5c;
+    --novel-highlight-green: #1a5c20;
+    --novel-highlight-orange: #5c3a1a;
+    --novel-highlight-pink: #5c1a3a;
+    --novel-highlight-gray: #3a3a3a;
+    /* novel editor 相关样式结束 */
+
+    /* shadcn siderbar */
+    --sidebar-background: 240 5.9% 10%;
+    --sidebar-foreground: 240 4.8% 95.9%;
+    --sidebar-primary: 224.3 76.3% 48%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 240 3.7% 15.9%;
+    --sidebar-accent-foreground: 240 4.8% 95.9%;
+    --sidebar-border: 240 3.7% 15.9%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
+  }
+}
+/*
+  细化滚动条。
+  参考： https://github.com/mckaywrigley/chatbot-ui/blob/main/styles/globals.css
+*/
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #cfd8ea;
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: #a6b8df;
+}
+
+::-webkit-scrollbar-track:hover {
+  background-color: transparent;
+
+  /* background-color: #eaeaea; */
+}
+
+::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}

package/dist/ui/codeblock.js

@@ -47,7 +47,7 @@ const CodeBlock = memo(({ language, value }) => {
         }
         const fileExtension = programmingLanguages[language] || ".file";
         const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;
-        const fileName = window.prompt("Enter file name" || "", suggestedFileName);
+        const fileName = window.prompt("Enter file name", suggestedFileName);
         if (!fileName) {
             return;
         }

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

@@ -1,2 +1,2 @@
-export declare const MtForm: <TFieldValues extends import("react-hook-form").FieldValues, TContext = any, TTransformedValues extends import("react-hook-form").FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => import("react").JSX.Element;
+export declare const MtForm: <TFieldValues extends import("react-hook-form").FieldValues, TContext = any, TTransformedValues extends import("react-hook-form").FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 export declare const MtInput: import("react").ForwardRefExoticComponent<import("../input").InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.1.569",
+  "version": "0.1.577",
   "publishConfig": {
     "access": "public"
   },
@@ -249,4 +249,4 @@
     "tsc-alias": "^1.8.10",
     "ts-node": "^10.9.2"
   }
-}
+}

package/dist/hooks/useMounted.d.ts

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

package/dist/hooks/useMounted.js

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