amotify/dist/index.d.ts

UI Component for React,NextJS,esbuild

/// <reference types="react" />
import * as utils from './@utils';
export * from './@utils';
import * as atoms from './atoms';
export * from './atoms';
import * as mols from './mols';
export * from './mols';
export * from './orgs';
export * from './temps';
import * as fn from './fn';
export * from './fn';
declare const amotify: {
    RootViewController: fn.RootViewController.Methods;
    Plate: fn.Plate.Component;
    PageViewController: React.FC<fn.PageViewController.Input>;
    SwipeView: (p: fn.SwipeView.Input) => import("react/jsx-runtime").JSX.Element;
    TabBar: React.FC<fn.TabBar.Input>;
    Effect: {
        Ripple: import("./fn/Effect/Ripple").Ripple.Methods;
        Pudding: import("./fn/Effect/Pudding").Pudding.Methods;
        FadeIn: React.FC<import("./fn/Effect/Fade").FadeIn.Input>;
        FadeUp: React.FC<import("./fn/Effect/Fade").FadeUp.Input>;
    };
    Button: fn.Button.Methods;
    Label: fn.Label.Methods;
    Anchor: fn.Anchor.Methods;
    Input: typeof fn.Input;
    RequiredSign: React.FC<atoms.Span.Input>;
    RequiredShortSign: React.FC<atoms.Span.Input>;
    OmitSign: React.FC<atoms.Span.Input>;
    LeftIndicator: React.FC<fn.Parts.Input>;
    RightIndicator: React.FC<fn.Parts.Input>;
    RightIcon: React.FC<fn.Parts.Input>;
    LeftIcon: React.FC<fn.Parts.Input>;
    Table: typeof fn.Table;
    onDefaultCellStyles: (args: fn.DataGrid.CellInfo, prev: utils.StyleProps.StyleProps) => utils.StyleProps.StyleProps;
    DataGrid: fn.DataGrid.Methods;
    Sheet: fn.Sheet.Methods;
    Snackbar: fn.Snackbar.Methods;
    Loader: fn.Loader.Methods;
    Tooltips: fn.Tooltips.Methods;
    Tips: fn.Tips.Methods;
    Cropper: fn.Cropper.Methods;
    PageNotFound: React.FC<fn.PageNotFound.Input>;
    TempsComponent: () => null;
    OrgsComponent: () => null;
    Accordion: mols.Accordion.Methods;
    LinkifyText: React.FC<mols.LinkifyText.Input>;
    List: React.FC<mols.List.Input>;
    ListItem: mols.ListItem.Methods;
    Row: mols.Row.Methods;
    Literal: mols.Literal.Methods;
    MarkerPen: (text: utils.ReactElement, keyword: string) => string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
    Span: React.FC<atoms.Span.Input>;
    P: React.FC<atoms.P.Input>;
    Flex: React.FC<atoms.Box.DefaultInput>;
    FlexBr: React.FC<atoms.Box.DefaultInput>;
    FlexMargin: React.FC<atoms.Box.DefaultInput>;
    Column: React.FC<atoms.Box.DefaultInput>;
    CacheRender: <T = any>(props: {
        params: T;
        children: utils.ReactElement;
        forceRender?: ((prev: Readonly<T>, next: Readonly<T>) => boolean) | undefined;
    }) => utils.ReactElement;
    Box: <T_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T_1>) => import("react/jsx-runtime").JSX.Element | null;
    FAI: atoms.FAI.Methods;
    Img: React.FC<atoms.Img.Input>;
    Logo: atoms.Logo.Methods;
    Placeholder: React.FC<atoms.Placeholder.Input>;
    Card: atoms.Card.Methods;
    Grid: atoms.Grid.Methodds;
    Config: utils.Config.Methods;
    useRemote: utils.useRemote.Methods;
    useRouterEffect: (p: {
        pathname: string;
        beforeCB?: ((pathName: string) => void) | undefined;
        afterCB?: ((pathName: string) => void) | undefined;
        afterFirstCB?: ((pathName: string) => void) | undefined;
    }) => void;
    useUpdateEffect: (effect: () => void | (() => void), deps: any[]) => void;
    pageRouter: utils.pageRouter.Methods;
    ColorRecords: {
        key: utils.Themecolor;
        isBrand?: true | undefined;
        hex: string;
    }[];
    SetThemeColorTag: () => void;
    ThemeColors: {
        comun: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        leaf: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        heart: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        droplet: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        brick: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        flower: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        lip: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        wine: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        theater: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        bat: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        poizon: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        eggplant: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        ufo: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        alien: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        tombstone: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        ninja: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        moon: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        rain: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        unicorn: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        axe: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        gem: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        soap: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        drizzle: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        building: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        fish: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        icicles: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        water: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        tree1: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        tree2: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        tree3: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        battery: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        seedle: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        greenTea: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        oak: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        salad: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        cloudy: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        lemon: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        angel: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        parasol: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        pizza: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        thunder: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        latte: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        island: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        shovel: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        coffee: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        carrot: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        cactus: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        volcano: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        choco: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        industry: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        gun: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        galaxy: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        line: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        twitter: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        amazon: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        facebook: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        android: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        slackBlue: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        slackGreen: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        slackRed: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        slackYellow: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        slackBase: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        googleBlue: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        googleGreen: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        googleYellow: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
        googleRed: {
            alfa(alfa?: number | undefined): string;
            hex: string;
            isBrand?: true | undefined;
        };
    };
    ReadStyleSet: utils.ReadStyleSet<any>;
    GenerateHTMLProps: utils.GenerateHTMLProps;
    ExtractStyles: <T_2 = utils.StyleProps.BasicElement>(props: T_2) => [utils.StyleProps.States, T_2];
    dragEffect: {
        Start: (type: string, opt: {
            startEvent: React.PointerEvent<Element>;
            dragElement: HTMLElement;
            originId?: string | undefined;
            horizontal?: boolean | undefined;
            vertical?: boolean | undefined;
            autoScroll?: boolean | undefined;
        }, callback: (p: {
            idx: number;
            id: string | void;
            groupId: string;
            end: boolean;
            onDropArea: boolean;
        }) => void) => void;
        AutoScroll: (event: MouseEvent | TouchEvent) => void;
        styles: (cls: string) => string;
        DropArea: <E extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = <T_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T_1>) => import("react/jsx-runtime").JSX.Element | null>(p: {
            dragInfo: {
                type: string;
                id?: string | undefined;
                idx?: number | undefined;
                group?: string | undefined;
                activeOn?: "landing" | "lastLanding" | undefined;
                marker?: false | "top" | "bottom" | "left" | "right" | "outline" | undefined;
                disabled?: boolean | undefined;
            };
            className?: string | undefined;
            children?: React.ReactNode;
            jsxElement?: E | undefined;
        } & (E extends <T_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T_1>) => import("react/jsx-runtime").JSX.Element | null ? atoms.Box.DefaultInput : Omit<React.PropsWithoutRef<React.ComponentProps<E>>, "jsxElement">)) => import("react/jsx-runtime").JSX.Element;
        DropSign: <E_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = <T_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T_1>) => import("react/jsx-runtime").JSX.Element | null>(p: {
            dragInfo: {
                type: string;
                id?: string | undefined;
                activeOn?: "always" | "landing" | "lastLanding" | "dragging" | undefined;
            };
            className?: string | undefined;
            children?: React.ReactNode;
            jsxElement?: E_1 | undefined;
        } & (E_1 extends <T_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(p: atoms.Box.Input<T_1>) => import("react/jsx-runtime").JSX.Element | null ? atoms.Box.DefaultInput : Omit<React.PropsWithoutRef<React.ComponentProps<E_1>>, "jsxElement">)) => import("react/jsx-runtime").JSX.Element;
    };
    LaunchReactApp: (p: utils.LaunchReactApp.Input) => import("react/jsx-runtime").JSX.Element;
    $$fromRoot: (args: any) => import("jmini").default.Chains;
};
export { amotify, amotify as default };