mtxuilib 0.1.342 → 0.1.343

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

@@ -1 +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 MtInput: import("react").ForwardRefExoticComponent<import("../input").InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/ui/mt/MtForm.js

@@ -1,3 +1,5 @@
 "use client";
 import { Form } from "../form";
+import { Input } from "../input";
 export const MtForm = Form;
+export const MtInput = Input;

package/dist/ui/mt/NavTag.js

@@ -11,12 +11,13 @@ export const NavTabs = ({ items, enableGobackBtn }) => {
     const segment = useSelectedLayoutSegment();
     const segments = useSelectedLayoutSegments();
     const pathname = usePathname();
-    const seg = useSelectedLayoutSegment();
+    const segPath = segments.join("/");
+    const basePath = segPath ? pathname.slice(0, -segPath.length - 1) : pathname;
     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(seg || "", item.routeName)}`;
+                const href = `${urlJoinPaths(basePath, item.routeName)}`;
                 return (_jsx(TabItem, { activate: (segment || "") === item.routeName, children: _jsx(MtLink, { href: href, children: item.label }) }, i));
             })] }));
 };

package/dist/ui/mt/dialog/MtDialog.d.ts

@@ -1,9 +1,11 @@
-import { type ComponentProps } from "react";
-import { Dialog } from "../../dialog";
+import type { ComponentProps, PropsWithChildren } from "react";
+import { Dialog, DialogContent } from "../../dialog";
+import { DrawerContent } from "../../drawer";
 interface MtDialogProps extends ComponentProps<typeof Dialog> {
     title?: React.ReactNode;
     description?: React.ReactNode;
     actions?: React.ReactNode;
 }
 export declare function MtDialog(props: React.PropsWithChildren<MtDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function MtDialogContent(props: PropsWithChildren<ComponentProps<typeof DialogContent> & ComponentProps<typeof DrawerContent>>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/mt/dialog/MtDialog.js

@@ -1,17 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useIsDesktop } from "../../../hooks/use-media-query";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../../dialog";
-import { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, } from "../../drawer";
+import { Dialog, DialogContent } from "../../dialog";
+import { Drawer, DrawerContent } from "../../drawer";
 export function MtDialog(props) {
-    const [open, setOpen] = useState(props.open || false);
+    const { ...restProps } = props;
     const isDesktop = useIsDesktop();
-    const handleOpenChange = (open) => {
-        setOpen(open);
-        props.onOpenChange?.(open);
-    };
     if (isDesktop) {
-        return (_jsx(Dialog, { open: open, onOpenChange: handleOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: props.title }), props.description && (_jsx(DialogDescription, { children: props.description }))] }), props.children, props.actions && _jsx(DialogFooter, { children: props.actions })] }) }));
+        return _jsx(Dialog, { ...restProps });
     }
-    return (_jsx(Drawer, { open: open, onOpenChange: handleOpenChange, children: _jsxs(DrawerContent, { children: [_jsxs(DrawerHeader, { className: "text-left", children: [_jsx(DrawerTitle, { children: props.title }), props.description && (_jsx(DrawerDescription, { children: props.description }))] }), props.children, props.actions && (_jsx(DrawerFooter, { className: "pt-2", children: props.actions }))] }) }));
+    return _jsx(Drawer, { ...restProps });
+}
+export function MtDialogContent(props) {
+    const isDesktop = useIsDesktop();
+    return (_jsxs(_Fragment, { children: [isDesktop && _jsx(DialogContent, { ...props }), !isDesktop && _jsx(DrawerContent, { ...props })] }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.1.342",
+  "version": "0.1.343",
   "publishConfig": {
     "access": "public"
   },

package/dist/common/SlntTree/SlntChildrenTabs.d.ts

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

package/dist/common/SlntTree/SlntChildrenTabs.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { urlJoinPaths } from "mtxlib/http/url";
-import { usePathname, useSelectedLayoutSegment, useSelectedLayoutSegments, } from "next/navigation";
-import { cn } from "../../lib/utils";
-import { MtLink } from "../mtlink";
-import { useMenuTreeStore } from "./SlntTreeNode";
-export const SlntChildrenTabs = () => {
-    const parentData = useMenuTreeStore((x) => x.menuNode);
-    const pathName = usePathname();
-    const segments = useSelectedLayoutSegments();
-    const segment = useSelectedLayoutSegment();
-    const basePath = pathName.slice(0, -segments.join("/").length);
-    const basePath3 = `/${segments.join("/")}`;
-    return (_jsx("div", { className: "flex gap-1 ", children: parentData?.children?.map((item, i) => {
-            let href = `${urlJoinPaths(basePath, item.routeName || "")}`;
-            if (!segments?.length) {
-                href = urlJoinPaths(pathName, item.routeName || "");
-            }
-            return (_jsx(TabItem, { activate: segment == item.routeName, children: _jsx(MtLink, { variant: "ghost", href: href, children: item.label }, i) }, i));
-        }) }));
-};
-const TabItem = (props) => {
-    const { activate, ...etc } = props;
-    return (_jsx("div", { "data-state": activate && "active", className: cn("ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow"), ...etc }));
-};