@bioturing/components 0.15.5 → 0.17.0

package/dist/index.d.ts

@@ -36,7 +36,7 @@ import { CascaderAutoProps } from 'antd';
 import { CascaderPanelAutoProps } from 'antd';
 import { CascaderPanelProps } from 'antd';
 import { CascaderProps } from 'antd';
-import { CheckableTagProps } from 'antd/es/tag';
+import { CheckableTagProps as CheckableTagProps_2 } from 'antd/es/tag';
 import { Checkbox as Checkbox_2 } from 'antd';
 import { CheckboxChangeEvent } from 'antd';
 import { CheckboxGroupProps } from 'antd/es/checkbox';
@@ -48,6 +48,7 @@ import { CollapsePanelProps as CollapsePanelProps_2 } from 'antd';
 import { CollapseProps as CollapseProps_2 } from 'antd';
 import { ColorPicker } from 'antd';
 import { ColorPickerProps } from 'antd';
+import { ColorPickerProps as ColorPickerProps_2 } from 'antd/es/color-picker';
 import { ColProps } from 'antd';
 import { ComponentProps } from 'react';
 import { ComponentPropsWithoutRef } from 'react';
@@ -73,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';
@@ -81,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';
@@ -94,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';
@@ -130,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';
@@ -151,10 +153,12 @@ 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';
+import { RawColorTokenValue as RawColorTokenValue_2 } from '../..';
 import { RcFile } from 'antd/es/upload';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
@@ -166,6 +170,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';
@@ -206,8 +211,8 @@ import { TabsProps } from 'antd';
 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';
 import { theme } from 'antd';
+import { Theme as Theme_2 } from '@ant-design/cssinjs';
 import { ThemeConfig } from 'antd';
 import { Timeline } from 'antd';
 import { TimelineItemProps } from 'antd';
@@ -216,7 +221,6 @@ import { TimePicker } from 'antd';
 import { TimePickerProps } from 'antd';
 import { TimeRangePickerProps } from 'antd';
 import { Toast as Toast_2 } from '@base-ui-components/react';
-import { Tooltip as Tooltip_2 } from 'antd';
 import { TooltipProps as TooltipProps_2 } from 'antd/es/tooltip';
 import { TourProps as TourProps_2 } from 'antd/es/tour/interface';
 import { TourStepProps as TourStepProps_2 } from 'antd/es/tour/interface';
@@ -231,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';
@@ -281,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;
 
@@ -331,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 }
 
@@ -359,14 +372,24 @@ export { CascaderPanelProps }
 
 export { CascaderProps }
 
+export declare const CATEGORICAL_PALETTE_NAMES: readonly ["cloudscape", "tab10", "tab20", "tab20b", "tab20c"];
+
+export declare const CATEGORICAL_PALETTES: Record<CategoricalPaletteName, Record<Theme, string[]>>;
+
 export declare const categoricalChartColorKeys: Array<keyof typeof chartColorTokens>;
 
 export declare const categoricalChartColorTokens: 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 categoricalChartsColors: ColorTokenValue[];
 
+export declare type CategoricalPaletteName = (typeof CATEGORICAL_PALETTE_NAMES)[number];
+
 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 interface CheckableTagProps extends CheckableTagProps_2 {
+    size?: "small" | "medium" | "large";
+}
+
 export declare const Checkbox: ((props: CheckboxProps & {
     ref?: React.ForwardedRef<React.ComponentRef<typeof Checkbox_2>>;
 }) => ReturnType<typeof MainCheckboxInner>) & {
@@ -486,15 +509,388 @@ export declare interface CollapsePanelProps extends CollapsePanelProps_2 {
 export declare interface CollapseProps extends CollapseProps_2 {
 }
 
+export declare const COLORBREWER: {
+    YlGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    YlGnBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    GnBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    BuGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    PuBuGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    PuBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    BuPu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    RdPu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    PuRd: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    OrRd: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    YlOrRd: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    YlOrBr: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Purples: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Blues: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Greens: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Oranges: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Reds: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Greys: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    PuOr: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    BrBG: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    PRGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    PiYG: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    RdBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    RdGy: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    RdYlBu: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    Spectral: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    RdYlGn: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+    };
+    Accent: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+    };
+    Dark2: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+    };
+    Paired: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+        12: string[];
+    };
+    Pastel1: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Pastel2: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+    };
+    Set1: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+    };
+    Set2: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+    };
+    Set3: {
+        3: string[];
+        4: string[];
+        5: string[];
+        6: string[];
+        7: string[];
+        8: string[];
+        9: string[];
+        10: string[];
+        11: string[];
+        12: string[];
+    };
+};
+
 export { ColorPicker }
 
 export { ColorPickerProps }
 
-declare type ColorTokens = {
+export declare const ColorSelect: default_2.ForwardRefExoticComponent<Omit<{
+    [x: string]: any;
+    className: any;
+    value: any;
+    defaultValue: any;
+    onChange: any;
+    colorPickerProps: any;
+    presetColors: any;
+    open: any;
+    onOpenChange: any;
+    defaultOpen: any;
+}, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
+
+/**
+ * Props for the ColorSelect component.
+ */
+export declare interface ColorSelectProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /** Controlled list of selected hex colors */
+    value?: string[];
+    /** Default list of selected hex colors for uncontrolled usage */
+    defaultValue?: string[];
+    /** Callback invoked when selected colors change */
+    onChange?: (value: string[]) => void;
+    /** Props to pass through to the Ant Design ColorPicker, excluding value/onChange/onChangeComplete */
+    colorPickerProps?: Omit<ColorPickerProps_2, "value" | "onChange" | "onChangeComplete">;
+    /** Preset color swatches displayed in the picker */
+    presetColors?: string[];
+    /** Controlled open state of the ColorPicker dropdown */
+    open?: boolean;
+    /** Callback invoked when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Default open state for uncontrolled usage */
+    defaultOpen?: boolean;
+}
+
+export declare type ColorTokens = {
     [key: string]: RawColorTokenValue;
 };
 
-declare type ColorTokenValue = {
+export declare type ColorTokenValue = {
     light: string;
     dark: string;
 };
@@ -525,6 +921,14 @@ export declare type ComponentMetadata = {
 };
 
 export declare const componentMetadata: {
+    DragDrop: {
+        name: string;
+        link: string;
+        base: "custom";
+        refinements: string[];
+        category: "Data Entry";
+        description: string;
+    };
     Badge: {
         name: string;
         link: string;
@@ -589,6 +993,14 @@ export declare const componentMetadata: {
         originalDocUrl: string;
         description: string;
     };
+    Nav: {
+        name: string;
+        link: string;
+        base: "custom";
+        refinements: string[];
+        category: "Navigation";
+        description: string;
+    };
     Empty: {
         name: string;
         link: string;
@@ -654,7 +1066,7 @@ export declare const componentMetadata: {
         name: string;
         link: string;
         base: "antd";
-        refinements: string[];
+        refinements: any[];
         category: "Overlay";
         originalDocUrl: string;
         description: string;
@@ -756,7 +1168,6 @@ export declare const componentMetadata: {
         base: "antd";
         refinements: string[];
         category: "Data Display";
-        packages: string[];
         originalDocUrl: string;
         description: string;
     };
@@ -769,6 +1180,14 @@ export declare const componentMetadata: {
         originalDocUrl: string;
         description: string;
     };
+    ColorSelect: {
+        name: string;
+        link: string;
+        base: "antd";
+        refinements: string[];
+        category: "Data Entry";
+        description: string;
+    };
     ThemeProvider: {
         name: string;
         link: string;
@@ -883,7 +1302,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[];
@@ -907,15 +1326,166 @@ export { Divider }
 
 export { DividerProps }
 
-declare interface DraggerProps extends DraggerProps_2 {
+export declare type DragData = unknown;
+
+/**
+ * Drag component with subcomponents
+ */
+export declare const DragDrop: typeof DragDropRoot & {
+    /**
+     * Item that can be dragged
+     */
+    Draggable: <T extends DragData = unknown>({ id, children, className, disabled, data, style, render, onDragEnd, onDragStart, indicator, onlyIndicatorDraggable, ...rest }: DragDropDraggableProps<T>) => null;
+    /**
+     * Zone where items can be dropped
+     */
+    Droppable: <T extends DragData = unknown>({ id, children, className, disabled, placeholder, icon, render, onDrop, validate, ...rest }: DragDropDroppableProps<T>) => null;
+};
+
+/**
+ * Props for the draggable item component
+ */
+export declare interface DragDropDraggableProps<T extends DragData = DragData> extends Omit<React.ComponentPropsWithoutRef<"div">, "id" | "onDragEnd" | "onDragStart"> {
+    /**
+     * Unique identifier for the draggable item
+     */
+    id: UniqueIdentifier;
+    /**
+     * Whether the item is disabled from being dragged
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Data to be passed to the drag event
+     */
+    data?: T;
+    /**
+     * Function to render the item
+     */
+    render?: useRender.RenderProp<DraggableInfo<T> & {
+        isDragging: boolean;
+    }>;
+    /**
+     * Callback fired when the drag operation ends
+     */
+    onDragEnd?: (event: DragEndEvent<T>) => void;
+    /**
+     * Callback fired when the drag operation starts
+     */
+    onDragStart?: (event: DragStartEvent<T>) => void;
+    /**
+     * Indicator to display if item is draggable
+     * @default false
+     */
+    indicator?: ReactNode | boolean;
+    /**
+     * Whether if only indicator is draggable
+     * @default false
+     */
+    onlyIndicatorDraggable?: boolean;
+}
+
+/**
+ * Props for the DropZone component
+ */
+export declare interface DragDropDroppableProps<T extends DragData = DragData> extends Omit<React.ComponentPropsWithoutRef<"div">, "id" | "onDragEnter" | "onDragOver" | "onDragLeave" | "onDrop"> {
+    /**
+     * Unique identifier for the droppable area
+     */
+    id: UniqueIdentifier;
+    /**
+     * Whether the drop zone is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Text to display when no children are provided
+     * @default "Drop items here"
+     */
+    placeholder?: ReactNode;
+    /**
+     * Icon to display when no children are provided
+     */
+    icon?: ReactNode;
+    /**
+     * Custom render function
+     */
+    render?: useRender.RenderProp<{
+        isOver: boolean;
+        id: string;
+    }>;
+    /**
+     * Callback fired when an item is dropped on this zone
+     */
+    onDrop?: (item: {
+        id: UniqueIdentifier;
+        data: T;
+    }) => void;
+    /**
+     * Validate if the item can be dropped
+     */
+    validate?: (item: DraggableInfo<T>) => boolean;
+}
+
+/**
+ * Props for the Drag component
+ */
+export declare interface DragDropProps<T extends DragData = DragData> {
+    /**
+     * Children of the component
+     */
+    children: ReactNode;
+    /**
+     * Callback fired when a drag operation ends
+     */
+    onDragEnd?: (event: DragEndEvent<T>) => void;
+    /**
+     * Callback fired when a drag operation starts
+     */
+    onDragStart?: (event: DragStartEvent<T>) => void;
+    /**
+     * Callback fired when an item is dropped on this zone
+     */
+    onDrop?: (item: DraggableInfo<T>) => void;
     /**
-     * Custom title for the upload component
+     * Additional class name
      */
-    uploadTitle?: default_2.ReactNode;
+    className?: string;
     /**
-     * Custom description for the upload component
-     **/
-    uploadDescription?: default_2.ReactNode;
+     * Whether to cancel drops on containers that don't handle the dropped item type
+     * @default true
+     */
+    cancelDrop?: boolean;
+}
+
+/**
+ * The root component for the drag and drop functionality
+ */
+export declare function DragDropRoot<T extends DragData = DragData>({ children, onDragEnd: _onDragEnd, onDragStart: _onDragStart, onDrop: _onDrop, className, }: DragDropProps<T>): JSX.Element;
+
+export declare interface DragEndEvent<T extends DragData = DragData> {
+    active: {
+        id: UniqueIdentifier;
+        data: T;
+    };
+    over: {
+        id: UniqueIdentifier;
+    } | null;
+}
+
+declare type DraggableInfo<T extends DragData = DragData> = {
+    id: UniqueIdentifier;
+    data: T;
+};
+
+/**
+ * Event types for drag and drop operations
+ */
+export declare interface DragStartEvent<T extends DragData = DragData> {
+    active: {
+        id: UniqueIdentifier;
+        data: T;
+    };
 }
 
 export { Drawer }
@@ -1001,6 +1571,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
@@ -1083,11 +1657,35 @@ export declare type GenericHTMLProps = React.HTMLAttributes<any> & {
     ref?: React.Ref<any> | undefined;
 };
 
+/**
+ * Get all categorical chart colors for a theme
+ */
+export declare function getAllCategoricalChartColors(theme?: Theme): Record<CategoricalPaletteName, string[]>;
+
+/**
+ * Get all sequential chart colors for a theme
+ */
+export declare function getAllSequentialChartColors(theme?: Theme): Record<SequentialPaletteName, string[]>;
+
+/**
+ * Get categorical chart colors for a specific palette and theme
+ */
+export declare function getCategoricalChartColors(palette: CategoricalPaletteName, theme?: Theme): string[];
+
+export declare const getColorsByTheme: <T extends ColorTokens>(colorsOrTokens: T | ColorTokenValue[], theme: Theme) => string[];
+
 /**
  * Get all components by category
  */
 export declare const getComponentsByCategory: () => Record<ComponentCategory, ComponentMetadata[]>;
 
+/**
+ * Get sequential chart colors for a specific palette and theme
+ */
+export declare function getSequentialChartColors(palette: SequentialPaletteName, theme?: Theme): string[];
+
+export declare const getTokensByTheme: <T extends ColorTokens>(originTokens: T, theme: Theme) => Partial<Record<keyof T, string>>;
+
 export declare const getUniqueKeysFromOriginals: (nodes: DataNode[] | undefined, originalKeysToFind: Set<Key>, map: Map<Key, Key>) => Key[];
 
 export { GlobalToken }
@@ -1097,10 +1695,36 @@ export { Grid }
 export declare const IconButton: IconButtonComponent;
 
 declare type IconButtonBaseProps = {
+    /**
+     * Label text or element to display within tooltip
+     * @default undefined
+     */
     label?: default_2.ReactNode;
+    /**
+     * Size of the icon button: small (1.25rem) or medium (1.5rem)
+     * @default medium
+     */
     size?: "small" | "medium";
+    /**
+     * Whether to apply negative margin for better visual alignment
+     * @default true
+     */
     negativeMargin?: boolean;
-    tooltipProps?: default_2.ComponentProps<typeof Tooltip_2>;
+    /**
+     * Whether to show loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Props to pass to the Tooltip component when wrapping the button
+     */
+    tooltipProps?: TooltipProps;
+    /**
+     * Custom render function for the button
+     */
+    render?: useRender.RenderProp<{
+        loading: boolean;
+    }>;
 };
 
 /**
@@ -1114,7 +1738,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<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>;
@@ -1146,6 +1770,8 @@ 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>> {
 }
 
@@ -1157,6 +1783,8 @@ declare type IntrinsicElement = keyof JSX_2.IntrinsicElements | JSXElementConstr
 
 export declare function isTracebackError(error: unknown): boolean;
 
+export declare const isValidHexColor: (hex: string, acceptWithoutPrefix?: boolean) => boolean;
+
 export { Layout }
 
 export { LayoutProps }
@@ -1177,7 +1805,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 }
 
@@ -1215,7 +1843,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
@@ -1224,7 +1852,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
@@ -1309,14 +1937,41 @@ export declare interface ModalProviderProps {
     children?: default_2.ReactNode;
 }
 
-declare interface ModalRef {
-    update: (config: ModalUpdateConfig) => void;
-    destroy: () => void;
+declare type ModalType = NonNullable<ModalFuncProps["type"]> | "default";
+
+export declare const Nav: {
+    Item: <T extends HTMLElement>(props: NavItemProps & {
+        ref?: React.Ref<T>;
+    }) => ReturnType<(<T_1 extends HTMLElement>({ icon, active, render, onClick, className, children, ...rest }: NavItemProps, ref: React.Ref<T_1>) => null)>;
+    Heading: ({ children, className, ...rest }: NavHeadingProps) => JSX.Element;
+    Group: ForwardRefExoticComponent<NavGroupProps & RefAttributes<HTMLDivElement>>;
+};
+
+export declare interface NavGroupProps extends default_2.ComponentPropsWithoutRef<"div"> {
+    /**
+     * Size of the nav
+     * @default "medium"
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Weather it's collapsible or not
+     */
+    collapsible?: boolean;
 }
 
-declare type ModalType = NonNullable<ModalFuncProps["type"]> | "default";
+export declare interface NavHeadingProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
+    children: default_2.ReactNode;
+}
 
-declare type ModalUpdateConfig = Partial<ModalFuncProps_2> | ((prev: ModalFuncProps_2) => ModalFuncProps_2);
+export declare interface NavItemProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: default_2.ReactNode;
+    active?: boolean;
+    render?: useRender.RenderProp<{
+        active: boolean;
+        icon?: default_2.ReactNode;
+    }>;
+    size?: "small" | "medium" | "large";
+}
 
 export { notification }
 
@@ -1350,7 +2005,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 */
@@ -1362,7 +2017,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 */
@@ -1421,6 +2076,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 {
@@ -1431,8 +2096,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 }
 
@@ -1450,18 +2114,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;
 
@@ -1854,11 +2518,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: RawColorTokenValue_2;
+    colorChartsThresholdNegative: RawColorTokenValue_2;
+    colorChartsThresholdPositive: RawColorTokenValue_2;
+    colorChartsThresholdInfo: RawColorTokenValue_2;
+    colorChartsThresholdNeutral: RawColorTokenValue_2;
     colorChartsLineGrid: {
         light: string;
         dark: string;
@@ -1924,7 +2588,7 @@ export declare const rawChartColorTokens: {
     colorChartsPaletteCategorical50: string;
 };
 
-declare type RawColorTokenValue = string | ColorTokenValue;
+export declare type RawColorTokenValue = string | ColorTokenValue;
 
 export { RcFile }
 
@@ -1936,6 +2600,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 }
@@ -2017,6 +2687,12 @@ export declare interface SelectProps<ValueType = unknown, OptionType extends Sel
     popupSize?: string | number | PopupPanelSize;
 }
 
+export declare const SEQUENTIAL_PALETTE_NAMES: readonly ["YlOrBr", "YlOrRd", "OrRd", "PuRd", "RdPu", "BuPu", "GnBu", "PuBu", "YlGnBu", "PuBuGn", "BuGn", "YlGn"];
+
+export declare const SEQUENTIAL_PALETTES: Record<SequentialPaletteName, Record<Theme, string[]>>;
+
+export declare type SequentialPaletteName = (typeof SEQUENTIAL_PALETTE_NAMES)[number];
+
 export { SiderProps }
 
 export { Skeleton }
@@ -2053,11 +2729,11 @@ export declare type SplitterProps = default_2.PropsWithChildren<SplitterProps_2>
     showSplitBar?: boolean;
 };
 
-export declare const Stack: FC<StackProps> & {
-    Child: FC<StackChildProps>;
+export declare const Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>> & {
+    Child: ForwardRefExoticComponent<StackChildProps & RefAttributes<HTMLDivElement>>;
 };
 
-export declare const StackChild: default_2.FC<StackChildProps>;
+export declare const StackChild: default_2.ForwardRefExoticComponent<StackChildProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface StackChildProps extends StackProps {
     /**
@@ -2087,7 +2763,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> {
     /**
@@ -2145,6 +2821,20 @@ export declare const Switch: (props: SwitchProps & {
 export declare interface SwitchProps extends SwitchProps_2 {
 }
 
+export declare const tab10: string[];
+
+export declare const tab20: string[];
+
+/**
+ * Darker variant groups
+ */
+export declare const tab20b: string[];
+
+/**
+ * Lighter variant groups
+ */
+export declare const tab20c: string[];
+
 export declare const Table: typeof InternalTable & {
     Column: typeof default_6.Column;
     ColumnGroup: typeof default_6.ColumnGroup;
@@ -2175,6 +2865,10 @@ export declare interface TableProps<RecordType extends object = object> extends
      * Table ref
      */
     tableRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Table style
+     */
+    variant?: "default" | "zebra";
 }
 
 export { TabPaneProps }
@@ -2183,7 +2877,7 @@ export { Tabs }
 
 export { TabsProps }
 
-export declare const Tag: (({ className, active, color, style, closeIcon, closable, ...rest }: TagProps) => JSX.Element) & {
+export declare const Tag: ForwardRefExoticComponent<TagProps & RefAttributes<HTMLSpanElement>> & {
     CheckableTag: ForwardRefExoticComponent<CheckableTagProps & RefAttributes<HTMLSpanElement>>;
 };
 
@@ -2193,6 +2887,11 @@ export declare interface TagProps extends TagProps_2 {
      * @default false
      */
     active?: boolean;
+    /**
+     * Size of the tag
+     * @default "small"
+     */
+    size?: "small" | "medium" | "large";
 }
 
 export { TagType }
@@ -2202,6 +2901,8 @@ declare const TextAreaInner: (props: TextAreaProps, ref: React.Ref<HTMLTextAreaE
 export declare interface TextAreaProps extends TextAreaProps_2 {
 }
 
+export declare type Theme = "light" | "dark";
+
 export { theme }
 
 export { ThemeConfig }
@@ -2250,7 +2951,7 @@ export declare const toastManager: Toast_2.createToastManager.ToastManager;
 
 declare function ToastProvider(props: Toast_2.Provider.Props): JSX.Element;
 
-export declare const Tooltip: ({ className, style, arrow, ...rest }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ arrow, ...rest }: TooltipProps) => JSX.Element;
 
 export declare type TooltipProps = TooltipProps_2 & {
     /**
@@ -2272,9 +2973,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 */
@@ -2283,11 +2984,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>>>;
@@ -2339,11 +3052,16 @@ export { Typography }
 
 export { TypographyProps }
 
+/**
+ * Base data type for drag and drop operations
+ */
+declare type UniqueIdentifier = string | number;
+
 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 }
@@ -2370,7 +3088,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;
 
 /**
  *
@@ -2382,11 +3103,16 @@ export { useApp }
 
 export declare const useBreakpoint: () => Partial<Record<Breakpoint, boolean>>;
 
-export declare const useCharts: () => {
+/**
+ * Get chart colors and axis configuration based on the current theme.
+ * @param options
+ * @returns
+ */
+export declare const useCharts: (options?: UseChartsOptions) => {
     axisLineColor: string;
     splitLineColor: string;
     axisLabelColor: string;
-    categoricalColors: string[];
+    chartColors: string[];
     echartsAxisConfig: {
         axisLine: {
             lineStyle: {
@@ -2405,9 +3131,37 @@ export declare const useCharts: () => {
     };
 };
 
+export declare interface UseChartsOptions {
+    /**
+     * The palette to use for the charts.
+     * @default "cloudscape"
+     */
+    palette?: SequentialPaletteName | CategoricalPaletteName;
+    /**
+     * The theme to use for the charts.
+     * @default "light"
+     */
+    theme?: Theme;
+}
+
 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,8 +3180,8 @@ export declare const useMessage: () => MessageInstance;
 export declare const useModal: () => HookAPI;
 
 export declare const useToken: () => {
-    theme: Theme<SeedToken, AliasToken>;
-    token: GlobalToken_2;
+    theme: Theme_2<SeedToken, AliasToken>;
+    token: GlobalToken;
     hashId: string;
 };
 
@@ -2545,7 +3299,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;