@yosgo/swap-ui 1.0.141 → 2.0.0-beta.1

package/build/index.d.cts

@@ -0,0 +1,710 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import { Theme, ThemeOptions } from '@mui/material/styles';
+import { TypographyProps } from '@mui/material/Typography';
+import { BoxProps } from '@mui/material/Box';
+import { TooltipProps as TooltipProps$1 } from '@mui/material/Tooltip';
+import { PaperProps as PaperProps$1 } from '@mui/material/Paper';
+import { LinkProps as LinkProps$1 } from '@mui/material/Link';
+import { IconButtonProps as IconButtonProps$1 } from '@mui/material/IconButton';
+import { TextFieldProps as TextFieldProps$1 } from '@mui/material/TextField';
+import { CheckboxProps } from '@mui/material/Checkbox';
+import { RadioProps } from '@mui/material/Radio';
+import { SwitchProps as SwitchProps$1 } from '@mui/material/Switch';
+import { SelectChangeEvent, SelectProps as SelectProps$1 } from '@mui/material/Select';
+import { MenuItemProps as MenuItemProps$1 } from '@mui/material/MenuItem';
+import { TabProps as TabProps$1 } from '@mui/material/Tab';
+import { TabsProps as TabsProps$1 } from '@mui/material/Tabs';
+import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
+import { AutocompleteProps, AutocompleteRenderInputParams } from '@mui/material/Autocomplete';
+export { AutocompleteCloseReason } from '@mui/material/Autocomplete';
+
+interface SWAPThemeProviderProps {
+    theme?: Theme;
+    children?: React$1.ReactNode;
+}
+declare const SWAPThemeProvider: React$1.FC<SWAPThemeProviderProps>;
+
+declare const swapColors: {
+    readonly primary: {
+        readonly primary50: "#E6E9F8";
+        readonly primary100: "#C1C7ED";
+        readonly primary200: "#97A3E1";
+        readonly primary300: "#6C7FD5";
+        readonly primary400: "#4862CC";
+        readonly primary500: "#1747C2";
+        readonly primary600: "#0F3FB8";
+        readonly primary700: "#0035AC";
+        readonly primary800: "#1F3C8E";
+        readonly primary900: "#002BA1";
+        readonly primaryA11y: "#071E60";
+    };
+    readonly secondary: {
+        readonly secondary50: "#FEF8E3";
+        readonly secondary100: "#FCECB7";
+        readonly secondary200: "#FBDF8A";
+        readonly secondary300: "#FAD45C";
+        readonly secondary400: "#F9C93F";
+        readonly secondary500: "#F8C131";
+        readonly secondary600: "#F7B52C";
+        readonly secondary700: "#F6A128";
+        readonly secondary800: "#F59225";
+        readonly secondary900: "#F27521";
+        readonly secondaryA11y: "#E5640C";
+    };
+    readonly danger: {
+        readonly danger50: "#FFEBED";
+        readonly danger100: "#FFCCD0";
+        readonly danger200: "#F99894";
+        readonly danger300: "#F26E6A";
+        readonly danger400: "#FC4A43";
+        readonly danger500: "#FF3622";
+        readonly danger600: "#F32A23";
+        readonly danger700: "#E11C1E";
+        readonly danger800: "#D40F14";
+        readonly danger900: "#C60003";
+        readonly dangerA11y: "#A80003";
+    };
+    readonly success: {
+        readonly success50: "#E6F6E8";
+        readonly success100: "#C3E8C6";
+        readonly success200: "#9BD9A1";
+        readonly success300: "#70CB7A";
+        readonly success400: "#4CC05D";
+        readonly success500: "#1EB43F";
+        readonly success600: "#10A535";
+        readonly success700: "#00932A";
+        readonly success800: "#00821E";
+        readonly success900: "#006305";
+        readonly successA11y: "#015C16";
+    };
+    readonly black: {
+        readonly white: "#FFFFFF";
+        readonly black100: "#F9F9F9";
+        readonly black200: "#F6F6F6";
+        readonly black300: "#F2F2F2";
+        readonly black400: "#ECECEC";
+        readonly black500: "#CCCCCC";
+        readonly black600: "#909090";
+        readonly black700: "#6F6F6F";
+        readonly black800: "#4B4B4B";
+        readonly black900: "#2D2D2D";
+        readonly black1000: "#000000";
+    };
+};
+declare const swapRadius: {
+    readonly s: "4px";
+    readonly m: "8px";
+    readonly l: "12px";
+    readonly xl: "20px";
+};
+declare const swapShadows: {
+    readonly s: "0px 2px 4px rgba(0, 0, 0, 0.12)";
+    readonly m: "0px 4px 12px rgba(0, 0, 0, 0.1)";
+    readonly l: "0px 6px 24px rgba(0, 0, 0, 0.1)";
+    readonly xl: "0px 8px 40px rgba(0, 0, 0, 0.12)";
+};
+declare const swapBreakpoints: {
+    readonly xxs: 0;
+    readonly xs: 375;
+    readonly sm: 576;
+    readonly md: 768;
+    readonly lg: 992;
+    readonly xl: 1200;
+    readonly xxl: 1400;
+};
+declare const swapFontFamily: string;
+type SwapColors = typeof swapColors;
+
+declare module "@mui/material/styles" {
+    interface Palette {
+        swap: SwapColors;
+    }
+    interface PaletteOptions {
+        swap?: SwapColors;
+    }
+    interface BreakpointOverrides {
+        xxs: true;
+        xxl: true;
+    }
+    interface TypographyVariants {
+        d1: React$1.CSSProperties;
+        d2: React$1.CSSProperties;
+        d3: React$1.CSSProperties;
+        d4: React$1.CSSProperties;
+        title: React$1.CSSProperties;
+        subtitle: React$1.CSSProperties;
+        caption1: React$1.CSSProperties;
+        caption2: React$1.CSSProperties;
+        small1: React$1.CSSProperties;
+        small2: React$1.CSSProperties;
+        tiny1: React$1.CSSProperties;
+        tiny2: React$1.CSSProperties;
+        button_l: React$1.CSSProperties;
+        button_s: React$1.CSSProperties;
+        title_loose: React$1.CSSProperties;
+        subtitle_loose: React$1.CSSProperties;
+        body1_loose: React$1.CSSProperties;
+        body2_loose: React$1.CSSProperties;
+        caption1_loose: React$1.CSSProperties;
+        caption2_loose: React$1.CSSProperties;
+        small1_loose: React$1.CSSProperties;
+        small2_loose: React$1.CSSProperties;
+        tiny1_loose: React$1.CSSProperties;
+        tiny2_loose: React$1.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        d1?: React$1.CSSProperties;
+        d2?: React$1.CSSProperties;
+        d3?: React$1.CSSProperties;
+        d4?: React$1.CSSProperties;
+        title?: React$1.CSSProperties;
+        subtitle?: React$1.CSSProperties;
+        caption1?: React$1.CSSProperties;
+        caption2?: React$1.CSSProperties;
+        small1?: React$1.CSSProperties;
+        small2?: React$1.CSSProperties;
+        tiny1?: React$1.CSSProperties;
+        tiny2?: React$1.CSSProperties;
+        button_l?: React$1.CSSProperties;
+        button_s?: React$1.CSSProperties;
+        title_loose?: React$1.CSSProperties;
+        subtitle_loose?: React$1.CSSProperties;
+        body1_loose?: React$1.CSSProperties;
+        body2_loose?: React$1.CSSProperties;
+        caption1_loose?: React$1.CSSProperties;
+        caption2_loose?: React$1.CSSProperties;
+        small1_loose?: React$1.CSSProperties;
+        small2_loose?: React$1.CSSProperties;
+        tiny1_loose?: React$1.CSSProperties;
+        tiny2_loose?: React$1.CSSProperties;
+    }
+}
+declare module "@mui/material/Button" {
+    interface ButtonPropsVariantOverrides {
+        primary: true;
+        secondary: true;
+        tertiary: true;
+        black: true;
+        danger: true;
+    }
+}
+declare module "@mui/material/Typography" {
+    interface TypographyPropsVariantOverrides {
+        d1: true;
+        d2: true;
+        d3: true;
+        d4: true;
+        title: true;
+        subtitle: true;
+        caption1: true;
+        caption2: true;
+        small1: true;
+        small2: true;
+        tiny1: true;
+        tiny2: true;
+        button_l: true;
+        button_s: true;
+        title_loose: true;
+        subtitle_loose: true;
+        body1_loose: true;
+        body2_loose: true;
+        caption1_loose: true;
+        caption2_loose: true;
+        small1_loose: true;
+        small2_loose: true;
+        tiny1_loose: true;
+        tiny2_loose: true;
+    }
+}
+
+declare function createSwapTheme(options?: ThemeOptions): Theme;
+
+declare const swapTokenMap: Record<string, string>;
+type SwapTextColor = "primary" | "secondary" | "tertiary" | keyof typeof swapTokenMap;
+
+interface SwapTypographyProps {
+    variant?: TypographyProps["variant"];
+    color?: SwapTextColor;
+    mode?: "" | "dark";
+    children?: React$1.ReactNode;
+    style?: React$1.CSSProperties;
+}
+declare const Typography: React$1.FC<SwapTypographyProps>;
+
+interface ChipProps extends Omit<BoxProps, "color"> {
+    variant?: "neutral" | "primary" | "success" | "danger";
+    outlined?: boolean;
+    contained?: boolean;
+    width?: string | number;
+    height?: string | number;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+}
+
+declare const Chip: React$1.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface CircularProgressProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    dark?: boolean;
+    size?: number | string;
+    thickness?: number;
+}
+
+declare const CircularProgress: React$1.ForwardRefExoticComponent<CircularProgressProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface TooltipProps extends Omit<TooltipProps$1, "children"> {
+    children: React$1.ReactElement;
+    dark?: boolean;
+    light?: boolean;
+    arrow?: boolean;
+    margin?: string | number;
+    marginTop?: number;
+    marginBottom?: number;
+    marginRight?: number;
+    marginLeft?: number;
+    width?: number | string;
+    childrenStyle?: React$1.CSSProperties;
+}
+
+declare const Tooltip: React$1.FC<TooltipProps>;
+
+interface ContainerProps extends Omit<BoxProps, "maxWidth" | "padding"> {
+    maxWidth?: number | "lg" | "xl" | "xxl";
+    padding?: number | "xxs" | "xs" | "sm" | "md";
+}
+
+declare const Container: React$1.ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface PaperProps extends PaperProps$1 {
+    width?: number | string;
+    height?: number | string;
+}
+
+declare const Paper: React$1.ForwardRefExoticComponent<Omit<PaperProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface LinkProps extends Omit<LinkProps$1, "color"> {
+    /** SWAP token 名（如 primary400）；非 token 一律 black1000 */
+    color?: string;
+}
+
+declare const Link: React$1.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+
+interface IconButtonProps extends IconButtonProps$1 {
+    width?: number | string;
+    height?: number | string;
+    /** hover 底色：SWAP token 名或任意 CSS 色，預設 black400 */
+    hoverColor?: string;
+    /** hover 時 svg path 的 fill：token 名或任意 CSS 色 */
+    hoverIconColor?: string;
+}
+
+declare const IconButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface BreadcrumbProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    children: React$1.ReactNode[];
+    separator?: React$1.ReactNode;
+    maxItems?: number;
+}
+
+declare const Breadcrumb: React$1.ForwardRefExoticComponent<BreadcrumbProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface BreadcrumbItemProps extends LinkProps {
+    last?: boolean;
+}
+
+declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+
+type TextFieldProps = Omit<TextFieldProps$1, "variant"> & {
+    width?: number | string;
+    height?: number | string;
+};
+
+declare const TextField: React$1.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface CheckBoxProps extends CheckboxProps {
+    label?: React.ReactNode;
+    labelPlacement?: "top" | "start" | "bottom" | "end";
+    disableHover?: boolean;
+}
+
+declare const CheckBox: React$1.ForwardRefExoticComponent<Omit<CheckBoxProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface RadioButtonProps extends RadioProps {
+    label?: React.ReactNode;
+    labelPlacement?: "top" | "start" | "bottom" | "end";
+    disableHover?: boolean;
+}
+
+declare const RadioButton: React$1.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface SwitchProps extends SwitchProps$1 {
+}
+
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface SelectProps {
+    children?: React$1.ReactNode;
+    style?: React$1.CSSProperties;
+    disabled?: boolean;
+    helperText?: React$1.ReactNode;
+    error?: boolean;
+    fullWidth?: boolean;
+    type?: string;
+    /** 傳入底層 input 的屬性（v1 的 InputProps，對應 MUI Select 的 inputProps） */
+    InputProps?: object;
+    /** @deprecated v1 起即無作用，僅為型別相容保留 */
+    label?: string;
+    /** @deprecated v1 起即無作用，僅為型別相容保留 */
+    rows?: number | string;
+    /** @deprecated v1 起即無作用，僅為型別相容保留 */
+    rowsMax?: number | string;
+    /** @deprecated v1 起即無作用，僅為型別相容保留 */
+    multiline?: boolean;
+    /** @deprecated v1 起即無作用，僅為型別相容保留 */
+    select?: boolean;
+    value?: unknown;
+    onChange?: (event: SelectChangeEvent<unknown>, child: React$1.ReactNode) => void;
+    autoFocus?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    defaultValue?: unknown;
+    width?: number | string;
+    height?: number;
+    vertical?: "top" | "center" | "bottom" | number;
+    horizontal?: "left" | "center" | "right" | number;
+    open?: boolean;
+    placeholderStyle?: React$1.CSSProperties;
+    selectStyle?: React$1.CSSProperties;
+    helperTextStyle?: React$1.CSSProperties;
+    onClick?: React$1.MouseEventHandler<HTMLDivElement>;
+    transformOrigin?: {
+        horizontal: "center" | "left" | "right" | number;
+        vertical: "bottom" | "center" | "top" | number;
+    };
+    paddingLeft?: number;
+    paddingTop?: number;
+    dropdown?: boolean;
+}
+
+declare const Select: React$1.FC<SelectProps>;
+
+interface MenuItemProps extends MenuItemProps$1 {
+    /** @deprecated MUI v4 遺留 prop，v9 已無作用，僅為型別相容保留 */
+    button?: true;
+    width?: number | string;
+    height?: number | string;
+    hoverBackgroundColor?: string;
+    hoverFontColor?: string;
+    hoverIconColor?: string;
+    rippleColor?: string;
+    iconChildren?: React.ReactNode;
+}
+
+declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+
+interface TabProps extends TabProps$1 {
+    selected?: boolean;
+    width?: number | string;
+    height?: number | string;
+    margin?: number | string;
+    fontSize?: number | string;
+    noIndicator?: boolean;
+    animation?: boolean;
+}
+interface TabsProps extends TabsProps$1 {
+}
+interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    index: number | string;
+    value: number | string;
+}
+
+declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const TabPanel: React$1.FC<TabPanelProps>;
+
+interface BannerProps extends BoxProps {
+    variant?: "info" | "normal" | "success" | "warning" | "error";
+    mobile?: boolean;
+    width?: string | number;
+    height?: string | number;
+    icon?: React.ReactNode;
+}
+
+declare const Banner: React$1.ForwardRefExoticComponent<Omit<BannerProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface CardButtonItem {
+    title?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    variant?: "primary" | "secondary" | "text" | "tertiary" | "black" | "danger";
+    loading?: boolean;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+}
+interface CardProps extends BoxProps {
+    width?: number | string;
+    height?: number | string;
+    bodyStyle?: React.CSSProperties;
+    buttons?: CardButtonItem[];
+    loading?: boolean;
+}
+
+declare const Card: React$1.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ProgressProps extends Omit<BoxProps, "onClick"> {
+    /** 目前進行到第幾步（1 起算） */
+    step: number;
+    /** 總步數 */
+    count: number;
+    /** 各步驟下方標籤 */
+    label?: React.ReactNode[];
+    /** 步驟圓直徑，預設 24 */
+    size?: number | string;
+    width?: number | string;
+}
+
+declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type ModalButtonTooltip = Omit<TooltipProps, "children">;
+interface ModalButtonItem {
+    title?: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+    variant?: "primary" | "secondary" | "text" | "tertiary" | "black" | "danger";
+    loading?: boolean;
+    tooltip?: ModalButtonTooltip;
+}
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    helpText?: React.ReactNode;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: "medium" | "large" | "small" | "extraSmall";
+    width?: string | number;
+    maxWidth?: string | number;
+    height?: string | number;
+    mobile?: boolean;
+    fullWidth?: boolean;
+    fullScreen?: boolean;
+    multiline?: boolean;
+    checked?: boolean;
+    failed?: boolean;
+    icon?: React.ReactNode;
+    /** icon/checked/failed 圖示顏色（SWAP token 名） */
+    iconColor?: string;
+    checkIconColor?: string;
+    headpadding?: number | string;
+    headChildren?: React.ReactNode;
+    titleStyle?: React.CSSProperties;
+    bodyStyle?: React.CSSProperties;
+    bodyPadding?: number;
+    bodyMaxHeight?: number | string;
+    label?: React.ReactNode;
+    buttonFullWidth?: boolean;
+    footerDisplayColumn?: boolean;
+    secondaryButton?: ModalButtonItem;
+    primaryButton?: ModalButtonItem;
+    disUnderLine?: boolean;
+    disCloseIcon?: boolean;
+    /** 退場鎖定：內容變暗、不可互動 */
+    onExit?: boolean;
+}
+
+declare const Modal: React$1.ForwardRefExoticComponent<ModalProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SnackbarProps extends SnackbarProps$1 {
+    transitionDirection?: "left" | "right" | "up" | "down";
+    width?: string | number;
+    height?: string | number;
+    variant?: "success" | "error";
+    revertButton?: {
+        label?: React.ReactNode;
+        onClick?: () => void;
+    };
+    closeIcon?: {
+        icon?: React.ReactNode;
+        hoverColor?: string;
+        onClick?: () => void;
+    };
+    icon?: React.ReactNode;
+    checkIcon?: boolean;
+    errorIcon?: boolean;
+}
+
+declare const Snackbar: React$1.FC<SnackbarProps>;
+
+interface RadioListProps extends Omit<BoxProps, "title"> {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    checked: boolean;
+    /** title 下方顯示 subtitle（窄卡模式） */
+    multiline?: boolean;
+    /** title 與 subtitle 以直線分隔（寬卡模式） */
+    line?: boolean;
+    width?: string | number;
+    height?: string | number;
+}
+interface CheckBoxListProps extends RadioListProps {
+}
+
+declare const RadioList: React$1.ForwardRefExoticComponent<Omit<RadioListProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const CheckBoxList: React$1.ForwardRefExoticComponent<Omit<CheckBoxListProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type BaseProps = Omit<AutocompleteProps<unknown, true, boolean | undefined, boolean | undefined>, "title" | "renderInput" | "open" | "value">;
+interface AutoCompleteProps extends Partial<BaseProps> {
+    /** Popper 是否開啟（此元件為常開選單型，由使用端控制） */
+    open?: boolean;
+    /** Popper 位置（v1 宣告但未生效；v2 起實際生效，預設 bottom-start） */
+    placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
+    anchorEl?: null | HTMLElement;
+    title?: React$1.ReactNode;
+    placeholder?: string;
+    width?: string | number;
+    optionsMaxHeight?: string | number;
+    /** 調整 Popper 位置（對應 v1：margin 偏移，預設 vertical -65 / horizontal 0） */
+    anchorOrigin?: {
+        horizontal?: string | number;
+        vertical?: string | number;
+    };
+    /** 已選中的顯示內容（有值時顯示已選面板） */
+    value?: React$1.ReactNode;
+    /** 關閉自由輸入（無選項時只顯示「無此選項」） */
+    disableFreeInput?: boolean;
+    /** 自由輸入連結文案（預設「使用」） */
+    addNewOptionsText?: string;
+    /** 使用者點「使用 『輸入值』」時回呼 */
+    handleNoOptionsValueChange?: (inputValue: string) => void;
+    helperText?: React$1.ReactNode;
+    renderInput?: (params: AutocompleteRenderInputParams) => React$1.ReactNode;
+}
+
+declare const AutoComplete: React$1.FC<AutoCompleteProps>;
+
+interface DropdownProps extends Omit<SelectProps$1, "variant"> {
+    width?: number | string;
+    height?: number;
+    helperText?: React.ReactNode;
+    helperTextStyle?: React.CSSProperties;
+    formControlStyle?: React.CSSProperties;
+}
+
+declare const Dropdown: React$1.FC<DropdownProps>;
+
+interface SegmentedTabProps extends TabProps$1 {
+    width?: number | string;
+    height?: number | string;
+    fontSize?: number | string;
+    flex?: number;
+}
+interface SegmentedTabsProps extends TabsProps$1 {
+    width?: number | string;
+    /** 選中底色以 indicator 滑動呈現（切換時有滑動動畫） */
+    slide?: boolean;
+}
+
+declare const SegmentedTab: React$1.ForwardRefExoticComponent<Omit<SegmentedTabProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const SegmentedTabs: React$1.ForwardRefExoticComponent<Omit<SegmentedTabsProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SWAPLogoProps {
+    /** BIZ 版 logo */
+    business?: boolean;
+    /** 深色背景用（白字版） */
+    dark?: boolean;
+    size?: "small" | "middle" | "large" | string | number;
+    width?: number | string;
+    height?: number | string;
+    /** BIZ 中文版 */
+    chinese?: boolean;
+    /** 黑白版 */
+    black?: boolean;
+    /** 只顯示圖示 */
+    iconOnly?: boolean;
+}
+
+declare const SWAPLogo: React$1.FC<SWAPLogoProps>;
+
+interface SWAPShareProps {
+    url?: string;
+    emailSubject?: string;
+    sharedContent?: string;
+    size?: number;
+}
+
+declare const SWAPShare: React$1.FC<SWAPShareProps>;
+
+type TaxFiledValueProps = {
+    incomeCode: IncomeCodeProps;
+    incomeLabel: string;
+    expenseCode: ExpenseCodeProps;
+    expenseLabel: string;
+    taxDescription: string;
+    expenseCodeAndLabel: string;
+};
+interface TaxTextFieldProps {
+    onChange?: (value: TaxFiledValueProps) => void;
+    codeOnClick?: () => void;
+    domainOnClick?: () => void;
+    codeValue?: any;
+    domainValue?: any;
+    domainCodeValue?: any;
+    codeError?: boolean;
+    codeHelperText?: React__default.ReactNode;
+    domainError?: boolean;
+    domainHelperText?: React__default.ReactNode;
+    mobile?: boolean;
+    codeFocused?: boolean;
+    domainFocused?: boolean;
+}
+type IncomeCodeProps = "9A" | "9B" | "50";
+type ExpenseCodeProps = "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24" | "25" | "26" | "27" | "28" | "29" | "30" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | "41" | "42" | "43" | "44" | "45" | "46" | "47" | "48" | "49" | "50" | "51" | "52" | "53" | "54" | "55" | "56" | "57" | "58" | "59" | "60" | "61" | "62" | "63" | "64" | "65" | "66" | "67" | "68" | "69" | "70" | "71" | "72" | "73" | "74" | "75" | "76" | "77" | "78" | "79" | "80" | "81" | "82" | "83" | "84" | "85" | "86" | "87" | "88" | "89" | "90" | "91" | "92" | "93" | "94" | "95" | "96" | "97" | "98" | "99" | "" | undefined;
+
+declare const TaxTextField: React$1.FC<TaxTextFieldProps>;
+
+interface DatePickerProps {
+    /** 選擇精度：年 / 月 / 日（預設 day） */
+    format?: "year" | "month" | "day";
+    open?: boolean;
+    onClose?: () => void;
+    mobile?: boolean;
+    ModalProps?: Omit<ModalProps, "open" | "onClose">;
+    /** 最小/最大可選日期（YYYY-MM-DD 等 dayjs 可解析字串） */
+    min?: string;
+    max?: string;
+    defaultValue?: string;
+    value?: string;
+    /** 選定回呼；字串格式沿 v1：year "YYYY"、month "YYYY-M"、day "YYYY-M-D"（不補零） */
+    getValue?: (date: string) => void;
+}
+
+declare const DatePicker: React$1.FC<DatePickerProps>;
+
+declare const SWAPIncomeTypes: Array<{
+    code: IncomeCodeProps;
+    label: string;
+}>;
+declare const SWAPExpenseTypes: Array<{
+    code: ExpenseCodeProps;
+    source: IncomeCodeProps;
+    label: string;
+    expenseRatio: string;
+}>;
+declare const SWAPTaxIncomeLabel: (incomeCode: IncomeCodeProps) => string;
+declare const SWAPTaxExpenseLabel: (expenseCode: ExpenseCodeProps) => string;
+declare const SWAPTaxDescription: (incomeCode: IncomeCodeProps, expenseCode: ExpenseCodeProps) => string;
+
+/**
+ * v1 相容的斷點 hook：回傳視窗寬度是否 ≥ 指定斷點。
+ * 斷點名對應 xxs 0 / xs 375 / sm 576 / md 768 / lg 992 / xl 1200 / xxl 1400，亦可傳任意 px 數字。
+ */
+declare function useBreakpoints(breakpoint?: keyof typeof swapBreakpoints | number): boolean;
+
+declare const SWAP_UI_VERSION = "2.0.0-beta.1";
+
+export { AutoComplete, type AutoCompleteProps, Banner, type BannerProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, Card, type CardButtonItem, type CardProps, CheckBox, CheckBoxList, type CheckBoxListProps, type CheckBoxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, Container, type ContainerProps, DatePicker, type DatePickerProps, Dropdown, type DropdownProps, type ExpenseCodeProps, IconButton, type IconButtonProps, type IncomeCodeProps, Link, type LinkProps, MenuItem, type MenuItemProps, Modal, type ModalButtonItem, type ModalProps, Paper, type PaperProps, Progress, type ProgressProps, RadioButton, type RadioButtonProps, RadioList, type RadioListProps, SWAPExpenseTypes, SWAPIncomeTypes, SWAPLogo, type SWAPLogoProps, SWAPShare, type SWAPShareProps, SWAPTaxDescription, SWAPTaxExpenseLabel, SWAPTaxIncomeLabel, SWAPThemeProvider, type SWAPThemeProviderProps, SWAP_UI_VERSION, SegmentedTab, type SegmentedTabProps, SegmentedTabs, type SegmentedTabsProps, Select, type SelectProps, Snackbar, type SnackbarProps, type SwapColors, type SwapTypographyProps, Switch, type SwitchProps, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TaxFiledValueProps, TaxTextField, type TaxTextFieldProps, TextField, type TextFieldProps, Tooltip, type TooltipProps, Typography, createSwapTheme, swapBreakpoints, swapColors, swapFontFamily, swapRadius, swapShadows, useBreakpoints };