@starasia/admin 5.2.0 → 5.3.1

package/dist/components/LayoutDialog/LayoutDialog.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { LayoutDialogHeader } from './components/LayoutDialogHeader';
+import { LayoutDialogBody } from './components/LayoutDialogBody';
+import { LayoutDialogAside } from './components/LayoutDialogAside';
+import { LayoutDialogFooter } from './components/LayoutDialogFooter';
+import { LayoutDialogProps } from './types';
+
+type LayoutDialogComponent = React.FC<LayoutDialogProps> & {
+    Header: typeof LayoutDialogHeader;
+    Body: typeof LayoutDialogBody;
+    Aside: typeof LayoutDialogAside;
+    Footer: typeof LayoutDialogFooter;
+};
+export declare const LayoutDialog: LayoutDialogComponent;
+export {};

package/dist/components/LayoutDialog/components/LayoutDialogAside.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { LayoutDialogSlotProps } from '../types';
+
+export declare function LayoutDialogAside(_props: LayoutDialogSlotProps): React.ReactElement | null;
+export declare namespace LayoutDialogAside {
+    var displayName: string;
+}

package/dist/components/LayoutDialog/components/LayoutDialogBody.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { LayoutDialogSlotProps } from '../types';
+
+export declare function LayoutDialogBody(_props: LayoutDialogSlotProps): React.ReactElement | null;
+export declare namespace LayoutDialogBody {
+    var displayName: string;
+}

package/dist/components/LayoutDialog/components/LayoutDialogFooter.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { LayoutDialogSlotProps } from '../types';
+
+export declare function LayoutDialogFooter(_props: LayoutDialogSlotProps): React.ReactElement | null;
+export declare namespace LayoutDialogFooter {
+    var displayName: string;
+}

package/dist/components/LayoutDialog/components/LayoutDialogHeader.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { LayoutDialogSlotProps } from '../types';
+
+export declare function LayoutDialogHeader(_props: LayoutDialogSlotProps): React.ReactElement | null;
+export declare namespace LayoutDialogHeader {
+    var displayName: string;
+}

package/dist/components/LayoutDialog/components/LayoutDialogViewModeMenu.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { LayoutDialogViewMode } from '../types';
+
+interface Props {
+    value: LayoutDialogViewMode;
+    onChange: (mode: LayoutDialogViewMode) => void;
+}
+export declare function LayoutDialogViewModeMenu({ value, onChange }: Props): React.JSX.Element;
+export {};

package/dist/components/LayoutDialog/index.d.ts

@@ -0,0 +1,6 @@
+export { LayoutDialog } from './LayoutDialog';
+export { LayoutDialogHeader } from './components/LayoutDialogHeader';
+export { LayoutDialogBody } from './components/LayoutDialogBody';
+export { LayoutDialogAside } from './components/LayoutDialogAside';
+export { LayoutDialogFooter } from './components/LayoutDialogFooter';
+export type { LayoutDialogProps, LayoutDialogViewMode, LayoutDialogSize, LayoutDialogSizeKey, LayoutDialogSlotProps, } from './types';

package/dist/components/LayoutDialog/types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+
+export type LayoutDialogViewMode = "modal" | "fullscreen" | "sidebar";
+export type LayoutDialogSizeKey = "md" | "lg" | "xl" | "2xl";
+export type LayoutDialogSize = LayoutDialogSizeKey | (string & {});
+export declare const LAYOUT_DIALOG_SIZE_MAP: Record<LayoutDialogSizeKey, string>;
+export interface LayoutDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Controlled view mode. Pair with `onViewModeChange`. */
+    viewMode?: LayoutDialogViewMode;
+    /** Initial view mode when uncontrolled. Default: "modal". */
+    defaultViewMode?: LayoutDialogViewMode;
+    onViewModeChange?: (mode: LayoutDialogViewMode) => void;
+    /** Show the view-mode toggle in the header. Default: true. */
+    showViewModeToggle?: boolean;
+    /** Show the close (X) button in the header. Default: true. */
+    showCloseButton?: boolean;
+    /** Max width for `modal` and `sidebar` view modes. Accepts size key ('md'|'lg'|'xl'|'2xl') or any CSS length. Default: 'xl'. */
+    size?: LayoutDialogSize;
+    /** Disable closing via the Escape key. */
+    disableEscapeClose?: boolean;
+    /** Disable closing via backdrop click. */
+    disableBackdropClose?: boolean;
+    /** Lock page scroll while the dialog is open. Default: true. */
+    lockBodyScroll?: boolean;
+    children: ReactNode;
+}
+export interface LayoutDialogSlotProps {
+    children: ReactNode;
+}

package/dist/components/index.d.ts

@@ -6,7 +6,6 @@ export * from './SidebarHeaderSlot';
 export * from './ModuleSwitcherModal';
 export * from './ModuleSwitcher';
 export * from './HorizontalField';
-export * from './ModalDialog';
 export * from './PageLayout';
 export * from './Pressable';
 export * from './RightDrawer';
@@ -28,3 +27,4 @@ export * from './PageState';
 export * from './Dialog';
 export * from './FullSection';
 export * from './SelectButton';
+export * from './LayoutDialog';