/// <amd-module name="@midasit-dev/moaui-components-v1" />
/// <reference types="react" />
import "./Style/Font";
import { type CustomUnionType } from "./Common/UnionType";
import { default as Color } from "./Style/Color";
import { default as Font } from "./Style/Font";
import { default as Alert, type AlertProps, AlertSample } from "./Components/Alert";
import { default as Button, type ButtonProps, ButtonSample } from "./Components/Button";
import { default as Check, type CheckProps, CheckSample } from "./Components/Check";
import { default as CheckGroup, type CheckGroupProps, CheckGroupSample } from "./Components/CheckGroup";
import { default as Chip, type ChipProps, ChipSample } from "./Components/Chip";
import { default as CodeBlock, type CodeBlockProps, CodeBlockSample } from "./Components/CodeBlock";
import { default as ColorPicker, type ColorPickerProps, ColorPickerSample } from "./Components/ColorPicker";
import { default as Dialog, type DialogProps, DialogSample } from "./Components/Dialog";
import { default as DataGrid, DataGridToolbar, DataGridToolbarContainer, DataGridToolbarExport, type DataGridProps, DataGridSample } from "./Components/DataGrid";
import { default as DropList, type DropListProps, DropListSample } from "./Components/DropList";
import { default as FloatingBox, type FloatingBoxProps, FloatingBoxSample } from "./Components/FloatingBox";
import { default as Grid, type GridProps, GridSample } from "./Components/Grid";
import { default as GuideBox, type GuideBoxProps, GuideBoxSample, GuideBoxFillColor } from "./Components/GuideBox";
import { default as Icon, type IconProps, IconSample } from "./Components/Icon";
import { default as IconButton, type IconButtonProps, IconButtonSample } from "./Components/IconButton";
import { default as List, type ListProps, ListSample } from "./Components/List";
import { default as ListItem, type ListItemProps, ListItemSample } from "./Components/ListItem";
import { default as ListItemButton, type ListItemButtonProps, ListItemButtonSample } from "./Components/ListItemButton";
import { default as MidasController, type MidasControllerProps, MidasControllerSample } from "./Components/MidasController";
import { default as Panel, type PanelProps, PanelSample } from "./Components/Panel";
import { default as Radio, type RadioProps, RadioSample } from "./Components/Radio";
import { default as RadioGroup, type RadioGroupProps, RadioGroupSample } from "./Components/RadioGroup";
import { default as Scrollbars, type ScrollbarsProps, ScrollbarsSample } from "./Components/Scrollbars";
import { default as Separator, type SeparatorProps, SeparatorSample } from "./Components/Separator";
import { default as Stack, type StackProps, StackSample } from "./Components/Stack";
import { default as Switch, type SwitchProps, SwitchSample } from "./Components/Switch";
import { default as SwitchGroup, type SwitchGroupProps, SwitchGroupSample } from "./Components/SwitchGroup";
import { default as Tab, type TabProps, TabSample } from "./Components/Tab";
import { default as TabGroup, type TabGroupProps, TabGroupSample } from "./Components/TabGroup";
import { default as Table, type TableProps, TableSample } from "./Components/Table";
import { default as TableBody } from "./Components/TableBody";
import { default as TableCell } from "./Components/TableCell";
import { default as TableHead } from "./Components/TableHead";
import { default as TableRow } from "./Components/TableRow";
import { default as TextField, type TextFieldProps, TextFieldSample } from "./Components/TextField";
import { default as TextFieldV2, type TextFieldV2Props, TextFieldV2Sample } from "./Components/TextFieldV2";
import { default as Tooltip, type TooltipProps, TooltipSample } from "./Components/Tooltip";
import { default as Typography, type TypographyProps, TypographySample } from "./Components/Typography";
import { default as TypographyGroup, type TypographyGroupProps, TypographyGroupSample } from "./Components/TypographyGroup";
import { default as SVG, type SVGProps, SVGSample } from "./Components/SVG";
import { default as AutoDropList, AutoDropListSample } from "./Templates/AutoDropList/Code/AutoDropList.code";
import { default as VerifyDialog } from "./Authentication/VerifyDialog";
import { default as VerifyUtil } from "./Authentication/VerifyUtil";
import { default as Signature } from "./Signature";
declare const Moaui: {
    Color: typeof Color;
    Font: typeof Font;
    VerifyDialog: typeof VerifyDialog;
    VerifyUtil: {
        getProductionUrl: typeof import("./Authentication/VerifyUtil").getProductionUrl;
        isExistQueryStrings: typeof import("./Authentication/VerifyUtil").isExistQueryStrings;
        getProtocolDomainPort: typeof import("./Authentication/VerifyUtil").getProtocolDomainPort;
        getVerifyInfoAsync: typeof import("./Authentication/VerifyUtil").getVerifyInfoAsync;
        getBaseUrlAsync: typeof import("./Authentication/VerifyUtil").getBaseUrlAsync;
        getMapiKey: typeof import("./Authentication/VerifyUtil").getMapiKey;
        getBaseUri: typeof import("./Authentication/VerifyUtil").getBaseUri;
        getBasePort: typeof import("./Authentication/VerifyUtil").getBasePort;
        extractProtocolDomainPort: typeof import("./Authentication/VerifyUtil").extractProtocolDomainPort;
    };
    Signature: {
        log: () => void;
        Component: () => null;
    };
    Alert: typeof Alert;
    AlertSample: {
        id: string;
        children: string;
        variant: CustomUnionType;
        severity: CustomUnionType;
        title: string;
    };
    Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
    ButtonSample: {
        id: string;
        children: string;
        onClick: () => void;
        variant: CustomUnionType;
        disabled: boolean;
        width: string;
        color: CustomUnionType;
        loading: boolean;
    };
    Check: import("react").ForwardRefExoticComponent<CheckProps & import("react").RefAttributes<unknown>>;
    CheckSample: {
        id: string;
        defaultChecked: boolean;
        onChange: () => void;
        required: boolean;
        disabled: boolean;
        name: string;
        namePlacement: CustomUnionType;
        ariaLabel: string;
        indeterminate: boolean;
    };
    CheckGroup: (props: CheckGroupProps) => import("react/jsx-runtime").JSX.Element;
    CheckGroupSample: {};
    Chip: typeof Chip;
    ChipSample: {
        id: string;
        severity: CustomUnionType;
        bgColor: string;
        color: string;
        size: CustomUnionType;
        label: string;
        disabled: boolean;
    };
    CodeBlock: typeof CodeBlock;
    CodeBlockSample: {
        id: string;
        children: string;
        language: CustomUnionType;
        title: string;
        radius: number;
        width: string;
        backgroundColor: string;
        titlePadding: number;
        titlePaddingX: number;
        titlePaddingY: number;
        codePadding: number;
        codePaddingX: number;
        codePaddingY: number;
    };
    ColorPicker: (props: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
    ColorPickerSample: {
        color: {
            r: number;
            g: number;
            b: number;
        };
        onChange: () => void;
        showRGB: boolean;
        direction: CustomUnionType;
    };
    DataGrid: typeof DataGrid;
    DataGridToolbar: import("react").ForwardRefExoticComponent<Omit<import("@mui/x-data-grid").GridToolbarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
    DataGridToolbarContainer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
        sx?: import("@mui/system").SxProps<import("@mui/system").Theme> | undefined;
    } & import("react").RefAttributes<HTMLDivElement>>;
    DataGridToolbarExport: import("react").ForwardRefExoticComponent<Omit<import("@mui/x-data-grid").GridToolbarExportProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
    DataGridSample: {
        rows: {
            id: number;
            Col1: string;
            Col2: string;
            Col3: string;
            Col4: string;
        }[];
        columns: ({
            field: string;
            headerName: string;
            width: number;
            sortable: boolean;
            editable?: undefined;
        } | {
            field: string;
            headerName: string;
            width: number;
            sortable: boolean;
            editable: boolean;
        })[];
        pageSizeOptions: number[];
        hideFooter: boolean;
        initialState: {
            pagination: {
                paginationModel: {
                    pageSize: number;
                };
            };
        };
    };
    Dialog: (props: DialogProps) => import("react/jsx-runtime").JSX.Element;
    DialogSample: {};
    DropList: (props: DropListProps) => import("react/jsx-runtime").JSX.Element;
    DropListSample: DropListProps;
    FloatingBox: (props: FloatingBoxProps) => import("react/jsx-runtime").JSX.Element;
    FloatingBoxSample: {
        id: string;
        show: boolean;
        x: number;
        y: number;
        width: string;
        height: string;
    };
    Grid: (props: GridProps) => import("react/jsx-runtime").JSX.Element;
    GridSample: {};
    GuideBox: (props: GuideBoxProps) => import("react/jsx-runtime").JSX.Element;
    GuideBoxSample: {};
    Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
    IconSample: {
        id: string;
        iconName: string;
        opacity: number;
        toButton: boolean;
    };
    IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
    IconButtonSample: {
        disabled: boolean;
        color: CustomUnionType;
        iconName: string;
        width: string;
        height: string;
        onClick: () => void;
        transparent: boolean;
        transparentColor: string;
        border: boolean;
    };
    List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;
    ListSample: {};
    ListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
    ListItemSample: {};
    ListItemButton: (props: ListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
    ListItemButtonSample: {};
    MidasController: typeof MidasController;
    MidasControllerSample: {};
    Panel: typeof Panel;
    PanelSample: {
        id: string;
        children: import("react/jsx-runtime").JSX.Element;
        variant: CustomUnionType;
        width: string;
        height: string;
        flexItem: boolean;
        backgroundColor: string;
        borderRadius: string;
        border: string;
        relative: boolean;
    };
    Radio: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;
    RadioSample: {
        id: string;
        onChange: () => void;
        name: string;
        ariaLabel: string;
        disabled: boolean;
    };
    RadioGroup: (props: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
    RadioGroupSample: {};
    Scrollbars: (props: ScrollbarsProps) => import("react/jsx-runtime").JSX.Element;
    ScrollbarsSample: {
        id: string;
        panelProps: {
            variant: string;
        };
        children: string;
        width: string;
        height: string;
        title: string;
        titleVariant: CustomUnionType;
        titleColor: CustomUnionType;
        titleAlign: CustomUnionType;
    };
    Separator: (props: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
    SeparatorSample: {
        direction: CustomUnionType;
    };
    Stack: (props: StackProps) => import("react/jsx-runtime").JSX.Element;
    StackSample: {};
    Switch: typeof Switch;
    SwitchSample: {
        id: string;
        checked: boolean;
        label: string;
        onChange: () => void;
        disabled: boolean;
    };
    SwitchGroup: (props: SwitchGroupProps) => import("react/jsx-runtime").JSX.Element;
    SwitchGroupSample: {};
    Tab: (props: TabProps) => import("react/jsx-runtime").JSX.Element;
    TabSample: {
        id: string;
        value: string;
        label: string;
        onChange: () => void;
        disabled: boolean;
        selected: boolean;
        width: string;
        height: string;
        fontSize: CustomUnionType;
        minWidth: string;
        minHeight: string;
    };
    TabGroup: (props: TabGroupProps) => import("react/jsx-runtime").JSX.Element;
    TabGroupSample: {};
    Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element;
    TableSample: {};
    TableBody: typeof TableBody;
    TableCell: typeof TableCell;
    TableHead: typeof TableHead;
    TableRow: typeof TableRow;
    TextField: (props: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
    TextFieldSample: {
        id: string;
        autoFocus: boolean;
        type: string;
        placeholder: string;
        title: string;
        titlePosition: string;
        error: boolean;
        disabled: boolean;
        onChange: () => void;
        wrappedWidth: string;
        width: string;
        height: string;
        spacing: number;
        textAlign: string;
        multiline: boolean;
        rows: number;
        maxRows: number;
    };
    TextFieldV2: (props: TextFieldV2Props & {
        title?: string | undefined;
        titlePosition?: "bottom" | "left" | "right" | "top" | undefined;
        singleLineTitle?: boolean | undefined;
        gap?: number | undefined;
        titleXs?: number | undefined;
        inputXs?: number | undefined;
    }) => import("react/jsx-runtime").JSX.Element;
    TextFieldV2Sample: {
        id: string;
        autoFocus: boolean;
        type: string;
        placeholder: string;
        title: string;
        titlePosition: string;
        error: boolean;
        disabled: boolean;
        onChange: () => void;
        width: string;
        titleXs: number;
        inputXs: number;
        height: string;
        textAlign: string;
        multiline: boolean;
        rows: number;
        maxRows: number;
        gap: number;
        inputAlign: string;
        singleLineTitle: boolean;
    };
    Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;
    TooltipSample: {};
    Typography: (props: TypographyProps) => import("react/jsx-runtime").JSX.Element;
    TypographySample: {
        children: string;
        variant: CustomUnionType;
        color: CustomUnionType;
        width: string;
        height: string;
        size: CustomUnionType;
        verTop: boolean;
        verCenter: boolean;
        verBottom: boolean;
        horLeft: boolean;
        horCenter: boolean;
        horRight: boolean;
        center: boolean;
    };
    TypographyGroup: (props: TypographyGroupProps) => import("react/jsx-runtime").JSX.Element;
    TypographyGroupSample: {};
    SVG: (props: SVGProps) => import("react/jsx-runtime").JSX.Element;
    SVGSample: {
        id: string;
        url: string;
        alt: string;
        width: string;
        height: string;
    };
    AutoDropList: ({ width, height, dropListwidth, defaultValue, value, onChange, show, db, filter, textFormat, valueFormat, }: any) => import("react/jsx-runtime").JSX.Element;
    AutoDropListSample: {
        width: number;
        height: number;
        dropListwidth: number;
        defaultValue: number;
        value: undefined;
        onChange: undefined;
        show: boolean;
        db: string;
        filter: string;
        textFormat: (item: [key: String, value: any]) => string;
        valueFormat: (item: [key: String, value: any]) => number;
    };
};
export default Moaui;
export { CustomUnionType, Color, Font, VerifyDialog, VerifyUtil, Signature, Alert, AlertSample, type AlertProps, Button, ButtonSample, type ButtonProps, Check, CheckSample, type CheckProps, CheckGroup, CheckGroupSample, type CheckGroupProps, Chip, ChipSample, type ChipProps, CodeBlock, CodeBlockSample, type CodeBlockProps, ColorPicker, ColorPickerSample, type ColorPickerProps, DataGrid, DataGridToolbar, DataGridToolbarContainer, DataGridToolbarExport, DataGridSample, type DataGridProps, Dialog, DialogSample, type DialogProps, DropList, DropListSample, type DropListProps, FloatingBox, FloatingBoxSample, type FloatingBoxProps, Grid, GridSample, type GridProps, GuideBox, GuideBoxSample, type GuideBoxProps, GuideBoxFillColor, Icon, IconSample, type IconProps, IconButton, IconButtonSample, type IconButtonProps, List, ListSample, type ListProps, ListItem, ListItemSample, type ListItemProps, ListItemButton, ListItemButtonSample, type ListItemButtonProps, MidasController, MidasControllerSample, type MidasControllerProps, Panel, PanelSample, type PanelProps, Radio, RadioSample, type RadioProps, RadioGroup, RadioGroupSample, type RadioGroupProps, Scrollbars, ScrollbarsSample, type ScrollbarsProps, Separator, SeparatorSample, type SeparatorProps, Stack, StackSample, type StackProps, Switch, SwitchSample, type SwitchProps, SwitchGroup, SwitchGroupSample, type SwitchGroupProps, Tab, TabSample, type TabProps, TabGroup, TabGroupSample, type TabGroupProps, Table, TableSample, TableProps, TableBody, TableCell, TableHead, TableRow, TextField, TextFieldSample, type TextFieldProps, TextFieldV2, TextFieldV2Sample, type TextFieldV2Props, Tooltip, TooltipSample, type TooltipProps, Typography, TypographySample, type TypographyProps, TypographyGroup, TypographyGroupSample, type TypographyGroupProps, SVG, SVGProps, SVGSample, AutoDropList, AutoDropListSample, };
export { default as ExperimentalLanguageDropList } from "./Experimental/LanguageDropList";
export { default as ExperimentalPolygon, type StyledProps as ExperimentalPolygonType } from "./Experimental/Polygon";
export { default as ExperimentalPolygons } from "./Experimental/Polygons";
export { default as ExperimentalSpreadSheet } from "./Experimental/SpreadSheet";
export * from "./testingCompsExports";
//# sourceMappingURL=index.d.ts.map