@amstfn/td-design-system 0.3.0

package/dist/index.d.ts

@@ -0,0 +1,2463 @@
+import { AlertProps } from 'antd';
+import { AutoCompleteProps } from 'antd';
+import { ButtonProps } from 'antd';
+import { CheckboxGroupProps } from 'antd/es/checkbox';
+import { CheckboxProps } from 'antd';
+import { CheckboxRef } from 'antd';
+import { CollapseProps } from 'antd';
+import { ComponentProps } from 'react';
+import { ComponentPropsWithRef } from 'react';
+import { DatePickerProps } from 'antd';
+import { FloatButtonGroupProps } from 'antd';
+import { FloatButtonProps } from 'antd';
+import { InputProps } from 'antd';
+import { InputRef } from 'antd';
+import { JSX } from 'react';
+import { LinkProps } from 'antd/es/typography/Link';
+import { MemoExoticComponent } from 'react';
+import { ModalProps } from 'antd';
+import { NamedExoticComponent } from 'react';
+import { ParagraphProps } from 'antd/es/typography/Paragraph';
+import { Radio } from 'antd';
+import { RadioButtonProps } from 'antd/es/radio/radioButton';
+import { RadioGroupProps } from 'antd';
+import { RadioProps } from 'antd';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import { RefAttributes } from 'react';
+import { SelectProps } from 'antd';
+import { Skeleton } from 'antd';
+import { SkeletonImageProps } from 'antd/es/skeleton/Image';
+import { SkeletonNodeProps } from 'antd/es/skeleton/Node';
+import { SkeletonProps } from 'antd';
+import { TagProps } from 'antd';
+import { TextProps } from 'antd/es/typography/Text';
+import { ThemeConfig } from 'antd';
+import { TitleProps } from 'antd/es/typography/Title';
+
+export declare const createTdTheme: (mode?: TdThemeMode, _direction?: TdDirection, themeOptions?: ThemeConfig) => ThemeConfig;
+
+export declare const TdAlert: NamedExoticComponent<TdAlertProps>;
+
+declare type TdAlertOwnedProp = "type" | "variant" | "message";
+
+export declare interface TdAlertProps extends Omit<AlertProps, TdAlertOwnedProp> {
+    /** Figma Type. Defaults to success. */
+    type?: TdAlertType;
+    /** Figma Variant. Defaults to filled. */
+    variant?: TdAlertVariant;
+}
+
+export declare type TdAlertType = (typeof TdAlertTypes)[keyof typeof TdAlertTypes];
+
+/** Figma Type axis. */
+export declare const TdAlertTypes: {
+    readonly success: "success";
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly error: "error";
+};
+
+export declare type TdAlertVariant = (typeof TdAlertVariants)[keyof typeof TdAlertVariants];
+
+/** Figma Variant axis. The Alert page only specifies filled. */
+export declare const TdAlertVariants: {
+    readonly filled: "filled";
+};
+
+/** IRI-TAX Figma variables. Collection: alias. Mode: Light. */
+export declare const TdAlias: {
+    readonly fontStyle: {
+        readonly reqularItalic: "Reqular Italic";
+        readonly semiboldItalic: "Semibold Italic";
+        readonly regularItalic: "Regular Italic";
+        readonly mediumItalic: "Medium Italic";
+    };
+    readonly layout: {
+        readonly sidebarWidthMD: 256;
+        readonly sidebarWidthSm: 180;
+        readonly sidebarWidthLG: 360;
+        readonly sidebarCollapsedWidth: 48;
+        readonly colorBgSidebar: "#FBFBFB";
+        readonly headerHeight: 44;
+        readonly footerHeight: 34;
+    };
+    readonly opacity: {
+        readonly "0": 0;
+        readonly "1": 2;
+        readonly "2": 4;
+        readonly "3": 6;
+        readonly "4": 8;
+        readonly "5": 10;
+        readonly "6": 12;
+        readonly "7": 16;
+        readonly "8": 20;
+        readonly "9": 25;
+        readonly "10": 30;
+        readonly "11": 35;
+        readonly "12": 40;
+        readonly "13": 45;
+        readonly "14": 50;
+        readonly "15": 55;
+        readonly "16": 60;
+        readonly "17": 65;
+        readonly "18": 70;
+        readonly "19": 75;
+        readonly "20": 80;
+        readonly "21": 85;
+        readonly "22": 90;
+        readonly "23": 95;
+    };
+    readonly colorLink: "#1677FF";
+    readonly colorSplit: "#EEEFF1";
+    readonly fontSizeIcon: 12;
+    readonly controlInteractiveSize: 16;
+    readonly paddingXL: 32;
+    readonly paddingLG: 24;
+    readonly paddingMD: 20;
+    readonly padding: 16;
+    readonly paddingSM: 12;
+    readonly paddingXS: 8;
+    readonly paddingXXS: 4;
+    readonly marginXXL: 48;
+    readonly marginXL: 32;
+    readonly marginLG: 24;
+    readonly marginMD: 20;
+    readonly margin: 16;
+    readonly marginSM: 12;
+    readonly marginXS: 8;
+    readonly marginXXS: 4;
+    readonly controlPaddingHorizontal: 12;
+    readonly controlPaddingHorizontalSM: 8;
+    readonly paddingContentHorizontalLG: 24;
+    readonly paddingContentVerticalLG: 16;
+    readonly paddingContentHorizontal: 16;
+    readonly paddingContentVertical: 12;
+    readonly paddingContentHorizontalSM: 16;
+    readonly paddingContentVerticalSM: 8;
+    readonly colorLinkHover: "#69B1FF";
+    readonly colorLinkActive: "#0958D9";
+    readonly colorFillContent: "rgba(0, 0, 0, 0.06)";
+    readonly colorFillContentHover: "rgba(0, 0, 0, 0.15)";
+    readonly colorFillAlter: "rgba(0, 0, 0, 0.02)";
+    readonly colorBgContainerDisabled: "rgba(0, 0, 0, 0.04)";
+    readonly colorBorderBg: "#FFFFFF";
+    readonly colorTextPlaceholder: "rgba(0, 0, 0, 0.25)";
+    readonly colorTextDisabled: "rgba(0, 0, 0, 0.25)";
+    readonly colorTextHeading: "rgba(0, 0, 0, 0.88)";
+    readonly colorTextLabel: "rgba(0, 0, 0, 0.65)";
+    readonly colorTextDescription: "rgba(0, 0, 0, 0.45)";
+    readonly colorTextLightSolid: "#FFFFFF";
+    readonly colorHighlight: "#FFA39E";
+    readonly colorBgTextHover: "rgba(0, 0, 0, 0.06)";
+    readonly colorBgTextActive: "rgba(0, 0, 0, 0.15)";
+    readonly colorIcon: "rgba(0, 0, 0, 0.45)";
+    readonly colorIconHover: "rgba(0, 0, 0, 0.88)";
+    readonly colorErrorOutline: "rgba(255, 77, 79, 0.1)";
+    readonly colorWarningOutline: "rgba(250, 173, 20, 0.1)";
+    readonly controlItemBgHover: "rgba(0, 0, 0, 0.04)";
+    readonly controlItemBgActive: "#EDF7F1";
+    readonly controlItemBgActiveHover: "#C5E6D3";
+    readonly controlItemBgActiveDisabled: "rgba(0, 0, 0, 0.15)";
+    readonly controlTmpOutline: "rgba(0, 0, 0, 0.02)";
+    readonly controlOutline: "rgba(5, 145, 255, 0.1)";
+    readonly controlOutlineWidth: 2;
+    readonly opacityLoading: 65;
+    readonly screenXS: 320;
+    readonly screenSM: 576;
+    readonly screenMD: 768;
+    readonly screenLG: 992;
+    readonly screenXL: 1200;
+    readonly screenXXL: 1600;
+    readonly screenXSMin: 320;
+    readonly screenXSMax: 575;
+    readonly screenSMMin: 576;
+    readonly screenSMMax: 767;
+    readonly screenMDMin: 768;
+    readonly screenMDMax: 991;
+    readonly screenLGMin: 992;
+    readonly screenLGMax: 1199;
+    readonly screenXLMin: 1200;
+    readonly screenXLMax: 1599;
+    readonly screenXXLMin: 1600;
+    readonly lineWidthFocus: 3;
+    readonly linkDecoration: "none";
+    readonly linkFocusDecoration: "none";
+    readonly linkHoverDecoration: "none";
+    readonly fontWeightStrong: 700;
+    readonly fontWeightNormal: 400;
+    readonly drawerWidth: 378;
+    readonly drawerWidthMD: 520;
+    readonly drawerWidthLG: 736;
+};
+
+export declare type TdAliasToken = typeof TdAlias;
+
+export declare const TdAutocomplete: MemoExoticComponent<typeof TdAutocompleteInner>;
+
+declare function TdAutocompleteInner({ label, help, required, fullWidth, status, style, id: idProp, ...props }: TdAutocompleteProps): JSX.Element;
+
+export declare interface TdAutocompleteOption {
+    label?: ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+
+export declare interface TdAutocompleteProps extends Omit<AutoCompleteProps, "options"> {
+    /** Field label */
+    label?: ReactNode;
+    /** Help or validation text. */
+    help?: ReactNode;
+    /** Required field */
+    required?: boolean;
+    /** Full width */
+    fullWidth?: boolean;
+    /** Ant Design autocomplete options. */
+    options: TdAutocompleteOption[];
+}
+
+export declare const TdButton: NamedExoticComponent<TdButtonProps>;
+
+declare type TdButtonAccessibleName = {
+    icon?: undefined;
+} | {
+    children: NonNullable<ReactNode>;
+} | {
+    "aria-label": string;
+} | {
+    "aria-labelledby": string;
+};
+
+declare interface TdButtonBaseProps extends Omit<ButtonProps, TdButtonVisualProp> {
+    /** Figma Type. Defaults to brand. */
+    tone?: TdButtonTone;
+    /** Figma Variant. Defaults to contained. */
+    variant?: TdButtonVariant;
+    /** Figma Size. Defaults to medium (32px). */
+    size?: TdButtonSize;
+    /** Stretch the button to its container width. */
+    fullWidth?: boolean;
+}
+
+/** Icon-only buttons require `aria-label` or `aria-labelledby`. Buttons with children use that text as their name. */
+export declare type TdButtonProps = TdButtonBaseProps & TdButtonAccessibleName;
+
+export declare type TdButtonSize = (typeof TdButtonSizes)[keyof typeof TdButtonSizes];
+
+/** Figma Size axis. Medium is 32px. */
+export declare const TdButtonSizes: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+
+export declare type TdButtonTone = (typeof TdButtonTones)[keyof typeof TdButtonTones];
+
+/** Figma Type axis. `neutral` is the Figma type named "solid". */
+export declare const TdButtonTones: {
+    readonly brand: "brand";
+    readonly neutral: "neutral";
+    readonly danger: "danger";
+};
+
+export declare type TdButtonVariant = (typeof TdButtonVariants)[keyof typeof TdButtonVariants];
+
+/** Figma Variant axis. */
+export declare const TdButtonVariants: {
+    readonly contained: "contained";
+    readonly outlined: "outlined";
+    readonly tinted: "tinted";
+    readonly text: "text";
+    readonly link: "link";
+};
+
+declare type TdButtonVisualProp = "type" | "color" | "variant" | "danger" | "size";
+
+export declare type TdCalendar = "gregorian" | "jalali";
+
+/** Same component reference as `<TdCheckbox />`, with `Group` attached. */
+export declare const TdCheckbox: TdCheckboxComponent;
+
+declare type TdCheckboxComponent = typeof TdCheckboxRoot & {
+    Group: typeof TdCheckboxGroup;
+};
+
+export declare type TdCheckboxDirection = (typeof TdCheckboxDirections)[keyof typeof TdCheckboxDirections];
+
+/** Layout of `TdCheckbox.Group`. This is not document direction. */
+export declare const TdCheckboxDirections: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+
+declare const TdCheckboxGroup: NamedExoticComponent<TdCheckboxGroupProps>;
+
+export declare interface TdCheckboxGroupProps extends CheckboxGroupProps {
+    /** Row or column of options. This is not document direction. */
+    direction?: TdCheckboxDirection;
+}
+
+export declare interface TdCheckboxProps extends Omit<CheckboxProps, "children"> {
+    /** Checkbox content. */
+    label?: ReactNode;
+    /** Help or validation text. */
+    help?: ReactNode;
+    required?: boolean;
+    status?: "error";
+    /** Accessible name when `label` is empty. */
+    "aria-label"?: string;
+}
+
+declare const TdCheckboxRoot: NamedExoticComponent<TdCheckboxProps>;
+
+export declare const TdCollapse: NamedExoticComponent<TdCollapseProps>;
+
+export declare interface TdCollapseProps extends Omit<CollapseProps, "bordered" | "ghost"> {
+    /** Figma Borderless axis. Maps to antd `bordered={false}`. Defaults to false (bordered). */
+    borderless?: boolean;
+    /** Figma Ghost axis. Maps to antd `ghost`. Defaults to false. */
+    ghost?: boolean;
+}
+
+export declare const TdColors: {
+    readonly primary: {
+        readonly main: "#1F9E56";
+        readonly light: "#47AF74";
+        readonly dark: "#1A8548";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly secondary: {
+        readonly main: "#7B1FA2";
+        readonly light: "#BA68C8";
+        readonly dark: "#4A148C";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly success: {
+        readonly main: "#5FA43D";
+        readonly light: "#7FB664";
+        readonly dark: "#4C8331";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly warning: {
+        readonly main: "#FF9717";
+        readonly light: "#FEA840";
+        readonly dark: "#D07A12";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly error: {
+        readonly main: "#FF4D4F";
+        readonly light: "#FF7875";
+        readonly dark: "#CF1322";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly info: {
+        readonly main: "#3496FF";
+        readonly light: "#5CB0FF";
+        readonly dark: "#2173D9";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly neutral: {
+        readonly white: "#FFFFFF";
+        readonly black: "#000000";
+        readonly gray50: "#FAFAFA";
+        readonly gray100: "#F5F5F5";
+        readonly gray200: "#F0F0F0";
+        readonly gray300: "#D9D9D9";
+        readonly gray400: "#BFBFBF";
+        readonly gray500: "#8C8C8C";
+        readonly gray600: "#595959";
+        readonly gray700: "#434343";
+        readonly gray800: "#262626";
+        readonly gray900: "#000000";
+    };
+    readonly text: {
+        readonly primary: "rgba(0, 0, 0, 0.88)";
+        readonly secondary: "rgba(0, 0, 0, 0.65)";
+        readonly disabled: "rgba(0, 0, 0, 0.25)";
+        readonly inverse: "#FFFFFF";
+    };
+    readonly background: {
+        readonly default: "#F5F5F5";
+        readonly paper: "#FFFFFF";
+        readonly elevated: "#FFFFFF";
+    };
+    readonly border: {
+        readonly default: "#D9D9D9";
+        readonly focus: "#1F9E56";
+        readonly error: "#FF4D4F";
+    };
+};
+
+export declare type TdColorToken = typeof TdColors;
+
+export declare type TdComponentColor = "default" | "primary" | "danger";
+
+export declare type TdComponentSize = "small" | "middle" | "large";
+
+export declare type TdComponentToken = typeof TdComponentTokens;
+
+/** IRI-TAX Figma variables. Collection: components. Mode: Light. */
+export declare const TdComponentTokens: {
+    readonly Button: {
+        readonly borderColorDisabled: "#D9D9D9";
+        readonly contentFontSize: 14;
+        readonly contentFontSizeLG: 14;
+        readonly contentFontSizeSM: 14;
+        readonly contentLineHeight: 1.571;
+        readonly contentLineHeightLG: 1.5;
+        readonly contentLineHeightSM: 1.6666666666666667;
+        readonly dangerColor: "#FFFFFF";
+        readonly dangerShadow: "0 2px 0 rgba(255,38,5,0.06)";
+        readonly defaultActiveBg: "#FFFFFF";
+        readonly defaultActiveBorderColor: "#1A8548";
+        readonly defaultActiveColor: "#1A8548";
+        readonly defaultBg: "#FFFFFF";
+        readonly defaultBorderColor: "#D9D9D9";
+        readonly defaultColor: "rgba(0, 0, 0, 0.88)";
+        readonly defaultGhostBorderColor: "#FFFFFF";
+        readonly defaultGhostColor: "#FFFFFF";
+        readonly defaultHoverBg: "#FFFFFF";
+        readonly defaultHoverBorderColor: "#47AF74";
+        readonly defaultHoverColor: "#47AF74";
+        readonly defaultShadow: "0 2px 0 rgba(0,0,0,0.02)";
+        readonly fontWeight: 400;
+        readonly ghostBg: "rgba(255, 255, 255, 0)";
+        readonly groupBorderColor: "#47AF74";
+        readonly iconGap: 8;
+        readonly linkHoverBg: "rgba(255, 255, 255, 0)";
+        readonly onlyIconSize: 14;
+        readonly onlyIconSizeLG: 16;
+        readonly onlyIconSizeSM: 12;
+        readonly paddingBlock: 4;
+        readonly paddingBlockLG: 7;
+        readonly paddingBlockSM: 0;
+        readonly paddingInline: 15;
+        readonly paddingInlineLG: 15;
+        readonly paddingInlineSM: 7;
+        readonly primaryColor: "#FFFFFF";
+        readonly primaryShadow: "0 2px 0 rgba(5,145,255,0.1)";
+        readonly solidTextColor: "#FFFFFF";
+        readonly textHoverBg: "rgba(0, 0, 0, 0.04)";
+        readonly textTextActiveColor: "rgba(0, 0, 0, 0.88)";
+        readonly textTextColor: "rgba(0, 0, 0, 0.88)";
+        readonly textTextHoverColor: "rgba(0, 0, 0, 0.88)";
+        readonly dashedBgDisabled: "rgba(0, 0, 0, 0.04)";
+        readonly defaultBgDisabled: "rgba(0, 0, 0, 0.04)";
+    };
+    readonly Typography: {
+        readonly titleMarginBottom: 0;
+        readonly titleMarginTop: 0;
+    };
+    readonly Divider: {
+        readonly orientationMargin: 0.05;
+        readonly textPaddingInline: 14;
+        readonly verticalMarginInline: 8;
+    };
+    readonly Layout: {
+        readonly bodyBg: "#F5F5F5";
+        readonly footerBg: "#F5F5F5";
+        readonly footerPadding: "24px 50px";
+        readonly headerBg: "#001529";
+        readonly headerColor: "rgba(0, 0, 0, 0.88)";
+        readonly headerHeight: 64;
+        readonly headerPadding: "0 50px";
+        readonly lightSiderBg: "#FFFFFF";
+        readonly lightTriggerBg: "#FFFFFF";
+        readonly lightTriggerColor: "rgba(0, 0, 0, 0.88)";
+        readonly siderBg: "#001529";
+        readonly triggerBg: "#002140";
+        readonly triggerColor: "#FFFFFF";
+        readonly triggerHeight: 48;
+        readonly zeroTriggerHeight: 40;
+        readonly zeroTriggerWidth: 40;
+    };
+    readonly Splitter: {
+        readonly splitBarDraggableSize: 20;
+        readonly splitBarSize: 2;
+        readonly splitTriggerSize: 6;
+    };
+    readonly Anchor: {
+        readonly linkPaddingBlock: 4;
+        readonly linkPaddingInlineStart: 16;
+    };
+    readonly Breadcrumb: {
+        readonly iconFontSize: 14;
+        readonly itemColor: "rgba(0, 0, 0, 0.45)";
+        readonly lastItemColor: "rgba(0, 0, 0, 0.88)";
+        readonly linkColor: "rgba(0, 0, 0, 0.45)";
+        readonly linkHoverColor: "rgba(0, 0, 0, 0.88)";
+        readonly separatorColor: "rgba(0, 0, 0, 0.45)";
+        readonly separatorMargin: 8;
+    };
+    readonly Dropdown: {
+        readonly paddingBlock: 5;
+        readonly zIndexPopup: 1050;
+    };
+    readonly Menu: {
+        readonly activeBarBorderWidth: 1;
+        readonly activeBarHeight: 2;
+        readonly activeBarWidth: 0;
+        readonly collapsedIconSize: 16;
+        readonly collapsedWidth: 80;
+        readonly dangerItemActiveBg: "#FFF1F0";
+        readonly dangerItemColor: "#FF4D4F";
+        readonly dangerItemHoverColor: "#FF4D4F";
+        readonly dangerItemSelectedBg: "#FFF1F0";
+        readonly dangerItemSelectedColor: "#FF4D4F";
+        readonly darkDangerItemActiveBg: "#FF4D4F";
+        readonly darkDangerItemColor: "#FF4D4F";
+        readonly darkDangerItemHoverColor: "#FF7875";
+        readonly darkDangerItemSelectedBg: "#FF4D4F";
+        readonly darkDangerItemSelectedColor: "#FFFFFF";
+        readonly darkGroupTitleColor: "rgba(255, 255, 255, 0.65)";
+        readonly darkItemBg: "#001529";
+        readonly darkItemColor: "rgba(255, 255, 255, 0.65)";
+        readonly darkItemDisabledColor: "rgba(255, 255, 255, 0.25)";
+        readonly darkItemHoverBg: "rgba(255, 255, 255, 0)";
+        readonly darkItemHoverColor: "#FFFFFF";
+        readonly darkItemSelectedBg: "#1F9E56";
+        readonly darkItemSelectedColor: "#FFFFFF";
+        readonly darkPopupBg: "#001529";
+        readonly darkSubMenuItemBg: "#000C17";
+        readonly dropdownWidth: 160;
+        readonly groupTitleColor: "rgba(0, 0, 0, 0.45)";
+        readonly groupTitleFontSize: 14;
+        readonly groupTitleLineHeight: 1.5714285714285714;
+        readonly horizontalItemBorderRadius: 0;
+        readonly horizontalItemHoverBg: "rgba(255, 255, 255, 0)";
+        readonly horizontalItemHoverColor: "#1F9E56";
+        readonly horizontalItemSelectedBg: "rgba(255, 255, 255, 0)";
+        readonly horizontalItemSelectedColor: "#1F9E56";
+        readonly horizontalLineHeight: 46;
+        readonly iconMarginInlineEnd: 10;
+        readonly iconSize: 14;
+        readonly itemActiveBg: "#EDF7F1";
+        readonly itemBg: "#FFFFFF";
+        readonly itemBorderRadius: 8;
+        readonly itemColor: "rgba(0, 0, 0, 0.88)";
+        readonly itemDisabledColor: "rgba(0, 0, 0, 0.25)";
+        readonly itemHeight: 40;
+        readonly itemHoverBg: "rgba(0, 0, 0, 0.06)";
+        readonly itemHoverColor: "rgba(0, 0, 0, 0.88)";
+        readonly itemMarginBlock: 4;
+        readonly itemMarginInline: 4;
+        readonly itemPaddingInline: 16;
+        readonly itemSelectedBg: "#EDF7F1";
+        readonly itemSelectedColor: "#1F9E56";
+        readonly popupBg: "#FFFFFF";
+        readonly subMenuItemBg: "rgba(0, 0, 0, 0.02)";
+        readonly subMenuItemBorderRadius: 4;
+        readonly subMenuItemSelectedColor: "#1F9E56";
+        readonly zIndexPopup: 1050;
+    };
+    readonly Pagination: {
+        readonly itemActiveBg: "#FFFFFF";
+        readonly itemActiveBgDisabled: "rgba(0, 0, 0, 0.15)";
+        readonly itemActiveColor: "#1F9E56";
+        readonly itemActiveColorDisabled: "rgba(0, 0, 0, 0.25)";
+        readonly itemActiveColorHover: "#47AF74";
+        readonly itemBg: "#FFFFFF";
+        readonly itemInputBg: "#FFFFFF";
+        readonly itemLinkBg: "#FFFFFF";
+        readonly itemSize: 32;
+        readonly itemSizeSM: 24;
+        readonly miniOptionsSizeChangerTop: 0;
+    };
+    readonly Steps: {
+        readonly customIconFontSize: 24;
+        readonly customIconSize: 24;
+        readonly customIconTop: 24;
+        readonly descriptionMaxWidth: 140;
+        readonly dotCurrentSize: 10;
+        readonly dotSize: 8;
+        readonly iconFontSize: 14;
+        readonly iconSize: 32;
+        readonly iconSizeSM: 24;
+        readonly iconTop: -0.5;
+        readonly navArrowColor: "rgba(0, 0, 0, 0.25)";
+        readonly navContentMaxWidth: "unset";
+        readonly titleLineHeight: 32;
+    };
+    readonly Tabs: {
+        readonly cardBg: "rgba(0, 0, 0, 0.02)";
+        readonly cardGutter: 2;
+        readonly cardHeight: 40;
+        readonly cardHeightLG: 48;
+        readonly cardHeightSM: 32;
+        readonly cardPadding: "8px 16px";
+        readonly cardPaddingLG: "11px 16px";
+        readonly cardPaddingSM: "4px 8px";
+        readonly horizontalItemGutter: 32;
+        readonly horizontalItemMargin: " ";
+        readonly horizontalItemMarginRTL: " ";
+        readonly horizontalItemPadding: "12px 0";
+        readonly horizontalItemPaddingLG: "16px 0";
+        readonly horizontalItemPaddingSM: "8px 0";
+        readonly horizontalMargin: "0 0 16px 0";
+        readonly inkBarColor: "#1F9E56";
+        readonly itemActiveColor: "#1A8548";
+        readonly itemColor: "rgba(0, 0, 0, 0.88)";
+        readonly itemHoverColor: "#47AF74";
+        readonly itemSelectedColor: "#1F9E56";
+        readonly titleFontSize: 14;
+        readonly titleFontSizeLG: 16;
+        readonly titleFontSizeSM: 12;
+        readonly verticalItemMargin: "16px 0 0 0";
+        readonly verticalItemPadding: "8px 24px";
+        readonly zIndexPopup: 1050;
+    };
+    readonly AutoComplete: {
+        readonly activeBorderColor: "#1F9E56";
+        readonly activeOutlineColor: "rgba(5, 145, 255, 0.1)";
+        readonly clearBg: "#FFFFFF";
+        readonly hoverBorderColor: "#47AF74";
+        readonly multipleItemBg: "rgba(0, 0, 0, 0.06)";
+        readonly multipleItemBorderColor: "rgba(255, 255, 255, 0)";
+        readonly multipleItemBorderColorDisabled: "rgba(255, 255, 255, 0)";
+        readonly multipleItemColorDisabled: "rgba(0, 0, 0, 0.25)";
+        readonly multipleItemHeight: 24;
+        readonly multipleItemHeightLG: 32;
+        readonly multipleItemHeightSM: 16;
+        readonly multipleSelectorBgDisabled: "rgba(0, 0, 0, 0.04)";
+        readonly optionActiveBg: "rgba(0, 0, 0, 0.04)";
+        readonly optionFontSize: 14;
+        readonly optionHeight: 32;
+        readonly optionLineHeight: 1.5714285714285714;
+        readonly optionPadding: "5px 12px";
+        readonly optionSelectedBg: "#EDF7F1";
+        readonly optionSelectedColor: "rgba(0, 0, 0, 0.88)";
+        readonly optionSelectedFontWeight: 700;
+        readonly selectorBg: "#FFFFFF";
+        readonly showArrowPaddingInlineEnd: 18;
+        readonly singleItemHeightLG: 40;
+        readonly zIndexPopup: 1050;
+    };
+    readonly Cascader: {
+        readonly controlItemWidth: 111;
+        readonly controlWidth: 184;
+        readonly dropdownHeight: 180;
+        readonly menuPadding: 4;
+        readonly optionPadding: "5px 12px";
+        readonly optionSelectedBg: "#EDF7F1";
+        readonly optionSelectedColor: "rgba(0, 0, 0, 0.88)";
+        readonly optionSelectedFontWeight: 700;
+    };
+    readonly Input: {
+        readonly activeBg: "#FFFFFF";
+        readonly activeBorderColor: "#1F9E56";
+        readonly activeShadow: "0 0 0 2px rgba(5,145,255,0.1)";
+        readonly addonBg: "rgba(0, 0, 0, 0.02)";
+        readonly errorActiveShadow: "0 0 0 2px rgba(255,38,5,0.06)";
+        readonly hoverBg: "#FFFFFF";
+        readonly hoverBorderColor: "#47AF74";
+        readonly inputFontSize: 14;
+        readonly inputFontSizeLG: 16;
+        readonly inputFontSizeSM: 14;
+        readonly paddingBlock: 4;
+        readonly paddingBlockLG: 7;
+        readonly paddingBlockSM: 0;
+        readonly paddingInline: 11;
+        readonly paddingInlineLG: 11;
+        readonly paddingInlineSM: 7;
+        readonly warningActiveShadow: "0 0 0 2px rgba(255,215,5,0.1)";
+    };
+    readonly DatePicker: {
+        readonly activeBg: "#FFFFFF";
+        readonly activeBorderColor: "#1F9E56";
+        readonly activeShadow: "0 0 0 2px rgba(5,145,255,0.1)";
+        readonly addonBg: "rgba(0, 0, 0, 0.02)";
+        readonly cellActiveWithRangeBg: "#EDF7F1";
+        readonly cellBgDisabled: "rgba(0, 0, 0, 0.04)";
+        readonly cellHeight: 24;
+        readonly cellHoverBg: "rgba(0, 0, 0, 0.04)";
+        readonly cellHoverWithRangeBg: "#CBE0FD";
+        readonly cellRangeBorderColor: "#82B4F9";
+        readonly cellWidth: 36;
+        readonly errorActiveShadow: "0 0 0 2px rgba(255,38,5,0.06)";
+        readonly hoverBg: "#FFFFFF";
+        readonly hoverBorderColor: "#47AF74";
+        readonly inputFontSize: 14;
+        readonly inputFontSizeLG: 16;
+        readonly inputFontSizeSM: 14;
+        readonly multipleItemBg: "rgba(0, 0, 0, 0.06)";
+        readonly multipleItemBorderColor: "rgba(255, 255, 255, 0)";
+        readonly multipleItemBorderColorDisabled: "rgba(255, 255, 255, 0)";
+        readonly multipleItemColorDisabled: "rgba(0, 0, 0, 0.25)";
+        readonly multipleItemHeight: 24;
+        readonly multipleItemHeightLG: 32;
+        readonly multipleItemHeightSM: 16;
+        readonly multipleSelectorBgDisabled: "rgba(0, 0, 0, 0.04)";
+        readonly paddingBlock: 4;
+        readonly paddingBlockLG: 7;
+        readonly paddingBlockSM: 0;
+        readonly paddingInline: 11;
+        readonly paddingInlineLG: 11;
+        readonly paddingInlineSM: 7;
+        readonly presetsMaxWidth: 200;
+        readonly presetsWidth: 120;
+        readonly textHeight: 40;
+        readonly timeCellHeight: 28;
+        readonly timeColumnHeight: 224;
+        readonly timeColumnWidth: 56;
+        readonly warningActiveShadow: "0 0 0 2px rgba(255,215,5,0.1)";
+        readonly withoutTimeCellHeight: 66;
+        readonly zIndexPopup: 1050;
+    };
+    readonly Form: {
+        readonly inlineItemMarginBottom: 0;
+        readonly itemMarginBottom: 24;
+        readonly labelColonMarginInlineEnd: 8;
+        readonly labelColonMarginInlineStart: 2;
+        readonly labelColor: "rgba(0, 0, 0, 0.88)";
+        readonly labelFontSize: 14;
+        readonly labelHeight: 32;
+        readonly labelRequiredMarkColor: "#FF4D4F";
+        readonly verticalLabelMargin: 0;
+        readonly verticalLabelPadding: "0 0 8px";
+    };
+    readonly InputNumber: {
+        readonly activeBg: "#FFFFFF";
+        readonly activeBorderColor: "#1F9E56";
+        readonly activeShadow: "0 0 0 2px rgba(5,145,255,0.1)";
+        readonly addonBg: "rgba(0, 0, 0, 0.02)";
+        readonly controlWidth: 90;
+        readonly errorActiveShadow: "0 0 0 2px rgba(255,38,5,0.06)";
+        readonly filledHandleBg: "#F0F0F0";
+        readonly handleActiveBg: "rgba(0, 0, 0, 0.02)";
+        readonly handleBg: "#FFFFFF";
+        readonly handleBorderColor: "#D9D9D9";
+        readonly handleFontSize: 7;
+        readonly handleHoverColor: "#1F9E56";
+        readonly handleVisible: "auto";
+        readonly handleWidth: 22;
+        readonly hoverBg: "#FFFFFF";
+        readonly hoverBorderColor: "#47AF74";
+        readonly inputFontSize: 14;
+        readonly inputFontSizeLG: 16;
+        readonly inputFontSizeSM: 14;
+        readonly paddingBlock: 4;
+        readonly paddingBlockLG: 7;
+        readonly paddingBlockSM: 0;
+        readonly paddingInline: 11;
+        readonly paddingInlineLG: 11;
+        readonly paddingInlineSM: 7;
+        readonly warningActiveShadow: "0 0 0 2px rgba(255,215,5,0.1)";
+    };
+    readonly Mentions: {
+        readonly activeBg: "#FFFFFF";
+        readonly activeBorderColor: "#1F9E56";
+        readonly activeShadow: "0 0 0 2px rgba(5,145,255,0.1)";
+        readonly addonBg: "rgba(0, 0, 0, 0.02)";
+        readonly controlItemWidth: 100;
+        readonly dropdownHeight: 250;
+        readonly errorActiveShadow: "0 0 0 2px rgba(255,38,5,0.06)";
+        readonly hoverBg: "#FFFFFF";
+        readonly hoverBorderColor: "#47AF74";
+        readonly inputFontSize: 14;
+        readonly inputFontSizeLG: 16;
+        readonly inputFontSizeSM: 14;
+        readonly paddingBlock: 4;
+        readonly paddingBlockLG: 7;
+        readonly paddingBlockSM: 0;
+        readonly paddingInline: 11;
+        readonly paddingInlineLG: 11;
+        readonly paddingInlineSM: 7;
+        readonly warningActiveShadow: "0 0 0 2px rgba(255,215,5,0.1)";
+        readonly zIndexPopup: 1050;
+    };
+    readonly Radio: {
+        readonly buttonBg: "#FFFFFF";
+        readonly buttonCheckedBg: "#FFFFFF";
+        readonly buttonCheckedBgDisabled: "rgba(0, 0, 0, 0.15)";
+        readonly buttonCheckedColorDisabled: "rgba(0, 0, 0, 0.25)";
+        readonly buttonColor: "rgba(0, 0, 0, 0.88)";
+        readonly buttonPaddingInline: 15;
+        readonly buttonSolidCheckedActiveBg: "#1A8548";
+        readonly buttonSolidCheckedBg: "#1F9E56";
+        readonly buttonSolidCheckedColor: "#FFFFFF";
+        readonly buttonSolidCheckedHoverBg: "#47AF74";
+        readonly dotColorDisabled: "rgba(0, 0, 0, 0.25)";
+        readonly dotSize: 8;
+        readonly radioSize: 16;
+        readonly wrapperMarginInlineEnd: 8;
+    };
+    readonly Rate: {
+        readonly starBg: "rgba(0, 0, 0, 0.06)";
+        readonly starColor: "#FADB14";
+        readonly starHoverScale: "scale(1.1)";
+        readonly starSize: 20;
+        readonly starSizeLG: 25;
+        readonly starSizeSM: 15;
+    };
+    readonly Select: {
+        readonly activeBorderColor: "#1F9E56";
+        readonly activeOutlineColor: "rgba(5, 145, 255, 0.1)";
+        readonly clearBg: "#FFFFFF";
+        readonly hoverBorderColor: "#47AF74";
+        readonly multipleItemBg: "rgba(0, 0, 0, 0.06)";
+        readonly multipleItemBorderColor: "rgba(255, 255, 255, 0)";
+        readonly multipleItemBorderColorDisabled: "rgba(255, 255, 255, 0)";
+        readonly multipleItemColorDisabled: "rgba(0, 0, 0, 0.25)";
+        readonly multipleItemHeight: 24;
+        readonly multipleItemHeightLG: 32;
+        readonly multipleItemHeightSM: 16;
+        readonly multipleSelectorBgDisabled: "rgba(0, 0, 0, 0.04)";
+        readonly optionActiveBg: "rgba(0, 0, 0, 0.04)";
+        readonly optionFontSize: 14;
+        readonly optionHeight: 32;
+        readonly optionLineHeight: 1.5714285714285714;
+        readonly optionPadding: "5px 12px";
+        readonly optionSelectedBg: "#EDF7F1";
+        readonly optionSelectedColor: "rgba(0, 0, 0, 0.88)";
+        readonly optionSelectedFontWeight: 700;
+        readonly selectorBg: "#FFFFFF";
+        readonly showArrowPaddingInlineEnd: 18;
+        readonly singleItemHeightLG: 40;
+        readonly zIndexPopup: 1050;
+    };
+    readonly Slider: {
+        readonly controlSize: 10;
+        readonly dotActiveBorderColor: "#98D2B1";
+        readonly dotBorderColor: "#F0F0F0";
+        readonly dotSize: 8;
+        readonly handleActiveColor: "#1F9E56";
+        readonly handleActiveOutlineColor: "#C5E6D3";
+        readonly handleColor: "#98D2B1";
+        readonly handleColorDisabled: "#BFBFBF";
+        readonly handleLineWidth: 2;
+        readonly handleLineWidthHover: 2.5;
+        readonly handleSize: 10;
+        readonly handleSizeHover: 12;
+        readonly railBg: "rgba(0, 0, 0, 0.04)";
+        readonly railHoverBg: "rgba(0, 0, 0, 0.06)";
+        readonly railSize: 4;
+        readonly trackBg: "#98D2B1";
+        readonly trackBgDisabled: "rgba(0, 0, 0, 0.04)";
+        readonly trackHoverBg: "#70C193";
+    };
+    readonly Switch: {
+        readonly handleBg: "#FFFFFF";
+        readonly handleShadow: "0 2px 4px 0 rgba(0,35,11,0.2)";
+        readonly handleSize: 18;
+        readonly handleSizeSM: 12;
+        readonly innerMaxMargin: 24;
+        readonly innerMaxMarginSM: 18;
+        readonly innerMinMargin: 9;
+        readonly innerMinMarginSM: 6;
+        readonly trackHeight: 22;
+        readonly trackHeightSM: 16;
+        readonly trackMinWidth: 44;
+        readonly trackMinWidthSM: 28;
+        readonly trackPadding: 2;
+    };
+    readonly TimePicker: {
+        readonly activeBg: "#FFFFFF";
+        readonly activeBorderColor: "#1F9E56";
+        readonly activeShadow: "0 0 0 2px rgba(5,145,255,0.1)";
+        readonly addonBg: "rgba(0, 0, 0, 0.02)";
+        readonly cellActiveWithRangeBg: "#EDF7F1";
+        readonly cellBgDisabled: "rgba(0, 0, 0, 0.04)";
+        readonly cellHeight: 24;
+        readonly cellHoverBg: "rgba(0, 0, 0, 0.04)";
+        readonly cellHoverWithRangeBg: "#CBE0FD";
+        readonly cellRangeBorderColor: "#82B4F9";
+        readonly cellWidth: 36;
+        readonly errorActiveShadow: "0 0 0 2px rgba(255,38,5,0.06)";
+        readonly hoverBg: "#FFFFFF";
+        readonly hoverBorderColor: "#47AF74";
+        readonly inputFontSize: 14;
+        readonly inputFontSizeLG: 16;
+        readonly inputFontSizeSM: 14;
+        readonly multipleItemBg: "rgba(0, 0, 0, 0.06)";
+        readonly multipleItemBorderColor: "rgba(255, 255, 255, 0)";
+        readonly multipleItemBorderColorDisabled: "rgba(255, 255, 255, 0)";
+        readonly multipleItemColorDisabled: "rgba(0, 0, 0, 0.25)";
+        readonly multipleItemHeight: 24;
+        readonly multipleItemHeightLG: 32;
+        readonly multipleItemHeightSM: 16;
+        readonly multipleSelectorBgDisabled: "rgba(0, 0, 0, 0.04)";
+        readonly paddingBlock: 4;
+        readonly paddingBlockLG: 7;
+        readonly paddingBlockSM: 0;
+        readonly paddingInline: 11;
+        readonly paddingInlineLG: 11;
+        readonly paddingInlineSM: 7;
+        readonly presetsMaxWidth: 200;
+        readonly presetsWidth: 120;
+        readonly textHeight: 40;
+        readonly timeCellHeight: 28;
+        readonly timeColumnHeight: 224;
+        readonly timeColumnWidth: 56;
+        readonly warningActiveShadow: "0 0 0 2px rgba(255,215,5,0.1)";
+        readonly withoutTimeCellHeight: 66;
+        readonly zIndexPopup: 1050;
+    };
+    readonly Transfer: {
+        readonly headerHeight: 40;
+        readonly itemHeight: 32;
+        readonly itemPaddingBlock: 5;
+        readonly listHeight: 200;
+        readonly listWidth: 180;
+        readonly listWidthLG: 250;
+    };
+    readonly TreeSelect: {
+        readonly indentSize: 24;
+        readonly nodeHoverBg: "rgba(0, 0, 0, 0.04)";
+        readonly nodeHoverColor: "rgba(0, 0, 0, 0.88)";
+        readonly nodeSelectedBg: "#EDF7F1";
+        readonly nodeSelectedColor: "rgba(0, 0, 0, 0.88)";
+        readonly titleHeight: 24;
+    };
+    readonly Upload: {
+        readonly actionsColor: "rgba(0, 0, 0, 0.45)";
+        readonly pictureCardSize: 102;
+    };
+    readonly Avatar: {
+        readonly containerSize: 32;
+        readonly containerSizeLG: 40;
+        readonly containerSizeSM: 24;
+        readonly groupBorderColor: "#FFFFFF";
+        readonly groupOverlapping: -8;
+        readonly groupSpace: 4;
+        readonly iconFontSize: 18;
+        readonly iconFontSizeLG: 24;
+        readonly iconFontSizeSM: 14;
+        readonly textFontSize: 14;
+        readonly textFontSizeLG: 14;
+        readonly textFontSizeSM: 14;
+    };
+    readonly Badge: {
+        readonly dotSize: 6;
+        readonly indicatorHeight: 20;
+        readonly indicatorHeightSM: 14;
+        readonly indicatorZIndex: "auto";
+        readonly statusSize: 6;
+        readonly textFontSize: 12;
+        readonly textFontSizeSM: 12;
+        readonly textFontWeight: 400;
+    };
+    readonly Calendar: {
+        readonly fullBg: "#FFFFFF";
+        readonly fullPanelBg: "#FFFFFF";
+        readonly itemActiveBg: "#EDF7F1";
+        readonly miniContentHeight: 256;
+        readonly monthControlWidth: 70;
+        readonly yearControlWidth: 80;
+    };
+    readonly Card: {
+        readonly actionsBg: "#FFFFFF";
+        readonly actionsLiMargin: "12px 0";
+        readonly bodyPadding: 24;
+        readonly bodyPaddingSM: 12;
+        readonly extraColor: "rgba(0, 0, 0, 0.88)";
+        readonly headerBg: "rgba(255, 255, 255, 0)";
+        readonly headerFontSize: 16;
+        readonly headerFontSizeSM: 14;
+        readonly headerHeight: 56;
+        readonly headerHeightSM: 38;
+        readonly headerPadding: 24;
+        readonly headerPaddingSM: 12;
+        readonly tabsMarginBottom: -17;
+    };
+    readonly Carousel: {
+        readonly arrowOffset: 8;
+        readonly arrowSize: 16;
+        readonly dotActiveWidth: 24;
+        readonly dotGap: 4;
+        readonly dotHeight: 3;
+        readonly dotOffset: 12;
+        readonly dotWidth: 16;
+    };
+    readonly Descriptions: {
+        readonly colonMarginLeft: 2;
+        readonly colonMarginRight: 8;
+        readonly contentColor: "rgba(0, 0, 0, 0.88)";
+        readonly extraColor: "rgba(0, 0, 0, 0.88)";
+        readonly itemPaddingBottom: 16;
+        readonly itemPaddingEnd: 16;
+        readonly labelBg: "rgba(0, 0, 0, 0.02)";
+        readonly labelColor: "rgba(0, 0, 0, 0.45)";
+        readonly titleColor: "rgba(0, 0, 0, 0.88)";
+        readonly titleMarginBottom: 20;
+    };
+    readonly Image: {
+        readonly previewOperationColor: "rgba(255, 255, 255, 0.65)";
+        readonly previewOperationColorDisabled: "rgba(255, 255, 255, 0.25)";
+        readonly previewOperationHoverColor: "rgba(255, 255, 255, 0.85)";
+        readonly previewOperationSize: 18;
+        readonly zIndexPopup: 1080;
+    };
+    readonly List: {
+        readonly avatarMarginRight: 16;
+        readonly contentWidth: 220;
+        readonly descriptionFontSize: 14;
+        readonly emptyTextPadding: 16;
+        readonly footerBg: "rgba(255, 255, 255, 0)";
+        readonly headerBg: "rgba(255, 255, 255, 0)";
+        readonly itemPadding: "12px 0";
+        readonly itemPaddingLG: "16px 24px";
+        readonly itemPaddingSM: "8px 16px";
+        readonly metaMarginBottom: 16;
+        readonly titleMarginBottom: 12;
+    };
+    readonly Popover: {
+        readonly titleMinWidth: 177;
+        readonly zIndexPopup: 1030;
+    };
+    readonly Segmented: {
+        readonly itemActiveBg: "rgba(0, 0, 0, 0.15)";
+        readonly itemColor: "rgba(0, 0, 0, 0.65)";
+        readonly itemHoverBg: "rgba(0, 0, 0, 0.06)";
+        readonly itemHoverColor: "rgba(0, 0, 0, 0.88)";
+        readonly itemSelectedBg: "#FFFFFF";
+        readonly itemSelectedColor: "rgba(0, 0, 0, 0.88)";
+        readonly trackBg: "#F5F5F5";
+        readonly trackPadding: 2;
+    };
+    readonly Statistic: {
+        readonly contentFontSize: 24;
+        readonly titleFontSize: 14;
+    };
+    readonly Table: {
+        readonly bodySortBg: "#FAFAFA";
+        readonly borderColor: "#F0F0F0";
+        readonly cellFontSize: 14;
+        readonly cellFontSizeMD: 14;
+        readonly cellFontSizeSM: 14;
+        readonly cellPaddingBlock: 16;
+        readonly cellPaddingBlockMD: 12;
+        readonly cellPaddingBlockSM: 8;
+        readonly cellPaddingInline: 16;
+        readonly cellPaddingInlineMD: 8;
+        readonly cellPaddingInlineSM: 8;
+        readonly expandIconBg: "#FFFFFF";
+        readonly filterDropdownBg: "#FFFFFF";
+        readonly filterDropdownMenuBg: "#FFFFFF";
+        readonly fixedHeaderSortActiveBg: "#F0F0F0";
+        readonly footerBg: "#FAFAFA";
+        readonly footerColor: "rgba(0, 0, 0, 0.88)";
+        readonly headerBg: "#FAFAFA";
+        readonly headerBorderRadius: 8;
+        readonly headerColor: "rgba(0, 0, 0, 0.88)";
+        readonly headerFilterHoverBg: "rgba(0, 0, 0, 0.06)";
+        readonly headerSortActiveBg: "#F0F0F0";
+        readonly headerSortHoverBg: "#F0F0F0";
+        readonly headerSplitColor: "#F0F0F0";
+        readonly rowExpandedBg: "rgba(0, 0, 0, 0.02)";
+        readonly rowHoverBg: "#FAFAFA";
+        readonly rowSelectedBg: "#EDF7F1";
+        readonly rowSelectedHoverBg: "#C5E6D3";
+        readonly selectionColumnWidth: 32;
+        readonly stickyScrollBarBg: "rgba(0, 0, 0, 0.25)";
+        readonly stickyScrollBarBorderRadius: 100;
+    };
+    readonly Tag: {
+        readonly defaultBg: "#FAFAFA";
+        readonly defaultColor: "rgba(0, 0, 0, 0.88)";
+        readonly solidTextColor: "#FFFFFF";
+    };
+    readonly Timeline: {
+        readonly dotBg: "#FFFFFF";
+        readonly dotBorderWidth: 2;
+        readonly itemPaddingBottom: 20;
+        readonly tailColor: "#EEEFF1";
+        readonly tailWidth: 2;
+    };
+    readonly Tooltip: {
+        readonly zIndexPopup: 1070;
+    };
+    readonly Tour: {
+        readonly closeBtnSize: 0;
+        readonly primaryNextBtnHoverBg: "#F0F0F0";
+        readonly primaryPrevBtnBg: "rgba(255, 255, 255, 0.15)";
+        readonly zIndexPopup: 1070;
+    };
+    readonly Tree: {
+        readonly directoryNodeSelectedBg: "#1F9E56";
+        readonly directoryNodeSelectedColor: "#FFFFFF";
+        readonly indentSize: 24;
+        readonly nodeHoverBg: "rgba(0, 0, 0, 0.04)";
+        readonly nodeHoverColor: "rgba(0, 0, 0, 0.88)";
+        readonly nodeSelectedBg: "#EDF7F1";
+        readonly nodeSelectedColor: "rgba(0, 0, 0, 0.88)";
+        readonly titleHeight: 24;
+    };
+    readonly Alert: {
+        readonly defaultPadding: "8px 12px";
+        readonly withDescriptionIconSize: 24;
+        readonly withDescriptionPadding: "20px 24px";
+    };
+    readonly Drawer: {
+        readonly draggerSize: 4;
+        readonly footerPaddingBlock: 8;
+        readonly footerPaddingInline: 16;
+        readonly zIndexPopup: 1000;
+    };
+    readonly Message: {
+        readonly contentBg: "#FFFFFF";
+        readonly contentPadding: "9px 12px";
+        readonly zIndexPopup: 2010;
+    };
+    readonly Modal: {
+        readonly contentBg: "#FFFFFF";
+        readonly footerBg: "rgba(255, 255, 255, 0)";
+        readonly headerBg: "#FFFFFF";
+        readonly titleColor: "rgba(0, 0, 0, 0.88)";
+        readonly titleFontSize: 16;
+        readonly titleLineHeight: 1.5;
+    };
+    readonly Notification: {
+        readonly colorErrorBg: "rgba(255, 255, 255, 0)";
+        readonly colorInfoBg: "rgba(255, 255, 255, 0)";
+        readonly colorSuccessBg: "rgba(255, 255, 255, 0)";
+        readonly colorWarningBg: "rgba(255, 255, 255, 0)";
+        readonly width: 384;
+        readonly zIndexPopup: 2050;
+    };
+    readonly Popconfirm: {
+        readonly zIndexPopup: 1060;
+    };
+    readonly Progress: {
+        readonly "circleTextFontSize 2": "1.1666666666666667em";
+        readonly circleTextColor: "rgba(0, 0, 0, 0.88)";
+        readonly circleTextFontSize: "1em";
+        readonly defaultColor: "#3496FF";
+        readonly lineBorderRadius: 100;
+        readonly remainingColor: "rgba(0, 0, 0, 0.06)";
+    };
+    readonly Result: {
+        readonly extraMargin: "24px 0 0 0";
+        readonly iconFontSize: 72;
+        readonly subtitleFontSize: 14;
+        readonly titleFontSize: 24;
+    };
+    readonly Skeleton: {
+        readonly blockRadius: 4;
+        readonly gradientFromColor: "rgba(0, 0, 0, 0.06)";
+        readonly gradientToColor: "rgba(0, 0, 0, 0.15)";
+        readonly paragraphLiHeight: 16;
+        readonly paragraphMarginTop: 28;
+        readonly titleHeight: 28;
+    };
+    readonly Spin: {
+        readonly contentHeight: 400;
+        readonly dotSize: 20;
+        readonly dotSizeLG: 32;
+        readonly dotSizeSM: 14;
+    };
+    readonly Collapse: {
+        readonly borderlessContentBg: "rgba(255, 255, 255, 0)";
+        readonly borderlessContentPadding: "4px 16px 16px";
+        readonly contentBg: "#FFFFFF";
+        readonly contentPadding: "16px 16px";
+        readonly headerBg: "rgba(0, 0, 0, 0.02)";
+        readonly headerPadding: "12px 16px";
+    };
+    readonly Listy: {
+        readonly itemPaddingBlock: 12;
+        readonly itemPaddingInline: 16;
+    };
+};
+
+export declare type TdComponentVariant = "outlined" | "solid" | "filled" | "text" | "link" | "dashed";
+
+export declare const TdDarkColors: {
+    readonly text: {
+        readonly primary: "#FFFFFF";
+        readonly secondary: "#B0BEC5";
+        readonly disabled: "#78909C";
+        readonly inverse: "#212121";
+    };
+    readonly background: {
+        readonly default: "#121212";
+        readonly paper: "#1E1E1E";
+        readonly elevated: "#2C2C2C";
+    };
+    readonly border: {
+        readonly default: "#424242";
+        readonly focus: "#47AF74";
+        readonly error: "#FF7875";
+    };
+    readonly primary: {
+        readonly main: "#1F9E56";
+        readonly light: "#47AF74";
+        readonly dark: "#1A8548";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly secondary: {
+        readonly main: "#7B1FA2";
+        readonly light: "#BA68C8";
+        readonly dark: "#4A148C";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly success: {
+        readonly main: "#5FA43D";
+        readonly light: "#7FB664";
+        readonly dark: "#4C8331";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly warning: {
+        readonly main: "#FF9717";
+        readonly light: "#FEA840";
+        readonly dark: "#D07A12";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly error: {
+        readonly main: "#FF4D4F";
+        readonly light: "#FF7875";
+        readonly dark: "#CF1322";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly info: {
+        readonly main: "#3496FF";
+        readonly light: "#5CB0FF";
+        readonly dark: "#2173D9";
+        readonly contrastText: "#FFFFFF";
+    };
+    readonly neutral: {
+        readonly white: "#FFFFFF";
+        readonly black: "#000000";
+        readonly gray50: "#FAFAFA";
+        readonly gray100: "#F5F5F5";
+        readonly gray200: "#F0F0F0";
+        readonly gray300: "#D9D9D9";
+        readonly gray400: "#BFBFBF";
+        readonly gray500: "#8C8C8C";
+        readonly gray600: "#595959";
+        readonly gray700: "#434343";
+        readonly gray800: "#262626";
+        readonly gray900: "#000000";
+    };
+};
+
+export declare const tdDarkTheme: ThemeConfig;
+
+export declare const TdDatePicker: NamedExoticComponent<TdDatePickerProps>;
+
+export declare interface TdDatePickerProps extends DatePickerProps {
+    /** Field label */
+    label?: ReactNode;
+    /** Help or validation text. */
+    help?: ReactNode;
+    /** Required field */
+    required?: boolean;
+    /** Full width */
+    fullWidth?: boolean;
+}
+
+export declare type TdDirection = "ltr" | "rtl";
+
+/** Validation rules exposed to consumers (schema-ready for future Zod integration) */
+export declare interface TdFieldRules {
+    required?: boolean | string;
+    min?: number | {
+        value: number;
+        message: string;
+    };
+    max?: number | {
+        value: number;
+        message: string;
+    };
+    minLength?: number | {
+        value: number;
+        message: string;
+    };
+    maxLength?: number | {
+        value: number;
+        message: string;
+    };
+    pattern?: RegExp | {
+        value: RegExp;
+        message: string;
+    };
+    validate?: Record<string, (value: unknown) => boolean | string> | ((value: unknown) => boolean | string);
+}
+
+export declare const TdFloatButton: NamedExoticComponent<TdFloatButtonProps>;
+
+declare type TdFloatButtonAccessibleName = {
+    children: NonNullable<ReactNode>;
+} | {
+    "aria-label": string;
+} | {
+    "aria-labelledby": string;
+};
+
+export declare type TdFloatButtonBadge = (typeof TdFloatButtonBadges)[keyof typeof TdFloatButtonBadges];
+
+declare type TdFloatButtonBadgeProps = {
+    /** Figma Badge Type. Defaults to none. */
+    badge?: typeof TdFloatButtonBadges.none;
+    badgeCount?: never;
+} | {
+    badge: typeof TdFloatButtonBadges.count;
+    /** Numeric count. Required only when badge is count. */
+    badgeCount: number;
+} | {
+    badge: typeof TdFloatButtonBadges.dot;
+    badgeCount?: never;
+};
+
+/** Figma Badge Type. `none` is the resting picture (no badge drawn). */
+export declare const TdFloatButtonBadges: {
+    readonly none: "none";
+    readonly count: "count";
+    readonly dot: "dot";
+};
+
+declare interface TdFloatButtonBaseProps extends Omit<FloatButtonProps, TdFloatButtonVisualProp> {
+    /** Figma Primary. Defaults to default (white). */
+    tone?: TdFloatButtonTone;
+    /** Figma Square. Defaults to circle. */
+    shape?: TdFloatButtonShape;
+}
+
+export declare const TdFloatButtonGroup: NamedExoticComponent<TdFloatButtonGroupProps>;
+
+/**
+ * Menu `children` are not the closed button's name.
+ * Visible text uses content or description. A name is always required.
+ */
+declare type TdFloatButtonGroupAccessibleName = {
+    content: NonNullable<ReactNode>;
+} | {
+    description: NonNullable<ReactNode>;
+} | {
+    "aria-label": string;
+} | {
+    "aria-labelledby": string;
+};
+
+declare interface TdFloatButtonGroupBaseProps extends Omit<FloatButtonGroupProps, TdFloatButtonGroupVisualProp> {
+    /** Figma Primary. Defaults to default. Applied to the closed button, and to the open menu as specified. */
+    tone?: TdFloatButtonTone;
+    /** Figma Square. Defaults to circle. */
+    shape?: TdFloatButtonShape;
+    /**
+     * Figma Open. Defaults to false.
+     * Closed renders one button. Open renders the menu items and does not add a close icon.
+     */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+
+/** Closed button requires content, description, aria-label, or aria-labelledby. */
+export declare type TdFloatButtonGroupProps = TdFloatButtonGroupBaseProps & TdFloatButtonGroupAccessibleName;
+
+declare type TdFloatButtonGroupVisualProp = "type" | "shape" | "trigger" | "closeIcon" | "badge";
+
+/** These buttons are icon-only unless they have visible content, so a name is always required. */
+export declare type TdFloatButtonProps = TdFloatButtonBaseProps & TdFloatButtonBadgeProps & TdFloatButtonAccessibleName;
+
+export declare type TdFloatButtonShape = (typeof TdFloatButtonShapes)[keyof typeof TdFloatButtonShapes];
+
+/** Figma Square axis. `circle` is Square=False. */
+export declare const TdFloatButtonShapes: {
+    readonly circle: "circle";
+    readonly square: "square";
+};
+
+export declare type TdFloatButtonTone = (typeof TdFloatButtonTones)[keyof typeof TdFloatButtonTones];
+
+/** Figma Primary axis. `default` is Primary=False. */
+export declare const TdFloatButtonTones: {
+    readonly default: "default";
+    readonly primary: "primary";
+};
+
+declare type TdFloatButtonVisualProp = "type" | "shape" | "badge";
+
+export declare const TdForm: typeof TdFormInner;
+
+export declare const TdFormField: MemoExoticComponent<typeof TdFormFieldInner>;
+
+/** Props injected into form-aware field components */
+export declare interface TdFormFieldBindingProps<TValue = unknown> {
+    name?: string;
+    value?: TValue;
+    onChange?: (value: TValue) => void;
+    onBlur?: () => void;
+    error?: boolean;
+    errorMessage?: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+
+declare function TdFormFieldInner({ name, rules, children, defaultValue }: TdFormFieldProps): JSX.Element | null;
+
+export declare interface TdFormFieldProps {
+    /** Field name (must match form values key) */
+    name: string;
+    /** Validation rules */
+    rules?: TdFieldRules;
+    /** Field component (TdInput, TdSelect, etc.) */
+    children: ReactNode;
+    /** Default value for this field */
+    defaultValue?: unknown;
+}
+
+declare function TdFormInner<T extends TdFormValues>({ onSubmit, defaultValues, children, id, className, mode, reValidateMode, }: TdFormProps<T>): JSX.Element;
+
+export declare interface TdFormProps<T extends TdFormValues = TdFormValues> {
+    /** Submit handler */
+    onSubmit: TdFormSubmitHandler<T>;
+    /** Default field values */
+    defaultValues?: Partial<T>;
+    /** Form children */
+    children: ReactNode;
+    /** Form id */
+    id?: string;
+    /** Additional class name */
+    className?: string;
+    /** Validation mode */
+    mode?: "onSubmit" | "onBlur" | "onChange" | "onTouched" | "all";
+    /** Revalidate mode after submit */
+    reValidateMode?: "onSubmit" | "onBlur" | "onChange";
+}
+
+/** Submit handler */
+export declare type TdFormSubmitHandler<T extends TdFormValues = TdFormValues> = (data: T) => void | Promise<void>;
+
+/** Form values record */
+export declare type TdFormValues = Record<string, unknown>;
+
+export declare const TdInput: NamedExoticComponent<TdInputProps>;
+
+export declare interface TdInputProps extends InputProps {
+    /** Field label */
+    label?: ReactNode;
+    /** Help or validation text below the input. */
+    help?: ReactNode;
+    /** Required field indicator */
+    required?: boolean;
+    /** Full width input */
+    fullWidth?: boolean;
+    /** Ref to the Ant Design input instance. */
+    ref?: Ref<InputRef>;
+}
+
+export declare const tdLightTheme: ThemeConfig;
+
+export declare const TdLink: NamedExoticComponent<LinkProps>;
+
+/** Ant Design `Typography.Link` props. */
+export declare type TdLinkProps = LinkProps;
+
+export declare interface TdLocaleConfig {
+    /** BCP 47 language tag, e.g. "en-US", "fa-IR" */
+    locale?: string;
+    /**
+     * Calendar system used by date pickers.
+     * Defaults to `jalali` for Persian locales (`fa`, `fa-IR`), otherwise `gregorian`.
+     */
+    calendar?: TdCalendar;
+    /** Future: translation namespace for component labels */
+    namespace?: string;
+}
+
+/** IRI-TAX Figma variables. Collection: map. Mode: Light. */
+export declare const TdMap: {
+    readonly colorPrimaryBg: "#EDF7F1";
+    readonly colorPrimaryBgHover: "#C5E6D3";
+    readonly colorPrimaryBorder: "#98D2B1";
+    readonly colorPrimaryBorderHover: "#70C193";
+    readonly colorPrimaryHover: "#47AF74";
+    readonly colorPrimaryBase: "#1F9E56";
+    readonly colorPrimaryActive: "#1A8548";
+    readonly colorPrimaryTextHover: "#47AF74";
+    readonly colorPrimaryText: "#1F9E56";
+    readonly colorPrimaryTextActive: "#1A8548";
+    readonly colorSuccessBg: "#F4F9F1";
+    readonly colorSuccessBgHover: "#D7E8CF";
+    readonly colorSuccessBorder: "#B9D7AA";
+    readonly colorSuccessBorderHover: "#9CC787";
+    readonly colorSuccessHover: "#9CC787";
+    readonly colorSuccessBase: "#5FA43D";
+    readonly colorSuccessActive: "#4C8331";
+    readonly colorSuccessTextHover: "#7FB664";
+    readonly colorSuccessText: "#5FA43D";
+    readonly colorSuccessTextActive: "#4C8331";
+    readonly colorWarningBg: "#FFF6EC";
+    readonly colorWarningBgHover: "#FFE4C2";
+    readonly colorWarningBorder: "#FFD198";
+    readonly colorWarningBorderHover: "#FEBE70";
+    readonly colorWarningHover: "#FEBE70";
+    readonly colorWarningBase: "#FF9717";
+    readonly colorWarningActive: "#D07A12";
+    readonly colorWarningTextHover: "#FEA840";
+    readonly colorWarningText: "#FF9717";
+    readonly colorWarningTextActive: "#D07A12";
+    readonly colorErrorBg: "#FFF1F0";
+    readonly colorErrorBgHover: "#FFF1F0";
+    readonly colorErrorBorder: "#FFCCC7";
+    readonly colorErrorBorderHover: "#FFA39E";
+    readonly colorErrorHover: "#FF7875";
+    readonly colorErrorBase: "#FF4D4F";
+    readonly colorErrorActive: "#CF1322";
+    readonly colorErrorTextHover: "#FF7875";
+    readonly colorErrorText: "#FF4D4F";
+    readonly colorErrorTextActive: "#CF1322";
+    readonly colorInfoBg: "#F0FAFF";
+    readonly colorInfoBgHover: "#D6EFFF";
+    readonly colorInfoBorder: "#ADDDFF";
+    readonly colorInfoBorderHover: "#85C8FF";
+    readonly colorInfoHover: "#85C8FF";
+    readonly colorInfoBase: "#3496FF";
+    readonly colorInfoActive: "#2173D9";
+    readonly colorInfoTextHover: "#5CB0FF";
+    readonly colorInfoText: "#3496FF";
+    readonly colorInfoTextActive: "#2173D9";
+    readonly colorText: "rgba(0, 0, 0, 0.88)";
+    readonly colorTextSecondary: "rgba(0, 0, 0, 0.65)";
+    readonly colorTextTertiary: "rgba(0, 0, 0, 0.45)";
+    readonly colorTextQuaternary: "rgba(0, 0, 0, 0.25)";
+    readonly colorBorder: "#D9D9D9";
+    readonly colorBorderSecondary: "#F0F0F0";
+    readonly colorBorderDisabled: "#D9D9D9";
+    readonly colorFill: "rgba(0, 0, 0, 0.15)";
+    readonly colorFillSecondary: "rgba(0, 0, 0, 0.06)";
+    readonly colorFillTertiary: "rgba(0, 0, 0, 0.04)";
+    readonly colorFillQuaternary: "rgba(0, 0, 0, 0.02)";
+    readonly colorBgLayout: "#F5F5F5";
+    readonly colorBgContainer: "#FFFFFF";
+    readonly colorBgElevated: "#FFFFFF";
+    readonly colorBgSpotlight: "rgba(0, 0, 0, 0.85)";
+    readonly colorBgMask: "rgba(0, 0, 0, 0.45)";
+    readonly sizeXXL: 48;
+    readonly sizeXL: 32;
+    readonly sizeLG: 24;
+    readonly sizeMD: 20;
+    readonly sizeMS: 16;
+    readonly size: 16;
+    readonly sizeSM: 12;
+    readonly sizeXS: 8;
+    readonly sizeXXS: 4;
+    readonly controlHeightLG: 40;
+    readonly controlHeightSM: 24;
+    readonly controlHeightXS: 16;
+    readonly borderRadiusXS: 2;
+    readonly borderRadiusSM: 4;
+    readonly borderRadiusLG: 8;
+    readonly borderRadiusXL: 12;
+    readonly borderRadiusXXL: 16;
+    readonly borderRadiusOuter: 4;
+    readonly colorWhite: "#FFFFFF";
+    readonly colorBlack: "#000000";
+    readonly fontSizeXL: 20;
+    readonly fontSizeLG: 16;
+    readonly fontSizeSM: 12;
+    readonly fontSizeXS: 11;
+    readonly fontSizeXXS: 10;
+    readonly fontSizeHeading1: 38;
+    readonly fontSizeHeading2: 30;
+    readonly fontSizeHeading3: 24;
+    readonly fontSizeHeading4: 20;
+    readonly fontSizeHeading5: 16;
+    readonly lineHeight: 1.571;
+    readonly lineHeightLG: 1.5;
+    readonly lineHeightSM: 1.6666666666666667;
+    readonly lineHeightHeading1: 1.211;
+    readonly lineHeightHeading2: 1.267;
+    readonly lineHeightHeading3: 1.333;
+    readonly lineHeightHeading4: 1.4;
+    readonly lineHeightHeading5: 1.5;
+    readonly lineWidthBold: 2;
+    readonly borderRadiusFull: 9999;
+    readonly colorFillContrast: "rgba(0, 0, 0, 0.3)";
+    readonly colorBgBlur: "rgba(255, 255, 255, 0)";
+    readonly transparent: "rgba(255, 255, 255, 0)";
+    readonly colorBgSolid: "#000000";
+    readonly colorBgSolidHover: "rgba(0, 0, 0, 0.75)";
+    readonly colorBgSolidActive: "rgba(0, 0, 0, 0.95)";
+    readonly colorErrorBgFilledHover: "#FFDFDC";
+    readonly colorErrorBgActive: "#FFCCC7";
+};
+
+export declare type TdMapToken = typeof TdMap;
+
+export declare const TdModal: NamedExoticComponent<ModalProps>;
+
+export declare interface TdModalActionProps {
+    children: ReactNode;
+    /** Align actions */
+    align?: "start" | "center" | "end";
+}
+
+export declare const TdModalActions: NamedExoticComponent<TdModalActionProps>;
+
+export declare type TdModalProps = ModalProps;
+
+/** IRI-TAX Figma variables. Collection: colors. Mode: Light. */
+export declare const TdPalette: {
+    readonly brand: {
+        readonly "1": "#EDF7F1";
+        readonly "2": "#C5E6D3";
+        readonly "3": "#98D2B1";
+        readonly "4": "#70C193";
+        readonly "5": "#47AF74";
+        readonly "6": "#1F9E56";
+        readonly "7": "#1A8548";
+        readonly "8": "#146839";
+        readonly "9": "#10512C";
+        readonly "10": "#0A331C";
+    };
+    readonly error: {
+        readonly "1": "#FFF1F0";
+        readonly "2": "#FFCCC7";
+        readonly "3": "#FFA39E";
+        readonly "4": "#FF7875";
+        readonly "5": "#FF4D4F";
+        readonly "6": "#F5222D";
+        readonly "7": "#CF1322";
+        readonly "8": "#A8071A";
+        readonly "9": "#820014";
+        readonly "10": "#5C0011";
+    };
+    readonly warning: {
+        readonly "1": "#FFF6EC";
+        readonly "2": "#FFE4C2";
+        readonly "3": "#FFD198";
+        readonly "4": "#FEBE70";
+        readonly "5": "#FEA840";
+        readonly "6": "#FF9717";
+        readonly "7": "#D07A12";
+        readonly "8": "#A5610E";
+        readonly "9": "#75450A";
+        readonly "10": "#3F2505";
+    };
+    readonly info: {
+        readonly "1": "#EEF5FD";
+        readonly "2": "#C9E1FA";
+        readonly "3": "#A6CEF6";
+        readonly "4": "#7CB8F2";
+        readonly "5": "#4C9DEE";
+        readonly "6": "#2588EA";
+        readonly "7": "#1E6EBE";
+        readonly "8": "#185898";
+        readonly "9": "#124373";
+        readonly "10": "#0B2744";
+    };
+    readonly success: {
+        readonly "1": "#F4F9F1";
+        readonly "2": "#D7E8CF";
+        readonly "3": "#B9D7AA";
+        readonly "4": "#9CC787";
+        readonly "5": "#7FB664";
+        readonly "6": "#5FA43D";
+        readonly "7": "#4C8331";
+        readonly "8": "#3C6726";
+        readonly "9": "#2B4A1B";
+        readonly "10": "#192C10";
+    };
+    readonly gray: {
+        readonly "1": "#FFFFFF";
+        readonly "2": "#FAFAFA";
+        readonly "3": "#F5F5F5";
+        readonly "4": "#F0F0F0";
+        readonly "5": "#D9D9D9";
+        readonly "6": "#BFBFBF";
+        readonly "7": "#8C8C8C";
+        readonly "8": "#595959";
+        readonly "9": "#434343";
+        readonly "10": "#262626";
+    };
+};
+
+export declare type TdPaletteToken = typeof TdPalette;
+
+export declare const TdParagraph: NamedExoticComponent<ParagraphProps>;
+
+/** Ant Design `Typography.Paragraph` props. */
+export declare type TdParagraphProps = ParagraphProps;
+
+export declare const TdRadio: NamedExoticComponent<TdRadioProps>;
+
+export declare const TdRadioButton: NamedExoticComponent<RadioButtonProps & RefAttributes<CheckboxRef>>;
+
+/** Button option rendered inside `TdRadioGroup`. */
+export declare type TdRadioButtonProps = ComponentPropsWithRef<typeof Radio.Button>;
+
+export declare const TdRadioGroup: NamedExoticComponent<TdRadioGroupProps>;
+
+export declare interface TdRadioGroupProps extends RadioGroupProps {
+    /** Question shown above the options. */
+    label?: ReactNode;
+    /** Help or validation text. */
+    help?: ReactNode;
+    required?: boolean;
+    status?: "error";
+}
+
+export declare interface TdRadioProps extends Omit<RadioProps, "children"> {
+    /** Radio content. */
+    label?: ReactNode;
+    /** Help or validation text. */
+    help?: ReactNode;
+    required?: boolean;
+    status?: "error";
+}
+
+export declare const TdRadius: {
+    readonly none: 0;
+    readonly xs: 2;
+    readonly sm: 4;
+    readonly md: 6;
+    readonly lg: 8;
+    readonly xl: 12;
+    readonly full: 9999;
+};
+
+export declare type TdRadiusToken = typeof TdRadius;
+
+/** IRI-TAX Figma variables. Collection: responsive. Modes: Mobile, Tablet, Desktop SM, and Desktop. */
+export declare const TdResponsive: {
+    readonly device: {
+        readonly Mobile: 480;
+        readonly Tablet: 768;
+        readonly "Desktop SM": 1024;
+        readonly Desktop: 1440;
+    };
+    readonly deviceMin: {
+        readonly Mobile: 320;
+        readonly Tablet: 768;
+        readonly "Desktop SM": 992;
+        readonly Desktop: 1200;
+    };
+    readonly deviceMax: {
+        readonly Mobile: 767;
+        readonly Tablet: 991;
+        readonly "Desktop SM": 1199;
+        readonly Desktop: 1599;
+    };
+    readonly hideOnDesktop: {
+        readonly Mobile: true;
+        readonly Tablet: true;
+        readonly "Desktop SM": true;
+        readonly Desktop: false;
+    };
+    readonly hideOnDesktopSM: {
+        readonly Mobile: true;
+        readonly Tablet: true;
+        readonly "Desktop SM": false;
+        readonly Desktop: true;
+    };
+    readonly hideOnTablet: {
+        readonly Mobile: true;
+        readonly Tablet: false;
+        readonly "Desktop SM": true;
+        readonly Desktop: true;
+    };
+    readonly hideOnMobile: {
+        readonly Mobile: false;
+        readonly Tablet: true;
+        readonly "Desktop SM": true;
+        readonly Desktop: true;
+    };
+    readonly onlyDesktop: {
+        readonly Mobile: false;
+        readonly Tablet: false;
+        readonly "Desktop SM": false;
+        readonly Desktop: true;
+    };
+    readonly onlyDesktopSM: {
+        readonly Mobile: false;
+        readonly Tablet: false;
+        readonly "Desktop SM": true;
+        readonly Desktop: false;
+    };
+    readonly onlyTablet: {
+        readonly Mobile: false;
+        readonly Tablet: true;
+        readonly "Desktop SM": false;
+        readonly Desktop: false;
+    };
+    readonly onlyMobile: {
+        readonly Mobile: true;
+        readonly Tablet: false;
+        readonly "Desktop SM": false;
+        readonly Desktop: false;
+    };
+    readonly gutter: {
+        readonly Mobile: 8;
+        readonly Tablet: 12;
+        readonly "Desktop SM": 16;
+        readonly Desktop: 16;
+    };
+    readonly pageOffset: {
+        readonly Mobile: 16;
+        readonly Tablet: 16;
+        readonly "Desktop SM": 24;
+        readonly Desktop: 24;
+    };
+};
+
+export declare type TdResponsiveMode = keyof TdResponsiveToken["device"];
+
+export declare type TdResponsiveToken = typeof TdResponsive;
+
+/** IRI-TAX Figma variables. Collection: seed. Mode: Light. */
+export declare const TdSeed: {
+    readonly colorPrimary: "#1F9E56";
+    readonly colorSuccess: "#5FA43D";
+    readonly colorWarning: "#FF9717";
+    readonly colorError: "#FF4D4F";
+    readonly colorInfo: "#3496FF";
+    readonly colorTextBase: "#000000";
+    readonly colorBgBase: "#FFFFFF";
+    readonly sizeUnit: 4;
+    readonly sizeStep: 4;
+    readonly sizePopupArrow: 16;
+    readonly controlHeight: 32;
+    readonly opacityImage: 100;
+    readonly fontFamily: "IRANSansX";
+    readonly fontFamilyCode: "IRANSansX";
+    readonly fontSize: 14;
+    readonly lineWidth: 1;
+    readonly borderRadius: 6;
+    readonly zIndexPopupBase: 1000;
+    readonly lineType: "solid";
+    readonly motion: true;
+    readonly motionBase: 0;
+    readonly motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)";
+    readonly motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)";
+    readonly motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)";
+    readonly motionEaseInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
+    readonly motionEaseOut: "cubic-bezier(0.215, 0.61, 0.355, 1)";
+    readonly motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)";
+    readonly motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)";
+    readonly motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)";
+    readonly motionUnit: 0.1;
+    readonly wireframe: false;
+};
+
+export declare type TdSeedToken = typeof TdSeed;
+
+export declare const TdSelect: typeof TdSelectInner;
+
+declare function TdSelectInner<T extends string | number = string>({ label, help, required, fullWidth, status, style, id: idProp, ...props }: TdSelectProps<T>): JSX.Element;
+
+export declare interface TdSelectOption<T extends string | number = string> {
+    label: ReactNode;
+    value: T;
+    disabled?: boolean;
+}
+
+export declare interface TdSelectProps<T extends string | number = string> extends Omit<SelectProps<T, TdSelectOption<T>>, "options"> {
+    /** Field label */
+    label?: ReactNode;
+    /** Help or validation text. */
+    help?: ReactNode;
+    /** Required field */
+    required?: boolean;
+    /** Full width */
+    fullWidth?: boolean;
+    /** Ant Design options list. */
+    options: TdSelectOption<T>[];
+}
+
+export declare const TdShadows: {
+    readonly none: "none";
+    readonly xs: "0px 1px 2px rgba(0, 0, 0, 0.05)";
+    readonly sm: "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)";
+    readonly md: "0px 4px 6px rgba(0, 0, 0, 0.07), 0px 2px 4px rgba(0, 0, 0, 0.06)";
+    readonly lg: "0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05)";
+    readonly xl: "0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.04)";
+    readonly modal: "0px 24px 48px rgba(0, 0, 0, 0.16)";
+};
+
+export declare type TdShadowToken = typeof TdShadows;
+
+export declare const TdSkeleton: NamedExoticComponent<SkeletonProps>;
+
+export declare const TdSkeletonAvatar: NamedExoticComponent<TdSkeletonAvatarProps>;
+
+export declare interface TdSkeletonAvatarProps extends Omit<ComponentProps<typeof Skeleton.Avatar>, TdSkeletonAvatarVisualProp> {
+    /** Figma Size. Defaults to default. */
+    size?: TdSkeletonSize;
+    /** Figma Shape. Defaults to circle. */
+    shape?: TdSkeletonAvatarShape;
+}
+
+export declare type TdSkeletonAvatarShape = (typeof TdSkeletonAvatarShapes)[keyof typeof TdSkeletonAvatarShapes];
+
+/** Figma Shape axis for skeleton avatar. */
+export declare const TdSkeletonAvatarShapes: {
+    readonly circle: "circle";
+    readonly square: "square";
+};
+
+declare type TdSkeletonAvatarVisualProp = "size" | "shape";
+
+export declare const TdSkeletonButton: NamedExoticComponent<TdSkeletonButtonProps>;
+
+export declare interface TdSkeletonButtonProps extends Omit<ComponentProps<typeof Skeleton.Button>, TdSkeletonButtonVisualProp> {
+    /** Figma Size. Defaults to default. */
+    size?: TdSkeletonSize;
+    /** Figma Shape. Defaults to default. */
+    shape?: TdSkeletonButtonShape;
+}
+
+export declare type TdSkeletonButtonShape = (typeof TdSkeletonButtonShapes)[keyof typeof TdSkeletonButtonShapes];
+
+/** Figma Shape axis for skeleton button. */
+export declare const TdSkeletonButtonShapes: {
+    readonly default: "default";
+    readonly square: "square";
+    readonly round: "round";
+    readonly circle: "circle";
+};
+
+declare type TdSkeletonButtonVisualProp = "size" | "shape";
+
+export declare const TdSkeletonImage: NamedExoticComponent<SkeletonImageProps>;
+
+export declare type TdSkeletonImageProps = ComponentProps<typeof Skeleton.Image>;
+
+export declare const TdSkeletonInput: NamedExoticComponent<TdSkeletonInputProps>;
+
+export declare interface TdSkeletonInputProps extends Omit<ComponentProps<typeof Skeleton.Input>, TdSkeletonInputVisualProp> {
+    /** Figma Size. Defaults to default. */
+    size?: TdSkeletonSize;
+}
+
+declare type TdSkeletonInputVisualProp = "size";
+
+export declare const TdSkeletonNode: NamedExoticComponent<SkeletonNodeProps>;
+
+export declare type TdSkeletonNodeProps = ComponentProps<typeof Skeleton.Node>;
+
+export declare type TdSkeletonProps = SkeletonProps;
+
+export declare type TdSkeletonSize = (typeof TdSkeletonSizes)[keyof typeof TdSkeletonSizes];
+
+/** Figma Size axis for skeleton button, input, and avatar. */
+export declare const TdSkeletonSizes: {
+    readonly small: "small";
+    readonly default: "default";
+    readonly large: "large";
+};
+
+export declare const TdSpacing: {
+    readonly none: 0;
+    readonly xxs: 2;
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 16;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly xxl: 48;
+    readonly xxxl: 64;
+};
+
+export declare type TdSpacingKey = keyof TdSpacingToken;
+
+export declare type TdSpacingToken = typeof TdSpacing;
+
+export declare type TdStaticDarkToken = typeof TdStaticDarkTokens;
+
+export declare const TdStaticDarkTokens: {
+    readonly emptyImageColor1: "#3E3E3E";
+    readonly emptyImageColor2: "#272727";
+    readonly emptyImageColor3: "#4F4F4F";
+    readonly emptyImageColor4: "#141414";
+    readonly emptyImageColor5: "#303030";
+    readonly emptyImageColor6: "#1D1D1D";
+    readonly "test-will-be-removed-in-the-next-update": "#FFFFFF";
+    readonly tooltipVerticalPadding: 6;
+    readonly buttonPaddingHorizontal: 15;
+    readonly buttonPaddingHorizontalSM: 7;
+    readonly buttonIconOnlyFontSize: 16;
+    readonly buttonIconOnlyFontSizeLG: 18;
+    readonly buttonIconOnlyFontSizeSM: 14;
+    readonly borderRadiusRound: 16;
+    readonly borderRadiusRoundSM: 12;
+    readonly borderRadiusRoundLG: 20;
+    readonly buttonRoundPaddingHorizontal: 16;
+    readonly buttonRoundPaddingHorizontalLG: 20;
+    readonly buttonRoundPaddingHorizontalSM: 12;
+    readonly tagPaddingHorizontal: 7;
+    readonly tagIconSize: 10;
+    readonly iconMarginInline: 3;
+    readonly alertPaddingHorizontal: 12;
+    readonly alertIconSizeLG: 24;
+    readonly alertCloseIcon: 12;
+    readonly alertIcon: 14;
+    readonly messageContentHorizontal: 9;
+    readonly messageIcon: 16;
+    readonly switchHeight: 22;
+    readonly switchHeightSM: 16;
+    readonly switchPadding: 2;
+    readonly switchPinSize: 18;
+    readonly switchPinSizeActive: 22;
+    readonly switchPinSizeSM: 12;
+    readonly switchPinSizeSMActive: 14;
+    readonly switchWidth: 44;
+    readonly switchWidthSM: 28;
+    readonly switchInnerMarginMin: 9;
+    readonly switchInnerMarginMinSM: 6;
+    readonly switchLoadingIconColor: "rgba(0, 0, 0, 0.65)";
+    readonly borderRadiusSwitch: 100;
+    readonly borderRadiusMax: 100;
+    readonly borderRadiusSwitchHandle: 9;
+    readonly switchIconSizeSM: 12;
+    readonly switchIconSize: 14;
+    readonly iconSize: 14;
+    readonly codeBg: "rgba(150, 150, 150, 0.1)";
+    readonly codeBorder: "rgba(100, 100, 100, 0.2)";
+    readonly keyboardBg: "rgba(150, 150, 150, 0.06)";
+    readonly keyboardBorder: "rgba(100, 100, 100, 0.2)";
+    readonly codeAndKeyboardHorizontalMargin: 2;
+    readonly codeAndKeyboardHorizontalPadding: 4;
+    readonly codeAndKeyboardTopPadding: 2;
+    readonly codeKeyboardRadius: 3;
+    readonly codeAndKeyboardBottomPadding: 1;
+    readonly badgeShadowColor: "#FFFFFF";
+    readonly badgeShadowSize: 1;
+    readonly badgeHeight: 20;
+    readonly badgeHeightSM: 14;
+    readonly badgeDotSize: 6;
+    readonly badgeStatusSize: 6;
+    readonly borderRadiusBadge: 10;
+    readonly borderRadiusBadgeSM: 7;
+    readonly spinDotSize: 20;
+    readonly spinDotItemSize: 6.75;
+    readonly spinDotItemSizeSM: 4.5;
+    readonly spinDotItemSizeLG: 11.25;
+    readonly spinDotSizeSM: 14;
+    readonly spinDotSizeLG: 32;
+    readonly notificationCloseButtonSize: 22;
+    readonly notificationCloseIconSize: 14;
+    readonly notificationNoticeIconSize: 24;
+    readonly resultIconSize: 72;
+    readonly resultVerticalPadding: 48;
+    readonly resultContentHorizontalPadding: 40;
+    readonly popConfirmIconSize: 14;
+    readonly tourCloseSize: 22;
+    readonly tourCoverVerticalPadding: 46;
+    readonly tourIndicatorSize: 6;
+    readonly tourMaskBg: "rgba(0, 0, 0, 0.5)";
+    readonly avatarFontSizeBase: 18;
+    readonly avatarFontSizeSM: 14;
+    readonly avatarFontSizeLG: 24;
+    readonly emptyImgHeight: 100;
+    readonly emptyImgHeightMD: 40;
+    readonly emptyImgHeightSM: 35;
+    readonly QRCodeMaskBackgroundColor: "rgba(255, 255, 255, 0.96)";
+    readonly QRCodeExpiredTextColor: "rgba(0, 0, 0, 0.88)";
+    readonly carouselDotWidth: 16;
+    readonly carouselDotHeight: 3;
+    readonly carouselDotWidthActive: 24;
+    readonly carouselArrowSize: 20;
+    readonly carouselDotOffset: 12;
+    readonly carouselArrowOffset: 25;
+    readonly modalHeaderHeight: 56;
+    readonly modalCloseBtnSize: 22;
+    readonly modalCloseIconSize: 16;
+    readonly modalConfirmIconSize: 22;
+    readonly modalCloseButtonPosition: 17;
+    readonly drawerCloseIcon: 24;
+    readonly segmentedPaddingHorizontal: 11;
+    readonly segmentedPaddingHorizontalSM: 7;
+    readonly segmentedPadding: 2;
+    readonly segmentedLabelMinHeight: 28;
+    readonly segmentedLabelMinHeightLG: 36;
+    readonly segmentedLabelMinHeightSM: 20;
+    readonly segmentedItemGap: 6;
+    readonly segmentedIcon: 14;
+    readonly segmentedIconLG: 16;
+    readonly radioSize: 16;
+    readonly radioDotSize: 6;
+    readonly radioDotPadding: 4;
+    readonly radioButtonPaddingInline: 15;
+    readonly radioButtonPaddingInlineSM: 7;
+    readonly radioRadius: 8;
+    readonly radioDotDisabledSize: 8;
+    readonly radioButtonGroupPadding: 1;
+    readonly radioButtonHeight: 30;
+    readonly radioButtonHeightSM: 22;
+    readonly radioButtonHeightLG: 38;
+    readonly borderRadiusRadioButton: 5;
+    readonly borderRadiusRadioButtonSM: 3;
+    readonly borderRadiusRadioButtonLG: 7;
+    readonly checkboxSize: 16;
+    readonly checkboxIndeterminateSize: 8;
+    readonly rateStarSize: 20;
+    readonly timelineItemHeadSize: 10;
+    readonly timelineItemPaddingBottom: 20;
+    readonly itemTailHorizontalPadding: 4;
+    readonly itemTailVerticalPadding: 10;
+    readonly collapseExpandIconHeight: 22;
+    readonly collapseExpandIconHeightLG: 24;
+    readonly collapseExpandIconHeightSM: 20;
+    readonly collapseExpandIconPaddingHorizontalStart: 4;
+    readonly collapseExpandIconPaddingHorizontalStartSM: 4;
+    readonly collapseExpandIconPaddingHorizontalStartLG: 8;
+    readonly selectInputPaddingHorizontalBase: 11;
+    readonly selectInputPaddingHorizontalSM: 7;
+    readonly selectionItemPadding: 18;
+    readonly selectionItemPaddingLG: 20;
+    readonly selectionItemPaddingSM: 18;
+    readonly selectTagItemEnd: 4;
+    readonly selectDropdownItemVertical: 5;
+    readonly selectDropdownItemGroupHorizontal: 24;
+    readonly inputPaddingHorizontal: 11;
+    readonly inputPaddingHorizontalSM: 7;
+    readonly inputPaddingHorizontalLG: 11;
+    readonly inputPaddingVertical: 4;
+    readonly inputPaddingVerticalSM: 0;
+    readonly inputPaddingVerticalLG: 7;
+    readonly transparent: "rgba(0, 0, 0, 0)";
+    readonly radiusNone: 0;
+    readonly inputNumberHandleWidth: 22;
+    readonly skeletonButtonWidth: 64;
+    readonly skeletonInputWidth: 160;
+    readonly skeletonButtonWidthLG: 80;
+    readonly skeletonInputWidthLG: 200;
+    readonly skeletonButtonWidthSM: 48;
+    readonly skeletonInputWidthSM: 120;
+    readonly colorPickerWidth: 234;
+    readonly colorPickerHandlerSize: 16;
+    readonly colorPickerHandlerSizeSM: 12;
+    readonly colorPickerSliderHeight: 8;
+    readonly colorPickerPreviewSize: 28;
+    readonly paddingNone: 0;
+    readonly colorPickerPresetColorSize: 18;
+    readonly paginationItemPaddingInline: 6;
+    readonly floatButtonBodyVerticalPadding: 2;
+    readonly floatButtonBodyHorizontalPadding: 4;
+    readonly floatButtonIconSize: 18;
+    readonly marginNone: 0;
+    readonly tabHorizontalSM: 6;
+    readonly tabVerticalLG: 6;
+    readonly tabCardGap: 2;
+    readonly darkBtnTextHover: "rgba(255, 255, 255, 0.08)";
+    readonly darkBtnFilled: "rgba(255, 255, 255, 0.08)";
+    readonly darkBtnFilledHover: "rgba(255, 255, 255, 0.12)";
+    readonly tooltipVerticalPaddingSM: 2;
+    readonly colorTextLightSolidPrimary: "#FFFFFF";
+};
+
+export declare type TdStaticToken = typeof TdStaticTokens;
+
+/** IRI-TAX Figma variables. Collection: static. Light is TdStaticTokens. Dark overrides are TdStaticDarkTokens. */
+export declare const TdStaticTokens: {
+    readonly tooltipVerticalPadding: 6;
+    readonly buttonPaddingHorizontal: 15;
+    readonly buttonPaddingHorizontalSM: 7;
+    readonly buttonIconOnlyFontSize: 16;
+    readonly buttonIconOnlyFontSizeLG: 18;
+    readonly buttonIconOnlyFontSizeSM: 14;
+    readonly borderRadiusRound: 16;
+    readonly borderRadiusRoundSM: 12;
+    readonly borderRadiusRoundLG: 20;
+    readonly buttonRoundPaddingHorizontal: 16;
+    readonly buttonRoundPaddingHorizontalLG: 20;
+    readonly buttonRoundPaddingHorizontalSM: 12;
+    readonly tagPaddingHorizontal: 7;
+    readonly tagIconSize: 10;
+    readonly iconMarginInline: 3;
+    readonly alertPaddingHorizontal: 12;
+    readonly alertIconSizeLG: 24;
+    readonly alertCloseIcon: 12;
+    readonly alertIcon: 14;
+    readonly messageContentHorizontal: 9;
+    readonly messageIcon: 16;
+    readonly switchHeight: 22;
+    readonly switchHeightSM: 16;
+    readonly switchPadding: 2;
+    readonly switchPinSize: 18;
+    readonly switchPinSizeActive: 22;
+    readonly switchPinSizeSM: 12;
+    readonly switchPinSizeSMActive: 14;
+    readonly switchWidth: 44;
+    readonly switchWidthSM: 28;
+    readonly switchInnerMarginMin: 9;
+    readonly switchInnerMarginMinSM: 6;
+    readonly switchLoadingIconColor: "rgba(0, 0, 0, 0.65)";
+    readonly borderRadiusSwitch: 100;
+    readonly borderRadiusMax: 100;
+    readonly borderRadiusSwitchHandle: 9;
+    readonly switchIconSizeSM: 12;
+    readonly switchIconSize: 14;
+    readonly iconSize: 14;
+    readonly codeBg: "rgba(150, 150, 150, 0.1)";
+    readonly codeBorder: "rgba(100, 100, 100, 0.2)";
+    readonly keyboardBg: "rgba(150, 150, 150, 0.06)";
+    readonly keyboardBorder: "rgba(100, 100, 100, 0.2)";
+    readonly codeAndKeyboardHorizontalMargin: 2;
+    readonly codeAndKeyboardHorizontalPadding: 4;
+    readonly codeAndKeyboardTopPadding: 2;
+    readonly codeKeyboardRadius: 3;
+    readonly codeAndKeyboardBottomPadding: 1;
+    readonly badgeShadowColor: "#FFFFFF";
+    readonly badgeShadowSize: 1;
+    readonly badgeHeight: 20;
+    readonly badgeHeightSM: 14;
+    readonly badgeDotSize: 6;
+    readonly badgeStatusSize: 6;
+    readonly borderRadiusBadge: 10;
+    readonly borderRadiusBadgeSM: 7;
+    readonly spinDotSize: 20;
+    readonly spinDotItemSize: 6.75;
+    readonly spinDotItemSizeSM: 4.5;
+    readonly spinDotItemSizeLG: 11.25;
+    readonly spinDotSizeSM: 14;
+    readonly spinDotSizeLG: 32;
+    readonly notificationCloseButtonSize: 22;
+    readonly notificationCloseIconSize: 14;
+    readonly notificationNoticeIconSize: 24;
+    readonly resultIconSize: 72;
+    readonly resultVerticalPadding: 48;
+    readonly resultContentHorizontalPadding: 40;
+    readonly popConfirmIconSize: 14;
+    readonly tourCloseSize: 22;
+    readonly tourCoverVerticalPadding: 46;
+    readonly tourIndicatorSize: 6;
+    readonly tourMaskBg: "rgba(0, 0, 0, 0.5)";
+    readonly avatarFontSizeBase: 18;
+    readonly avatarFontSizeSM: 14;
+    readonly avatarFontSizeLG: 24;
+    readonly emptyImgHeight: 100;
+    readonly emptyImgHeightMD: 40;
+    readonly emptyImgHeightSM: 35;
+    readonly QRCodeMaskBackgroundColor: "rgba(255, 255, 255, 0.96)";
+    readonly QRCodeExpiredTextColor: "rgba(0, 0, 0, 0.88)";
+    readonly carouselDotWidth: 16;
+    readonly carouselDotHeight: 3;
+    readonly carouselDotWidthActive: 24;
+    readonly carouselArrowSize: 20;
+    readonly carouselDotOffset: 12;
+    readonly carouselArrowOffset: 25;
+    readonly modalHeaderHeight: 56;
+    readonly modalCloseBtnSize: 22;
+    readonly modalCloseIconSize: 16;
+    readonly modalConfirmIconSize: 22;
+    readonly modalCloseButtonPosition: 17;
+    readonly drawerCloseIcon: 24;
+    readonly segmentedPaddingHorizontal: 11;
+    readonly segmentedPaddingHorizontalSM: 7;
+    readonly segmentedPadding: 2;
+    readonly segmentedLabelMinHeight: 28;
+    readonly segmentedLabelMinHeightLG: 36;
+    readonly segmentedLabelMinHeightSM: 20;
+    readonly segmentedItemGap: 6;
+    readonly segmentedIcon: 14;
+    readonly segmentedIconLG: 16;
+    readonly radioSize: 16;
+    readonly radioDotSize: 6;
+    readonly radioDotPadding: 4;
+    readonly radioButtonPaddingInline: 15;
+    readonly radioButtonPaddingInlineSM: 7;
+    readonly radioRadius: 8;
+    readonly radioDotDisabledSize: 8;
+    readonly radioButtonGroupPadding: 1;
+    readonly radioButtonHeight: 30;
+    readonly radioButtonHeightSM: 22;
+    readonly radioButtonHeightLG: 38;
+    readonly borderRadiusRadioButton: 5;
+    readonly borderRadiusRadioButtonSM: 3;
+    readonly borderRadiusRadioButtonLG: 7;
+    readonly checkboxSize: 16;
+    readonly checkboxIndeterminateSize: 8;
+    readonly rateStarSize: 20;
+    readonly timelineItemHeadSize: 10;
+    readonly timelineItemPaddingBottom: 20;
+    readonly itemTailHorizontalPadding: 4;
+    readonly itemTailVerticalPadding: 10;
+    readonly collapseExpandIconHeight: 22;
+    readonly collapseExpandIconHeightLG: 24;
+    readonly collapseExpandIconHeightSM: 20;
+    readonly collapseExpandIconPaddingHorizontalStart: 4;
+    readonly collapseExpandIconPaddingHorizontalStartSM: 4;
+    readonly collapseExpandIconPaddingHorizontalStartLG: 8;
+    readonly selectInputPaddingHorizontalBase: 11;
+    readonly selectInputPaddingHorizontalSM: 7;
+    readonly selectionItemPadding: 18;
+    readonly selectionItemPaddingLG: 20;
+    readonly selectionItemPaddingSM: 18;
+    readonly selectTagItemEnd: 4;
+    readonly selectDropdownItemVertical: 5;
+    readonly selectDropdownItemGroupHorizontal: 24;
+    readonly inputPaddingHorizontal: 11;
+    readonly inputPaddingHorizontalSM: 7;
+    readonly inputPaddingHorizontalLG: 11;
+    readonly inputPaddingVertical: 4;
+    readonly inputPaddingVerticalSM: 0;
+    readonly inputPaddingVerticalLG: 7;
+    readonly transparent: "rgba(0, 0, 0, 0)";
+    readonly radiusNone: 0;
+    readonly inputNumberHandleWidth: 22;
+    readonly skeletonButtonWidth: 64;
+    readonly skeletonInputWidth: 160;
+    readonly skeletonButtonWidthLG: 80;
+    readonly skeletonInputWidthLG: 200;
+    readonly skeletonButtonWidthSM: 48;
+    readonly skeletonInputWidthSM: 120;
+    readonly colorPickerWidth: 234;
+    readonly colorPickerHandlerSize: 16;
+    readonly colorPickerHandlerSizeSM: 12;
+    readonly colorPickerSliderHeight: 8;
+    readonly colorPickerPreviewSize: 28;
+    readonly paddingNone: 0;
+    readonly colorPickerPresetColorSize: 18;
+    readonly paginationItemPaddingInline: 6;
+    readonly floatButtonBodyVerticalPadding: 2;
+    readonly floatButtonBodyHorizontalPadding: 4;
+    readonly floatButtonIconSize: 18;
+    readonly marginNone: 0;
+    readonly tabHorizontalSM: 6;
+    readonly tabVerticalLG: 6;
+    readonly tabCardGap: 2;
+    readonly darkBtnTextHover: "rgba(255, 255, 255, 0.08)";
+    readonly darkBtnFilled: "rgba(255, 255, 255, 0.08)";
+    readonly darkBtnFilledHover: "rgba(255, 255, 255, 0.12)";
+    readonly tooltipVerticalPaddingSM: 2;
+    readonly colorTextLightSolidPrimary: "#FFFFFF";
+    readonly emptyImageColor1: "#D9D9D9";
+    readonly emptyImageColor2: "#F5F5F5";
+    readonly emptyImageColor3: "#BFBFBF";
+    readonly emptyImageColor4: "#FFFFFF";
+    readonly emptyImageColor5: "#F0F0F0";
+    readonly emptyImageColor6: "#FAFAFA";
+    readonly "test-will-be-removed-in-the-next-update": "#FF0000";
+};
+
+export declare const TdTag: NamedExoticComponent<TdTagProps>;
+
+export declare type TdTagColor = (typeof TdTagColors)[keyof typeof TdTagColors];
+
+/** Figma Color axis. Status names live on `TdTagStatuses`. */
+export declare const TdTagColors: {
+    readonly default: "default";
+    readonly red: "red";
+    readonly volcano: "volcano";
+    readonly orange: "orange";
+    readonly gold: "gold";
+    readonly yellow: "yellow";
+    readonly lime: "lime";
+    readonly green: "green";
+    readonly cyan: "cyan";
+    readonly blue: "blue";
+    readonly geekblue: "geekblue";
+    readonly purple: "purple";
+    readonly magenta: "magenta";
+};
+
+declare type TdTagOwnedProp = "color" | "variant" | "bordered";
+
+export declare interface TdTagProps extends Omit<TagProps, TdTagOwnedProp> {
+    /** Figma Variant. Defaults to filled. Passed through to antd explicitly. */
+    variant?: TdTagVariant;
+    /** Palette color. Defaults to default. Not applied when `status` is not default. */
+    color?: TdTagColor;
+    /** Status color. Defaults to default. When set, this becomes antd `color`. */
+    status?: TdTagStatus;
+}
+
+export declare type TdTagStatus = (typeof TdTagStatuses)[keyof typeof TdTagStatuses];
+
+/** Figma Status axis. Applied as antd `color` when it is not default. */
+export declare const TdTagStatuses: {
+    readonly default: "default";
+    readonly success: "success";
+    readonly processing: "processing";
+    readonly error: "error";
+    readonly warning: "warning";
+};
+
+export declare type TdTagVariant = (typeof TdTagVariants)[keyof typeof TdTagVariants];
+
+/** Figma Variant axis. Default is filled. */
+export declare const TdTagVariants: {
+    readonly filled: "filled";
+    readonly outlined: "outlined";
+    readonly solid: "solid";
+};
+
+export declare const TdText: NamedExoticComponent<TextProps>;
+
+/** Ant Design `Typography.Text` props. */
+export declare type TdTextProps = TextProps;
+
+export declare interface TdThemeConfig {
+    mode?: TdThemeMode;
+    direction?: TdDirection;
+    locale?: TdLocaleConfig;
+    /** Extend or override the base theme */
+    themeOptions?: ThemeConfig;
+}
+
+export declare interface TdThemeContextValue {
+    mode: TdThemeMode;
+    direction: TdDirection;
+    locale: TdLocaleConfig;
+    theme: ThemeConfig;
+}
+
+export declare type TdThemeMode = "light" | "dark";
+
+export declare function TdThemeProvider({ children, mode, direction, locale, themeOptions, }: TdThemeProviderProps): JSX.Element;
+
+export declare interface TdThemeProviderProps extends TdThemeConfig {
+    children: ReactNode;
+}
+
+export declare const TdTitle: NamedExoticComponent<TitleProps>;
+
+/** Ant Design `Typography.Title` props. */
+export declare type TdTitleProps = TitleProps;
+
+export declare const TdTypography: {
+    readonly fontFamily: {
+        readonly primary: "\"IRANSansX\", sans-serif";
+        readonly mono: "\"IRANSansX\", monospace";
+    };
+    readonly fontWeight: {
+        readonly regular: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+        readonly bold: 700;
+    };
+    readonly fontSize: {
+        readonly xs: 11;
+        readonly sm: 12;
+        readonly md: 14;
+        readonly lg: 16;
+        readonly xl: 20;
+        readonly xxl: 24;
+        readonly xxxl: 38;
+    };
+    readonly lineHeight: {
+        readonly tight: 1.211;
+        readonly normal: 1.571;
+        readonly relaxed: 1.6666666666666667;
+    };
+    readonly letterSpacing: {
+        readonly tight: "-0.01em";
+        readonly normal: "0";
+        readonly wide: "0.02em";
+    };
+};
+
+export declare type TdTypographyToken = typeof TdTypography;
+
+export declare const TdZIndex: {
+    readonly base: 0;
+    readonly dropdown: 1000;
+    readonly sticky: 1100;
+    readonly fixed: 1200;
+    readonly modalBackdrop: 1300;
+    readonly modal: 1400;
+    readonly popover: 1500;
+    readonly tooltip: 1600;
+    readonly toast: 1700;
+};
+
+export declare type TdZIndexToken = typeof TdZIndex;
+
+export declare function useTdTheme(): TdThemeContextValue;
+
+export declare function useTdThemeContext(): TdThemeContextValue | null;
+
+export declare function useTdThemeMode(): Pick<TdThemeContextValue, "mode" | "direction">;
+
+export { }