@bioturing/components 0.28.1 → 0.29.1

package/dist/index.d.ts

@@ -248,6 +248,7 @@ import { useLayoutEffect } from 'react';
 import { useRender } from '@base-ui-components/react/use-render';
 import { useRender as useRender_2 } from '@base-ui-components/react';
 import { useWatch } from 'antd/es/form/Form';
+import { ValidateStatus } from 'antd/es/form/FormItem';
 import { version } from 'antd';
 import { Watermark } from 'antd';
 import { WatermarkProps } from 'antd';
@@ -455,19 +456,26 @@ declare type Children = {
     children?: default_2.ReactNode;
 };
 
-export declare const ChoiceList: <M extends boolean = false>({ items, multiple, value, onChange, searchProps, className, ...rest }: ChoiceListProps<M>) => JSX.Element;
+export declare const ChoiceList: <M extends boolean = false>({ items, multiple, value, defaultValue, onChange, searchProps, showSelectAll, className, placeholder, ...rest }: ChoiceListProps<M>) => JSX.Element;
 
 export declare type ChoiceListItem = {
     label: React.ReactNode;
     value?: string;
 };
 
-export declare interface ChoiceListProps<M extends boolean = false> extends Omit<CommandProps, "value" | "onChange"> {
+export declare interface ChoiceListProps<M extends boolean = false> extends Omit<CommandProps, "value" | "onChange" | "defaultValue"> {
     items: ChoiceListItem[];
     multiple?: M;
     value?: M extends true ? string[] : string;
+    defaultValue?: M extends true ? string[] : string;
     onChange?: (value: M extends true ? string[] : string) => void;
     searchProps?: React.ComponentProps<typeof pkg.Input>;
+    /**
+     * Show select all option when in multiple mode
+     * @default false
+     */
+    showSelectAll?: boolean;
+    placeholder?: string;
 }
 
 export declare interface ClassArray extends Array<ClassValue> {
@@ -975,6 +983,8 @@ export declare interface ComboboxProps {
     placeholder?: string;
     /** Whether the combobox is disabled */
     disabled?: boolean;
+    /** Validation status */
+    status?: ValidateStatus;
     /** Whether to allow clearing the selection */
     allowClear?: boolean;
     /** Whether to allow multiple selections */
@@ -1022,7 +1032,7 @@ export declare interface ComboboxProps {
     /**
      * Props to pass to the combobox trigger
      */
-    triggerProps?: ComboboxTriggerProps;
+    triggerProps?: default_2.ComponentPropsWithoutRef<typeof SelectTrigger>;
     searchProps?: {
         placeholder?: string;
         onValueChange?: (value: string) => void;
@@ -1054,39 +1064,6 @@ export declare interface ComboboxProps {
     }) => default_2.ReactNode;
 }
 
-export declare const ComboboxTrigger: default_2.ForwardRefExoticComponent<ComboboxTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface ComboboxTriggerProps extends default_2.ComponentPropsWithoutRef<"button"> {
-    /** Selected options */
-    selectedOptions: ComboboxOption[];
-    /** Placeholder text */
-    placeholder?: string;
-    /** Whether multiple selection is enabled */
-    multiple?: boolean;
-    /** Whether the component is disabled */
-    disabled?: boolean;
-    /** Whether the dropdown is open */
-    open?: boolean;
-    /** Size variant */
-    size?: "small" | "middle" | "large";
-    /** Whether to show clear button */
-    allowClear?: boolean;
-    /** Custom suffix icon */
-    suffixIcon?: default_2.ReactNode;
-    /** Custom clear icon */
-    clearIcon?: default_2.ReactNode;
-    /** Custom class names */
-    classNames?: {
-        trigger?: string;
-    };
-    /** Clear handler */
-    onClear?: () => void;
-    /** Show selection summary instead of individual tags when multiple */
-    showSelectionSummary?: boolean;
-    /** Render function for the selection summary in multiple case */
-    selectionSummaryRender?: (selectedValues: Array<string | number>) => default_2.ReactNode;
-}
-
 declare type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
 
 declare type CommandProps = Children & DivProps & {
@@ -1570,7 +1547,7 @@ export { Descriptions }
 
 export { DescriptionsProps }
 
-declare const DirectoryTreeInner: <T extends DataNode = DataNode>(props: DirectoryTreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
+declare const DirectoryTreeInner: <T extends DataNode = TreeDataNode>(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[];
@@ -2282,7 +2259,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 = DataNode>(props: TreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
+declare const MainTreeInner: <T extends DataNode = TreeDataNode>(props: TreeProps<T>, ref: React.Ref<React.ComponentRef<typeof default_7<T>>>) => JSX.Element;
 
 export { MappingAlgorithm }
 
@@ -2785,7 +2762,8 @@ declare enum PopupPanelSize {
     xlarge = "840px"
 }
 
-export declare const processTreeData: <T extends DataNode = DataNode>(nodes: T[] | undefined, expandedOriginalKeys: Set<Key>, parentKeyPrefix: string, keyMap: Map<Key, Key>) => T[] | undefined;
+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 { Progress }
 
@@ -3367,7 +3345,7 @@ export { Row }
 
 export { RowProps }
 
-export declare const ScrollArea: ({ children, className, classNames, orientation, }: ScrollAreaProps) => JSX.Element;
+export declare const ScrollArea: ({ children, className, classNames, orientation, fadeEdges, onScroll, }: ScrollAreaProps) => JSX.Element;
 
 export declare interface ScrollAreaProps {
     children: ReactNode;
@@ -3397,6 +3375,15 @@ export declare interface ScrollAreaProps {
      * @default "vertical"
      */
     orientation?: "vertical" | "horizontal";
+    /**
+     * Enable fade-out effect at scrollable edges
+     * @default false
+     */
+    fadeEdges?: boolean;
+    /**
+     * Callback fired when the scroll position changes
+     */
+    onScroll?: (event: Event) => void;
 }
 
 declare const SearchInner: ({ enterButton, onSearch, prefix, onPressEnter, onClear, loading, ...rest }: SearchProps, ref: React.Ref<InputRef>) => JSX.Element;
@@ -3463,6 +3450,50 @@ export declare interface SelectProps<ValueType = unknown, OptionType extends Sel
     }) => default_2.ReactNode;
 }
 
+export declare const SelectTrigger: default_2.ForwardRefExoticComponent<SelectTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface SelectTriggerProps extends Omit<WithRenderPropProps<"button", SelectTriggerState>, "value" | "prefix"> {
+    /** Size variant */
+    size?: "small" | "middle" | "large";
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Whether the dropdown/popup is open */
+    open?: boolean;
+    /** Validation status */
+    status?: ValidateStatus;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Current value/content to display */
+    value?: default_2.ReactNode;
+    /** Prefix content to display before the value (e.g., icon) */
+    prefix?: default_2.ReactNode;
+    /** Whether to show clear button when there's a value */
+    allowClear?: boolean;
+    /** Custom suffix icon (arrow icon) */
+    suffixIcon?: default_2.ReactNode;
+    /** Custom clear icon */
+    clearIcon?: default_2.ReactNode;
+    /** Clear handler */
+    onClear?: () => void;
+    /** Open state change handler */
+    onOpenChange?: (open: boolean) => void;
+    /** Custom class names */
+    classNames?: {
+        trigger?: string;
+        content?: string;
+        suffix?: string;
+        placeholder?: string;
+        value?: string;
+    };
+}
+
+export declare type SelectTriggerState = {
+    disabled: boolean;
+    open: boolean;
+    hasValue: boolean;
+    size: "small" | "middle" | "large";
+};
+
 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[]>>;
@@ -4141,7 +4172,7 @@ export declare const WithRenderProp: <T extends default_2.ElementType = "div", S
 
 declare const WithRenderPropInner: <T extends default_2.ElementType = "div", State extends Record<string, unknown> = Record<string, unknown>>(props: WithRenderPropProps<T, State>, ref: default_2.ForwardedRef<T>) => null;
 
-export declare type WithRenderPropProps<T extends default_2.ElementType = "div", State extends Record<string, unknown> = Record<string, unknown>> = default_2.ComponentPropsWithoutRef<T> & {
+export declare type WithRenderPropProps<T extends default_2.ElementType = "div", State extends Record<string | number | symbol, unknown> = Record<string, unknown>> = default_2.ComponentPropsWithoutRef<T> & {
     render?: useRender.RenderProp<State>;
     as?: T;
     state?: State;

package/dist/index.js

@@ -1,6 +1,6 @@
-import { componentMetadata as e, getComponentsByCategory as t } from "./metadata.js";
-import { Affix as p, Alert as m, Anchor as f, App as s, AutoComplete as x, Avatar as l, BackTop as n, Calendar as i, Card as C, Carousel as c, Cascader as u, Col as T, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as b, FloatButton as k, Grid as D, InputNumber as R, Layout as I, List as L, Mentions as O, Menu as y, Pagination as B, Popconfirm as v, Progress as N, QRCode as M, Rate as _, Result as U, Row as w, Skeleton as F, Space as W, Statistic as V, Steps as q, Tabs as G, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as z, Typography as j, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
-import { Select as eo } from "./components/select/component.js";
+import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
+import { Affix as p, Alert as m, Anchor as f, App as s, AutoComplete as x, Avatar as l, BackTop as n, Calendar as i, Card as C, Carousel as c, Cascader as u, Col as T, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as k, FloatButton as D, Grid as b, InputNumber as R, Layout as I, List as L, Mentions as O, Menu as y, Pagination as B, Popconfirm as v, Progress as N, QRCode as M, Rate as _, Result as U, Row as w, Skeleton as F, Space as W, Statistic as V, Steps as q, Tabs as G, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as z, Typography as j, 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/icon-button/component.js";
 import { Switch as so } from "./components/switch/component.js";
@@ -10,8 +10,8 @@ import { Table as co } from "./components/table/component.js";
 import { Tag as To } from "./components/tag/component.js";
 import { ThemeProvider as So } from "./components/theme-provider/component.js";
 import { Split as Ao, Splitter as Eo } from "./components/splitter/component.js";
-import { Truncate as bo } from "./components/truncate/component.js";
-import { DropdownMenu as Do } from "./components/dropdown-menu/component.js";
+import { Truncate as ko } from "./components/truncate/component.js";
+import { DropdownMenu as bo } from "./components/dropdown-menu/component.js";
 import { DropdownMenuItem as Io } from "./components/dropdown-menu/item.js";
 import { Transition as Oo } from "./components/transition/component.js";
 import { DefaultUpload as Bo, Upload as vo } from "./components/upload/component.js";
@@ -23,60 +23,60 @@ import { isValidHexColor as Qo } from "./components/utils/colors.js";
 import { WithRenderProp as zo } from "./components/utils/WithRenderProp.js";
 import { getReactElementProp as Jo } from "./components/utils/reactElement.js";
 import { useAntdCssVarClassname as Yo, useCls as Zo, useGetPrefixCls as $o } from "./components/utils/antdUtils.js";
-import { WithAntdTokens as rr } from "./components/utils/WithAntdTokens.js";
-import { changeThemeWithoutTransition as tr } from "./components/utils/theme.js";
-import { moveTypingCursorToEnd as pr } from "./components/utils/selectionRange.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as fr, POPUP_COLLISION_AVOIDANCE as sr } from "./components/utils/constants.js";
-import { buildAntdPlacement as lr, parseAntdPlacement as nr } from "./components/utils/placement.js";
-import { ScrollArea as Cr } from "./components/scroll-area/component.js";
-import { Popover as ur } from "./components/popover/component.js";
-import { Slider as dr } from "./components/slider/component.js";
-import { Tooltip as Sr } from "./components/tooltip/component.js";
-import { Breadcrumb as Ar } from "./components/breadcrumb/component.js";
-import { useUniqueKeysTree as Pr } from "./components/tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as kr, processTreeData as Dr } from "./components/tree/helpers.js";
-import { Tree as Ir } from "./components/tree/components.js";
-import { Spin as Or } from "./components/spin/component.js";
-import { Empty as Br, EmptyIcon as vr } from "./components/empty/component.js";
-import { Form as Mr } from "./components/form/component.js";
-import { Field as Ur } from "./components/field/component.js";
-import { Tour as Fr } from "./components/tour/component.js";
-import { Toast as Vr } from "./components/toast/component.js";
-import { toast as Gr, toastManager as Kr } from "./components/toast/function.js";
-import { VerticalCollapsiblePanel as Hr } from "./components/vertical-collapsible-panel/component.js";
-import { PopupPanel as jr } from "./components/popup-panel/component.js";
-import { CodeBlock as Xr } from "./components/code-block/component.js";
-import { StackChild as Zr } from "./components/stack/StackChild.js";
-import { Stack as oe } from "./components/stack/index.js";
-import { Collapse as ee } from "./components/collapse/component.js";
-import { Input as ae } from "./components/input/component.js";
-import { Badge as me, InternalBadge as fe } from "./components/badge/component.js";
-import { Radio as xe } from "./components/radio/component.js";
-import { Button as ne } from "./components/button/component.js";
-import { DSRoot as Ce } from "./components/ds-root/component.js";
-import { DSRootContextProvider as ue, useDS as Te } from "./components/ds-root/context.js";
-import { DragDrop as ge, DragDropRoot as Se } from "./components/drag-drop/index.js";
-import { ColorSelect as Ae } from "./components/color-select/component.js";
-import { Nav as Pe } from "./components/nav/index.js";
-import { ChoiceList as ke } from "./components/choice-list/component.js";
-import { StatusIcon as Re } from "./components/status-icon/component.js";
-import { Resizable as Le } from "./components/resizable/component.js";
-import { Combobox as ye } from "./components/combobox/component.js";
-import { ComboboxTrigger as ve } from "./components/combobox/trigger.js";
-import { useForm as Me, useWatch as _e } from "antd/es/form/Form";
-import { useBreakpoint as we, useMessage as Fe, useModal as We, useToken as Ve } from "./components/hooks/antd.js";
-import { default as Ge } from "antd/es/app/useApp";
-import { useAnimationsFinished as Qe, useEnhancedEffect as He, useEventCallback as ze, useLatestRef as je } from "./components/hooks/base-ui.js";
-import { useControlledState as Xe } from "./components/hooks/useControlledState.js";
-import { useCharts as Ze } from "./components/hooks/useCharts.js";
+import { WithAntdTokens as ee } from "./components/utils/WithAntdTokens.js";
+import { changeThemeWithoutTransition as te } from "./components/utils/theme.js";
+import { moveTypingCursorToEnd as pe } from "./components/utils/selectionRange.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as fe, POPUP_COLLISION_AVOIDANCE as se } from "./components/utils/constants.js";
+import { buildAntdPlacement as le, parseAntdPlacement as ne } from "./components/utils/placement.js";
+import { ScrollArea as Ce } from "./components/scroll-area/component.js";
+import { Popover as ue } from "./components/popover/component.js";
+import { Slider as de } from "./components/slider/component.js";
+import { Tooltip as Se } from "./components/tooltip/component.js";
+import { Breadcrumb as Ae } from "./components/breadcrumb/component.js";
+import { useUniqueKeysTree as Pe } from "./components/tree/useUniqueKeysTree.js";
+import { getUniqueKeysFromOriginals as De, processTreeData as be } from "./components/tree/helpers.js";
+import { Tree as Ie } from "./components/tree/components.js";
+import { Spin as Oe } from "./components/spin/component.js";
+import { Empty as Be, EmptyIcon as ve } from "./components/empty/component.js";
+import { Form as Me } from "./components/form/component.js";
+import { Field as Ue } from "./components/field/component.js";
+import { Tour as Fe } from "./components/tour/component.js";
+import { Toast as Ve } from "./components/toast/component.js";
+import { toast as Ge, toastManager as Ke } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as He } from "./components/vertical-collapsible-panel/component.js";
+import { PopupPanel as je } from "./components/popup-panel/component.js";
+import { CodeBlock as Xe } from "./components/code-block/component.js";
+import { StackChild as Ze } from "./components/stack/StackChild.js";
+import { Stack as or } from "./components/stack/index.js";
+import { Collapse as rr } from "./components/collapse/component.js";
+import { Input as ar } from "./components/input/component.js";
+import { Badge as mr, InternalBadge as fr } from "./components/badge/component.js";
+import { Radio as xr } from "./components/radio/component.js";
+import { Button as nr } from "./components/button/component.js";
+import { DSRoot as Cr } from "./components/ds-root/component.js";
+import { DSRootContextProvider as ur, useDS as Tr } from "./components/ds-root/context.js";
+import { DragDrop as gr, DragDropRoot as Sr } from "./components/drag-drop/index.js";
+import { ColorSelect as Ar } from "./components/color-select/component.js";
+import { Nav as Pr } from "./components/nav/index.js";
+import { ChoiceList as Dr } from "./components/choice-list/component.js";
+import { StatusIcon as Rr } from "./components/status-icon/component.js";
+import { Resizable as Lr } from "./components/resizable/component.js";
+import { Combobox as yr } from "./components/combobox/component.js";
+import { SelectTrigger as vr } from "./components/select-trigger/component.js";
+import { useForm as Mr, useWatch as _r } from "antd/es/form/Form";
+import { useBreakpoint as wr, useMessage as Fr, useModal as Wr, useToken as Vr } from "./components/hooks/antd.js";
+import { default as Gr } from "antd/es/app/useApp";
+import { useAnimationsFinished as Qr, useEnhancedEffect as Hr, useEventCallback as zr, useLatestRef as jr } from "./components/hooks/base-ui.js";
+import { useControlledState as Xr } from "./components/hooks/useControlledState.js";
+import { useCharts as Zr } from "./components/hooks/useCharts.js";
 import { useCSSVariables as ot } from "./components/hooks/useCSSVariables.js";
-import { useHover as et } from "./components/hooks/useHover.js";
+import { useHover as rt } from "./components/hooks/useHover.js";
 import { useDraggable as at } from "./components/hooks/useDraggable.js";
 import { antdColorTokens as mt, darkTheme as ft, lightTheme as st } from "./tokens/and-theme/tokens.js";
 import { categoricalChartColorKeys as lt, categoricalChartColorTokens as nt, categoricalChartsColors as it, chartColorTokens as Ct, rawChartColorTokens as ct } from "./tokens/charts/palettes/cloudscape.js";
 import { COLORBREWER as Tt } from "./tokens/charts/palettes/colorbrewer.js";
 import { tab10 as gt, tab20 as St, tab20b as ht, tab20c as At } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as Pt, CATEGORICAL_PALETTE_NAMES as bt, SEQUENTIAL_PALETTES as kt, SEQUENTIAL_PALETTE_NAMES as Dt, getAllCategoricalChartColors as Rt, getAllSequentialChartColors as It, getCategoricalChartColors as Lt, getSequentialChartColors as Ot } from "./tokens/charts/palettes/index.js";
+import { CATEGORICAL_PALETTES as Pt, CATEGORICAL_PALETTE_NAMES as kt, SEQUENTIAL_PALETTES as Dt, SEQUENTIAL_PALETTE_NAMES as bt, getAllCategoricalChartColors as Rt, getAllSequentialChartColors as It, getCategoricalChartColors as Lt, getSequentialChartColors as Ot } from "./tokens/charts/palettes/index.js";
 import { getColorsByTheme as Bt, getTokensByTheme as vt, resolveColorTokens as Nt } from "./tokens/utils.js";
 export {
   p as Affix,
@@ -86,83 +86,83 @@ export {
   x as AutoComplete,
   l as Avatar,
   n as BackTop,
-  me as Badge,
-  Ar as Breadcrumb,
-  ne as Button,
+  mr as Badge,
+  Ae as Breadcrumb,
+  nr as Button,
   Pt as CATEGORICAL_PALETTES,
-  bt as CATEGORICAL_PALETTE_NAMES,
+  kt as CATEGORICAL_PALETTE_NAMES,
   Tt as COLORBREWER,
   i as Calendar,
   C as Card,
   c as Carousel,
   u as Cascader,
   lo as Checkbox,
-  ke as ChoiceList,
-  Xr as CodeBlock,
+  Dr as ChoiceList,
+  Xe as CodeBlock,
   T as Col,
-  ee as Collapse,
+  rr as Collapse,
   d as ColorPicker,
-  Ae as ColorSelect,
-  ye as Combobox,
-  ve as ComboboxTrigger,
+  Ar as ColorSelect,
+  yr as Combobox,
   g as ConfigProvider,
-  fr as DROPDOWN_COLLISION_AVOIDANCE,
-  Ce as DSRoot,
-  ue as DSRootContextProvider,
+  fe as DROPDOWN_COLLISION_AVOIDANCE,
+  Cr as DSRoot,
+  ur as DSRootContextProvider,
   S as DatePicker,
   Bo as DefaultUpload,
   h as Descriptions,
   A as Divider,
-  ge as DragDrop,
-  Se as DragDropRoot,
+  gr as DragDrop,
+  Sr as DragDropRoot,
   E as Drawer,
   P as Dropdown,
-  Do as DropdownMenu,
+  bo as DropdownMenu,
   Io as DropdownMenuItem,
-  Br as Empty,
-  vr as EmptyIcon,
-  Ur as Field,
-  b as Flex,
-  k as FloatButton,
-  Mr as Form,
-  D as Grid,
+  Be as Empty,
+  ve as EmptyIcon,
+  Ue as Field,
+  k as Flex,
+  D as FloatButton,
+  Me as Form,
+  b as Grid,
   mo as IconButton,
-  ae as Input,
+  ar as Input,
   R as InputNumber,
-  fe as InternalBadge,
+  fr as InternalBadge,
   I as Layout,
   L as List,
   O as Mentions,
   y as Menu,
   ao as Modal,
-  Pe as Nav,
-  sr as POPUP_COLLISION_AVOIDANCE,
+  Pr as Nav,
+  se as POPUP_COLLISION_AVOIDANCE,
   B as Pagination,
   v as Popconfirm,
-  ur as Popover,
-  jr as PopupPanel,
+  ue as Popover,
+  je as PopupPanel,
   N as Progress,
   M as QRCode,
-  xe as Radio,
+  xr as Radio,
   _ as Rate,
-  Le as Resizable,
+  Lr as Resizable,
   U as Result,
   w as Row,
-  kt as SEQUENTIAL_PALETTES,
-  Dt as SEQUENTIAL_PALETTE_NAMES,
-  Cr as ScrollArea,
+  Dt as SEQUENTIAL_PALETTES,
+  bt as SEQUENTIAL_PALETTE_NAMES,
+  Ce as ScrollArea,
   io as Segmented,
-  eo as Select,
+  ro as Select,
+  vr as SelectTrigger,
   F as Skeleton,
-  dr as Slider,
+  de as Slider,
   W as Space,
-  Or as Spin,
+  Oe as Spin,
   Ao as Split,
   Eo as Splitter,
-  oe as Stack,
-  Zr as StackChild,
+  or as Stack,
+  Ze as StackChild,
   V as Statistic,
-  Re as StatusIcon,
+  Rr as StatusIcon,
   q as Steps,
   so as Switch,
   co as Table,
@@ -171,30 +171,30 @@ export {
   So as ThemeProvider,
   K as TimePicker,
   Q as Timeline,
-  Vr as Toast,
-  Sr as Tooltip,
-  Fr as Tour,
+  Ve as Toast,
+  Se as Tooltip,
+  Fe as Tour,
   H as Transfer,
   Oo as Transition,
-  Ir as Tree,
+  Ie as Tree,
   z as TreeSelect,
-  bo as Truncate,
+  ko as Truncate,
   j as Typography,
   vo as Upload,
-  Hr as VerticalCollapsiblePanel,
+  He as VerticalCollapsiblePanel,
   J as Watermark,
-  rr as WithAntdTokens,
+  ee as WithAntdTokens,
   zo as WithRenderProp,
   mt as antdColorTokens,
-  lr as buildAntdPlacement,
+  le as buildAntdPlacement,
   lt as categoricalChartColorKeys,
   nt as categoricalChartColorTokens,
   it as categoricalChartsColors,
-  tr as changeThemeWithoutTransition,
+  te as changeThemeWithoutTransition,
   Ct as chartColorTokens,
   Uo as clsx,
   wo as cn,
-  e as componentMetadata,
+  r as componentMetadata,
   Fo as cx,
   ft as darkTheme,
   Rt as getAllCategoricalChartColors,
@@ -205,15 +205,15 @@ export {
   Jo as getReactElementProp,
   Ot as getSequentialChartColors,
   vt as getTokensByTheme,
-  kr as getUniqueKeysFromOriginals,
+  De as getUniqueKeysFromOriginals,
   Go as isTracebackError,
   Qo as isValidHexColor,
   st as lightTheme,
   X as message,
-  pr as moveTypingCursorToEnd,
+  pe as moveTypingCursorToEnd,
   Y as notification,
-  nr as parseAntdPlacement,
-  Dr as processTreeData,
+  ne as parseAntdPlacement,
+  be as processTreeData,
   ct as rawChartColorTokens,
   Vo as reactNodeToString,
   Nt as resolveColorTokens,
@@ -222,31 +222,31 @@ export {
   ht as tab20b,
   At as tab20c,
   Z as theme,
-  Gr as toast,
-  Kr as toastManager,
+  Ge as toast,
+  Ke as toastManager,
   $ as unstableSetRender,
-  Qe as useAnimationsFinished,
+  Qr as useAnimationsFinished,
   Yo as useAntdCssVarClassname,
-  Ge as useApp,
-  we as useBreakpoint,
+  Gr as useApp,
+  wr as useBreakpoint,
   ot as useCSSVariables,
-  Ze as useCharts,
+  Zr as useCharts,
   Zo as useCls,
-  Xe as useControlledState,
-  Te as useDS,
+  Xr as useControlledState,
+  Tr as useDS,
   at as useDraggable,
-  He as useEnhancedEffect,
-  ze as useEventCallback,
-  Me as useForm,
+  Hr as useEnhancedEffect,
+  zr as useEventCallback,
+  Mr as useForm,
   $o as useGetPrefixCls,
-  et as useHover,
-  je as useLatestRef,
-  Fe as useMessage,
-  We as useModal,
-  Ve as useToken,
-  Pr as useUniqueKeysTree,
+  rt as useHover,
+  jr as useLatestRef,
+  Fr as useMessage,
+  Wr as useModal,
+  Vr as useToken,
+  Pe as useUniqueKeysTree,
   Mo as useUploadItemRender,
-  _e as useWatch,
+  _r as useWatch,
   oo as version
 };
 //# sourceMappingURL=index.js.map

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

@@ -295,16 +295,16 @@ const o = {
   cssVar: !0,
   components: {
     Input: {
-      activeBorderColor: "var(--ds-input-color-border-active)",
-      activeShadow: "var(--ds-input-shadow-active)",
-      errorActiveShadow: "var(--ds-input-shadow-error-active)",
-      warningActiveShadow: "var(--ds-input-shadow-warning-active)"
+      activeBorderColor: "var(--ds-control-color-border-active)",
+      activeShadow: "var(--ds-control-shadow-active)",
+      errorActiveShadow: "var(--ds-control-shadow-error-active)",
+      warningActiveShadow: "var(--ds-control-shadow-warning-active)"
     },
     InputNumber: {
-      activeBorderColor: "var(--ds-input-color-border-active)",
-      activeShadow: "var(--ds-input-shadow-active)",
-      errorActiveShadow: "var(--ds-input-shadow-error-active)",
-      warningActiveShadow: "var(--ds-input-shadow-warning-active)"
+      activeBorderColor: "var(--ds-control-color-border-active)",
+      activeShadow: "var(--ds-control-shadow-active)",
+      errorActiveShadow: "var(--ds-control-shadow-error-active)",
+      warningActiveShadow: "var(--ds-control-shadow-warning-active)"
     },
     Button: {
       defaultShadow: void 0,
@@ -336,13 +336,13 @@ const o = {
       labelColor: "var(--ds-color-text)"
     }
   }
-}, e = {
+}, t = {
   token: {
     ...r(o, "light"),
     ...a
   },
   ...l
-}, t = {
+}, i = {
   token: {
     ...r(o, "dark"),
     ...a
@@ -351,7 +351,7 @@ const o = {
 };
 export {
   o as antdColorTokens,
-  t as darkTheme,
-  e as lightTheme
+  i as darkTheme,
+  t as lightTheme
 };
 //# sourceMappingURL=tokens.js.map