@bioturing/components 0.16.0 → 0.17.1

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,7 +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 { ColorTokenValue as ColorTokenValue_2 } from '..';
+import { ColorPickerProps as ColorPickerProps_2 } from 'antd/es/color-picker';
 import { ColProps } from 'antd';
 import { ComponentProps } from 'react';
 import { ComponentPropsWithoutRef } from 'react';
@@ -158,6 +158,7 @@ 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';
@@ -210,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';
@@ -220,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';
@@ -372,13 +372,23 @@ 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 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 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>>;
@@ -499,10 +509,383 @@ 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 }
 
+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;
 };
@@ -538,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;
@@ -602,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;
@@ -667,7 +1066,7 @@ export declare const componentMetadata: {
         name: string;
         link: string;
         base: "antd";
-        refinements: string[];
+        refinements: any[];
         category: "Overlay";
         originalDocUrl: string;
         description: string;
@@ -781,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;
@@ -919,6 +1326,168 @@ export { Divider }
 
 export { DividerProps }
 
+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;
+    /**
+     * Additional class name
+     */
+    className?: string;
+    /**
+     * 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 }
 
 export { DrawerProps }
@@ -1088,14 +1657,34 @@ 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 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[]>;
 
-export declare const getTokensByTheme: <T extends ColorTokens>(originTokens: T, theme: "light" | "dark") => Partial<Record<keyof T, string>>;
+/**
+ * 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[];
 
@@ -1106,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;
+    }>;
 };
 
 /**
@@ -1168,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 }
@@ -1322,6 +1939,40 @@ export declare interface ModalProviderProps {
 
 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;
+}
+
+export declare interface NavHeadingProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
+    children: default_2.ReactNode;
+}
+
+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 }
 
 export { NotificationArgsProps }
@@ -1867,11 +2518,11 @@ export declare const rawChartColorTokens: {
         light: string;
         dark: string;
     };
-    colorChartsStatusNeutral: string | ColorTokenValue_2;
-    colorChartsThresholdNegative: string | ColorTokenValue_2;
-    colorChartsThresholdPositive: string | ColorTokenValue_2;
-    colorChartsThresholdInfo: string | ColorTokenValue_2;
-    colorChartsThresholdNeutral: string | ColorTokenValue_2;
+    colorChartsStatusNeutral: RawColorTokenValue_2;
+    colorChartsThresholdNegative: RawColorTokenValue_2;
+    colorChartsThresholdPositive: RawColorTokenValue_2;
+    colorChartsThresholdInfo: RawColorTokenValue_2;
+    colorChartsThresholdNeutral: RawColorTokenValue_2;
     colorChartsLineGrid: {
         light: string;
         dark: string;
@@ -1937,7 +2588,7 @@ export declare const rawChartColorTokens: {
     colorChartsPaletteCategorical50: string;
 };
 
-declare type RawColorTokenValue = string | ColorTokenValue;
+export declare type RawColorTokenValue = string | ColorTokenValue;
 
 export { RcFile }
 
@@ -2036,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 }
@@ -2072,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 {
     /**
@@ -2164,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;
@@ -2206,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>>;
 };
 
@@ -2216,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 }
@@ -2225,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 }
@@ -2273,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 & {
     /**
@@ -2374,6 +3052,11 @@ 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) & {
@@ -2420,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: {
@@ -2443,6 +3131,19 @@ 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;
 
 /**
@@ -2479,7 +3180,7 @@ export declare const useMessage: () => MessageInstance;
 export declare const useModal: () => HookAPI;
 
 export declare const useToken: () => {
-    theme: Theme<SeedToken, AliasToken>;
+    theme: Theme_2<SeedToken, AliasToken>;
     token: GlobalToken;
     hashId: string;
 };