@solapi/ui-kit 1.0.0

package/dist/components/AuthFlow/AuthFlowGoogleOtpForm.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface AuthFlowGoogleOtpFormProps {
+    otpName?: string;
+    remainingAttemptCount?: number;
+    loading?: boolean;
+    onSubmitToken: (params: {
+        token: string;
+    }) => void;
+}
+declare const AuthFlowGoogleOtpForm: React.FC<AuthFlowGoogleOtpFormProps>;
+export default AuthFlowGoogleOtpForm;

package/dist/components/AuthFlow/AuthFlowPasswordForm.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface AuthFlowPasswordFormProps {
+    disabled?: boolean;
+    loading?: boolean;
+    remainingTryCount?: number;
+    onSubmitToken: (params: {
+        token: string;
+    }) => void;
+}
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 2차 비밀번호 입력 폼 컴포넌트
+ */
+declare const AuthFlowPasswordForm: React.FC<AuthFlowPasswordFormProps>;
+export default AuthFlowPasswordForm;

package/dist/components/AuthFlow/AuthFlowQueueItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface AuthFlowQueueItemProps {
+    queueId: string;
+}
+declare const AuthFlowQueueItem: React.FC<AuthFlowQueueItemProps>;
+export default AuthFlowQueueItem;

package/dist/components/AuthFlow/AuthFlowSelfCert.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface AuthFlowSelfCertProps {
+    userName?: string;
+    phoneNumber?: string;
+    userBirth?: string;
+    loading?: boolean;
+    onSubmitToken: ({ token }: {
+        token: string;
+    }) => void;
+}
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 본인인증 컴포넌트 (아임포트 사용)
+ */
+declare const AuthFlowSelfCert: React.FC<AuthFlowSelfCertProps>;
+export default AuthFlowSelfCert;

package/dist/components/AuthFlow/AuthFlowSimpleCert.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface AuthFlowSimpleCertProps {
+    transactionId?: string | null;
+    userName?: string;
+    userBirth?: string;
+    phoneNumber?: string;
+    loading?: boolean;
+    onSubmitToken: () => void;
+}
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 간편인증 컴포넌트 (KG이니시스)
+ */
+declare const AuthFlowSimpleCert: React.FC<AuthFlowSimpleCertProps>;
+export default AuthFlowSimpleCert;

package/dist/components/AuthFlow/AuthFlowSmsForm.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+interface RequestConfig {
+    data?: string | object;
+    [key: string]: unknown;
+}
+type Factor = 'SMS' | 'EMAIL' | 'ARS';
+interface AuthFlowSmsFormProps {
+    isSent: boolean;
+    phoneNumber?: string;
+    email?: string;
+    config?: RequestConfig;
+    factor: Factor;
+    expireAt?: string | Date | null;
+    remainingAttemptCount?: number;
+    unlockTime?: Date | string | number;
+    lastSentAt?: string | null;
+    loading?: boolean;
+    onRequestToken: (params: {
+        phoneNumber?: string;
+        email?: string;
+    }) => void;
+    onClean: () => void;
+    onSubmitToken: (params: {
+        token: string;
+    }) => void;
+    transactionId?: string | null;
+}
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description SMS/Email/ARS를 통한 인증 폼 컴포넌트
+ */
+declare const AuthFlowSmsForm: React.FC<AuthFlowSmsFormProps>;
+export default AuthFlowSmsForm;

package/dist/components/AuthFlow/AuthFlowTimer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface AuthFlowTimerProps {
+    expireAt?: string | Date | null;
+    onExpire?: () => void;
+}
+/**
+ * 만료 시간 포맷팅 (MM:SS)
+ */
+declare const formatTime: (seconds: number) => string;
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 인증 타이머 컴포넌트
+ */
+declare const AuthFlowTimer: React.FC<AuthFlowTimerProps>;
+export { formatTime };
+export default AuthFlowTimer;

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

@@ -0,0 +1,6 @@
+export { default as AuthFlowSmsForm } from './AuthFlowSmsForm';
+export { default as AuthFlowQueueItem } from './AuthFlowQueueItem';
+export { default as AuthFlowTimer, formatTime } from './AuthFlowTimer';
+export { default as AuthFlowSelfCert } from './AuthFlowSelfCert';
+export { default as AuthFlowPasswordForm } from './AuthFlowPasswordForm';
+export { default as AuthFlowSimpleCert } from './AuthFlowSimpleCert';

package/dist/components/Confirm/Confirm.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Confirm: React.FC;
+export default Confirm;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 날짜 범위 선택
+ */
+import React from 'react';
+export interface DatePickerProps {
+    /** 선택된 날짜 [시작, 종료] - YYYYMMDD 또는 YYYYMMDDHHmm */
+    selectedDate?: string[];
+    /** 시간 선택 여부 (datetime) */
+    withTime?: boolean;
+    /** 날짜 1개만 선택 (시작=종료) */
+    selectOnce?: boolean;
+    /** 한 번에 보여줄 달력 개수 */
+    viewCalendar?: number;
+    /** 완료 시 [시작, 종료] 전달 - 각 YYYYMMDD 또는 YYYYMMDDHHmm */
+    onComplete?: (result: string[]) => void;
+    /** placeholder */
+    placeholder?: string;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

package/dist/components/DatePicker/DateTimeField.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 날짜+시간 직접 입력 (년/월/일 + 옵션으로 시/분)
+ * TextInput 사용, endAdornment로 단위(년/월/일/시/분) 표시
+ */
+import React from 'react';
+export interface DateTimeFieldProps {
+    year: number;
+    month: number;
+    day: number;
+    hour?: number;
+    minute?: number;
+    withTime?: boolean;
+    onChange: (value: string) => void;
+}
+declare const DateTimeField: React.FC<DateTimeFieldProps>;
+export default DateTimeField;

package/dist/components/DatePicker/MonthCalendar.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 달력 테이블 (월별 그리드)
+ */
+import React from 'react';
+import moment from 'moment';
+export interface MonthCalendarProps {
+    currentDate: moment.Moment;
+    selectingDate: string[];
+    selectedDate: string[];
+    minRange?: moment.Moment;
+    maxRange?: moment.Moment;
+    viewCalendar?: number;
+    onClickTableTd: (date: string) => void;
+    onClickPrevMonth: () => void;
+    onClickNextMonth: () => void;
+}
+declare const MonthCalendar: React.FC<MonthCalendarProps>;
+export default MonthCalendar;

package/dist/components/DatePicker/TimeSelector.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 시간 입력 – 오전/오후, 시(12시간), 분 선택
+ */
+import React from 'react';
+export interface TimeSelectorProps {
+    label?: string;
+    value?: string;
+    minTime?: string;
+    maxTime?: string;
+    onChange: (value: string) => void;
+}
+declare const TimeSelector: React.FC<TimeSelectorProps>;
+export default TimeSelector;

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

@@ -0,0 +1,4 @@
+export { default as DatePicker } from './DatePicker';
+export { default as MonthCalendar } from './MonthCalendar';
+export { default as TimeSelector } from './TimeSelector';
+export { default as DateTimeField } from './DateTimeField';

package/dist/components/GlobalMfa/GlobalMfa.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const GlobalMfa: React.FC;
+export default GlobalMfa;

package/dist/components/ListFilter/FilterChip.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ListFilterItemData } from './ListFilter';
+export declare const NUMBER_CONDITIONS: readonly [{
+    readonly title: "와(과) 같음 (=)";
+    readonly value: "eq";
+}, {
+    readonly title: "와(과) 같지 않음 (!=)";
+    readonly value: "ne";
+}, {
+    readonly title: "보다 큼 (>)";
+    readonly value: "gt";
+}, {
+    readonly title: "보다 작음 (<)";
+    readonly value: "lt";
+}];
+declare const FilterChip: React.MemoExoticComponent<({ itemData, onClickItem, onRemoveItem }: {
+    itemData: ListFilterItemData;
+    onClickItem: (e: React.MouseEvent, ref: React.RefObject<HTMLButtonElement | null>, data: ListFilterItemData) => void;
+    onRemoveItem: (e: React.MouseEvent, ref: React.RefObject<HTMLButtonElement | null>, data: ListFilterItemData) => void;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default FilterChip;

package/dist/components/ListFilter/FilterPanelContent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ListFilterItemData } from './ListFilter';
+declare const FilterPanelContent: React.MemoExoticComponent<({ filterItemData, onClose, onChange, onClickRemove }: {
+    filterItemData: ListFilterItemData;
+    onClose: () => void;
+    onChange: (key: string, value: unknown, cond: string | string[], data: ListFilterItemData) => void;
+    onClickRemove: (key: string, data: ListFilterItemData) => void;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default FilterPanelContent;

package/dist/components/ListFilter/ListFilter.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 필터 칩 + 드롭다운 패널 (검색/리스트 필터)
+ */
+import React from 'react';
+export interface ListFilterSelectItem {
+    label: string;
+    value: string | number;
+}
+export interface ListFilterItemData {
+    key: string;
+    title: string;
+    type?: 'text' | 'number' | 'select' | 'date' | 'datetime';
+    value?: unknown;
+    cond?: string | string[];
+    items?: ListFilterSelectItem[];
+    multiple?: boolean;
+    formatPrintValue?: (v: unknown) => string;
+    onChange?: (payload: {
+        key: string;
+        value: unknown;
+        cond?: string | string[];
+        data: ListFilterItemData;
+    }) => void;
+}
+export interface ListFilterProps {
+    /** 필터 항목 정의 + 현재 값 */
+    filterData?: ListFilterItemData[];
+    /** 필터 변경 시 */
+    onChangeValue?: (newFilterData: ListFilterItemData[]) => void;
+    /** 모두 제거 시 추가 콜백 */
+    onClickRemoveAll?: () => void;
+    zIndex?: number;
+}
+export declare const hasFilterValue: (value: unknown) => boolean;
+declare const _default: React.NamedExoticComponent<ListFilterProps>;
+export default _default;

package/dist/components/ListFilter/NumberConditionSelect.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const NumberConditionSelect: React.MemoExoticComponent<({ cond, onChangeCondition }: {
+    cond: string;
+    onChangeCondition: (c: string) => void;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default NumberConditionSelect;

package/dist/components/ListFilter/SelectOptionButtons.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ListFilterSelectItem } from './ListFilter';
+declare const SelectOptionButtons: React.MemoExoticComponent<({ items, value, multiple, onChange }: {
+    items: ListFilterSelectItem[];
+    value: (string | number)[];
+    multiple?: boolean;
+    onChange: (newValue: (string | number)[], newCond: string[]) => void;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default SelectOptionButtons;

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

@@ -0,0 +1,2 @@
+export { default } from './ListFilter';
+export type { ListFilterItemData, ListFilterSelectItem, ListFilterProps } from './ListFilter';

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 드롭다운 메뉴 컴포넌트
+ */
+import React from 'react';
+export interface MenuItem {
+    key?: React.Key;
+    divider?: boolean;
+    /** 그룹 헤더 라벨 (설정 시 클릭 불가한 섹션 헤더로 렌더링) */
+    groupLabel?: string;
+    label?: React.ReactNode;
+    startIcon?: React.ReactElement;
+    endIcon?: React.ReactElement;
+    shortcut?: React.ReactNode | React.ReactNode[];
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    selected?: boolean;
+    disabled?: boolean;
+    color?: 'default' | 'error';
+}
+export interface MenuProps {
+    /** 외부에서 제어하는 열림 상태 */
+    open?: boolean;
+    /** 외부에서 제어하는 앵커 요소 */
+    anchorEl?: HTMLElement | null;
+    /** 메뉴 열림 콜백 */
+    onOpen?: () => void;
+    /** 메뉴 닫힘 콜백 */
+    onClose?: () => void;
+    /** 메뉴 아이템 목록 */
+    items?: MenuItem[];
+    /** 트리거 버튼 표시 여부 */
+    showTrigger?: boolean;
+    /** 커스텀 트리거 아이콘 */
+    icon?: React.ReactElement;
+    /** 트리거 버튼 클래스 */
+    triggerClassName?: string;
+    /** true면 wide 스타일 + shortcut 표시 */
+    wide?: boolean;
+    /** true면 컴팩트한 크기 (줄어든 패딩·폰트) */
+    dense?: boolean;
+}
+export declare const Menu: React.NamedExoticComponent<MenuProps>;
+export default Menu;

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

@@ -0,0 +1,2 @@
+export { default } from './Menu';
+export type { MenuProps, MenuItem } from './Menu';

package/dist/components/Mfa/MfaEmail.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { AxiosRequestConfig } from 'axios';
+interface MfaEmailProps {
+    mfa?: {
+        email?: string;
+    };
+    config: AxiosRequestConfig;
+    transactionId?: string | null;
+    onRequestTid: () => void;
+    onSubmitToken: (params: {
+        token: string;
+        transactionId: string;
+    }) => void;
+    onClean: () => void;
+}
+declare const MfaEmail: React.FC<MfaEmailProps>;
+export default MfaEmail;

package/dist/components/Mfa/MfaMultiCert.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+interface MfaMultiCertProps {
+    queueId: string;
+    mfa: any;
+    transactionId?: string | null;
+    certInfo?: {
+        name: string;
+        phone: string;
+        birth: string;
+    };
+    loading?: boolean;
+    onRequestTid: (params: {
+        extras?: Record<string, unknown>;
+    }) => void;
+    onClearTid: () => void;
+    onSubmitToken: (params: {
+        token: string;
+        transactionId: string;
+        extras?: Record<string, unknown>;
+    }) => void;
+}
+declare const MfaMultiCert: React.FC<MfaMultiCertProps>;
+export default MfaMultiCert;

package/dist/components/Mfa/MfaPasswordNumPad.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface MfaPasswordNumPadProps {
+    disabled?: boolean;
+    onFinish: (password: string[]) => void;
+}
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 비밀번호 입력용 숫자 패드
+ */
+declare const MfaPasswordNumPad: React.FC<MfaPasswordNumPadProps>;
+export default MfaPasswordNumPad;

package/dist/components/Mfa/MfaQueueItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { QueuedRequest } from 'stores/requestQueueStore';
+interface MfaQueueItemProps {
+    item: QueuedRequest;
+}
+declare const MfaQueueItem: React.FC<MfaQueueItemProps>;
+export default MfaQueueItem;

package/dist/components/Mfa/MfaSelfCert.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { AxiosRequestConfig } from 'axios';
+interface MfaSelfCertProps {
+    config: AxiosRequestConfig;
+    certInfo?: {
+        name: string;
+        phone: string;
+        birth: string;
+    };
+    onRequestTid: ({ config, token }: {
+        config: AxiosRequestConfig;
+        token: string;
+    }) => void;
+}
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 본인인증 컴포넌트 (아임포트 사용)
+ */
+declare const MfaSelfCert: React.FC<MfaSelfCertProps>;
+export default MfaSelfCert;

package/dist/components/Mfa/MfaSms.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { AxiosRequestConfig } from 'axios';
+type RequestConfig = AxiosRequestConfig;
+type AuthType = 'SMS' | 'EMAIL' | 'ARS';
+interface MfaSmsProps {
+    mfa?: {
+        phoneNumber?: string;
+        email?: string;
+    };
+    config?: RequestConfig;
+    authType?: AuthType;
+    expiresIn?: number;
+    unlockTime?: Date | string | number;
+    loading?: boolean;
+    onRequestTid: () => void;
+    onClean: () => void;
+    onSubmitToken: (params: {
+        token: string;
+        transactionId: string;
+    }) => void;
+    transactionId?: string | null;
+}
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description SMS/Email/ARS를 통한 MFA 인증 컴포넌트
+ */
+declare const MfaSms: React.FC<MfaSmsProps>;
+export default MfaSms;

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

@@ -0,0 +1,4 @@
+export { default as MfaSms } from './MfaSms';
+export { default as MfaPasswordNumPad } from './MfaPasswordNumPad';
+export { default as MfaSelfCert } from './MfaSelfCert';
+export { default as MfaQueueItem } from './MfaQueueItem';

package/dist/components/MiniTabs/MiniTabs.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 미니 탭 컴포넌트 (하단 커서 스타일)
+ */
+import React from 'react';
+export interface MiniTabItem {
+    label: string;
+    value: string;
+    visible?: boolean;
+    startIcon?: React.ReactNode;
+}
+export type MiniTabsSize = 'small' | 'medium' | 'large';
+export interface MiniTabsProps {
+    /** localStorage에 저장할 키 */
+    tabKey?: string;
+    /** 탭 목록 */
+    tabs: MiniTabItem[];
+    /** 현재 선택된 값 */
+    value?: string;
+    /** 탭 변경 시 호출되는 콜백 */
+    onChange?: (value: string) => void;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+    /** 탭 버튼 크기(간격) */
+    size?: MiniTabsSize;
+}
+declare const _default: React.NamedExoticComponent<MiniTabsProps>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default } from './MiniTabs';
+export type { MiniTabsProps, MiniTabItem, MiniTabsSize } from './MiniTabs';

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * @author ZoeyKang <zoey@solapi.com>
+ * @description 모달
+ */
+interface CompProps {
+}
+declare const Modal: React.FC<CompProps>;
+export default Modal;

package/dist/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * @author ZoeyKang <zoey@solapi.com>
+ * @description 스낵바 UI
+ */
+interface CompProps {
+}
+declare const Snackbar: React.FC<CompProps>;
+export default Snackbar;

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @author EdenCha <eden@nurigo.net>
+ */
+import React from 'react';
+export declare const useProps: {};
+interface TabItem {
+    label: string;
+    selectedLabel?: string;
+    value: string | number;
+    disabled?: boolean;
+}
+interface TabsProps {
+    variant?: 'default' | 'contained';
+    items?: TabItem[];
+    defaultValue?: string | number;
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    onClickDisabled?: (value: string | number) => void;
+    disabled?: boolean;
+}
+declare const _default: React.NamedExoticComponent<TabsProps>;
+export default _default;

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

@@ -0,0 +1 @@
+export { default } from './Tabs';

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+/**
+ * @author EdenCha <eden@nurigo.net>
+ * @description 공용 텍스트 입력 박스
+ */
+interface TextInputProps {
+    className?: string;
+    name?: string;
+    label?: string;
+    size?: 'small' | 'medium' | 'large';
+    align?: 'left' | 'center' | 'right';
+    type?: 'text' | 'password' | 'email' | 'tel' | 'number' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week';
+    disabled?: boolean;
+    inputRef?: React.RefObject<HTMLInputElement | HTMLTextAreaElement>;
+    value?: string;
+    bolder?: boolean;
+    required?: boolean;
+    errorMessage?: string;
+    helperText?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    multiline?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+}
+declare const TextInput: React.FC<TextInputProps>;
+export default TextInput;

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

@@ -0,0 +1,2 @@
+export { default } from './TextInput';
+export { default as TextInput } from './TextInput';

package/dist/components/common/Box.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Box Component
+ * MUI Box 대체 컴포넌트
+ */
+import React, { CSSProperties } from 'react';
+interface BoxProps {
+    children?: React.ReactNode;
+    className?: string;
+    sx?: Record<string, any>;
+    style?: CSSProperties;
+    component?: keyof JSX.IntrinsicElements;
+    onClick?: (e: React.MouseEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    mt?: number | string;
+    mb?: number | string;
+    ml?: number | string;
+    mr?: number | string;
+    m?: number | string;
+    pt?: number | string;
+    pb?: number | string;
+    pl?: number | string;
+    pr?: number | string;
+    p?: number | string;
+}
+export declare const Box: React.FC<BoxProps>;
+export default Box;

package/dist/components/common/Button.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Button Component
+ * MUI Button 대체 컴포넌트
+ */
+import React, { CSSProperties } from 'react';
+interface ButtonProps {
+    children?: React.ReactNode;
+    className?: string;
+    variant?: 'text' | 'contained' | 'outlined';
+    color?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success' | 'default';
+    size?: 'minimum' | 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    fullWidth?: boolean;
+    startIcon?: React.ReactElement;
+    endIcon?: React.ReactElement;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    type?: 'button' | 'submit' | 'reset';
+    style?: CSSProperties;
+    sx?: Record<string, any>;
+}
+export declare const Button: React.FC<ButtonProps>;
+export default Button;