@bioturing/components 0.29.1 → 0.30.0

package/dist/index.d.ts

@@ -21,7 +21,6 @@ import { BreadcrumbItemProps as BreadcrumbItemProps_2 } from 'antd/es/breadcrumb
 import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
 import { BreadcrumbProps as BreadcrumbProps_2 } from 'antd/es/breadcrumb';
 import { BreadcrumbSeparatorType } from 'antd/es/breadcrumb/Breadcrumb';
-import { Breakpoint } from 'antd';
 import { ButtonProps as ButtonProps_2 } from 'antd/es/button';
 import { Calendar } from 'antd';
 import { CalendarMode } from 'antd';
@@ -134,8 +133,7 @@ import { message } from 'antd';
 import { MessageArgsProps } from 'antd';
 import { MessageInstance } from 'antd/es/message/interface';
 import { ModalFuncProps } from 'antd';
-import { ModalProps } from './Modal';
-import { ModalProps as ModalProps_3 } from 'antd/es/modal';
+import { ModalProps as ModalProps_2 } from 'antd/es/modal';
 import { ModalRef } from './functions';
 import { MoveValues } from 'react-use-resizable';
 import { notification } from 'antd';
@@ -173,6 +171,7 @@ import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { RefSelectProps } from 'antd';
 import { RefSelectProps as RefSelectProps_2 } from 'antd/es/select';
+import { ResizableProps as ResizableProps_2 } from 'react-use-resizable';
 import { Result } from 'antd';
 import { ResultProps } from 'antd';
 import { RibbonProps } from 'antd/es/badge/Ribbon';
@@ -350,6 +349,16 @@ export declare interface BreadcrumbProps<T extends AnyObject = AnyObject> extend
     itemRender?: (route: BreadcrumbItemType, params: T, routes: BreadcrumbItemType[], paths: string[]) => React.ReactNode;
 }
 
+declare type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+
+export declare const BREAKPOINTS: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    "2xl": number;
+};
+
 /**
  * Build Antd placement string from BaseUI side and align values
  * @param placement - Object with side and align properties
@@ -456,7 +465,7 @@ declare type Children = {
     children?: default_2.ReactNode;
 };
 
-export declare const ChoiceList: <M extends boolean = false>({ items, multiple, value, defaultValue, onChange, searchProps, showSelectAll, className, placeholder, ...rest }: ChoiceListProps<M>) => JSX.Element;
+export declare const ChoiceList: <M extends boolean = false>({ items, multiple, value, defaultValue, onChange, searchProps, showSelectAll, className, placeholder, disabled: disabledProp, status: statusProp, getItemKeywords, ...rest }: ChoiceListProps<M>) => JSX.Element;
 
 export declare type ChoiceListItem = {
     label: React.ReactNode;
@@ -476,6 +485,20 @@ export declare interface ChoiceListProps<M extends boolean = false> extends Omit
      */
     showSelectAll?: boolean;
     placeholder?: string;
+    /**
+     * Whether the choice list is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Validation status
+     */
+    status?: "error" | "warning" | "success" | "validating";
+    /**
+     * Function to extract keywords from the item for search filtering
+     * @default (item) => [item.value, reactNodeToString(item.label)]
+     */
+    getItemKeywords?: (item: ChoiceListItem) => string[];
 }
 
 export declare interface ClassArray extends Array<ClassValue> {
@@ -1787,7 +1810,7 @@ export declare const DROPDOWN_COLLISION_AVOIDANCE: {
     readonly fallbackAxisSide: "none";
 };
 
-export declare const DropdownMenu: ({ children, items, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, className, itemRender, classNames, size, showSearch, searchProps, popupMatchTriggerWidth, beforeList, afterList, keepOpenOnSelect, highlightedItemKey, selectedItemKeys, showCheckbox, }: DropdownMenuProps) => JSX.Element;
+export declare const DropdownMenu: ({ children, items, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, className, itemRender, classNames, size, showSearch, searchProps, popupMatchTriggerWidth, beforeList, afterList, keepOpenOnSelect, highlightedItemKey, selectedItemKeys, showCheckbox, getItemKeywords, }: DropdownMenuProps) => JSX.Element;
 
 export declare const DropdownMenuItem: default_2.FC<DropdownMenuItemProps>;
 
@@ -1829,6 +1852,13 @@ export declare interface DropdownMenuItemProps {
      * @default false
      */
     indeterminate?: boolean;
+    /**
+     * Function to extract keywords from the item for search filtering
+     * @default (item) => [String(item.key), reactNodeToString(item.label)]
+     */
+    getItemKeywords?: (item: DropdownMenuItemType & {
+        type: "item";
+    }) => string[];
 }
 
 export declare type DropdownMenuItemType = {
@@ -1996,6 +2026,13 @@ export declare interface DropdownMenuProps {
      * @default false
      */
     showCheckbox?: boolean;
+    /**
+     * Function to extract keywords from the item for search filtering
+     * @default (item) => [String(item.key), reactNodeToString(item.label)]
+     */
+    getItemKeywords?: (item: DropdownMenuItemType & {
+        type: "item";
+    }) => string[];
 }
 
 export { DropDownProps }
@@ -2297,7 +2334,7 @@ export declare const Modal: (({ open: externalOpen, closeIcon, children, size: s
 
 export { ModalFuncProps }
 
-declare type ModalFuncProps_2 = ModalProps_2 & {
+declare type ModalFuncProps_2 = ModalProps & {
     /**
      * Content to be displayed in the modal
      * Similar to children prop in Modal component
@@ -2306,7 +2343,7 @@ declare type ModalFuncProps_2 = ModalProps_2 & {
     content?: default_2.ReactNode;
 };
 
-declare interface ModalProps_2 extends Omit<ModalProps_3, "centered"> {
+export declare interface ModalProps extends Omit<ModalProps_2, "centered"> {
     /**
      * Predefined sizes for the modal
      * - xsmall: 400px
@@ -2451,6 +2488,8 @@ export { notification }
 
 export { NotificationArgsProps }
 
+declare type ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;
+
 export { Pagination }
 
 export { PaginationProps }
@@ -3263,9 +3302,9 @@ export { RefSelectProps }
 
 declare type RefType<T extends FieldType> = T extends "input" ? InputRef : T extends "select" ? RefSelectProps_2 : never;
 
-export declare const Resizable: ({ children, resizable, handles, absolutePositioning, classNames, className: containerClassName, style: containerStyle, resetKey, maxWidth, maxHeight, minWidth, minHeight, onResize, maintainAspectRatio, ...rest }: ResizableProps) => JSX.Element;
+export declare const Resizable: ({ children, resizable, handles, absolutePositioning, classNames, className: containerClassName, style: containerStyle, resetKey, maxHeight, maxWidth, minHeight, minWidth, lockHorizontal, lockVertical, onResize, onDragEnd: onDragEndProp, onDragStart: onDragStartProp, disabled, maintainAspectRatio, interval, initialHeight: initialHeightProp, initialWidth: initialWidthProp, ...rest }: ResizableProps) => JSX.Element;
 
-export declare interface ResizableProps extends WithRenderPropProps {
+export declare interface ResizableProps extends Omit<WithRenderPropProps, keyof ResizableProps_2>, ResizableProps_2 {
     /**
      * Single React element child that will be enhanced with resize handles
      */
@@ -3950,7 +3989,35 @@ export declare const useAntdCssVarClassname: () => string;
 
 export { useApp }
 
-export declare const useBreakpoint: () => Partial<Record<Breakpoint, boolean>>;
+/**
+ * A responsive breakpoint hook using window.matchMedia for optimal performance.
+ *
+ * @param ssrBreakpoint - The breakpoint to use during SSR and before hydration.
+ *                       Defaults to "lg" for better SEO (search engines typically use desktop viewports).
+ *
+ * @example
+ * ```tsx
+ * // Default: uses "lg" for SSR
+ * const bp = useBreakpoint();
+ *
+ * // Custom SSR breakpoint
+ * const bp = useBreakpoint("md");
+ *
+ * // Usage
+ * bp.breakpoint     // Current breakpoint: "sm" | "md" | "lg" | "xl" | "2xl"
+ * bp.up("md")       // true if screen >= 768px
+ * bp.down("lg")     // true if screen < 1024px
+ * bp.between("md", "xl")  // true if 768px <= screen < 1280px
+ * bp.only("lg")     // true if screen is exactly in "lg" range
+ * ```
+ */
+export declare const useBreakpoint: (ssrBreakpoint?: Breakpoint) => {
+    breakpoint: Breakpoint;
+    up: (bp: Breakpoint) => boolean;
+    down: (bp: Breakpoint) => boolean;
+    between: (minBp: Breakpoint, maxBp: Breakpoint) => boolean;
+    only: (bp: Breakpoint) => boolean;
+};
 
 /**
  * Get chart colors and axis configuration based on the current theme.
@@ -4023,6 +4090,12 @@ export declare const useDS: () => {
     theme: "light" | "dark";
 };
 
+export declare function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions): {
+    ref: RefObject<T>;
+    width: number;
+    height: number;
+};
+
 export declare const useEnhancedEffect: typeof useLayoutEffect;
 
 export declare function useEventCallback<Fn extends AnyFunction>(fn?: Fn): Fn;
@@ -4044,6 +4117,8 @@ export declare const useMessage: () => MessageInstance;
 
 export declare const useModal: () => HookAPI;
 
+export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [RefObject<T>, ObserverRect];
+
 export declare const useToken: () => {
     theme: Theme_2<SeedToken, AliasToken>;
     token: GlobalToken;
@@ -4089,6 +4164,11 @@ export declare type UseUploadItemRenderProps = {
 
 export { useWatch }
 
+export declare function useWindowSize(): {
+    width: any;
+    height: any;
+};
+
 export { version }
 
 export declare const VerticalCollapsiblePanel: default_2.FC<VerticalCollapsiblePanelProps>;

package/dist/index.js

@@ -1,143 +1,147 @@
 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 { Affix as a, 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 S, DatePicker as g, Descriptions as A, Divider as h, Drawer as E, Dropdown as P, Flex as k, FloatButton as R, Grid as b, InputNumber as D, Layout as I, List as L, Mentions as O, Menu as B, Pagination as v, Popconfirm as y, Progress as N, QRCode as M, Rate as _, Result as w, Row as U, Skeleton as W, Space as F, Statistic as V, Steps as q, Tabs as z, TimePicker as G, Timeline as K, Transfer as Q, TreeSelect as H, 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 { Modal as po } from "./components/modal/index.js";
 import { IconButton as mo } from "./components/icon-button/component.js";
 import { Switch as so } from "./components/switch/component.js";
 import { Checkbox as lo } from "./components/checkbox/component.js";
 import { Segmented as io } from "./components/segmented/component.js";
 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 { ThemeProvider as go } from "./components/theme-provider/component.js";
+import { Split as ho, Splitter as Eo } from "./components/splitter/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";
+import { DefaultUpload as vo, Upload as yo } from "./components/upload/component.js";
 import { useUploadItemRender as Mo } from "./components/upload/hooks.js";
-import { clsx as Uo, cn as wo, cx as Fo } from "./components/utils/cn.js";
+import { clsx as wo, cn as Uo, cx as Wo } from "./components/utils/cn.js";
 import { reactNodeToString as Vo } from "./components/utils/reactToString.js";
-import { isTracebackError as Go } from "./components/utils/isTracebackError.js";
-import { isValidHexColor as Qo } from "./components/utils/colors.js";
-import { WithRenderProp as zo } from "./components/utils/WithRenderProp.js";
+import { isTracebackError as zo } from "./components/utils/isTracebackError.js";
+import { isValidHexColor as Ko } from "./components/utils/colors.js";
+import { WithRenderProp as Ho } 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 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 { moveTypingCursorToEnd as ae } 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 { Tooltip as ge } from "./components/tooltip/component.js";
+import { Breadcrumb as he } 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 { getUniqueKeysFromOriginals as Re, 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 { Empty as ve, EmptyIcon as ye } 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 { Field as we } from "./components/field/component.js";
+import { Tour as We } 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 { toast as ze, toastManager as Ge } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as Qe } 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 { Input as pr } 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 { DragDrop as Sr, DragDropRoot as gr } from "./components/drag-drop/index.js";
+import { ColorSelect as hr } 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 { ChoiceList as Rr } from "./components/choice-list/component.js";
+import { StatusIcon as Dr } 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 { Combobox as Br } from "./components/combobox/component.js";
+import { SelectTrigger as yr } 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 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 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";
+import { useMessage as Ur, useModal as Wr, useToken as Fr } from "./components/hooks/antd.js";
+import { default as qr } from "antd/es/app/useApp";
+import { useAnimationsFinished as Gr, useEnhancedEffect as Kr, useEventCallback as Qr, useLatestRef as Hr } from "./components/hooks/base-ui.js";
+import { useControlledState as Jr } from "./components/hooks/useControlledState.js";
+import { useCharts as Yr } from "./components/hooks/useCharts.js";
+import { useCSSVariables as $r } from "./components/hooks/useCSSVariables.js";
+import { useHover as et } from "./components/hooks/useHover.js";
+import { useDraggable as tt } from "./components/hooks/useDraggable.js";
+import { BREAKPOINTS as at, useBreakpoint as mt } from "./components/hooks/useBreakpoint.js";
+import { useWindowSize as st } from "./components/hooks/useWindowSize.js";
+import { useElementSize as lt, useResizeObserver as nt } from "./components/hooks/useResizeObserver.js";
+import { antdColorTokens as Ct, darkTheme as ct, lightTheme as ut } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as dt, categoricalChartColorTokens as St, categoricalChartsColors as gt, chartColorTokens as At, rawChartColorTokens as ht } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as Pt } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as Rt, tab20 as bt, tab20b as Dt, tab20c as It } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as Ot, CATEGORICAL_PALETTE_NAMES as Bt, SEQUENTIAL_PALETTES as vt, SEQUENTIAL_PALETTE_NAMES as yt, getAllCategoricalChartColors as Nt, getAllSequentialChartColors as Mt, getCategoricalChartColors as _t, getSequentialChartColors as wt } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as Wt, getTokensByTheme as Ft, resolveColorTokens as Vt } from "./tokens/utils.js";
 export {
-  p as Affix,
+  a as Affix,
   m as Alert,
   f as Anchor,
   s as App,
   x as AutoComplete,
   l as Avatar,
+  at as BREAKPOINTS,
   n as BackTop,
   mr as Badge,
-  Ae as Breadcrumb,
+  he as Breadcrumb,
   nr as Button,
-  Pt as CATEGORICAL_PALETTES,
-  kt as CATEGORICAL_PALETTE_NAMES,
-  Tt as COLORBREWER,
+  Ot as CATEGORICAL_PALETTES,
+  Bt as CATEGORICAL_PALETTE_NAMES,
+  Pt as COLORBREWER,
   i as Calendar,
   C as Card,
   c as Carousel,
   u as Cascader,
   lo as Checkbox,
-  Dr as ChoiceList,
+  Rr as ChoiceList,
   Xe as CodeBlock,
   T as Col,
   rr as Collapse,
   d as ColorPicker,
-  Ar as ColorSelect,
-  yr as Combobox,
-  g as ConfigProvider,
+  hr as ColorSelect,
+  Br as Combobox,
+  S as ConfigProvider,
   fe as DROPDOWN_COLLISION_AVOIDANCE,
   Cr as DSRoot,
   ur as DSRootContextProvider,
-  S as DatePicker,
-  Bo as DefaultUpload,
-  h as Descriptions,
-  A as Divider,
-  gr as DragDrop,
-  Sr as DragDropRoot,
+  g as DatePicker,
+  vo as DefaultUpload,
+  A as Descriptions,
+  h as Divider,
+  Sr as DragDrop,
+  gr as DragDropRoot,
   E as Drawer,
   P as Dropdown,
   bo as DropdownMenu,
   Io as DropdownMenuItem,
-  Be as Empty,
-  ve as EmptyIcon,
-  Ue as Field,
+  ve as Empty,
+  ye as EmptyIcon,
+  we as Field,
   k as Flex,
-  D as FloatButton,
+  R as FloatButton,
   Me as Form,
   b as Grid,
   mo as IconButton,
-  ar as Input,
-  R as InputNumber,
+  pr as Input,
+  D as InputNumber,
   fr as InternalBadge,
   I as Layout,
   L as List,
   O as Mentions,
-  y as Menu,
-  ao as Modal,
+  B as Menu,
+  po as Modal,
   Pr as Nav,
   se as POPUP_COLLISION_AVOIDANCE,
-  B as Pagination,
-  v as Popconfirm,
+  v as Pagination,
+  y as Popconfirm,
   ue as Popover,
   je as PopupPanel,
   N as Progress,
@@ -145,108 +149,111 @@ export {
   xr as Radio,
   _ as Rate,
   Lr as Resizable,
-  U as Result,
-  w as Row,
-  Dt as SEQUENTIAL_PALETTES,
-  bt as SEQUENTIAL_PALETTE_NAMES,
+  w as Result,
+  U as Row,
+  vt as SEQUENTIAL_PALETTES,
+  yt as SEQUENTIAL_PALETTE_NAMES,
   Ce as ScrollArea,
   io as Segmented,
   ro as Select,
-  vr as SelectTrigger,
-  F as Skeleton,
+  yr as SelectTrigger,
+  W as Skeleton,
   de as Slider,
-  W as Space,
+  F as Space,
   Oe as Spin,
-  Ao as Split,
+  ho as Split,
   Eo as Splitter,
   or as Stack,
   Ze as StackChild,
   V as Statistic,
-  Rr as StatusIcon,
+  Dr as StatusIcon,
   q as Steps,
   so as Switch,
   co as Table,
-  G as Tabs,
+  z as Tabs,
   To as Tag,
-  So as ThemeProvider,
-  K as TimePicker,
-  Q as Timeline,
+  go as ThemeProvider,
+  G as TimePicker,
+  K as Timeline,
   Ve as Toast,
-  Se as Tooltip,
-  Fe as Tour,
-  H as Transfer,
+  ge as Tooltip,
+  We as Tour,
+  Q as Transfer,
   Oo as Transition,
   Ie as Tree,
-  z as TreeSelect,
+  H as TreeSelect,
   ko as Truncate,
   j as Typography,
-  vo as Upload,
-  He as VerticalCollapsiblePanel,
+  yo as Upload,
+  Qe as VerticalCollapsiblePanel,
   J as Watermark,
   ee as WithAntdTokens,
-  zo as WithRenderProp,
-  mt as antdColorTokens,
+  Ho as WithRenderProp,
+  Ct as antdColorTokens,
   le as buildAntdPlacement,
-  lt as categoricalChartColorKeys,
-  nt as categoricalChartColorTokens,
-  it as categoricalChartsColors,
+  dt as categoricalChartColorKeys,
+  St as categoricalChartColorTokens,
+  gt as categoricalChartsColors,
   te as changeThemeWithoutTransition,
-  Ct as chartColorTokens,
-  Uo as clsx,
-  wo as cn,
+  At as chartColorTokens,
+  wo as clsx,
+  Uo as cn,
   r as componentMetadata,
-  Fo as cx,
-  ft as darkTheme,
-  Rt as getAllCategoricalChartColors,
-  It as getAllSequentialChartColors,
-  Lt as getCategoricalChartColors,
-  Bt as getColorsByTheme,
+  Wo as cx,
+  ct as darkTheme,
+  Nt as getAllCategoricalChartColors,
+  Mt as getAllSequentialChartColors,
+  _t as getCategoricalChartColors,
+  Wt as getColorsByTheme,
   t as getComponentsByCategory,
   Jo as getReactElementProp,
-  Ot as getSequentialChartColors,
-  vt as getTokensByTheme,
-  De as getUniqueKeysFromOriginals,
-  Go as isTracebackError,
-  Qo as isValidHexColor,
-  st as lightTheme,
+  wt as getSequentialChartColors,
+  Ft as getTokensByTheme,
+  Re as getUniqueKeysFromOriginals,
+  zo as isTracebackError,
+  Ko as isValidHexColor,
+  ut as lightTheme,
   X as message,
-  pe as moveTypingCursorToEnd,
+  ae as moveTypingCursorToEnd,
   Y as notification,
   ne as parseAntdPlacement,
   be as processTreeData,
-  ct as rawChartColorTokens,
+  ht as rawChartColorTokens,
   Vo as reactNodeToString,
-  Nt as resolveColorTokens,
-  gt as tab10,
-  St as tab20,
-  ht as tab20b,
-  At as tab20c,
+  Vt as resolveColorTokens,
+  Rt as tab10,
+  bt as tab20,
+  Dt as tab20b,
+  It as tab20c,
   Z as theme,
-  Ge as toast,
-  Ke as toastManager,
+  ze as toast,
+  Ge as toastManager,
   $ as unstableSetRender,
-  Qr as useAnimationsFinished,
+  Gr as useAnimationsFinished,
   Yo as useAntdCssVarClassname,
-  Gr as useApp,
-  wr as useBreakpoint,
-  ot as useCSSVariables,
-  Zr as useCharts,
+  qr as useApp,
+  mt as useBreakpoint,
+  $r as useCSSVariables,
+  Yr as useCharts,
   Zo as useCls,
-  Xr as useControlledState,
+  Jr as useControlledState,
   Tr as useDS,
-  at as useDraggable,
-  Hr as useEnhancedEffect,
-  zr as useEventCallback,
+  tt as useDraggable,
+  lt as useElementSize,
+  Kr as useEnhancedEffect,
+  Qr as useEventCallback,
   Mr as useForm,
   $o as useGetPrefixCls,
-  rt as useHover,
-  jr as useLatestRef,
-  Fr as useMessage,
+  et as useHover,
+  Hr as useLatestRef,
+  Ur as useMessage,
   Wr as useModal,
-  Vr as useToken,
+  nt as useResizeObserver,
+  Fr as useToken,
   Pe as useUniqueKeysTree,
   Mo as useUploadItemRender,
   _r as useWatch,
+  st as useWindowSize,
   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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bioturing/components",
-  "version": "0.29.1",
+  "version": "0.30.0",
   "type": "module",
   "module": "./dist/index.js",
   "main": "./dist/index.js",