@bioturing/components 0.15.5 → 0.16.0

package/dist/components/utils/WithAntdTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithAntdTokens.js","sources":["../../../src/components/utils/WithAntdTokens.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRender } from \"@base-ui-components/react\";\nimport type {\n  ElementType,\n  JSX,\n  ComponentProps,\n  JSXElementConstructor,\n} from \"react\";\nimport { useAntdCssVarClassname } from \"./antdUtils\";\nimport { clsx } from \"./cn\";\n\ntype IntrinsicElement =\n  | keyof JSX.IntrinsicElements\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | JSXElementConstructor<any>;\n\nexport type WidthAntdTokensProps<T extends IntrinsicElement> = {\n  as?: IntrinsicElement;\n} & ComponentProps<T>;\n\nexport const WithAntdTokens = <T extends IntrinsicElement = \"div\">({\n  as: Tag = \"div\",\n  ref,\n  className,\n  ...rest\n}: WidthAntdTokensProps<T>) => {\n  const Component = Tag as ElementType;\n  const cssVar = useAntdCssVarClassname();\n  const { renderElement } = useRender({\n    render: <Component />,\n    refs: [ref],\n    props: {\n      ...rest,\n      className: clsx(className, cssVar),\n    },\n  });\n  return renderElement();\n};\n"],"names":["WithAntdTokens","Tag","ref","className","rest","Component","cssVar","useAntdCssVarClassname","renderElement","useRender","clsx"],"mappings":";;;;AAqBO,MAAMA,IAAiB,CAAqC;AAAA,EACjE,IAAIC,IAAM;AAAA,EACV,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA+B;AAC7B,QAAMC,IAAYJ,GACZK,IAASC,EAAuB,GAChC,EAAE,eAAAC,EAAc,IAAIC,EAAU;AAAA,IAClC,0BAASJ,GAAU,EAAA;AAAA,IACnB,MAAM,CAACH,CAAG;AAAA,IACV,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,WAAWM,EAAKP,GAAWG,CAAM;AAAA,IAAA;AAAA,EACnC,CACD;AACD,SAAOE,EAAc;AACvB;"}
+{"version":3,"file":"WithAntdTokens.js","sources":["../../../src/components/utils/WithAntdTokens.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRender } from \"@base-ui-components/react\";\nimport type {\n  ElementType,\n  JSX,\n  ComponentProps,\n  JSXElementConstructor,\n} from \"react\";\nimport { useAntdCssVarClassname } from \"./antdUtils\";\nimport { clsx } from \"./cn\";\n\ntype IntrinsicElement =\n  | keyof JSX.IntrinsicElements\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | JSXElementConstructor<any>;\n\nexport type WidthAntdTokensProps<T extends IntrinsicElement> = {\n  as?: IntrinsicElement;\n} & ComponentProps<T>;\n\nexport const WithAntdTokens = <T extends IntrinsicElement = \"div\">({\n  as: Tag = \"div\",\n  ref,\n  className,\n  ...rest\n}: WidthAntdTokensProps<T>) => {\n  const Component = Tag as ElementType;\n  const cssVar = useAntdCssVarClassname();\n  const renderedElement = useRender({\n    render: <Component />,\n    ref,\n    props: {\n      ...rest,\n      className: clsx(className, cssVar),\n    },\n  });\n  return renderedElement;\n};\n"],"names":["WithAntdTokens","Tag","ref","className","rest","Component","cssVar","useAntdCssVarClassname","useRender","clsx"],"mappings":";;;;;AAqBO,MAAMA,IAAiB,CAAqC;AAAA,EACjE,IAAIC,IAAM;AAAA,EACV,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA+B;AAC7B,QAAMC,IAAYJ,GACZK,IAASC,EAAuB;AAS/B,SARiBC,EAAU;AAAA,IAChC,0BAASH,GAAU,EAAA;AAAA,IACnB,KAAAH;AAAA,IACA,OAAO;AAAA,MACL,GAAGE;AAAA,MACH,WAAWK,EAAKN,GAAWG,CAAM;AAAA,IAAA;AAAA,EACnC,CACD;AAEH;"}

package/dist/components/utils/antdUtils.js

@@ -1,3 +1,4 @@
+"use client";
 import n from "antd/es/config-provider";
 import c from "antd/es/theme/useToken";
 import { useContext as i, useCallback as a } from "react";

package/dist/components/utils/antdUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"antdUtils.js","sources":["../../../src/components/utils/antdUtils.ts"],"sourcesContent":["\"use client\";\nimport { default as ConfigProvider } from \"antd/es/config-provider\";\nimport useToken from \"antd/es/theme/useToken\";\nimport { useCallback, useContext } from \"react\";\nimport type { ClassValue } from \"./types\";\nimport { cx } from \"./cn\";\nimport { PopoverProps } from \"antd/es/popover\";\n\nexport const useGetPrefixCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  return { getPrefixCls };\n};\n\n/**\n *\n * @returns the antd classname providing css variables\n */\nexport const useAntdCssVarClassname = () => {\n  const token = useToken();\n  return token[4]?.key;\n};\n\nexport const useCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const cls = useCallback(\n    (...args: ClassValue[]) => {\n      return cx(...args)\n        .map((cls) => getPrefixCls(cls))\n        .join(\" \");\n    },\n    [getPrefixCls]\n  );\n  return cls;\n};\n\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (const char of text) {\n    if (char >= \"A\" && char <= \"Z\") {\n      if (currentWord) {\n        result.push(currentWord);\n      }\n      currentWord = char.toLowerCase();\n    } else {\n      currentWord += char;\n    }\n  }\n\n  if (currentWord) {\n    result.push(currentWord);\n  }\n\n  return result.length > 0 ? result : [text];\n}\n\nexport const parseAntdPlacement = (\n  placement: PopoverProps[\"placement\"] = \"bottomLeft\"\n): {\n  placement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align: \"start\" | \"end\" | \"center\";\n} => {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let primaryPlacement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  let align: \"start\" | \"end\" | \"center\" = \"center\";\n\n  // First check if it's a vertical or horizontal primary placement\n  if (position1 === \"top\" || position1 === \"bottom\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"left\":\n          align = \"start\";\n          break;\n        case \"right\":\n          align = \"end\";\n          break;\n        // \"top\" or \"bottom\" as second position is invalid, defaults to center\n      }\n    }\n  } else if (position1 === \"left\" || position1 === \"right\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"top\":\n          align = \"start\";\n          break;\n        case \"bottom\":\n          align = \"end\";\n          break;\n        // \"left\" or \"right\" as second position is invalid, defaults to center\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    primaryPlacement = \"bottom\";\n  }\n\n  return {\n    placement: primaryPlacement,\n    align,\n  };\n};\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","_a","useToken","useCls","useCallback","args","cx","cls","splitCamelCase","text","result","currentWord","char","parseAntdPlacement","placement","position1","position2","primaryPlacement","align"],"mappings":";;;;AAQO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AAChE,SAAO,EAAE,cAAAF,EAAa;AACxB,GAMaG,IAAyB,MAAM;;AAEnC,UAAAC,IADOC,EAAS,EACV,CAAC,MAAP,gBAAAD,EAAU;AACnB,GAEaE,IAAS,MAAM;AAC1B,QAAM,EAAE,cAAAN,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AASzD,SARKK;AAAA,IACV,IAAIC,MACKC,EAAG,GAAGD,CAAI,EACd,IAAI,CAACE,MAAQV,EAAaU,CAAG,CAAC,EAC9B,KAAK,GAAG;AAAA,IAEb,CAACV,CAAY;AAAA,EACf;AAEF;AAEA,SAASW,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAC;AAC1B,MAAIC,IAAc;AAElB,aAAWC,KAAQH;AACb,IAAAG,KAAQ,OAAOA,KAAQ,OACrBD,KACFD,EAAO,KAAKC,CAAW,GAEzBA,IAAcC,EAAK,YAAY,KAEhBD,KAAAC;AAInB,SAAID,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAEa,MAAAI,IAAqB,CAChCC,IAAuC,iBAIpC;AACH,QAAM,CAACC,GAAWC,CAAS,IAAIR,EAAeM,CAAS;AAGnD,MAAAG,GACAC,IAAoC;AAGpC,MAAAH,MAAc,SAASA,MAAc;AAEvC,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA,aAIGH,MAAc,UAAUA,MAAc;AAE/C,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA;AAMa,IAAAD,IAAA;AAGd,SAAA;AAAA,IACL,WAAWA;AAAA,IACX,OAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"antdUtils.js","sources":["../../../src/components/utils/antdUtils.ts"],"sourcesContent":["\"use client\";\nimport { default as ConfigProvider } from \"antd/es/config-provider\";\nimport useToken from \"antd/es/theme/useToken\";\nimport { useCallback, useContext } from \"react\";\nimport type { ClassValue } from \"./types\";\nimport { cx } from \"./cn\";\nimport { PopoverProps } from \"antd/es/popover\";\n\nexport const useGetPrefixCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  return { getPrefixCls };\n};\n\n/**\n *\n * @returns the antd classname providing css variables\n */\nexport const useAntdCssVarClassname = () => {\n  const token = useToken();\n  return token[4]?.key;\n};\n\nexport const useCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const cls = useCallback(\n    (...args: ClassValue[]) => {\n      return cx(...args)\n        .map((cls) => getPrefixCls(cls))\n        .join(\" \");\n    },\n    [getPrefixCls]\n  );\n  return cls;\n};\n\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (const char of text) {\n    if (char >= \"A\" && char <= \"Z\") {\n      if (currentWord) {\n        result.push(currentWord);\n      }\n      currentWord = char.toLowerCase();\n    } else {\n      currentWord += char;\n    }\n  }\n\n  if (currentWord) {\n    result.push(currentWord);\n  }\n\n  return result.length > 0 ? result : [text];\n}\n\nexport const parseAntdPlacement = (\n  placement: PopoverProps[\"placement\"] = \"bottomLeft\"\n): {\n  placement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align: \"start\" | \"end\" | \"center\";\n} => {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let primaryPlacement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  let align: \"start\" | \"end\" | \"center\" = \"center\";\n\n  // First check if it's a vertical or horizontal primary placement\n  if (position1 === \"top\" || position1 === \"bottom\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"left\":\n          align = \"start\";\n          break;\n        case \"right\":\n          align = \"end\";\n          break;\n        // \"top\" or \"bottom\" as second position is invalid, defaults to center\n      }\n    }\n  } else if (position1 === \"left\" || position1 === \"right\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"top\":\n          align = \"start\";\n          break;\n        case \"bottom\":\n          align = \"end\";\n          break;\n        // \"left\" or \"right\" as second position is invalid, defaults to center\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    primaryPlacement = \"bottom\";\n  }\n\n  return {\n    placement: primaryPlacement,\n    align,\n  };\n};\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","_a","useToken","useCls","useCallback","args","cx","cls","splitCamelCase","text","result","currentWord","char","parseAntdPlacement","placement","position1","position2","primaryPlacement","align"],"mappings":";;;;;AAQO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AAChE,SAAO,EAAE,cAAAF,EAAa;AACxB,GAMaG,IAAyB,MAAM;;AAEnC,UAAAC,IADOC,EAAS,EACV,CAAC,MAAP,gBAAAD,EAAU;AACnB,GAEaE,IAAS,MAAM;AAC1B,QAAM,EAAE,cAAAN,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AASzD,SARKK;AAAA,IACV,IAAIC,MACKC,EAAG,GAAGD,CAAI,EACd,IAAI,CAACE,MAAQV,EAAaU,CAAG,CAAC,EAC9B,KAAK,GAAG;AAAA,IAEb,CAACV,CAAY;AAAA,EACf;AAEF;AAEA,SAASW,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAC;AAC1B,MAAIC,IAAc;AAElB,aAAWC,KAAQH;AACb,IAAAG,KAAQ,OAAOA,KAAQ,OACrBD,KACFD,EAAO,KAAKC,CAAW,GAEzBA,IAAcC,EAAK,YAAY,KAEhBD,KAAAC;AAInB,SAAID,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAEa,MAAAI,IAAqB,CAChCC,IAAuC,iBAIpC;AACH,QAAM,CAACC,GAAWC,CAAS,IAAIR,EAAeM,CAAS;AAGnD,MAAAG,GACAC,IAAoC;AAGpC,MAAAH,MAAc,SAASA,MAAc;AAEvC,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA,aAIGH,MAAc,UAAUA,MAAc;AAE/C,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA;AAMa,IAAAD,IAAA;AAGd,SAAA;AAAA,IACL,WAAWA;AAAA,IACX,OAAAC;AAAA,EACF;AACF;"}

package/dist/index.d.ts

@@ -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 { ColorTokenValue as ColorTokenValue_2 } from '..';
 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,7 +153,8 @@ import { QRPropsCanvas } from 'antd';
 import { QRPropsSvg } from 'antd';
 import { RadioChangeEvent as RadioChangeEvent_2 } from 'antd/es/radio';
 import { RadioGroupProps as RadioGroupProps_2 } from 'antd/es/radio';
-import { RadioProps as RadioProps_2 } from 'antd/es/radio';
+import { RadioProps as RadioProps_2 } from 'antd';
+import { RadioProps as RadioProps_3 } from 'antd/es/radio';
 import { RadioRef as RadioRef_2 } from 'antd/es/radio';
 import { Rate } from 'antd';
 import { RateProps } from 'antd';
@@ -166,6 +169,7 @@ import { RefSelectProps } from 'antd';
 import { RefSelectProps as RefSelectProps_2 } from 'antd/es/select';
 import { Result } from 'antd';
 import { ResultProps } from 'antd';
+import { RibbonProps } from 'antd/es/badge/Ribbon';
 import { Row } from 'antd';
 import { RowProps } from 'antd';
 import { SearchProps as SearchProps_2 } from 'antd/es/input';
@@ -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 }
 
@@ -365,7 +378,7 @@ export declare const categoricalChartColorTokens: Record<"colorChartsRed300" | "
 
 export declare const categoricalChartsColors: ColorTokenValue[];
 
-export declare const chartColorTokens: Record<"colorChartsRed300" | "colorChartsRed400" | "colorChartsRed500" | "colorChartsRed600" | "colorChartsRed700" | "colorChartsRed800" | "colorChartsRed900" | "colorChartsRed1000" | "colorChartsRed1100" | "colorChartsRed1200" | "colorChartsOrange300" | "colorChartsOrange400" | "colorChartsOrange500" | "colorChartsOrange600" | "colorChartsOrange700" | "colorChartsOrange800" | "colorChartsOrange900" | "colorChartsOrange1000" | "colorChartsOrange1100" | "colorChartsOrange1200" | "colorChartsYellow300" | "colorChartsYellow400" | "colorChartsYellow500" | "colorChartsYellow600" | "colorChartsYellow700" | "colorChartsYellow800" | "colorChartsYellow900" | "colorChartsYellow1000" | "colorChartsYellow1100" | "colorChartsYellow1200" | "colorChartsGreen300" | "colorChartsGreen400" | "colorChartsGreen500" | "colorChartsGreen600" | "colorChartsGreen700" | "colorChartsGreen800" | "colorChartsGreen900" | "colorChartsGreen1000" | "colorChartsGreen1100" | "colorChartsGreen1200" | "colorChartsTeal300" | "colorChartsTeal400" | "colorChartsTeal500" | "colorChartsTeal600" | "colorChartsTeal700" | "colorChartsTeal800" | "colorChartsTeal900" | "colorChartsTeal1000" | "colorChartsTeal1100" | "colorChartsTeal1200" | "colorChartsBlue1300" | "colorChartsBlue1400" | "colorChartsBlue1500" | "colorChartsBlue1600" | "colorChartsBlue1700" | "colorChartsBlue1800" | "colorChartsBlue1900" | "colorChartsBlue11000" | "colorChartsBlue11100" | "colorChartsBlue11200" | "colorChartsBlue2300" | "colorChartsBlue2400" | "colorChartsBlue2500" | "colorChartsBlue2600" | "colorChartsBlue2700" | "colorChartsBlue2800" | "colorChartsBlue2900" | "colorChartsBlue21000" | "colorChartsBlue21100" | "colorChartsBlue21200" | "colorChartsPurple300" | "colorChartsPurple400" | "colorChartsPurple500" | "colorChartsPurple600" | "colorChartsPurple700" | "colorChartsPurple800" | "colorChartsPurple900" | "colorChartsPurple1000" | "colorChartsPurple1100" | "colorChartsPurple1200" | "colorChartsPink300" | "colorChartsPink400" | "colorChartsPink500" | "colorChartsPink600" | "colorChartsPink700" | "colorChartsPink800" | "colorChartsPink900" | "colorChartsPink1000" | "colorChartsPink1100" | "colorChartsPink1200" | "colorChartsStatusCritical" | "colorChartsStatusHigh" | "colorChartsStatusMedium" | "colorChartsStatusLow" | "colorChartsStatusPositive" | "colorChartsStatusInfo" | "colorChartsStatusNeutral" | "colorChartsThresholdNegative" | "colorChartsThresholdPositive" | "colorChartsThresholdInfo" | "colorChartsThresholdNeutral" | "colorChartsLineGrid" | "colorChartsLineTick" | "colorChartsLineAxis" | "colorChartsLabelAxis" | "colorChartsPaletteCategorical1" | "colorChartsPaletteCategorical2" | "colorChartsPaletteCategorical3" | "colorChartsPaletteCategorical4" | "colorChartsPaletteCategorical5" | "colorChartsPaletteCategorical6" | "colorChartsPaletteCategorical7" | "colorChartsPaletteCategorical8" | "colorChartsPaletteCategorical9" | "colorChartsPaletteCategorical10" | "colorChartsPaletteCategorical11" | "colorChartsPaletteCategorical12" | "colorChartsPaletteCategorical13" | "colorChartsPaletteCategorical14" | "colorChartsPaletteCategorical15" | "colorChartsPaletteCategorical16" | "colorChartsPaletteCategorical17" | "colorChartsPaletteCategorical18" | "colorChartsPaletteCategorical19" | "colorChartsPaletteCategorical20" | "colorChartsPaletteCategorical21" | "colorChartsPaletteCategorical22" | "colorChartsPaletteCategorical23" | "colorChartsPaletteCategorical24" | "colorChartsPaletteCategorical25" | "colorChartsPaletteCategorical26" | "colorChartsPaletteCategorical27" | "colorChartsPaletteCategorical28" | "colorChartsPaletteCategorical29" | "colorChartsPaletteCategorical30" | "colorChartsPaletteCategorical31" | "colorChartsPaletteCategorical32" | "colorChartsPaletteCategorical33" | "colorChartsPaletteCategorical34" | "colorChartsPaletteCategorical35" | "colorChartsPaletteCategorical36" | "colorChartsPaletteCategorical37" | "colorChartsPaletteCategorical38" | "colorChartsPaletteCategorical39" | "colorChartsPaletteCategorical40" | "colorChartsPaletteCategorical41" | "colorChartsPaletteCategorical42" | "colorChartsPaletteCategorical43" | "colorChartsPaletteCategorical44" | "colorChartsPaletteCategorical45" | "colorChartsPaletteCategorical46" | "colorChartsPaletteCategorical47" | "colorChartsPaletteCategorical48" | "colorChartsPaletteCategorical49" | "colorChartsPaletteCategorical50", ColorTokenValue>;
+export declare const chartColorTokens: Record<"colorChartsRed300" | "colorChartsRed400" | "colorChartsRed500" | "colorChartsRed600" | "colorChartsRed700" | "colorChartsRed800" | "colorChartsRed900" | "colorChartsRed1000" | "colorChartsRed1100" | "colorChartsRed1200" | "colorChartsOrange300" | "colorChartsOrange400" | "colorChartsOrange500" | "colorChartsOrange600" | "colorChartsOrange700" | "colorChartsOrange800" | "colorChartsOrange900" | "colorChartsOrange1000" | "colorChartsOrange1100" | "colorChartsOrange1200" | "colorChartsYellow300" | "colorChartsYellow400" | "colorChartsYellow500" | "colorChartsYellow600" | "colorChartsYellow700" | "colorChartsYellow800" | "colorChartsYellow900" | "colorChartsYellow1000" | "colorChartsYellow1100" | "colorChartsYellow1200" | "colorChartsGreen300" | "colorChartsGreen400" | "colorChartsGreen500" | "colorChartsGreen600" | "colorChartsGreen700" | "colorChartsGreen800" | "colorChartsGreen900" | "colorChartsGreen1000" | "colorChartsGreen1100" | "colorChartsGreen1200" | "colorChartsTeal300" | "colorChartsTeal400" | "colorChartsTeal500" | "colorChartsTeal600" | "colorChartsTeal700" | "colorChartsTeal800" | "colorChartsTeal900" | "colorChartsTeal1000" | "colorChartsTeal1100" | "colorChartsTeal1200" | "colorChartsBlue1300" | "colorChartsBlue1400" | "colorChartsBlue1500" | "colorChartsBlue1600" | "colorChartsBlue1700" | "colorChartsBlue1800" | "colorChartsBlue1900" | "colorChartsBlue11000" | "colorChartsBlue11100" | "colorChartsBlue11200" | "colorChartsBlue2300" | "colorChartsBlue2400" | "colorChartsBlue2500" | "colorChartsBlue2600" | "colorChartsBlue2700" | "colorChartsBlue2800" | "colorChartsBlue2900" | "colorChartsBlue21000" | "colorChartsBlue21100" | "colorChartsBlue21200" | "colorChartsPurple300" | "colorChartsPurple400" | "colorChartsPurple500" | "colorChartsPurple600" | "colorChartsPurple700" | "colorChartsPurple800" | "colorChartsPurple900" | "colorChartsPurple1000" | "colorChartsPurple1100" | "colorChartsPurple1200" | "colorChartsPink300" | "colorChartsPink400" | "colorChartsPink500" | "colorChartsPink600" | "colorChartsPink700" | "colorChartsPink800" | "colorChartsPink900" | "colorChartsPink1000" | "colorChartsPink1100" | "colorChartsPink1200" | "colorChartsStatusCritical" | "colorChartsStatusHigh" | "colorChartsStatusMedium" | "colorChartsStatusLow" | "colorChartsStatusPositive" | "colorChartsStatusInfo" | "colorChartsStatusNeutral" | "colorChartsThresholdNegative" | "colorChartsThresholdPositive" | "colorChartsThresholdInfo" | "colorChartsThresholdNeutral" | "colorChartsLineGrid" | "colorChartsLineTick" | "colorChartsLineAxis" | "colorChartsLabelAxis" | "colorChartsPaletteCategorical1" | "colorChartsPaletteCategorical2" | "colorChartsPaletteCategorical3" | "colorChartsPaletteCategorical4" | "colorChartsPaletteCategorical5" | "colorChartsPaletteCategorical6" | "colorChartsPaletteCategorical7" | "colorChartsPaletteCategorical8" | "colorChartsPaletteCategorical9" | "colorChartsPaletteCategorical10" | "colorChartsPaletteCategorical11" | "colorChartsPaletteCategorical12" | "colorChartsPaletteCategorical13" | "colorChartsPaletteCategorical14" | "colorChartsPaletteCategorical15" | "colorChartsPaletteCategorical16" | "colorChartsPaletteCategorical17" | "colorChartsPaletteCategorical18" | "colorChartsPaletteCategorical19" | "colorChartsPaletteCategorical20" | "colorChartsPaletteCategorical21" | "colorChartsPaletteCategorical22" | "colorChartsPaletteCategorical23" | "colorChartsPaletteCategorical24" | "colorChartsPaletteCategorical25" | "colorChartsPaletteCategorical26" | "colorChartsPaletteCategorical27" | "colorChartsPaletteCategorical28" | "colorChartsPaletteCategorical29" | "colorChartsPaletteCategorical30" | "colorChartsPaletteCategorical31" | "colorChartsPaletteCategorical32" | "colorChartsPaletteCategorical33" | "colorChartsPaletteCategorical34" | "colorChartsPaletteCategorical35" | "colorChartsPaletteCategorical36" | "colorChartsPaletteCategorical37" | "colorChartsPaletteCategorical38" | "colorChartsPaletteCategorical39" | "colorChartsPaletteCategorical40" | "colorChartsPaletteCategorical41" | "colorChartsPaletteCategorical42" | "colorChartsPaletteCategorical43" | "colorChartsPaletteCategorical44" | "colorChartsPaletteCategorical45" | "colorChartsPaletteCategorical46" | "colorChartsPaletteCategorical47" | "colorChartsPaletteCategorical48" | "colorChartsPaletteCategorical49" | "colorChartsPaletteCategorical50", ColorTokenValue_2>;
 
 export declare const Checkbox: ((props: CheckboxProps & {
     ref?: React.ForwardedRef<React.ComponentRef<typeof Checkbox_2>>;
@@ -490,11 +503,11 @@ export { ColorPicker }
 
 export { ColorPickerProps }
 
-declare type ColorTokens = {
+export declare type ColorTokens = {
     [key: string]: RawColorTokenValue;
 };
 
-declare type ColorTokenValue = {
+export declare type ColorTokenValue = {
     light: string;
     dark: string;
 };
@@ -756,7 +769,6 @@ export declare const componentMetadata: {
         base: "antd";
         refinements: string[];
         category: "Data Display";
-        packages: string[];
         originalDocUrl: string;
         description: string;
     };
@@ -883,7 +895,7 @@ export { Descriptions }
 
 export { DescriptionsProps }
 
-declare const DirectoryTreeInner: <T extends DataNode = TreeDataNode>(props: DirectoryTreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
+declare const DirectoryTreeInner: <T extends DataNode = DataNode>(props: DirectoryTreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
 
 export declare interface DirectoryTreeProps<T extends DataNode = TreeDataNode> extends Omit<DirectoryTreeProps_2<T>, "treeData" | "expandedKeys" | "defaultExpandedKeys" | "onExpand" | "checkedKeys" | "defaultCheckedKeys" | "onCheck" | "draggable"> {
     treeData?: T[];
@@ -907,17 +919,6 @@ export { Divider }
 
 export { DividerProps }
 
-declare interface DraggerProps extends DraggerProps_2 {
-    /**
-     * Custom title for the upload component
-     */
-    uploadTitle?: default_2.ReactNode;
-    /**
-     * Custom description for the upload component
-     **/
-    uploadDescription?: default_2.ReactNode;
-}
-
 export { Drawer }
 
 export { DrawerProps }
@@ -1001,6 +1002,10 @@ export { DropdownProps }
 
 export declare const DSRoot: ({ className, appendClassesTo, children, theme, ...props }: DSRootProps) => JSX.Element;
 
+export declare const DSRootContextProvider: default_2.Provider<{
+    theme: "light" | "dark";
+}>;
+
 export declare interface DSRootProps extends ThemeProviderProps {
     /**
      * Classname passed to App component
@@ -1083,11 +1088,15 @@ export declare type GenericHTMLProps = React.HTMLAttributes<any> & {
     ref?: React.Ref<any> | undefined;
 };
 
+export declare const getColorsByTheme: <T extends ColorTokens>(colorsOrTokens: T | ColorTokenValue[], theme: "light" | "dark") => string[];
+
 /**
  * Get all components by category
  */
 export declare const getComponentsByCategory: () => Record<ComponentCategory, ComponentMetadata[]>;
 
+export declare const getTokensByTheme: <T extends ColorTokens>(originTokens: T, theme: "light" | "dark") => Partial<Record<keyof T, string>>;
+
 export declare const getUniqueKeysFromOriginals: (nodes: DataNode[] | undefined, originalKeysToFind: Set<Key>, map: Map<Key, Key>) => Key[];
 
 export { GlobalToken }
@@ -1114,7 +1123,7 @@ declare type IconButtonOwnProps<E extends ElementType = ElementType> = WithHrefP
 
 export declare type IconButtonProps<E extends ElementType = "button"> = IconButtonOwnProps<E> & Omit<ComponentPropsWithoutRef<E>, keyof IconButtonOwnProps<E>>;
 
-declare const InnerInternalTable: <RecordType extends object = object>({ columns, locale, emptyDescription, loading, virtual, scroll: scrollProp, ...rest }: TableProps<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 +1155,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>> {
 }
 
@@ -1177,7 +1188,7 @@ declare const MainSelectInner: <ValueType = unknown, OptionType extends SelectBa
 
 declare const MainSwitchInner: ({ ...rest }: SwitchProps, ref: React.Ref<React.ComponentRef<typeof default_4>>) => JSX.Element;
 
-declare const MainTreeInner: <T extends DataNode = TreeDataNode>(props: TreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
+declare const MainTreeInner: <T extends DataNode = DataNode>(props: TreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
 
 export { MappingAlgorithm }
 
@@ -1215,7 +1226,7 @@ export declare const Modal: (({ open: externalOpen, closeIcon, children, size: s
 
 export { ModalFuncProps }
 
-declare type ModalFuncProps_2 = ModalProps & {
+declare type ModalFuncProps_2 = ModalProps_2 & {
     /**
      * Content to be displayed in the modal
      * Similar to children prop in Modal component
@@ -1224,7 +1235,7 @@ declare type ModalFuncProps_2 = ModalProps & {
     content?: default_2.ReactNode;
 };
 
-declare interface ModalProps extends Omit<ModalProps_2, "centered"> {
+declare interface ModalProps_2 extends Omit<ModalProps_3, "centered"> {
     /**
      * Predefined sizes for the modal
      * - xsmall: 400px
@@ -1309,15 +1320,8 @@ export declare interface ModalProviderProps {
     children?: default_2.ReactNode;
 }
 
-declare interface ModalRef {
-    update: (config: ModalUpdateConfig) => void;
-    destroy: () => void;
-}
-
 declare type ModalType = NonNullable<ModalFuncProps["type"]> | "default";
 
-declare type ModalUpdateConfig = Partial<ModalFuncProps_2> | ((prev: ModalFuncProps_2) => ModalFuncProps_2);
-
 export { notification }
 
 export { NotificationArgsProps }
@@ -1350,7 +1354,7 @@ export declare interface PopoverProps extends PopoverProps_2 {
     arrow?: PopoverProps_2["arrow"];
 }
 
-export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, classNames, }: PopupPanelProps) => JSX.Element;
+export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, classNames, modal, closeOnClickOutside, }: PopupPanelProps) => JSX.Element;
 
 export declare interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">, "title" | "content" | "children"> {
     /** The trigger element that opens the popup panel */
@@ -1362,7 +1366,7 @@ export declare interface PopupPanelProps extends Omit<React.ComponentPropsWithRe
     /** Controls the open state of the popup panel */
     open?: boolean;
     /** Callback fired when the open state changes */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: Popover_2.Root.Props["onOpenChange"];
     /** Content to display inside the popup panel */
     content?: React.ReactNode;
     /** Title text or element to display in the panel header */
@@ -1421,6 +1425,16 @@ export declare interface PopupPanelProps extends Omit<React.ComponentPropsWithRe
         footer?: string;
         resizeHandle?: string;
     };
+    /**
+     * Whether to close the panel when clicking outside
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Whether to use modal mode
+     * @default false
+     */
+    modal?: Popover_2.Root.Props["modal"];
 }
 
 declare enum PopupPanelSize {
@@ -1431,8 +1445,7 @@ declare enum PopupPanelSize {
     xlarge = "840px"
 }
 
-export declare const processTreeData: <T extends DataNode = DataNode>(nodes: T[] | undefined, expandedOriginalKeys: Set<Key>, // Use Set for faster lookups
-parentKeyPrefix: string, keyMap: Map<Key, Key>) => T[] | undefined;
+export declare const processTreeData: <T extends DataNode = DataNode>(nodes: T[] | undefined, expandedOriginalKeys: Set<Key>, parentKeyPrefix: string, keyMap: Map<Key, Key>) => T[] | undefined;
 
 export { Progress }
 
@@ -1450,18 +1463,18 @@ export { QRPropsCanvas }
 
 export { QRPropsSvg }
 
-export declare const Radio: ForwardRefExoticComponent<RadioProps_2 & RefAttributes<RadioRef_2>> & {
+export declare const Radio: ForwardRefExoticComponent<RadioProps_2 & RefAttributes<CheckboxRef>> & {
     Group: (props: RadioGroupProps & {
         ref?: React.Ref<HTMLDivElement>;
     }) => JSX.Element;
-    Button: ForwardRefExoticComponent<RadioProps_2 & RefAttributes<RadioRef_2>>;
+    Button: ForwardRefExoticComponent<RadioProps_2 & RefAttributes<CheckboxRef>>;
 };
 
 export declare type RadioChangeEvent = RadioChangeEvent_2;
 
 export declare type RadioGroupProps = RadioGroupProps_2;
 
-export declare type RadioProps = RadioProps_2;
+export declare type RadioProps = RadioProps_3;
 
 export declare type RadioRef = RadioRef_2;
 
@@ -1854,11 +1867,11 @@ export declare const rawChartColorTokens: {
         light: string;
         dark: string;
     };
-    colorChartsStatusNeutral: string | ColorTokenValue;
-    colorChartsThresholdNegative: string | ColorTokenValue;
-    colorChartsThresholdPositive: string | ColorTokenValue;
-    colorChartsThresholdInfo: string | ColorTokenValue;
-    colorChartsThresholdNeutral: string | ColorTokenValue;
+    colorChartsStatusNeutral: string | ColorTokenValue_2;
+    colorChartsThresholdNegative: string | ColorTokenValue_2;
+    colorChartsThresholdPositive: string | ColorTokenValue_2;
+    colorChartsThresholdInfo: string | ColorTokenValue_2;
+    colorChartsThresholdNeutral: string | ColorTokenValue_2;
     colorChartsLineGrid: {
         light: string;
         dark: string;
@@ -1936,6 +1949,12 @@ export { RefSelectProps }
 
 declare type RefType<T extends FieldType> = T extends "input" ? InputRef : T extends "select" ? RefSelectProps_2 : never;
 
+/**
+ * Resolves chart color tokens by replacing reference strings with actual values.
+ * @returns Record of token names to resolved light/dark color objects
+ */
+export declare function resolveColorTokens<T extends ColorTokens>(colors: T): Record<keyof T, ColorTokenValue>;
+
 export { Result }
 
 export { ResultProps }
@@ -2087,7 +2106,7 @@ export declare interface StackChildProps extends StackProps {
     stack?: boolean;
 }
 
-declare type StackGap = 0 | 1 | 2 | 4 | 8 | 12 | 16 | 24;
+declare type StackGap = 0 | 1 | 2 | 4 | 8 | 12 | 16 | 24 | 28 | 32 | 40 | 48;
 
 export declare interface StackProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /**
@@ -2175,6 +2194,10 @@ export declare interface TableProps<RecordType extends object = object> extends
      * Table ref
      */
     tableRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Table style
+     */
+    variant?: "default" | "zebra";
 }
 
 export { TabPaneProps }
@@ -2272,9 +2295,9 @@ export { Transfer }
 
 export { TransferProps }
 
-export declare const Transition: (props: TransitionProps) => ReactElement<unknown, string | JSXElementConstructor<any>>;
+export declare function Transition(props: TransitionProps): null;
 
-export declare interface TransitionProps extends Omit<useRender.ComponentProps<"div">, "render" | "children"> {
+export declare type TransitionProps = Omit<useRender.ComponentProps<"div">, "render" | "children"> & {
     /** Whether the component should be shown */
     show?: boolean;
     /** CSS classes to apply when the component is opened */
@@ -2283,11 +2306,23 @@ export declare interface TransitionProps extends Omit<useRender.ComponentProps<"
     ending?: string | CSSProperties;
     /** CSS classes to apply to the component */
     className?: string;
-    /** Child component to render */
-    children: useRender.ComponentProps<"div">["render"];
     /** Keep mounted */
     keepMounted?: boolean;
-}
+    /**
+     * Callback function to be called when the transition ends
+     */
+    onTransitionComplete?: (show?: boolean) => void;
+    /**
+     * Whether to listen for animations in child elements
+     */
+    listenToChildAnimations?: boolean;
+    /**
+     * Whether to render the child as a child element
+     * @default true
+     */
+    asChild?: boolean;
+    children?: React.ReactNode | useRender.ComponentProps<"div">["render"];
+};
 
 export declare const Tree: (<T extends DataNode = DataNode>(props: TreeProps<T> & {
     ref?: React.ForwardedRef<React.ComponentRef<typeof default_7<T>>>;
@@ -2343,7 +2378,7 @@ export { unstableSetRender }
 
 export declare const Upload: (({ showRemoveButton, className, fileList, children, ...restProps }: UploadProps) => JSX.Element) & {
     Dragger: ({ children, uploadTitle, uploadDescription, itemRender, ...rest }: DraggerProps) => JSX.Element;
-    Item: ({ fileName, fileType, status, percent, removable, onRemove, extraActions, }: UploadItemProps) => JSX.Element;
+    Item: ({ fileName, fileType, status, percent, removable, onRemove, extraActions, }: UploadItemProps_2) => JSX.Element;
 };
 
 export { UploadChangeParam }
@@ -2370,7 +2405,10 @@ export declare interface UploadProps extends UploadProps_2 {
     showRemoveButton?: boolean;
 }
 
-export declare function useAnimationsFinished(ref: React.RefObject<HTMLElement | null>, waitForNextTick?: boolean): (fnToExecute: () => void) => void;
+export declare function useAnimationsFinished(ref: React.RefObject<HTMLElement | null>, { waitForNextTick, subtree, }: {
+    waitForNextTick?: boolean;
+    subtree?: boolean;
+}): (fnToExecute: () => void) => void;
 
 /**
  *
@@ -2407,7 +2445,22 @@ export declare const useCharts: () => {
 
 export declare const useCls: () => (...args: ClassValue[]) => string;
 
-export declare function useControlledState<T>(value: T | undefined, onChange: ((value: T, ...args: any[]) => void) | undefined, defaultValue: T | undefined): [T, React.Dispatch<React.SetStateAction<T>>];
+/**
+ * A hook that manages state that can be either controlled or uncontrolled.
+ *
+ * @param value - The controlled value
+ * @param onChange - Callback when the value changes
+ * @param defaultValue - Default value for uncontrolled state
+ * @returns [currentValue, setValue] - Current value and setter function
+ */
+export declare function useControlledState<T, K extends unknown[] = []>(value?: T, onChange?: ((value: T, ...args: K | []) => void) | React.Dispatch<React.SetStateAction<T>>, defaultValue?: T): [
+T | undefined,
+(value: T | ((prev: T | undefined) => T), ...args: K | []) => void
+];
+
+export declare const useDS: () => {
+    theme: "light" | "dark";
+};
 
 export declare const useEnhancedEffect: typeof useLayoutEffect;
 
@@ -2427,7 +2480,7 @@ export declare const useModal: () => HookAPI;
 
 export declare const useToken: () => {
     theme: Theme<SeedToken, AliasToken>;
-    token: GlobalToken_2;
+    token: GlobalToken;
     hashId: string;
 };
 
@@ -2545,7 +2598,7 @@ export declare type WidthAntdTokensProps<T extends IntrinsicElement> = {
     as?: IntrinsicElement;
 } & ComponentProps<T>;
 
-export declare const WithAntdTokens: <T extends IntrinsicElement = "div">({ as: Tag, ref, className, ...rest }: WidthAntdTokensProps<T>) => ReactElement<unknown, string | JSXElementConstructor<any>>;
+export declare const WithAntdTokens: <T extends IntrinsicElement = "div">({ as: Tag, ref, className, ...rest }: WidthAntdTokensProps<T>) => null;
 
 declare type WithHrefProps<E extends ElementType = "a"> = IconButtonBaseProps & {
     href: string;