@bioturing/components 0.15.4 → 0.16.0

package/dist/index.d.ts

@@ -44,11 +44,11 @@ import { CheckboxOptionType } from 'antd';
 import { CheckboxProps as CheckboxProps_2 } from 'antd';
 import { CheckboxRef } from 'antd';
 import { Col } from 'antd';
-import { Collapse } from 'antd';
-import { CollapsePanelProps } from 'antd';
-import { CollapseProps } from 'antd';
+import { CollapsePanelProps as CollapsePanelProps_2 } from 'antd';
+import { CollapseProps as CollapseProps_2 } from 'antd';
 import { ColorPicker } from 'antd';
 import { ColorPickerProps } from 'antd';
+import { ColorTokenValue as ColorTokenValue_2 } from '..';
 import { ColProps } from 'antd';
 import { ComponentProps } from 'react';
 import { ComponentPropsWithoutRef } from 'react';
@@ -74,7 +74,7 @@ import { DescriptionsProps } from 'antd';
 import { DirectoryTreeProps as DirectoryTreeProps_2 } from 'antd/es/tree';
 import { Divider } from 'antd';
 import { DividerProps } from 'antd';
-import { DraggerProps as DraggerProps_2 } from 'antd/es/upload';
+import { DraggerProps } from './dragger';
 import { Drawer } from 'antd';
 import { DrawerProps } from 'antd';
 import { Dropdown } from 'antd';
@@ -82,7 +82,7 @@ import { DropDownProps } from 'antd';
 import { DropdownProps } from 'antd';
 import { ElementType } from 'react';
 import { EmptyProps as EmptyProps_2 } from 'antd/es/empty';
-import { ErrorListProps } from 'antd/es/form/ErrorList';
+import { ErrorListProps } from 'antd/es/form';
 import { EventDataNode } from 'antd/es/tree';
 import { FC } from 'react';
 import { Flex } from 'antd';
@@ -95,13 +95,12 @@ import { FormInstance } from 'antd';
 import { FormItemProps as FormItemProps_2 } from 'antd/es/form/FormItem';
 import { FormListFieldData } from 'antd';
 import { FormListOperation } from 'antd';
-import { FormListProps } from 'antd/es/form/FormList';
+import { FormListProps } from 'antd/es/form';
 import { FormProps } from 'antd';
 import { FormProviderProps } from 'antd/es/form/context';
 import { ForwardedRef } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { GlobalToken } from 'antd';
-import { GlobalToken as GlobalToken_2 } from 'antd/es/theme';
 import { Grid } from 'antd';
 import { HighlightProps } from 'prism-react-renderer';
 import { HookAPI } from 'antd/es/modal/useModal';
@@ -131,7 +130,9 @@ import { message } from 'antd';
 import { MessageArgsProps } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { ModalFuncProps } from 'antd';
-import { ModalProps as ModalProps_2 } from 'antd/es/modal';
+import { ModalProps } from './Modal';
+import { ModalProps as ModalProps_3 } from 'antd/es/modal';
+import { ModalRef } from './functions';
 import { notification } from 'antd';
 import { NotificationArgsProps } from 'antd';
 import { OptionFC } from 'rc-select/lib/Option';
@@ -152,7 +153,8 @@ import { QRPropsCanvas } from 'antd';
 import { QRPropsSvg } from 'antd';
 import { RadioChangeEvent as RadioChangeEvent_2 } from 'antd/es/radio';
 import { RadioGroupProps as RadioGroupProps_2 } from 'antd/es/radio';
-import { RadioProps as RadioProps_2 } from 'antd/es/radio';
+import { RadioProps as RadioProps_2 } from 'antd';
+import { RadioProps as RadioProps_3 } from 'antd/es/radio';
 import { RadioRef as RadioRef_2 } from 'antd/es/radio';
 import { Rate } from 'antd';
 import { RateProps } from 'antd';
@@ -167,6 +169,7 @@ import { RefSelectProps } from 'antd';
 import { RefSelectProps as RefSelectProps_2 } from 'antd/es/select';
 import { Result } from 'antd';
 import { ResultProps } from 'antd';
+import { RibbonProps } from 'antd/es/badge/Ribbon';
 import { Row } from 'antd';
 import { RowProps } from 'antd';
 import { SearchProps as SearchProps_2 } from 'antd/es/input';
@@ -199,14 +202,12 @@ import { TableColumnProps } from 'antd';
 import { TableColumnsType } from 'antd';
 import { TableColumnType } from 'antd';
 import { TablePaginationConfig } from 'antd';
-import { TableProps } from 'antd';
-import { TableProps as TableProps_3 } from 'antd/es/table';
+import { TableProps as TableProps_2 } from 'antd/es/table';
 import { TableRef } from 'antd/es/table';
 import { TabPaneProps } from 'antd';
 import { Tabs } from 'antd';
 import { TabsProps } from 'antd';
-import { TagProps } from 'antd';
-import { TagProps as TagProps_3 } from 'antd/es/tag';
+import { TagProps as TagProps_2 } from 'antd/es/tag';
 import { TagType } from 'antd';
 import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
 import { Theme } from '@ant-design/cssinjs';
@@ -234,6 +235,7 @@ import { TypographyProps } from 'antd';
 import { unstableSetRender } from 'antd';
 import { UploadChangeParam } from 'antd/es/upload';
 import { UploadFile } from 'antd';
+import { UploadItemProps as UploadItemProps_2 } from './item';
 import { UploadProps as UploadProps_2 } from 'antd/es/upload';
 import { default as useApp } from 'antd/es/app/useApp';
 import { useForm } from 'antd/es/form/Form';
@@ -284,7 +286,9 @@ export { BackTop }
 
 export { BackTopProps }
 
-export declare const Badge: ({ count, showZero, ...rest }: BadgeProps) => JSX.Element;
+export declare const Badge: (({ count, showZero, ...rest }: BadgeProps) => JSX.Element) & {
+    Ribbon: FC<RibbonProps>;
+};
 
 export declare type BadgeProps = BadgeProps_2;
 
@@ -334,9 +338,15 @@ export declare const Button: (props: ButtonProps & {
     ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;
 }) => ReturnType<typeof ButtonInner>;
 
-declare const ButtonInner: ({ style, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => JSX.Element;
+declare const ButtonInner: ({ negativeMargin, type, size, variant, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => JSX.Element;
 
-export declare type ButtonProps = ButtonProps_2;
+export declare interface ButtonProps extends ButtonProps_2 {
+    /**
+     * If true, negative margin will be applied to the text and link buttons to make it align with content
+     * @default true
+     */
+    negativeMargin?: boolean;
+}
 
 export { Calendar }
 
@@ -368,7 +378,7 @@ export declare const categoricalChartColorTokens: Record<"colorChartsRed300" | "
 
 export declare const categoricalChartsColors: ColorTokenValue[];
 
-export declare const chartColorTokens: Record<"colorChartsRed300" | "colorChartsRed400" | "colorChartsRed500" | "colorChartsRed600" | "colorChartsRed700" | "colorChartsRed800" | "colorChartsRed900" | "colorChartsRed1000" | "colorChartsRed1100" | "colorChartsRed1200" | "colorChartsOrange300" | "colorChartsOrange400" | "colorChartsOrange500" | "colorChartsOrange600" | "colorChartsOrange700" | "colorChartsOrange800" | "colorChartsOrange900" | "colorChartsOrange1000" | "colorChartsOrange1100" | "colorChartsOrange1200" | "colorChartsYellow300" | "colorChartsYellow400" | "colorChartsYellow500" | "colorChartsYellow600" | "colorChartsYellow700" | "colorChartsYellow800" | "colorChartsYellow900" | "colorChartsYellow1000" | "colorChartsYellow1100" | "colorChartsYellow1200" | "colorChartsGreen300" | "colorChartsGreen400" | "colorChartsGreen500" | "colorChartsGreen600" | "colorChartsGreen700" | "colorChartsGreen800" | "colorChartsGreen900" | "colorChartsGreen1000" | "colorChartsGreen1100" | "colorChartsGreen1200" | "colorChartsTeal300" | "colorChartsTeal400" | "colorChartsTeal500" | "colorChartsTeal600" | "colorChartsTeal700" | "colorChartsTeal800" | "colorChartsTeal900" | "colorChartsTeal1000" | "colorChartsTeal1100" | "colorChartsTeal1200" | "colorChartsBlue1300" | "colorChartsBlue1400" | "colorChartsBlue1500" | "colorChartsBlue1600" | "colorChartsBlue1700" | "colorChartsBlue1800" | "colorChartsBlue1900" | "colorChartsBlue11000" | "colorChartsBlue11100" | "colorChartsBlue11200" | "colorChartsBlue2300" | "colorChartsBlue2400" | "colorChartsBlue2500" | "colorChartsBlue2600" | "colorChartsBlue2700" | "colorChartsBlue2800" | "colorChartsBlue2900" | "colorChartsBlue21000" | "colorChartsBlue21100" | "colorChartsBlue21200" | "colorChartsPurple300" | "colorChartsPurple400" | "colorChartsPurple500" | "colorChartsPurple600" | "colorChartsPurple700" | "colorChartsPurple800" | "colorChartsPurple900" | "colorChartsPurple1000" | "colorChartsPurple1100" | "colorChartsPurple1200" | "colorChartsPink300" | "colorChartsPink400" | "colorChartsPink500" | "colorChartsPink600" | "colorChartsPink700" | "colorChartsPink800" | "colorChartsPink900" | "colorChartsPink1000" | "colorChartsPink1100" | "colorChartsPink1200" | "colorChartsStatusCritical" | "colorChartsStatusHigh" | "colorChartsStatusMedium" | "colorChartsStatusLow" | "colorChartsStatusPositive" | "colorChartsStatusInfo" | "colorChartsStatusNeutral" | "colorChartsThresholdNegative" | "colorChartsThresholdPositive" | "colorChartsThresholdInfo" | "colorChartsThresholdNeutral" | "colorChartsLineGrid" | "colorChartsLineTick" | "colorChartsLineAxis" | "colorChartsLabelAxis" | "colorChartsPaletteCategorical1" | "colorChartsPaletteCategorical2" | "colorChartsPaletteCategorical3" | "colorChartsPaletteCategorical4" | "colorChartsPaletteCategorical5" | "colorChartsPaletteCategorical6" | "colorChartsPaletteCategorical7" | "colorChartsPaletteCategorical8" | "colorChartsPaletteCategorical9" | "colorChartsPaletteCategorical10" | "colorChartsPaletteCategorical11" | "colorChartsPaletteCategorical12" | "colorChartsPaletteCategorical13" | "colorChartsPaletteCategorical14" | "colorChartsPaletteCategorical15" | "colorChartsPaletteCategorical16" | "colorChartsPaletteCategorical17" | "colorChartsPaletteCategorical18" | "colorChartsPaletteCategorical19" | "colorChartsPaletteCategorical20" | "colorChartsPaletteCategorical21" | "colorChartsPaletteCategorical22" | "colorChartsPaletteCategorical23" | "colorChartsPaletteCategorical24" | "colorChartsPaletteCategorical25" | "colorChartsPaletteCategorical26" | "colorChartsPaletteCategorical27" | "colorChartsPaletteCategorical28" | "colorChartsPaletteCategorical29" | "colorChartsPaletteCategorical30" | "colorChartsPaletteCategorical31" | "colorChartsPaletteCategorical32" | "colorChartsPaletteCategorical33" | "colorChartsPaletteCategorical34" | "colorChartsPaletteCategorical35" | "colorChartsPaletteCategorical36" | "colorChartsPaletteCategorical37" | "colorChartsPaletteCategorical38" | "colorChartsPaletteCategorical39" | "colorChartsPaletteCategorical40" | "colorChartsPaletteCategorical41" | "colorChartsPaletteCategorical42" | "colorChartsPaletteCategorical43" | "colorChartsPaletteCategorical44" | "colorChartsPaletteCategorical45" | "colorChartsPaletteCategorical46" | "colorChartsPaletteCategorical47" | "colorChartsPaletteCategorical48" | "colorChartsPaletteCategorical49" | "colorChartsPaletteCategorical50", ColorTokenValue>;
+export declare const chartColorTokens: Record<"colorChartsRed300" | "colorChartsRed400" | "colorChartsRed500" | "colorChartsRed600" | "colorChartsRed700" | "colorChartsRed800" | "colorChartsRed900" | "colorChartsRed1000" | "colorChartsRed1100" | "colorChartsRed1200" | "colorChartsOrange300" | "colorChartsOrange400" | "colorChartsOrange500" | "colorChartsOrange600" | "colorChartsOrange700" | "colorChartsOrange800" | "colorChartsOrange900" | "colorChartsOrange1000" | "colorChartsOrange1100" | "colorChartsOrange1200" | "colorChartsYellow300" | "colorChartsYellow400" | "colorChartsYellow500" | "colorChartsYellow600" | "colorChartsYellow700" | "colorChartsYellow800" | "colorChartsYellow900" | "colorChartsYellow1000" | "colorChartsYellow1100" | "colorChartsYellow1200" | "colorChartsGreen300" | "colorChartsGreen400" | "colorChartsGreen500" | "colorChartsGreen600" | "colorChartsGreen700" | "colorChartsGreen800" | "colorChartsGreen900" | "colorChartsGreen1000" | "colorChartsGreen1100" | "colorChartsGreen1200" | "colorChartsTeal300" | "colorChartsTeal400" | "colorChartsTeal500" | "colorChartsTeal600" | "colorChartsTeal700" | "colorChartsTeal800" | "colorChartsTeal900" | "colorChartsTeal1000" | "colorChartsTeal1100" | "colorChartsTeal1200" | "colorChartsBlue1300" | "colorChartsBlue1400" | "colorChartsBlue1500" | "colorChartsBlue1600" | "colorChartsBlue1700" | "colorChartsBlue1800" | "colorChartsBlue1900" | "colorChartsBlue11000" | "colorChartsBlue11100" | "colorChartsBlue11200" | "colorChartsBlue2300" | "colorChartsBlue2400" | "colorChartsBlue2500" | "colorChartsBlue2600" | "colorChartsBlue2700" | "colorChartsBlue2800" | "colorChartsBlue2900" | "colorChartsBlue21000" | "colorChartsBlue21100" | "colorChartsBlue21200" | "colorChartsPurple300" | "colorChartsPurple400" | "colorChartsPurple500" | "colorChartsPurple600" | "colorChartsPurple700" | "colorChartsPurple800" | "colorChartsPurple900" | "colorChartsPurple1000" | "colorChartsPurple1100" | "colorChartsPurple1200" | "colorChartsPink300" | "colorChartsPink400" | "colorChartsPink500" | "colorChartsPink600" | "colorChartsPink700" | "colorChartsPink800" | "colorChartsPink900" | "colorChartsPink1000" | "colorChartsPink1100" | "colorChartsPink1200" | "colorChartsStatusCritical" | "colorChartsStatusHigh" | "colorChartsStatusMedium" | "colorChartsStatusLow" | "colorChartsStatusPositive" | "colorChartsStatusInfo" | "colorChartsStatusNeutral" | "colorChartsThresholdNegative" | "colorChartsThresholdPositive" | "colorChartsThresholdInfo" | "colorChartsThresholdNeutral" | "colorChartsLineGrid" | "colorChartsLineTick" | "colorChartsLineAxis" | "colorChartsLabelAxis" | "colorChartsPaletteCategorical1" | "colorChartsPaletteCategorical2" | "colorChartsPaletteCategorical3" | "colorChartsPaletteCategorical4" | "colorChartsPaletteCategorical5" | "colorChartsPaletteCategorical6" | "colorChartsPaletteCategorical7" | "colorChartsPaletteCategorical8" | "colorChartsPaletteCategorical9" | "colorChartsPaletteCategorical10" | "colorChartsPaletteCategorical11" | "colorChartsPaletteCategorical12" | "colorChartsPaletteCategorical13" | "colorChartsPaletteCategorical14" | "colorChartsPaletteCategorical15" | "colorChartsPaletteCategorical16" | "colorChartsPaletteCategorical17" | "colorChartsPaletteCategorical18" | "colorChartsPaletteCategorical19" | "colorChartsPaletteCategorical20" | "colorChartsPaletteCategorical21" | "colorChartsPaletteCategorical22" | "colorChartsPaletteCategorical23" | "colorChartsPaletteCategorical24" | "colorChartsPaletteCategorical25" | "colorChartsPaletteCategorical26" | "colorChartsPaletteCategorical27" | "colorChartsPaletteCategorical28" | "colorChartsPaletteCategorical29" | "colorChartsPaletteCategorical30" | "colorChartsPaletteCategorical31" | "colorChartsPaletteCategorical32" | "colorChartsPaletteCategorical33" | "colorChartsPaletteCategorical34" | "colorChartsPaletteCategorical35" | "colorChartsPaletteCategorical36" | "colorChartsPaletteCategorical37" | "colorChartsPaletteCategorical38" | "colorChartsPaletteCategorical39" | "colorChartsPaletteCategorical40" | "colorChartsPaletteCategorical41" | "colorChartsPaletteCategorical42" | "colorChartsPaletteCategorical43" | "colorChartsPaletteCategorical44" | "colorChartsPaletteCategorical45" | "colorChartsPaletteCategorical46" | "colorChartsPaletteCategorical47" | "colorChartsPaletteCategorical48" | "colorChartsPaletteCategorical49" | "colorChartsPaletteCategorical50", ColorTokenValue_2>;
 
 export declare const Checkbox: ((props: CheckboxProps & {
     ref?: React.ForwardedRef<React.ComponentRef<typeof Checkbox_2>>;
@@ -475,21 +485,29 @@ export declare interface CodeOption {
 
 export { Col }
 
-export { Collapse }
+export declare const Collapse: ((props: CollapseProps & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof CollapseInner>) & {
+    Panel: (props: CollapsePanelProps) => JSX.Element;
+};
+
+declare const CollapseInner: (props: CollapseProps, ref: ForwardedRef<HTMLDivElement>) => JSX.Element;
 
-export { CollapsePanelProps }
+export declare interface CollapsePanelProps extends CollapsePanelProps_2 {
+}
 
-export { CollapseProps }
+export declare interface CollapseProps extends CollapseProps_2 {
+}
 
 export { ColorPicker }
 
 export { ColorPickerProps }
 
-declare type ColorTokens = {
+export declare type ColorTokens = {
     [key: string]: RawColorTokenValue;
 };
 
-declare type ColorTokenValue = {
+export declare type ColorTokenValue = {
     light: string;
     dark: string;
 };
@@ -751,7 +769,6 @@ export declare const componentMetadata: {
         base: "antd";
         refinements: string[];
         category: "Data Display";
-        packages: string[];
         originalDocUrl: string;
         description: string;
     };
@@ -878,7 +895,7 @@ export { Descriptions }
 
 export { DescriptionsProps }
 
-declare const DirectoryTreeInner: <T extends DataNode = TreeDataNode>(props: DirectoryTreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
+declare const DirectoryTreeInner: <T extends DataNode = DataNode>(props: DirectoryTreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
 
 export declare interface DirectoryTreeProps<T extends DataNode = TreeDataNode> extends Omit<DirectoryTreeProps_2<T>, "treeData" | "expandedKeys" | "defaultExpandedKeys" | "onExpand" | "checkedKeys" | "defaultCheckedKeys" | "onCheck" | "draggable"> {
     treeData?: T[];
@@ -902,17 +919,6 @@ export { Divider }
 
 export { DividerProps }
 
-declare interface DraggerProps extends DraggerProps_2 {
-    /**
-     * Custom title for the upload component
-     */
-    uploadTitle?: default_2.ReactNode;
-    /**
-     * Custom description for the upload component
-     **/
-    uploadDescription?: default_2.ReactNode;
-}
-
 export { Drawer }
 
 export { DrawerProps }
@@ -996,6 +1002,10 @@ export { DropdownProps }
 
 export declare const DSRoot: ({ className, appendClassesTo, children, theme, ...props }: DSRootProps) => JSX.Element;
 
+export declare const DSRootContextProvider: default_2.Provider<{
+    theme: "light" | "dark";
+}>;
+
 export declare interface DSRootProps extends ThemeProviderProps {
     /**
      * Classname passed to App component
@@ -1078,11 +1088,15 @@ export declare type GenericHTMLProps = React.HTMLAttributes<any> & {
     ref?: React.Ref<any> | undefined;
 };
 
+export declare const getColorsByTheme: <T extends ColorTokens>(colorsOrTokens: T | ColorTokenValue[], theme: "light" | "dark") => string[];
+
 /**
  * Get all components by category
  */
 export declare const getComponentsByCategory: () => Record<ComponentCategory, ComponentMetadata[]>;
 
+export declare const getTokensByTheme: <T extends ColorTokens>(originTokens: T, theme: "light" | "dark") => Partial<Record<keyof T, string>>;
+
 export declare const getUniqueKeysFromOriginals: (nodes: DataNode[] | undefined, originalKeysToFind: Set<Key>, map: Map<Key, Key>) => Key[];
 
 export { GlobalToken }
@@ -1109,7 +1123,7 @@ declare type IconButtonOwnProps<E extends ElementType = ElementType> = WithHrefP
 
 export declare type IconButtonProps<E extends ElementType = "button"> = IconButtonOwnProps<E> & Omit<ComponentPropsWithoutRef<E>, keyof IconButtonOwnProps<E>>;
 
-declare const InnerInternalTable: <RecordType extends object = object>({ columns, locale, emptyDescription, loading, virtual, scroll: scrollProp, ...rest }: TableProps_2<RecordType>, ref: Ref<TableRef>) => JSX.Element;
+declare const InnerInternalTable: <RecordType extends object = object>({ columns, locale, emptyDescription, loading, virtual, scroll: scrollProp, className, variant, ...rest }: TableProps<RecordType>, ref: Ref<TableRef>) => JSX.Element;
 
 declare function InnerToast({ toast, }: {
     toast: Toast_2.Root.ToastObject<ToastData>;
@@ -1141,10 +1155,12 @@ export { InputNumberProps }
 export declare interface InputProps extends InputProps_2 {
 }
 
+export declare const InternalBadge: ({ count, showZero, ...rest }: BadgeProps) => JSX.Element;
+
 declare interface InternalFormProps<Values = any> extends React_2.ComponentProps<typeof default_8<Values>> {
 }
 
-declare const InternalTable: <RecordType extends object = object>(props: TableProps_2<RecordType> & {
+declare const InternalTable: <RecordType extends object = object>(props: TableProps<RecordType> & {
     ref?: ForwardedRef<TableRef>;
 }) => ReturnType<typeof InnerInternalTable>;
 
@@ -1172,7 +1188,7 @@ declare const MainSelectInner: <ValueType = unknown, OptionType extends SelectBa
 
 declare const MainSwitchInner: ({ ...rest }: SwitchProps, ref: React.Ref<React.ComponentRef<typeof default_4>>) => JSX.Element;
 
-declare const MainTreeInner: <T extends DataNode = TreeDataNode>(props: TreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
+declare const MainTreeInner: <T extends DataNode = DataNode>(props: TreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
 
 export { MappingAlgorithm }
 
@@ -1210,7 +1226,7 @@ export declare const Modal: (({ open: externalOpen, closeIcon, children, size: s
 
 export { ModalFuncProps }
 
-declare type ModalFuncProps_2 = ModalProps & {
+declare type ModalFuncProps_2 = ModalProps_2 & {
     /**
      * Content to be displayed in the modal
      * Similar to children prop in Modal component
@@ -1219,7 +1235,7 @@ declare type ModalFuncProps_2 = ModalProps & {
     content?: default_2.ReactNode;
 };
 
-declare interface ModalProps extends Omit<ModalProps_2, "centered"> {
+declare interface ModalProps_2 extends Omit<ModalProps_3, "centered"> {
     /**
      * Predefined sizes for the modal
      * - xsmall: 400px
@@ -1304,15 +1320,8 @@ export declare interface ModalProviderProps {
     children?: default_2.ReactNode;
 }
 
-declare interface ModalRef {
-    update: (config: ModalUpdateConfig) => void;
-    destroy: () => void;
-}
-
 declare type ModalType = NonNullable<ModalFuncProps["type"]> | "default";
 
-declare type ModalUpdateConfig = Partial<ModalFuncProps_2> | ((prev: ModalFuncProps_2) => ModalFuncProps_2);
-
 export { notification }
 
 export { NotificationArgsProps }
@@ -1345,7 +1354,7 @@ export declare interface PopoverProps extends PopoverProps_2 {
     arrow?: PopoverProps_2["arrow"];
 }
 
-export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, classNames, }: PopupPanelProps) => JSX.Element;
+export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, classNames, modal, closeOnClickOutside, }: PopupPanelProps) => JSX.Element;
 
 export declare interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">, "title" | "content" | "children"> {
     /** The trigger element that opens the popup panel */
@@ -1357,7 +1366,7 @@ export declare interface PopupPanelProps extends Omit<React.ComponentPropsWithRe
     /** Controls the open state of the popup panel */
     open?: boolean;
     /** Callback fired when the open state changes */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: Popover_2.Root.Props["onOpenChange"];
     /** Content to display inside the popup panel */
     content?: React.ReactNode;
     /** Title text or element to display in the panel header */
@@ -1416,6 +1425,16 @@ export declare interface PopupPanelProps extends Omit<React.ComponentPropsWithRe
         footer?: string;
         resizeHandle?: string;
     };
+    /**
+     * Whether to close the panel when clicking outside
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Whether to use modal mode
+     * @default false
+     */
+    modal?: Popover_2.Root.Props["modal"];
 }
 
 declare enum PopupPanelSize {
@@ -1426,8 +1445,7 @@ declare enum PopupPanelSize {
     xlarge = "840px"
 }
 
-export declare const processTreeData: <T extends DataNode = DataNode>(nodes: T[] | undefined, expandedOriginalKeys: Set<Key>, // Use Set for faster lookups
-parentKeyPrefix: string, keyMap: Map<Key, Key>) => T[] | undefined;
+export declare const processTreeData: <T extends DataNode = DataNode>(nodes: T[] | undefined, expandedOriginalKeys: Set<Key>, parentKeyPrefix: string, keyMap: Map<Key, Key>) => T[] | undefined;
 
 export { Progress }
 
@@ -1445,18 +1463,18 @@ export { QRPropsCanvas }
 
 export { QRPropsSvg }
 
-export declare const Radio: ForwardRefExoticComponent<RadioProps_2 & RefAttributes<RadioRef_2>> & {
+export declare const Radio: ForwardRefExoticComponent<RadioProps_2 & RefAttributes<CheckboxRef>> & {
     Group: (props: RadioGroupProps & {
         ref?: React.Ref<HTMLDivElement>;
     }) => JSX.Element;
-    Button: ForwardRefExoticComponent<RadioProps_2 & RefAttributes<RadioRef_2>>;
+    Button: ForwardRefExoticComponent<RadioProps_2 & RefAttributes<CheckboxRef>>;
 };
 
 export declare type RadioChangeEvent = RadioChangeEvent_2;
 
 export declare type RadioGroupProps = RadioGroupProps_2;
 
-export declare type RadioProps = RadioProps_2;
+export declare type RadioProps = RadioProps_3;
 
 export declare type RadioRef = RadioRef_2;
 
@@ -1849,11 +1867,11 @@ export declare const rawChartColorTokens: {
         light: string;
         dark: string;
     };
-    colorChartsStatusNeutral: string | ColorTokenValue;
-    colorChartsThresholdNegative: string | ColorTokenValue;
-    colorChartsThresholdPositive: string | ColorTokenValue;
-    colorChartsThresholdInfo: string | ColorTokenValue;
-    colorChartsThresholdNeutral: string | ColorTokenValue;
+    colorChartsStatusNeutral: string | ColorTokenValue_2;
+    colorChartsThresholdNegative: string | ColorTokenValue_2;
+    colorChartsThresholdPositive: string | ColorTokenValue_2;
+    colorChartsThresholdInfo: string | ColorTokenValue_2;
+    colorChartsThresholdNeutral: string | ColorTokenValue_2;
     colorChartsLineGrid: {
         light: string;
         dark: string;
@@ -1931,6 +1949,12 @@ export { RefSelectProps }
 
 declare type RefType<T extends FieldType> = T extends "input" ? InputRef : T extends "select" ? RefSelectProps_2 : never;
 
+/**
+ * Resolves chart color tokens by replacing reference strings with actual values.
+ * @returns Record of token names to resolved light/dark color objects
+ */
+export declare function resolveColorTokens<T extends ColorTokens>(colors: T): Record<keyof T, ColorTokenValue>;
+
 export { Result }
 
 export { ResultProps }
@@ -2082,7 +2106,7 @@ export declare interface StackChildProps extends StackProps {
     stack?: boolean;
 }
 
-declare type StackGap = 0 | 1 | 2 | 4 | 8 | 12 | 16 | 24;
+declare type StackGap = 0 | 1 | 2 | 4 | 8 | 12 | 16 | 24 | 28 | 32 | 40 | 48;
 
 export declare interface StackProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /**
@@ -2161,9 +2185,7 @@ export { TableColumnType }
 
 export { TablePaginationConfig }
 
-export { TableProps }
-
-declare interface TableProps_2<RecordType extends object = object> extends TableProps_3<RecordType> {
+export declare interface TableProps<RecordType extends object = object> extends TableProps_2<RecordType> {
     /**
      * Add empty description for the table
      */
@@ -2172,6 +2194,10 @@ declare interface TableProps_2<RecordType extends object = object> extends Table
      * Table ref
      */
     tableRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Table style
+     */
+    variant?: "default" | "zebra";
 }
 
 export { TabPaneProps }
@@ -2180,13 +2206,11 @@ export { Tabs }
 
 export { TabsProps }
 
-export declare const Tag: (({ className, active, color, style, closeIcon, closable, ...rest }: TagProps_2) => JSX.Element) & {
+export declare const Tag: (({ className, active, color, style, closeIcon, closable, ...rest }: TagProps) => JSX.Element) & {
     CheckableTag: ForwardRefExoticComponent<CheckableTagProps & RefAttributes<HTMLSpanElement>>;
 };
 
-export { TagProps }
-
-declare interface TagProps_2 extends TagProps_3 {
+export declare interface TagProps extends TagProps_2 {
     /**
      * Indicates if the tag is active
      * @default false
@@ -2271,9 +2295,9 @@ export { Transfer }
 
 export { TransferProps }
 
-export declare const Transition: (props: TransitionProps) => ReactElement<unknown, string | JSXElementConstructor<any>>;
+export declare function Transition(props: TransitionProps): null;
 
-export declare interface TransitionProps extends Omit<useRender.ComponentProps<"div">, "render" | "children"> {
+export declare type TransitionProps = Omit<useRender.ComponentProps<"div">, "render" | "children"> & {
     /** Whether the component should be shown */
     show?: boolean;
     /** CSS classes to apply when the component is opened */
@@ -2282,11 +2306,23 @@ export declare interface TransitionProps extends Omit<useRender.ComponentProps<"
     ending?: string | CSSProperties;
     /** CSS classes to apply to the component */
     className?: string;
-    /** Child component to render */
-    children: useRender.ComponentProps<"div">["render"];
     /** Keep mounted */
     keepMounted?: boolean;
-}
+    /**
+     * Callback function to be called when the transition ends
+     */
+    onTransitionComplete?: (show?: boolean) => void;
+    /**
+     * Whether to listen for animations in child elements
+     */
+    listenToChildAnimations?: boolean;
+    /**
+     * Whether to render the child as a child element
+     * @default true
+     */
+    asChild?: boolean;
+    children?: React.ReactNode | useRender.ComponentProps<"div">["render"];
+};
 
 export declare const Tree: (<T extends DataNode = DataNode>(props: TreeProps<T> & {
     ref?: React.ForwardedRef<React.ComponentRef<typeof default_7<T>>>;
@@ -2342,7 +2378,7 @@ export { unstableSetRender }
 
 export declare const Upload: (({ showRemoveButton, className, fileList, children, ...restProps }: UploadProps) => JSX.Element) & {
     Dragger: ({ children, uploadTitle, uploadDescription, itemRender, ...rest }: DraggerProps) => JSX.Element;
-    Item: ({ fileName, fileType, status, percent, removable, onRemove, extraActions, }: UploadItemProps) => JSX.Element;
+    Item: ({ fileName, fileType, status, percent, removable, onRemove, extraActions, }: UploadItemProps_2) => JSX.Element;
 };
 
 export { UploadChangeParam }
@@ -2369,7 +2405,10 @@ export declare interface UploadProps extends UploadProps_2 {
     showRemoveButton?: boolean;
 }
 
-export declare function useAnimationsFinished(ref: React.RefObject<HTMLElement | null>, waitForNextTick?: boolean): (fnToExecute: () => void) => void;
+export declare function useAnimationsFinished(ref: React.RefObject<HTMLElement | null>, { waitForNextTick, subtree, }: {
+    waitForNextTick?: boolean;
+    subtree?: boolean;
+}): (fnToExecute: () => void) => void;
 
 /**
  *
@@ -2406,7 +2445,22 @@ export declare const useCharts: () => {
 
 export declare const useCls: () => (...args: ClassValue[]) => string;
 
-export declare function useControlledState<T>(value: T | undefined, onChange: ((value: T, ...args: any[]) => void) | undefined, defaultValue: T | undefined): [T, React.Dispatch<React.SetStateAction<T>>];
+/**
+ * A hook that manages state that can be either controlled or uncontrolled.
+ *
+ * @param value - The controlled value
+ * @param onChange - Callback when the value changes
+ * @param defaultValue - Default value for uncontrolled state
+ * @returns [currentValue, setValue] - Current value and setter function
+ */
+export declare function useControlledState<T, K extends unknown[] = []>(value?: T, onChange?: ((value: T, ...args: K | []) => void) | React.Dispatch<React.SetStateAction<T>>, defaultValue?: T): [
+T | undefined,
+(value: T | ((prev: T | undefined) => T), ...args: K | []) => void
+];
+
+export declare const useDS: () => {
+    theme: "light" | "dark";
+};
 
 export declare const useEnhancedEffect: typeof useLayoutEffect;
 
@@ -2426,7 +2480,7 @@ export declare const useModal: () => HookAPI;
 
 export declare const useToken: () => {
     theme: Theme<SeedToken, AliasToken>;
-    token: GlobalToken_2;
+    token: GlobalToken;
     hashId: string;
 };
 
@@ -2544,7 +2598,7 @@ export declare type WidthAntdTokensProps<T extends IntrinsicElement> = {
     as?: IntrinsicElement;
 } & ComponentProps<T>;
 
-export declare const WithAntdTokens: <T extends IntrinsicElement = "div">({ as: Tag, ref, className, ...rest }: WidthAntdTokensProps<T>) => ReactElement<unknown, string | JSXElementConstructor<any>>;
+export declare const WithAntdTokens: <T extends IntrinsicElement = "div">({ as: Tag, ref, className, ...rest }: WidthAntdTokensProps<T>) => null;
 
 declare type WithHrefProps<E extends ElementType = "a"> = IconButtonBaseProps & {
     href: string;