@akanjs/ui 0.0.150 → 0.0.152

package/Field.d.ts

@@ -0,0 +1,404 @@
+import { Dayjs, Enum } from "@akanjs/base";
+import { SortType } from "@akanjs/constant";
+import { ReactNode } from "react";
+interface LabelProps {
+    className?: string;
+    label: string;
+    desc?: string;
+    unit?: string;
+    nullable?: boolean;
+    mode?: "view" | "edit";
+}
+interface FieldProps {
+    className?: string;
+    containerClassName?: string;
+    labelClassName?: string;
+    label?: string;
+    desc?: string;
+    nullable?: boolean;
+    children?: any;
+}
+export declare const Field: {
+    ({ className, containerClassName, labelClassName, label, desc, nullable, children, }: FieldProps): import("react/jsx-runtime").JSX.Element;
+    Label: ({ className, label, desc, unit, nullable, mode }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+    List: <Item>({ className, labelClassName, label, desc, value, onChange, onAdd, nullable, renderItem, }: ListProps<Item>) => import("react/jsx-runtime").JSX.Element;
+    Text: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, cache, inputClassName, inputStyleType, }: TextProps) => import("react/jsx-runtime").JSX.Element>;
+    Price: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, inputStyleType, }: PriceProps) => import("react/jsx-runtime").JSX.Element>;
+    TextArea: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, rows, minlength, maxlength, transform, validate, onPressEnter, cache, inputClassName, }: TextAreaProps) => import("react/jsx-runtime").JSX.Element>;
+    Switch: ({ label, desc, labelClassName, className, value, onChange, disabled, inputClassName, onDesc, offDesc, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    ToggleSelect: <I extends string>({ className, labelClassName, label, desc, model, field, items, value, validate, onChange, nullable, disabled, btnClassName, }: ToggleSelectProps<I>) => import("react/jsx-runtime").JSX.Element;
+    MultiToggleSelect: <I>({ className, labelClassName, label, desc, model, field, items, value, minlength, maxlength, validate, onChange, disabled, }: MultiToggleSelectProps<I>) => import("react/jsx-runtime").JSX.Element;
+    TextList: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, cache, validate, inputClassName, }: TextListProps) => import("react/jsx-runtime").JSX.Element;
+    Tags: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, validate, inputClassName, }: TagsProps) => import("react/jsx-runtime").JSX.Element;
+    Date: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, value, min, max, onChange, showTime, dateClassName, }: DateProps<Nullable>) => import("react/jsx-runtime").JSX.Element;
+    DateRange: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, from, to, min, max, onChangeFrom, onChangeTo, onChange, showTime, }: DateRangeProps<Nullable>) => import("react/jsx-runtime").JSX.Element;
+    Number: ({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, min, max, cache, transform, validate, onPressEnter, inputClassName, unit, formatter, parser, }: NumberProps) => import("react/jsx-runtime").JSX.Element;
+    DoubleNumber: ({ label, desc, labelClassName, className, value, placeholder, nullable, disabled, min, max, inputClassName, cache, separator, onChange, transform, validate, onPressEnter, }: DoubleNumberProps) => import("react/jsx-runtime").JSX.Element;
+    Email: ({ label, desc, labelClassName, className, value, onChange, cache, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, inputStyleType, }: EmailProps) => import("react/jsx-runtime").JSX.Element;
+    Phone: ({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, maxlength, cache, transform, validate, onPressEnter, inputClassName, }: PhoneProps) => import("react/jsx-runtime").JSX.Element;
+    Password: ({ label, desc, labelClassName, className, value, onChange, cache, confirmValue, onChangeConfirm, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, showConfirm, }: PasswordProps) => import("react/jsx-runtime").JSX.Element;
+    Parent: <T extends string, State, Input, Full extends {
+        id: string;
+    }, Light extends {
+        id: string;
+    }, Sort extends SortType, QueryArgs extends any[]>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, sliceName, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentProps<T, State, Input, Full, Light, Sort, QueryArgs>) => import("react/jsx-runtime").JSX.Element;
+    ParentId: <T extends string, State, Input, Full extends {
+        id: string;
+    }, Light extends {
+        id: string;
+    }, Sort extends SortType, QueryArgs extends any[]>({ label, desc, className, selectClassName, labelClassName, nullable, disabled, initArgs, sliceName, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentIdProps<T, State, Input, Full, Light, Sort, QueryArgs>) => import("react/jsx-runtime").JSX.Element;
+    Children: <T extends string, State, Input, Full extends {
+        id: string;
+    }, Light extends {
+        id: string;
+    }, Sort extends SortType, QueryArgs extends any[]>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, sliceName, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ChildrenProps<T, State, Input, Full, Light, Sort, QueryArgs>) => import("react/jsx-runtime").JSX.Element;
+    ChildrenId: <T extends string, State, Input, Full extends {
+        id: string;
+    }, Light extends {
+        id: string;
+    }, Sort extends SortType, QueryArgs extends any[]>({ label, desc, labelClassName, className, nullable, disabled, initArgs, sliceName, value, onChange, onSearch, sortOption, renderOption, }: ChildrenIdProps<T, State, Input, Full, Light, Sort, QueryArgs>) => import("react/jsx-runtime").JSX.Element;
+};
+interface ListProps<Item> {
+    className?: string;
+    labelClassName?: string;
+    label?: string;
+    desc?: string;
+    nullable?: boolean;
+    value: Item[];
+    onChange: (value: Item[]) => void;
+    onAdd: () => void;
+    renderItem: (item: Item, idx: number) => ReactNode;
+}
+interface TextProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: string | null;
+    onChange: (value: string) => void;
+    inputClassName?: string;
+    placeholder?: string;
+    nullable?: boolean;
+    cache?: boolean;
+    disabled?: boolean;
+    transform?: (value: string) => string;
+    validate?: (text: string) => boolean | string;
+    minlength?: number;
+    maxlength?: number;
+    onPressEnter?: () => void;
+    inputStyleType?: "bordered" | "borderless" | "underline";
+}
+interface PriceProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: string | null;
+    onChange: (value: string) => void;
+    inputClassName?: string;
+    placeholder?: string;
+    nullable?: boolean;
+    disabled?: boolean;
+    transform?: (value: string) => string;
+    validate?: (text: string) => boolean | string;
+    minlength?: number;
+    maxlength?: number;
+    onPressEnter?: () => void;
+    inputStyleType?: "bordered" | "borderless" | "underline";
+}
+interface TextAreaProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: string | null;
+    onChange: (value: string) => void;
+    inputClassName?: string;
+    placeholder?: string;
+    nullable?: boolean;
+    disabled?: boolean;
+    transform?: (value: string) => string;
+    validate?: (text: string) => boolean | string;
+    rows?: number;
+    minlength?: number;
+    maxlength?: number;
+    cache?: boolean;
+    onPressEnter?: () => void;
+}
+interface SwitchProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: boolean;
+    onChange: (value: boolean) => void;
+    inputClassName?: string;
+    onDesc?: string;
+    offDesc?: string;
+    disabled?: boolean;
+}
+interface ToggleSelectProps<I> {
+    className?: string;
+    labelClassName?: string;
+    label?: string;
+    desc?: string;
+    model?: string;
+    field?: string;
+    items: {
+        label: string;
+        value: I;
+    }[] | readonly I[] | I[] | Enum<I>;
+    value: I | null;
+    nullable?: boolean;
+    disabled?: boolean;
+    validate?: (value: I) => boolean | string;
+    onChange: (value: I) => void;
+    btnClassName?: string;
+}
+interface MultiToggleSelectProps<I> {
+    className?: string;
+    labelClassName?: string;
+    label?: string;
+    desc?: string;
+    model?: string;
+    field?: string;
+    items: Enum<I> | {
+        label: string;
+        value: I;
+    }[] | readonly I[] | I[];
+    value: I[];
+    disabled?: boolean;
+    minlength?: number;
+    maxlength?: number;
+    validate?: (value: I[]) => boolean | string;
+    onChange: (value: I[]) => void;
+}
+interface TextListProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: string[];
+    onChange: (value: string[]) => void;
+    inputClassName?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    cache?: boolean;
+    transform?: (value: string) => string;
+    validate?: (text: string) => boolean | string;
+    minlength?: number;
+    maxlength?: number;
+    minTextlength?: number;
+    maxTextlength?: number;
+}
+interface TagsProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: string[];
+    onChange: (value: string[]) => void;
+    inputClassName?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    transform?: (value: string) => string;
+    validate?: (text: string) => boolean | string;
+    minlength?: number;
+    maxlength?: number;
+    minTextlength?: number;
+    maxTextlength?: number;
+    secret?: boolean;
+}
+interface DateProps<Nullable extends boolean> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    nullable?: boolean;
+    className?: string;
+    min?: Dayjs;
+    max?: Dayjs;
+    value: Nullable extends true ? Dayjs | null : Dayjs;
+    showTime?: boolean;
+    onChange: (value: Dayjs) => void;
+    dateClassName?: string;
+}
+interface DateRangeProps<Nullable extends boolean> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    nullable?: Nullable;
+    className?: string;
+    min?: Dayjs;
+    max?: Dayjs;
+    from: Nullable extends true ? Dayjs | null : Dayjs;
+    to: Nullable extends true ? Dayjs | null : Dayjs;
+    showTime?: boolean;
+    onChangeFrom: (value: Dayjs) => void;
+    onChangeTo: (value: Dayjs) => void;
+    onChange?: (from: Dayjs, to: Dayjs) => void;
+}
+interface NumberProps {
+    label?: string;
+    desc?: string;
+    className?: string;
+    value: number | null;
+    placeholder?: string;
+    nullable?: boolean;
+    disabled?: boolean;
+    cache?: boolean;
+    min?: number;
+    max?: number;
+    unit?: string;
+    labelClassName?: string;
+    inputClassName?: string;
+    onChange: (value: number) => void;
+    transform?: (value: number) => number;
+    validate?: (text: number) => boolean | string;
+    onPressEnter?: () => void;
+    formatter?: (value: string) => string;
+    parser?: (value: string) => string;
+}
+interface DoubleNumberProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: [number, number] | null;
+    inputClassName?: string;
+    placeholder?: string;
+    nullable?: boolean;
+    disabled?: boolean;
+    min?: [number, number] | null;
+    max?: [number, number] | null;
+    separator?: ReactNode | string;
+    cache?: boolean;
+    onChange: (value: [number, number]) => void;
+    transform?: (value: number) => number;
+    validate?: (text: number) => boolean | string;
+    onPressEnter?: () => void;
+}
+interface EmailProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: string | null;
+    cache?: boolean;
+    onChange: (value: string) => void;
+    inputClassName?: string;
+    placeholder?: string;
+    nullable?: boolean;
+    disabled?: boolean;
+    transform?: (value: string) => string;
+    validate?: (text: string) => boolean | string;
+    minlength?: number;
+    maxlength?: number;
+    onPressEnter?: () => void;
+    inputStyleType?: "bordered" | "borderless" | "underline";
+}
+interface PhoneProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: string | null;
+    onChange: (value: string) => void;
+    inputClassName?: string;
+    placeholder?: string;
+    nullable?: boolean;
+    disabled?: boolean;
+    cache?: boolean;
+    transform?: (value: string) => string;
+    validate?: (text: string) => boolean | string;
+    minlength?: number;
+    maxlength?: number;
+    onPressEnter?: () => void;
+}
+interface PasswordProps {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    value: string | null;
+    onChange: (value: string) => void;
+    confirmValue?: string | null;
+    onChangeConfirm?: (value: string) => void;
+    inputClassName?: string;
+    placeholder?: string;
+    nullable?: boolean;
+    disabled?: boolean;
+    cache?: boolean;
+    transform?: (value: string) => string;
+    validate?: (text: string) => boolean | string;
+    minlength?: number;
+    maxlength?: number;
+    onPressEnter?: () => void;
+    showConfirm?: boolean;
+}
+interface ParentProps<T extends string, State, Input, Full, Light, Sort extends SortType, QueryArgs extends any[]> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    selectClassName?: string;
+    className?: string;
+    disabled?: boolean;
+    nullable?: boolean;
+    initArgs?: any[];
+    value: Light | null;
+    sliceName: string;
+    onChange: (value?: Light | null) => void;
+    onSearch?: (text: string) => void;
+    sortOption?: (a: Light, b: Light) => number;
+    renderOption: (model: Light) => ReactNode;
+    renderSelected?: (value: Light) => ReactNode;
+}
+interface ParentIdProps<T extends string, State, Input, Full, Light, Sort extends SortType, QueryArgs extends any[]> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    selectClassName?: string;
+    disabled?: boolean;
+    nullable?: boolean;
+    initArgs?: any[];
+    value: string | null;
+    sliceName: string;
+    onChange: (id?: string | null, model?: Light | null) => void;
+    onSearch?: (text: string) => void;
+    sortOption?: (a: Light, b: Light) => number;
+    renderOption?: (model: Light) => ReactNode;
+    renderSelected?: (value: Light) => ReactNode;
+}
+interface ChildrenProps<T extends string, State, Input, Full, Light, Sort extends SortType, QueryArgs extends any[]> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    selectClassName?: string;
+    className?: string;
+    disabled?: boolean;
+    nullable?: boolean;
+    initArgs?: any[];
+    value: Light[];
+    onChange: (value?: Light[] | null) => void;
+    onSearch?: (text: string) => void;
+    sliceName: string;
+    sortOption?: (a: Light, b: Light) => number;
+    renderOption: (model: Light) => ReactNode;
+    renderSelected?: (value: Light) => ReactNode;
+}
+interface ChildrenIdProps<T extends string, State, Input, Full, Light, Sort extends SortType, QueryArgs extends any[]> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    disabled?: boolean;
+    nullable?: boolean;
+    initArgs?: any[];
+    value: string[];
+    sliceName: string;
+    onChange: (value: string[]) => void;
+    onSearch?: (text: string) => void;
+    sortOption?: (a: Light, b: Light) => number;
+    renderOption: (model: Light) => ReactNode;
+}
+export {};

package/FontFace.d.ts

@@ -0,0 +1,6 @@
+import type { ReactFont } from "@akanjs/client";
+interface FontFaceProps {
+    font: ReactFont;
+}
+export declare const FontFace: ({ font }: FontFaceProps) => null;
+export {};

package/Image.d.ts

@@ -0,0 +1,17 @@
+import { ProtoFile } from "@akanjs/constant";
+import { ImageProps } from "next/image";
+export declare const Image: ({ src, file, className, abstractData, alt, ...props }: Omit<ImageProps, "alt" | "src"> & ({
+    src?: string;
+    file?: ProtoFile;
+    abstractData?: string;
+    alt?: string;
+} | {
+    src?: undefined;
+    abstractData?: string;
+    file: {
+        url: string;
+        imageSize: [number, number];
+        abstractData?: string | null;
+    } | null;
+    alt?: string;
+})) => import("react/jsx-runtime").JSX.Element;

package/InfiniteScroll.d.ts

@@ -0,0 +1,10 @@
+export interface InfiniteScrollProps {
+    total: number;
+    currentPage: number;
+    itemsPerPage: number;
+    onAddPage: (page: number) => Promise<void>;
+    onPageSelect: (page: any) => void;
+    children: React.ReactNode;
+    reverse?: boolean;
+}
+export declare const InfiniteScroll: ({ itemsPerPage, currentPage, total, onPageSelect, onAddPage, children, reverse, }: InfiniteScrollProps) => import("react/jsx-runtime").JSX.Element;

package/Input.d.ts

@@ -0,0 +1,85 @@
+import React, { ChangeEvent, InputHTMLAttributes, KeyboardEvent, RefObject, TextareaHTMLAttributes } from "react";
+export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+    inputStyleType?: "bordered" | "borderless" | "underline";
+    inputRef?: RefObject<HTMLInputElement>;
+    value: string;
+    nullable?: boolean;
+    cacheKey?: string;
+    icon?: React.ReactNode;
+    iconClassName?: string;
+    inputClassName?: string;
+    inputWrapperClassName?: string;
+    onPressEnter?: (value: any, event: KeyboardEvent<HTMLInputElement>) => void;
+    validate: (value: string) => boolean | string;
+    onChange?: (value: string, e?: ChangeEvent<HTMLInputElement>) => void;
+    onPressEscape?: (e: KeyboardEvent<HTMLInputElement>) => void;
+};
+export declare const Input: {
+    ({ className, nullable, inputRef, value, cacheKey, inputStyleType, icon, iconClassName, inputClassName, inputWrapperClassName, onPressEnter, onPressEscape, onChange, validate, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+    TextArea: ({ className, nullable, value, inputClassName, inputWrapperClassName, cacheKey, onPressEnter, onPressEscape, onChange, validate, ...rest }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+    Password: ({ className, nullable, value, icon, iconClassName, inputClassName, inputWrapperClassName, cacheKey, onPressEnter, onPressEscape, onChange, validate, ...rest }: PasswordProps) => import("react/jsx-runtime").JSX.Element;
+    Email: ({ inputStyleType, className, nullable, value, cacheKey, onPressEnter, onPressEscape, onChange, validate, icon, iconClassName, inputClassName, inputWrapperClassName, ...rest }: EmailProps) => import("react/jsx-runtime").JSX.Element;
+    Number: ({ className, nullable, value, icon, cacheKey, iconClassName, inputClassName, inputWrapperClassName, numberFormat, onPressEnter, onPressEscape, validate, onChange, formatter, parser, ...rest }: NumberProps) => import("react/jsx-runtime").JSX.Element;
+    Checkbox: ({ checked, onChange, className, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "type" | "onChange" | "onPressEnter"> & {
+    inputRef?: RefObject<HTMLTextAreaElement>;
+    value: string;
+    nullable?: boolean;
+    inputClassName?: string;
+    inputWrapperClassName?: string;
+    cacheKey?: string;
+    onPressEnter?: (value: string, event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    onChange?: (value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void;
+    validate: (value: string) => boolean | string;
+    onPressEscape?: (e: KeyboardEvent<HTMLTextAreaElement>) => void;
+};
+export type PasswordProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "onChange"> & {
+    value: string;
+    nullable?: boolean;
+    icon?: React.ReactNode;
+    iconClassName?: string;
+    inputClassName?: string;
+    inputWrapperClassName?: string;
+    cacheKey?: string;
+    onPressEnter?: (value: any, event: KeyboardEvent<HTMLInputElement>) => void;
+    onPressEscape?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (value: string, e?: ChangeEvent<HTMLInputElement>) => void;
+    validate: (value: string) => boolean | string;
+};
+export type EmailProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "onChange"> & {
+    inputStyleType?: "bordered" | "borderless" | "underline";
+    value: string;
+    cacheKey?: string;
+    nullable?: boolean;
+    icon?: React.ReactNode;
+    iconClassName?: string;
+    inputClassName?: string;
+    inputWrapperClassName?: string;
+    onPressEscape?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    onPressEnter?: (value: any, event: KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (value: string, e?: ChangeEvent<HTMLInputElement>) => void;
+    validate: (value: string) => boolean | string;
+};
+export type NumberProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "onChange"> & {
+    value: number | null;
+    nullable?: boolean;
+    icon?: React.ReactNode;
+    cacheKey?: string;
+    iconClassName?: string;
+    inputClassName?: string;
+    inputWrapperClassName?: string;
+    onPressEnter?: (value: any, event: KeyboardEvent<HTMLInputElement>) => void;
+    onPressEscape?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    validate?: (value: number | null) => boolean | string;
+    onChange: (value: number | null, e?: ChangeEvent<HTMLInputElement>) => void;
+    numberFormat?: boolean;
+    format?: (value: number) => string;
+    formatter?: (value: string) => string;
+    parser?: (value: string) => string;
+};
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+    className?: string;
+    checked: boolean;
+    onChange: (checked: boolean, e: ChangeEvent<HTMLInputElement>) => void;
+};

package/KeyboardAvoiding.d.ts

@@ -0,0 +1,7 @@
+interface KeyboardAvoidingProps {
+    children: any;
+    className?: string;
+    keyboardSticky?: boolean;
+}
+export declare const KeyboardAvoiding: ({ children, className }: KeyboardAvoidingProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/Layout/BottomAction.d.ts

@@ -0,0 +1,5 @@
+export interface BottomActionProps {
+    className?: string;
+    children: any;
+}
+export declare const BottomAction: ({ className, children }: BottomActionProps) => import("react/jsx-runtime").JSX.Element;

package/Layout/BottomInset.d.ts

@@ -0,0 +1,6 @@
+export interface BottomInsetProps {
+    className?: string;
+    children: any;
+    keyboardSticky?: boolean;
+}
+export declare const BottomInset: ({ className, children, keyboardSticky }: BottomInsetProps) => import("react/jsx-runtime").JSX.Element | null;

package/Layout/BottomTab.d.ts

@@ -0,0 +1,14 @@
+interface TabType {
+    name: string;
+    icon: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    notiCount?: number;
+    href: string;
+}
+export interface BottomTabProps {
+    className?: string;
+    tabs: TabType[];
+    height?: number;
+}
+export declare const BottomTab: ({ className, tabs, height }: BottomTabProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/Layout/Header.d.ts

@@ -0,0 +1,7 @@
+export interface HeaderProps {
+    className?: string;
+    type?: "static" | "hide";
+    children?: any;
+    height?: number;
+}
+export declare const Header: ({ className, type, children, height }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/Layout/LeftSider.d.ts

@@ -0,0 +1,8 @@
+export interface LeftSiderProps {
+    className?: string;
+    children: any;
+    open: boolean;
+    width?: number | string;
+    onCancel: () => void;
+}
+export declare const LeftSider: ({ className, children, open, width, onCancel }: LeftSiderProps) => import("react/jsx-runtime").JSX.Element;

package/Layout/Navbar.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export interface NavbarProps {
+    className?: string;
+    children?: ReactNode;
+    height?: number;
+    title?: ReactNode;
+    back?: ReactNode;
+    left?: ReactNode;
+    right?: ReactNode;
+}
+export declare const Navbar: ({ back, className, height, children, title, left, right }: NavbarProps) => import("react/jsx-runtime").JSX.Element | null;

package/Layout/RightSider.d.ts

@@ -0,0 +1,9 @@
+export interface RightSiderProps {
+    className?: string;
+    children: any;
+    open: boolean;
+    title?: string;
+    width?: number | string;
+    onCancel: () => void;
+}
+export declare const RightSider: ({ className, children, open, title, width, onCancel }: RightSiderProps) => import("react/jsx-runtime").JSX.Element;

package/Layout/Sider.d.ts

@@ -0,0 +1,6 @@
+export interface SiderProps {
+    className?: string;
+    bgClassName?: string;
+    children?: any;
+}
+export declare const Sider: ({ className, bgClassName, children }: SiderProps) => import("react/jsx-runtime").JSX.Element;

package/Layout/Template.d.ts

@@ -0,0 +1,5 @@
+export interface TemplateProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Template: ({ className, children }: TemplateProps) => import("react/jsx-runtime").JSX.Element;

package/Layout/TopLeftAction.d.ts

@@ -0,0 +1,5 @@
+export interface TopLeftActionProps {
+    className?: string;
+    children: any;
+}
+export declare const TopLeftAction: ({ className, children }: TopLeftActionProps) => import("react/jsx-runtime").JSX.Element | null;

package/Layout/Unit.d.ts

@@ -0,0 +1,6 @@
+export interface UnitProps {
+    className?: string;
+    children: React.ReactNode;
+    href?: string;
+}
+export declare const Unit: ({ className, children, href }: UnitProps) => import("react/jsx-runtime").JSX.Element;

package/Layout/View.d.ts

@@ -0,0 +1,5 @@
+export interface ViewProps {
+    className?: string;
+    children: any;
+}
+export declare const View: ({ className, children }: ViewProps) => import("react/jsx-runtime").JSX.Element;

package/Layout/Zone.d.ts

@@ -0,0 +1,5 @@
+export interface ZoneProps {
+    className?: string;
+    children: any;
+}
+export declare const Zone: ({ className, children }: ZoneProps) => import("react/jsx-runtime").JSX.Element;

package/Layout/index.d.ts

@@ -0,0 +1,14 @@
+export declare const Layout: {
+    Header: ({ className, type, children, height }: import("./Header").HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Sider: ({ className, bgClassName, children }: import("./Sider").SiderProps) => import("react/jsx-runtime").JSX.Element;
+    Navbar: ({ back, className, height, children, title, left, right }: import("./Navbar").NavbarProps) => import("react/jsx-runtime").JSX.Element | null;
+    BottomTab: ({ className, tabs, height }: import("./BottomTab").BottomTabProps) => import("react/jsx-runtime").JSX.Element;
+    BottomInset: ({ className, children, keyboardSticky }: import("./BottomInset").BottomInsetProps) => import("react/jsx-runtime").JSX.Element | null;
+    Template: ({ className, children }: import("./Template").TemplateProps) => import("react/jsx-runtime").JSX.Element;
+    Unit: ({ className, children, href }: import("./Unit").UnitProps) => import("react/jsx-runtime").JSX.Element;
+    View: ({ className, children }: import("./View").ViewProps) => import("react/jsx-runtime").JSX.Element;
+    Zone: ({ className, children }: import("./Zone").ZoneProps) => import("react/jsx-runtime").JSX.Element;
+    TopLeftAction: ({ className, children }: import("./TopLeftAction").TopLeftActionProps) => import("react/jsx-runtime").JSX.Element | null;
+    LeftSider: ({ className, children, open, width, onCancel }: import("./LeftSider").LeftSiderProps) => import("react/jsx-runtime").JSX.Element;
+    RightSider: ({ className, children, open, title, width, onCancel }: import("./RightSider").RightSiderProps) => import("react/jsx-runtime").JSX.Element;
+};