mtxuilib 0.1.261 → 0.1.262

package/dist/layouts/dash5/dash5.store.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from "react";
 import { type StateCreator } from "zustand";
 import type { Renderable } from "../../lib/render";
 export type Dash5LayoutProps = {
@@ -12,7 +13,7 @@ export interface Dash5LayoutState extends Dash5LayoutProps {
     setHasHydrated: (_hasHydrated: boolean) => void;
     defaultLayout: number[];
     setIsSideCollapsed: (isSideCollapsed: boolean) => void;
-    setSiderComponent: (siderComponent: Renderable) => void;
+    setSiderComponent: (siderComponent: ReactNode) => void;
 }
 export declare const createAppSlice: StateCreator<Dash5LayoutState, [
 ], [

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

@@ -0,0 +1,9 @@
+import { type ComponentProps } from "react";
+import { Dialog } from "../../dialog";
+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 {};

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMediaQuery } from "../../../hooks/use-media-query";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../../dialog";
+import { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, } from "../../drawer";
+export function MtDialog(props) {
+    const [open, setOpen] = useState(props.open || false);
+    const isDesktop = useMediaQuery("(min-width: 768px)");
+    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(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 }))] }) }));
+}

package/package.json

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