akanjs 2.2.4 → 2.2.5

package/types/ui/Field.d.ts

@@ -0,0 +1,411 @@
+import { type Dayjs, type EnumInstance } from "akanjs/base";
+import type { SliceMeta } from "akanjs/fetch";
+import { type ReactNode } from "react";
+interface LabelProps {
+    className?: string;
+    label: string;
+    desc?: string;
+    unit?: string;
+    nullable?: boolean;
+    mode?: "view" | "edit";
+}
+export interface FieldProps {
+    /** Additional classes for the outer field wrapper. */
+    className?: string;
+    /** Additional classes for the children container. */
+    containerClassName?: string;
+    /** Additional classes for the label row. */
+    labelClassName?: string;
+    /** Field label shown above the control. */
+    label?: string;
+    /** Optional help text shown in the label tooltip. */
+    desc?: string;
+    /** Marks the field as optional in the label. */
+    nullable?: boolean;
+    /** Field control content. */
+    children?: ReactNode;
+}
+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 | number | boolean | null>({ className, labelClassName, label, desc, items, value, validate, onChange, nullable, disabled, btnClassName, }: ToggleSelectProps<I>) => import("react/jsx-runtime").JSX.Element;
+    MultiToggleSelect: <I extends string | number | boolean>({ className, labelClassName, label, desc, 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;
+    }>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentProps<T, State, Input, Full, Light>) => import("react/jsx-runtime").JSX.Element;
+    ParentId: <T extends string, State, Input, Full extends {
+        id: string;
+    }, Light extends {
+        id: string;
+    }>({ label, desc, className, selectClassName, labelClassName, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ParentIdProps<T, State, Input, Full, Light>) => import("react/jsx-runtime").JSX.Element;
+    Children: <T extends string, State, Input, Full extends {
+        id: string;
+    }, Light extends {
+        id: string;
+    }>({ label, desc, labelClassName, selectClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, renderSelected, }: ChildrenProps<T, State, Input, Full, Light>) => import("react/jsx-runtime").JSX.Element;
+    ChildrenId: <T extends string, State, Input, Full extends {
+        id: string;
+    }, Light extends {
+        id: string;
+    }>({ label, desc, labelClassName, className, nullable, disabled, initArgs, slice, value, onChange, onSearch, sortOption, renderOption, }: ChildrenIdProps<T, State, Input, Full, Light>) => 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;
+        disabled?: boolean;
+    }[] | readonly I[] | I[] | EnumInstance<string, I>;
+    value: I;
+    nullable?: boolean;
+    disabled?: boolean;
+    validate?: (value: I) => boolean | string;
+    onChange: (value: I) => void;
+    btnClassName?: string;
+}
+interface MultiToggleSelectProps<I extends string | number | boolean> {
+    className?: string;
+    labelClassName?: string;
+    label?: string;
+    desc?: string;
+    items: EnumInstance<string, I> | {
+        label: string;
+        value: I;
+        disabled?: boolean;
+    }[] | 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> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    selectClassName?: string;
+    className?: string;
+    disabled?: boolean;
+    nullable?: boolean;
+    initArgs?: any[];
+    value: Light | null;
+    slice: SliceMeta;
+    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> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    selectClassName?: string;
+    disabled?: boolean;
+    nullable?: boolean;
+    initArgs?: any[];
+    value: string | null;
+    slice: SliceMeta;
+    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> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    selectClassName?: string;
+    className?: string;
+    disabled?: boolean;
+    nullable?: boolean;
+    initArgs?: any[];
+    value: Light[];
+    onChange: (value: Light[]) => void;
+    onSearch?: (text: string) => void;
+    slice: SliceMeta;
+    sortOption?: (a: Light, b: Light) => number;
+    renderOption: (model: Light) => ReactNode;
+    renderSelected?: (value: Light) => ReactNode;
+}
+interface ChildrenIdProps<T extends string, State, Input, Full, Light> {
+    label?: string;
+    desc?: string;
+    labelClassName?: string;
+    className?: string;
+    disabled?: boolean;
+    nullable?: boolean;
+    initArgs?: any[];
+    value: string[];
+    slice: SliceMeta;
+    onChange: (value: string[]) => void;
+    onSearch?: (text: string) => void;
+    sortOption?: (a: Light, b: Light) => number;
+    renderOption: (model: Light) => ReactNode;
+}
+export {};

package/types/ui/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/types/ui/Image.d.ts

@@ -0,0 +1,49 @@
+import type { ProtoFile } from "akanjs/constant";
+import type { ImgHTMLAttributes } from "react";
+type ImageLikeFile = ProtoFile | {
+    url: string;
+    imageSize: [number, number];
+    abstractData?: string | null;
+} | null;
+type NativeImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "alt" | "src" | "srcSet"> & {
+    /** Fill the parent box when the renderer supports fill-style images. */
+    fill?: boolean;
+    /** Placeholder mode passed through to image renderers. */
+    placeholder?: string;
+    /** Base64 or low-quality preview data used for blur placeholders. */
+    blurDataURL?: string;
+};
+type AkanImageProps = NativeImageProps & {
+    /** Direct image URL. Takes precedence over file.url. */
+    src?: string;
+    /** Akan file object or file-like value with url and imageSize metadata. */
+    file?: ImageLikeFile;
+    /** Low-quality preview data. Overrides file.abstractData when provided. */
+    abstractData?: string;
+    /** Accessible alt text. Defaults to "image" when omitted. */
+    alt?: string;
+    /** Image optimizer quality. Defaults to 75. */
+    quality?: number;
+    /** Mark image as high priority and eager-loading. */
+    priority?: boolean;
+    /** Preload image resource in SSR mode. */
+    preload?: boolean;
+    /** Skip Akan image optimization and use the original src. */
+    unoptimized?: boolean;
+};
+export declare const Image: ({ src, file, className, abstractData, alt, quality, priority, preload, unoptimized, ...props }: AkanImageProps & ({
+    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;
+export {};

package/types/ui/InfiniteScroll.d.ts

@@ -0,0 +1,10 @@
+export interface InfiniteScrollProps {
+    total: number;
+    currentPage: number;
+    itemsPerPage: number;
+    onAddPage: (page: number) => Promise<void>;
+    onPageSelect: (page: number) => 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/types/ui/Input.d.ts

@@ -0,0 +1,95 @@
+import React, { type ChangeEvent, type InputHTMLAttributes, type KeyboardEvent, type RefObject, type TextareaHTMLAttributes } from "react";
+export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+    /** Visual input style. */
+    inputStyleType?: "bordered" | "borderless" | "underline";
+    /** Ref forwarded to the native input element. */
+    inputRef?: RefObject<HTMLInputElement | null>;
+    /** Controlled input value. */
+    value: string;
+    /** Allow empty value without warning status. */
+    nullable?: boolean;
+    /** Session storage key used to persist typed text. */
+    cacheKey?: string;
+    /** Optional leading icon. */
+    icon?: React.ReactNode;
+    iconClassName?: string;
+    inputClassName?: string;
+    inputWrapperClassName?: string;
+    /** Called when Enter is pressed. */
+    onPressEnter?: (value: any, event: KeyboardEvent<HTMLInputElement>) => void;
+    /** Returns true for valid input, false/string for invalid input. */
+    validate?: (value: string) => boolean | string;
+    /** Controlled value change callback. */
+    onChange?: (value: string, e?: ChangeEvent<HTMLInputElement>) => void;
+    /** Called when Escape is pressed after blurring the input. */
+    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 | null>;
+    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/types/ui/KeyboardAvoiding.d.ts

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

package/types/ui/Layout/BottomAction.d.ts

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

package/types/ui/Layout/BottomInset.d.ts

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

package/types/ui/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/types/ui/Layout/Header.d.ts

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

package/types/ui/Layout/LeftSider.d.ts

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

package/types/ui/Layout/Navbar.d.ts

@@ -0,0 +1,11 @@
+import { type 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/types/ui/Layout/RightSider.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+export interface RightSiderProps {
+    className?: string;
+    children: ReactNode;
+    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/types/ui/Layout/Sider.d.ts

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

package/types/ui/Layout/Template.d.ts

@@ -0,0 +1,7 @@
+export interface TemplateProps {
+    /** Additional classes merged with the default vertical form/template spacing. */
+    className?: string;
+    /** Template content, usually Field components in a model form. */
+    children?: React.ReactNode;
+}
+export declare const Template: ({ className, children }: TemplateProps) => import("react/jsx-runtime").JSX.Element;