@bioturing/components 0.17.1 → 0.19.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 as CheckableTagProps_2 } from 'antd/es/tag';
+import { CheckableTagProps as CheckableTagProps_2 } from 'antd/es/tag/CheckableTag';
 import { Checkbox as Checkbox_2 } from 'antd';
 import { CheckboxChangeEvent } from 'antd';
 import { CheckboxGroupProps } from 'antd/es/checkbox';
@@ -74,6 +74,7 @@ import { DescriptionsProps } from 'antd';
 import { DirectoryTreeProps as DirectoryTreeProps_2 } from 'antd/es/tree';
 import { Divider } from 'antd';
 import { DividerProps } from 'antd';
+import { DragDropValueProps as DragDropValueProps_2 } from './types';
 import { DraggerProps } from './dragger';
 import { Drawer } from 'antd';
 import { DrawerProps } from 'antd';
@@ -338,7 +339,7 @@ export declare const Button: (props: ButtonProps & {
     ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;
 }) => ReturnType<typeof ButtonInner>;
 
-declare const ButtonInner: ({ negativeMargin, type, size, variant, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => JSX.Element;
+declare const ButtonInner: ({ negativeMargin, type, size, variant, icon, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => JSX.Element;
 
 export declare interface ButtonProps extends ButtonProps_2 {
     /**
@@ -384,6 +385,12 @@ export declare const categoricalChartsColors: ColorTokenValue[];
 
 export declare type CategoricalPaletteName = (typeof CATEGORICAL_PALETTE_NAMES)[number];
 
+/**
+ * Changes the theme without transition
+ * @param fn Callback function to change the theme
+ */
+export declare const changeThemeWithoutTransition: (fn: () => void) => void;
+
 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 {
@@ -1339,7 +1346,13 @@ export declare const DragDrop: typeof DragDropRoot & {
     /**
      * Zone where items can be dropped
      */
-    Droppable: <T extends DragData = unknown>({ id, children, className, disabled, placeholder, icon, render, onDrop, validate, ...rest }: DragDropDroppableProps<T>) => null;
+    Droppable: <T extends DragData = unknown, M extends boolean = false>({ id, children, className, disabled, placeholder, icon, render, onDrop, validate, multiple, value, onChange, renderValueLabel, renderValueIcon, ...rest }: DragDropDroppableProps<T, M>) => null;
+    /**
+     * Value component to display the value of the dragged item
+     */
+    Value: <T extends DragData, M extends boolean>(props: DragDropValueProps_2<T, M> & {
+        ref?: ForwardedRef<HTMLDivElement>;
+    }) => ReturnType<(<T_1 extends DragData, M_1 extends boolean>({ value, onChange, multiple, renderValueLabel, renderValueIcon, className, style, ...rest }: DragDropValueProps_2<T_1, M_1> & ComponentPropsWithoutRef<"div">, ref: ForwardedRef<HTMLDivElement>) => JSX.Element)>;
 };
 
 /**
@@ -1385,10 +1398,17 @@ export declare interface DragDropDraggableProps<T extends DragData = DragData> e
     onlyIndicatorDraggable?: boolean;
 }
 
+declare type DragDropDropableRenderFnProps<T extends DragData = DragData, M extends boolean = false> = {
+    isOver: boolean;
+    id: UniqueIdentifier;
+    value: M extends true ? T[] : T;
+    onChange: (value: M extends true ? T[] : T) => void;
+};
+
 /**
  * Props for the DropZone component
  */
-export declare interface DragDropDroppableProps<T extends DragData = DragData> extends Omit<React.ComponentPropsWithoutRef<"div">, "id" | "onDragEnter" | "onDragOver" | "onDragLeave" | "onDrop"> {
+export declare interface DragDropDroppableProps<T extends DragData = DragData, M extends boolean = false> extends Omit<React.ComponentPropsWithoutRef<"div">, "id" | "onDragEnter" | "onDragOver" | "onDragLeave" | "onDrop" | "onChange">, Omit<DragDropValueProps<T, M>, "id"> {
     /**
      * Unique identifier for the droppable area
      */
@@ -1410,10 +1430,7 @@ export declare interface DragDropDroppableProps<T extends DragData = DragData> e
     /**
      * Custom render function
      */
-    render?: useRender.RenderProp<{
-        isOver: boolean;
-        id: string;
-    }>;
+    render?: useRender.RenderProp<DragDropDropableRenderFnProps<T, M>>;
     /**
      * Callback fired when an item is dropped on this zone
      */
@@ -1425,6 +1442,10 @@ export declare interface DragDropDroppableProps<T extends DragData = DragData> e
      * Validate if the item can be dropped
      */
     validate?: (item: DraggableInfo<T>) => boolean;
+    /**
+     * Maximum number of items that can be dropped
+     */
+    maxItems?: number;
 }
 
 /**
@@ -1463,6 +1484,14 @@ export declare interface DragDropProps<T extends DragData = DragData> {
  */
 export declare function DragDropRoot<T extends DragData = DragData>({ children, onDragEnd: _onDragEnd, onDragStart: _onDragStart, onDrop: _onDrop, className, }: DragDropProps<T>): JSX.Element;
 
+declare interface DragDropValueProps<T extends DragData = DragData, M extends boolean = false> extends Omit<ComponentPropsWithoutRef<"div">, "onDragEnter" | "onDragOver" | "onDragLeave" | "onDrop" | "onChange"> {
+    multiple?: M;
+    value?: M extends true ? T[] : T;
+    onChange?: M extends true ? (value: T[]) => void : (value: T) => void;
+    renderValueLabel?: (singleValue: T) => ReactElement | string;
+    renderValueIcon?: (singleValue: T) => ReactElement;
+}
+
 export declare interface DragEndEvent<T extends DragData = DragData> {
     active: {
         id: UniqueIdentifier;
@@ -1939,10 +1968,12 @@ export declare interface ModalProviderProps {
 
 declare type ModalType = NonNullable<ModalFuncProps["type"]> | "default";
 
+export declare function moveTypingCursorToEnd(contentEditableElement: HTMLElement): void;
+
 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)>;
+    }) => ReturnType<(<T_1 extends HTMLElement>({ icon, active, render, onClick, className, children, changeIconWeightOnActive, ...rest }: NavItemProps, ref: React.Ref<T_1>) => null)>;
     Heading: ({ children, className, ...rest }: NavHeadingProps) => JSX.Element;
     Group: ForwardRefExoticComponent<NavGroupProps & RefAttributes<HTMLDivElement>>;
 };
@@ -1964,13 +1995,31 @@ export declare interface NavHeadingProps extends default_2.HTMLAttributes<HTMLHe
 }
 
 export declare interface NavItemProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The icon to display in the nav item
+     */
     icon?: default_2.ReactNode;
+    /**
+     * Whether the nav item is active
+     */
     active?: boolean;
+    /**
+     * The render prop to render the nav item
+     */
     render?: useRender.RenderProp<{
         active: boolean;
         icon?: default_2.ReactNode;
     }>;
+    /**
+     * The size of the nav item
+     * @default "medium"
+     */
     size?: "small" | "medium" | "large";
+    /**
+     * Whether to change the icon weight on active state
+     * @default true
+     */
+    changeIconWeightOnActive?: boolean;
 }
 
 export { notification }
@@ -3159,6 +3208,13 @@ T | undefined,
 (value: T | ((prev: T | undefined) => T), ...args: K | []) => void
 ];
 
+/**
+ * Get CSS variables from the document
+ * @param variables CSS variable names
+ * @returns CSS variable values
+ */
+export declare const useCSSVariables: (variables: string | string[]) => Record<string, string>;
+
 export declare const useDS: () => {
     theme: "light" | "dark";
 };

package/dist/index.js

@@ -1,9 +1,9 @@
 import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
-import { Affix as p, Alert as m, Anchor as s, App as l, AutoComplete as f, Avatar as n, BackTop as x, Calendar as i, Card as C, Carousel as c, Cascader as T, Col as u, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as k, Flex as P, FloatButton as R, Grid as D, InputNumber as b, Layout as B, List as y, Mentions as L, Menu as v, Pagination as I, Popconfirm as M, Progress as F, QRCode as N, Rate as U, Result as w, Row as _, Skeleton as O, Space as q, Statistic as G, Steps as W, Tabs as K, TimePicker as Q, Timeline as V, Transfer as H, TreeSelect as j, Typography as z, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
+import { Affix as p, Alert as m, Anchor as s, App as f, AutoComplete as l, Avatar as n, BackTop as x, Calendar as i, Card as C, Carousel as c, Cascader as T, Col as u, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as k, Flex as P, FloatButton as R, Grid as b, InputNumber as D, Layout as y, List as B, Mentions as L, Menu as v, Pagination as I, Popconfirm as M, Progress as F, QRCode as N, Rate as U, Result as w, Row as _, Skeleton as O, Space as W, Statistic as q, Steps as G, Tabs as V, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as j, Typography as z, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
 import { Select as ro } from "./components/Select/component.js";
 import { Modal as ao } from "./components/Modal/index.js";
 import { IconButton as mo } from "./components/IconButton/component.js";
-import { Switch as lo } from "./components/Switch/component.js";
+import { Switch as fo } from "./components/Switch/component.js";
 import { Checkbox as no } from "./components/Checkbox/component.js";
 import { Segmented as io } from "./components/Segmented/component.js";
 import { Table as co } from "./components/Table/component.js";
@@ -11,211 +11,217 @@ import { Tag as uo } from "./components/Tag/component.js";
 import { ThemeProvider as So } from "./components/ThemeProvider/component.js";
 import { Split as Ao, Splitter as Eo } from "./components/Splitter/component.js";
 import { Truncate as Po } from "./components/Truncate/component.js";
-import { DropdownMenu as Do } from "./components/DropdownMenu/component.js";
-import { clsx as Bo, cn as yo, cx as Lo } from "./components/utils/cn.js";
+import { DropdownMenu as bo } from "./components/DropdownMenu/component.js";
+import { clsx as yo, cn as Bo, cx as Lo } from "./components/utils/cn.js";
 import { reactNodeToString as Io } from "./components/utils/reactToString.js";
 import { isTracebackError as Fo } from "./components/utils/isTracebackError.js";
 import { isValidHexColor as Uo } from "./components/utils/colors.js";
-import { parseAntdPlacement as _o, useAntdCssVarClassname as Oo, useCls as qo, useGetPrefixCls as Go } from "./components/utils/antdUtils.js";
-import { WithAntdTokens as Ko } from "./components/utils/WithAntdTokens.js";
-import { Transition as Vo } from "./components/Transition/component.js";
-import { DefaultUpload as jo, Upload as zo } from "./components/Upload/component.js";
-import { useUploadItemRender as Xo } from "./components/Upload/hooks.js";
-import { ScrollArea as Zo } from "./components/ScrollArea/component.js";
-import { Popover as oe } from "./components/Popover/component.js";
-import { Slider as re } from "./components/Slider/component.js";
-import { Tooltip as ae } from "./components/Tooltip/component.js";
-import { Breadcrumb as me } from "./components/Breadcrumb/component.js";
-import { useUniqueKeysTree as le } from "./components/Tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as ne, processTreeData as xe } from "./components/Tree/helpers.js";
-import { Tree as Ce } from "./components/Tree/components.js";
-import { Spin as Te } from "./components/Spin/component.js";
-import { Empty as de, EmptyIcon as ge } from "./components/Empty/component.js";
-import { Form as he } from "./components/Form/component.js";
-import { Field as Ee } from "./components/Field/component.js";
-import { Tour as Pe } from "./components/Tour/component.js";
-import { Toast as De } from "./components/Toast/component.js";
-import { toast as Be, toastManager as ye } from "./components/Toast/function.js";
-import { VerticalCollapsiblePanel as ve } from "./components/VerticalCollapsiblePanel/component.js";
-import { PopupPanel as Me } from "./components/PopupPanel/component.js";
-import { CodeBlock as Ne } from "./components/CodeBlock/component.js";
-import { StackChild as we } from "./components/Stack/StackChild.js";
-import { Stack as Oe } from "./components/Stack/index.js";
-import { Collapse as Ge } from "./components/Collapse/component.js";
-import { Input as Ke } from "./components/Input/component.js";
-import { Badge as Ve, InternalBadge as He } from "./components/Badge/component.js";
-import { Radio as ze } from "./components/Radio/component.js";
-import { Button as Xe } from "./components/Button/component.js";
-import { DSRoot as Ze } from "./components/DSRoot/component.js";
-import { DSRootContextProvider as or, useDS as er } from "./components/DSRoot/context.js";
-import { DragDrop as tr, DragDropRoot as ar } from "./components/DragDrop/index.js";
-import { ColorSelect as mr } from "./components/ColorSelect/component.js";
-import { Nav as lr } from "./components/Nav/index.js";
-import { useForm as nr, useWatch as xr } from "antd/es/form/Form";
-import { useBreakpoint as Cr, useMessage as cr, useModal as Tr, useToken as ur } from "./components/hooks/antd.js";
-import { default as gr } from "antd/es/app/useApp";
-import { useAnimationsFinished as hr, useEnhancedEffect as Ar, useEventCallback as Er, useLatestRef as kr } from "./components/hooks/base-ui.js";
-import { useControlledState as Rr } from "./components/hooks/useControlledState.js";
-import { useCharts as br } from "./components/hooks/useCharts.js";
-import { antdColorTokens as yr, darkTheme as Lr, lightTheme as vr } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as Mr, categoricalChartColorTokens as Fr, categoricalChartsColors as Nr, chartColorTokens as Ur, rawChartColorTokens as wr } from "./tokens/charts/palettes/cloudscape.js";
-import { COLORBREWER as Or } from "./tokens/charts/palettes/colorbrewer.js";
-import { tab10 as Gr, tab20 as Wr, tab20b as Kr, tab20c as Qr } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as Hr, CATEGORICAL_PALETTE_NAMES as jr, SEQUENTIAL_PALETTES as zr, SEQUENTIAL_PALETTE_NAMES as Jr, getAllCategoricalChartColors as Xr, getAllSequentialChartColors as Yr, getCategoricalChartColors as Zr, getSequentialChartColors as $r } from "./tokens/charts/palettes/index.js";
-import { getColorsByTheme as et, getTokensByTheme as rt, resolveColorTokens as tt } from "./tokens/utils.js";
+import { parseAntdPlacement as _o, useAntdCssVarClassname as Oo, useCls as Wo, useGetPrefixCls as qo } from "./components/utils/antdUtils.js";
+import { WithAntdTokens as Vo } from "./components/utils/WithAntdTokens.js";
+import { changeThemeWithoutTransition as Qo } from "./components/utils/theme.js";
+import { moveTypingCursorToEnd as jo } from "./components/utils/selectionRange.js";
+import { Transition as Jo } from "./components/Transition/component.js";
+import { DefaultUpload as Yo, Upload as Zo } from "./components/Upload/component.js";
+import { useUploadItemRender as oe } from "./components/Upload/hooks.js";
+import { ScrollArea as re } from "./components/ScrollArea/component.js";
+import { Popover as ae } from "./components/Popover/component.js";
+import { Slider as me } from "./components/Slider/component.js";
+import { Tooltip as fe } from "./components/Tooltip/component.js";
+import { Breadcrumb as ne } from "./components/Breadcrumb/component.js";
+import { useUniqueKeysTree as ie } from "./components/Tree/useUniqueKeysTree.js";
+import { getUniqueKeysFromOriginals as ce, processTreeData as Te } from "./components/Tree/helpers.js";
+import { Tree as de } from "./components/Tree/components.js";
+import { Spin as Se } from "./components/Spin/component.js";
+import { Empty as Ae, EmptyIcon as Ee } from "./components/Empty/component.js";
+import { Form as Pe } from "./components/Form/component.js";
+import { Field as be } from "./components/Field/component.js";
+import { Tour as ye } from "./components/Tour/component.js";
+import { Toast as Le } from "./components/Toast/component.js";
+import { toast as Ie, toastManager as Me } from "./components/Toast/function.js";
+import { VerticalCollapsiblePanel as Ne } from "./components/VerticalCollapsiblePanel/component.js";
+import { PopupPanel as we } from "./components/PopupPanel/component.js";
+import { CodeBlock as Oe } from "./components/CodeBlock/component.js";
+import { StackChild as qe } from "./components/Stack/StackChild.js";
+import { Stack as Ve } from "./components/Stack/index.js";
+import { Collapse as Qe } from "./components/Collapse/component.js";
+import { Input as je } from "./components/Input/component.js";
+import { Badge as Je, InternalBadge as Xe } from "./components/Badge/component.js";
+import { Radio as Ze } from "./components/Radio/component.js";
+import { Button as or } from "./components/Button/component.js";
+import { DSRoot as rr } from "./components/DSRoot/component.js";
+import { DSRootContextProvider as ar, useDS as pr } from "./components/DSRoot/context.js";
+import { DragDrop as sr, DragDropRoot as fr } from "./components/DragDrop/index.js";
+import { ColorSelect as nr } from "./components/ColorSelect/component.js";
+import { Nav as ir } from "./components/Nav/index.js";
+import { useForm as cr, useWatch as Tr } from "antd/es/form/Form";
+import { useBreakpoint as dr, useMessage as gr, useModal as Sr, useToken as hr } from "./components/hooks/antd.js";
+import { default as Er } from "antd/es/app/useApp";
+import { useAnimationsFinished as Pr, useEnhancedEffect as Rr, useEventCallback as br, useLatestRef as Dr } from "./components/hooks/base-ui.js";
+import { useControlledState as Br } from "./components/hooks/useControlledState.js";
+import { useCharts as vr } from "./components/hooks/useCharts.js";
+import { useCSSVariables as Mr } from "./components/hooks/useCSSVariables.js";
+import { antdColorTokens as Nr, darkTheme as Ur, lightTheme as wr } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as Or, categoricalChartColorTokens as Wr, categoricalChartsColors as qr, chartColorTokens as Gr, rawChartColorTokens as Vr } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as Qr } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as jr, tab20 as zr, tab20b as Jr, tab20c as Xr } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as Zr, CATEGORICAL_PALETTE_NAMES as $r, SEQUENTIAL_PALETTES as ot, SEQUENTIAL_PALETTE_NAMES as et, getAllCategoricalChartColors as rt, getAllSequentialChartColors as tt, getCategoricalChartColors as at, getSequentialChartColors as pt } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as st, getTokensByTheme as ft, resolveColorTokens as lt } from "./tokens/utils.js";
 export {
   p as Affix,
   m as Alert,
   s as Anchor,
-  l as App,
-  f as AutoComplete,
+  f as App,
+  l as AutoComplete,
   n as Avatar,
   x as BackTop,
-  Ve as Badge,
-  me as Breadcrumb,
-  Xe as Button,
-  Hr as CATEGORICAL_PALETTES,
-  jr as CATEGORICAL_PALETTE_NAMES,
-  Or as COLORBREWER,
+  Je as Badge,
+  ne as Breadcrumb,
+  or as Button,
+  Zr as CATEGORICAL_PALETTES,
+  $r as CATEGORICAL_PALETTE_NAMES,
+  Qr as COLORBREWER,
   i as Calendar,
   C as Card,
   c as Carousel,
   T as Cascader,
   no as Checkbox,
-  Ne as CodeBlock,
+  Oe as CodeBlock,
   u as Col,
-  Ge as Collapse,
+  Qe as Collapse,
   d as ColorPicker,
-  mr as ColorSelect,
+  nr as ColorSelect,
   g as ConfigProvider,
-  Ze as DSRoot,
-  or as DSRootContextProvider,
+  rr as DSRoot,
+  ar as DSRootContextProvider,
   S as DatePicker,
-  jo as DefaultUpload,
+  Yo as DefaultUpload,
   h as Descriptions,
   A as Divider,
-  tr as DragDrop,
-  ar as DragDropRoot,
+  sr as DragDrop,
+  fr as DragDropRoot,
   E as Drawer,
   k as Dropdown,
-  Do as DropdownMenu,
-  de as Empty,
-  ge as EmptyIcon,
-  Ee as Field,
+  bo as DropdownMenu,
+  Ae as Empty,
+  Ee as EmptyIcon,
+  be as Field,
   P as Flex,
   R as FloatButton,
-  he as Form,
-  D as Grid,
+  Pe as Form,
+  b as Grid,
   mo as IconButton,
-  Ke as Input,
-  b as InputNumber,
-  He as InternalBadge,
-  B as Layout,
-  y as List,
+  je as Input,
+  D as InputNumber,
+  Xe as InternalBadge,
+  y as Layout,
+  B as List,
   L as Mentions,
   v as Menu,
   ao as Modal,
-  lr as Nav,
+  ir as Nav,
   I as Pagination,
   M as Popconfirm,
-  oe as Popover,
-  Me as PopupPanel,
+  ae as Popover,
+  we as PopupPanel,
   F as Progress,
   N as QRCode,
-  ze as Radio,
+  Ze as Radio,
   U as Rate,
   w as Result,
   _ as Row,
-  zr as SEQUENTIAL_PALETTES,
-  Jr as SEQUENTIAL_PALETTE_NAMES,
-  Zo as ScrollArea,
+  ot as SEQUENTIAL_PALETTES,
+  et as SEQUENTIAL_PALETTE_NAMES,
+  re as ScrollArea,
   io as Segmented,
   ro as Select,
   O as Skeleton,
-  re as Slider,
-  q as Space,
-  Te as Spin,
+  me as Slider,
+  W as Space,
+  Se as Spin,
   Ao as Split,
   Eo as Splitter,
-  Oe as Stack,
-  we as StackChild,
-  G as Statistic,
-  W as Steps,
-  lo as Switch,
+  Ve as Stack,
+  qe as StackChild,
+  q as Statistic,
+  G as Steps,
+  fo as Switch,
   co as Table,
-  K as Tabs,
+  V as Tabs,
   uo as Tag,
   So as ThemeProvider,
-  Q as TimePicker,
-  V as Timeline,
-  De as Toast,
-  ae as Tooltip,
-  Pe as Tour,
+  K as TimePicker,
+  Q as Timeline,
+  Le as Toast,
+  fe as Tooltip,
+  ye as Tour,
   H as Transfer,
-  Vo as Transition,
-  Ce as Tree,
+  Jo as Transition,
+  de as Tree,
   j as TreeSelect,
   Po as Truncate,
   z as Typography,
-  zo as Upload,
-  ve as VerticalCollapsiblePanel,
+  Zo as Upload,
+  Ne as VerticalCollapsiblePanel,
   J as Watermark,
-  Ko as WithAntdTokens,
-  yr as antdColorTokens,
-  Mr as categoricalChartColorKeys,
-  Fr as categoricalChartColorTokens,
-  Nr as categoricalChartsColors,
-  Ur as chartColorTokens,
-  Bo as clsx,
-  yo as cn,
+  Vo as WithAntdTokens,
+  Nr as antdColorTokens,
+  Or as categoricalChartColorKeys,
+  Wr as categoricalChartColorTokens,
+  qr as categoricalChartsColors,
+  Qo as changeThemeWithoutTransition,
+  Gr as chartColorTokens,
+  yo as clsx,
+  Bo as cn,
   r as componentMetadata,
   Lo as cx,
-  Lr as darkTheme,
-  Xr as getAllCategoricalChartColors,
-  Yr as getAllSequentialChartColors,
-  Zr as getCategoricalChartColors,
-  et as getColorsByTheme,
+  Ur as darkTheme,
+  rt as getAllCategoricalChartColors,
+  tt as getAllSequentialChartColors,
+  at as getCategoricalChartColors,
+  st as getColorsByTheme,
   t as getComponentsByCategory,
-  $r as getSequentialChartColors,
-  rt as getTokensByTheme,
-  ne as getUniqueKeysFromOriginals,
+  pt as getSequentialChartColors,
+  ft as getTokensByTheme,
+  ce as getUniqueKeysFromOriginals,
   Fo as isTracebackError,
   Uo as isValidHexColor,
-  vr as lightTheme,
+  wr as lightTheme,
   X as message,
+  jo as moveTypingCursorToEnd,
   Y as notification,
   _o as parseAntdPlacement,
-  xe as processTreeData,
-  wr as rawChartColorTokens,
+  Te as processTreeData,
+  Vr as rawChartColorTokens,
   Io as reactNodeToString,
-  tt as resolveColorTokens,
-  Gr as tab10,
-  Wr as tab20,
-  Kr as tab20b,
-  Qr as tab20c,
+  lt as resolveColorTokens,
+  jr as tab10,
+  zr as tab20,
+  Jr as tab20b,
+  Xr as tab20c,
   Z as theme,
-  Be as toast,
-  ye as toastManager,
+  Ie as toast,
+  Me as toastManager,
   $ as unstableSetRender,
-  hr as useAnimationsFinished,
+  Pr as useAnimationsFinished,
   Oo as useAntdCssVarClassname,
-  gr as useApp,
-  Cr as useBreakpoint,
-  br as useCharts,
-  qo as useCls,
-  Rr as useControlledState,
-  er as useDS,
-  Ar as useEnhancedEffect,
-  Er as useEventCallback,
-  nr as useForm,
-  Go as useGetPrefixCls,
-  kr as useLatestRef,
-  cr as useMessage,
-  Tr as useModal,
-  ur as useToken,
-  le as useUniqueKeysTree,
-  Xo as useUploadItemRender,
-  xr as useWatch,
+  Er as useApp,
+  dr as useBreakpoint,
+  Mr as useCSSVariables,
+  vr as useCharts,
+  Wo as useCls,
+  Br as useControlledState,
+  pr as useDS,
+  Rr as useEnhancedEffect,
+  br as useEventCallback,
+  cr as useForm,
+  qo as useGetPrefixCls,
+  Dr as useLatestRef,
+  gr as useMessage,
+  Sr as useModal,
+  hr as useToken,
+  ie as useUniqueKeysTree,
+  oe as useUploadItemRender,
+  Tr as useWatch,
   oo as version
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/tokens/and-theme/tokens.js

@@ -3,7 +3,7 @@ const o = {
   // Text colors
   colorText: {
     light: "rgba(0, 0, 0, 0.88)",
-    dark: "rgba(255, 255, 255, 0.85)"
+    dark: "rgba(255, 255, 255, 0.88)"
   },
   colorTextSecondary: {
     light: "rgba(0, 0, 0, 0.65)",
@@ -234,38 +234,38 @@ const o = {
   },
   // Icon colors
   colorIcon: {
-    light: "rgba(0, 0, 0, 0.58)",
+    light: "rgba(0, 0, 0, 0.50)",
     dark: "rgba(255, 255, 255, 0.58)"
   },
   colorIconHover: {
-    light: "rgba(0, 0, 0, 0.88)",
+    light: "rgba(0, 0, 0, 0.80)",
     dark: "rgba(255, 255, 255, 0.88)"
   },
+  colorBgBase: {
+    light: "#FFFFFF",
+    dark: "#111113"
+  },
   // Background colors
   colorBgContainer: {
     light: "#FFFFFF",
-    dark: "#26262C"
+    dark: "#242429"
   },
   colorBgElevated: {
     light: "#FFFFFF",
-    dark: "#2F2F37"
+    dark: "#2B2B31"
   },
   colorBgLayout: {
-    light: "#F5F5F5",
-    dark: "#1A1A1E"
+    light: "#F4F4F5",
+    dark: "#18181B"
   },
   colorBgSpotlight: {
     light: "rgba(0, 0, 0, 0.85)",
-    dark: "#505D5D"
+    dark: "#484851"
   },
   colorBgMask: {
     light: "rgba(0, 0, 0, 0.45)",
     dark: "rgba(0, 0, 0, 0.45)"
   },
-  colorBgBase: {
-    light: "#FFFFFF",
-    dark: "#13131A"
-  },
   // Control
   controlOutline: {
     light: "rgba(0, 0, 0, 0.12)",