@bioturing/components 0.42.0-beta.1 → 0.43.0

package/dist/index.js

@@ -1,18 +1,18 @@
 import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
 import { default as m } from "./components/utils/createSyntheticClickEvent.js";
-import { Affix as f, Anchor as x, App as s, AutoComplete as l, Avatar as n, BackTop as i, Calendar as C, Card as c, Carousel as u, Cascader as T, Col as d, ColorPicker as g, ConfigProvider as S, DatePicker as h, Descriptions as A, Divider as P, Drawer as E, Dropdown as b, Flex as R, FloatButton as k, Grid as D, InputNumber as I, Layout as L, List as B, Mentions as O, Menu as v, Pagination as y, Popconfirm as N, Progress as M, QRCode as w, Rate as _, Result as U, Row as W, Skeleton as F, Space as V, Statistic as K, Steps as q, Tabs as z, TimePicker as G, Timeline as Q, Transfer as H, TreeSelect as j, Typography as J, Watermark as X, message as Y, notification as Z, theme as $, unstableSetRender as ee, version as oe } from "antd";
+import { Affix as f, Anchor as x, App as l, AutoComplete as s, Avatar as n, BackTop as i, Calendar as C, Card as c, Carousel as u, Cascader as T, Col as d, ColorPicker as g, ConfigProvider as S, DatePicker as h, Descriptions as A, Divider as E, Drawer as P, Dropdown as R, Flex as b, FloatButton as k, Grid as D, InputNumber as I, Layout as L, List as B, Mentions as O, Menu as v, Pagination as y, Popconfirm as N, Progress as M, QRCode as w, Rate as _, Result as U, Row as W, Skeleton as F, Space as V, Statistic as z, Steps as K, Tabs as q, TimePicker as G, Timeline as H, Transfer as Q, TreeSelect as j, Typography as J, Watermark as X, message as Y, notification as Z, theme as $, unstableSetRender as ee, version as oe } from "antd";
 import { DataTable as te } from "./components/data-table/component.js";
 import { Select as me } from "./components/select/component.js";
 import { Modal as fe } from "./components/modal/index.js";
-import { IconButton as se } from "./components/icon-button/component.js";
+import { IconButton as le } from "./components/icon-button/component.js";
 import { Switch as ne } from "./components/switch/component.js";
 import { Checkbox as Ce } from "./components/checkbox/component.js";
 import { Segmented as ue } from "./components/segmented/component.js";
 import { Table as de } from "./components/table/component.js";
 import { Tag as Se } from "./components/tag/component.js";
 import { TagList as Ae } from "./components/tag/list.js";
-import { ThemeProvider as Ee } from "./components/theme-provider/component.js";
-import { ThemeContext as Re, useTheme as ke } from "./components/theme-provider/context/themeStore.js";
+import { ThemeProvider as Pe } from "./components/theme-provider/component.js";
+import { ThemeContext as be, useTheme as ke } from "./components/theme-provider/context/themeStore.js";
 import { ThemeContextProvider as Ie } from "./components/theme-provider/context/provider.js";
 import { Split as Be, Splitter as Oe } from "./components/splitter/component.js";
 import { Truncate as ye } from "./components/truncate/component.js";
@@ -20,268 +20,270 @@ import { DropdownMenu as Me } from "./components/dropdown-menu/component.js";
 import { DropdownMenuItem as _e } from "./components/dropdown-menu/item.js";
 import { CommandPalette as We } from "./components/command-palette/component.js";
 import { KeyboardShortcut as Ve } from "./components/keyboard-shortcut/component.js";
-import { Transition as qe } from "./components/transition/component.js";
-import { DefaultUpload as Ge, Upload as Qe } from "./components/upload/component.js";
+import { Transition as Ke } from "./components/transition/component.js";
+import { DefaultUpload as Ge, Upload as He } from "./components/upload/component.js";
 import { useUploadItemRender as je } from "./components/upload/hooks.js";
 import { clsx as Xe, cn as Ye, cx as Ze } from "./components/utils/cn.js";
 import { reactNodeToString as eo } from "./components/utils/reactToString.js";
 import { isTracebackError as ro } from "./components/utils/isTracebackError.js";
 import { isValidHexColor as ao } from "./components/utils/colors.js";
 import { WithRenderProp as po } from "./components/utils/WithRenderProp.js";
-import { getReactElementProp as xo } from "./components/utils/reactElement.js";
-import { default as lo } from "merge-refs";
-import { useAntdCssVarClassname as io, useCls as Co, useGetPrefixCls as co } from "./components/utils/antdUtils.js";
-import { changeThemeWithoutTransition as To } from "./components/utils/theme.js";
-import { moveTypingCursorToEnd as So } from "./components/utils/selectionRange.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as Ao, POPUP_COLLISION_AVOIDANCE as Po } from "./components/utils/constants.js";
-import { buildAntdPlacement as bo, parseAntdPlacement as Ro } from "./components/utils/placement.js";
-import { createRenderProp as Do } from "./components/utils/renderProp.js";
-import { ScrollArea as Lo } from "./components/scroll-area/component.js";
-import { Popover as Oo } from "./components/popover/component.js";
-import { Slider as yo } from "./components/slider/component.js";
-import { Tooltip as Mo } from "./components/tooltip/component.js";
-import { Breadcrumb as _o } from "./components/breadcrumb/component.js";
-import { BreadcrumbItem as Wo } from "./components/breadcrumb/item.js";
-import { useUniqueKeysTree as Vo } from "./components/tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as qo, processTreeData as zo } from "./components/tree/helpers.js";
-import { Tree as Qo } from "./components/tree/components.js";
-import { Spin as jo } from "./components/spin/component.js";
-import { Empty as Xo } from "./components/empty/component.js";
-import { Form as Zo } from "./components/form/component.js";
-import { Field as er } from "./components/field/component.js";
-import { Tour as rr } from "./components/tour/component.js";
-import { Toast as ar } from "./components/toast/component.js";
-import { toast as pr, toastManager as fr } from "./components/toast/function.js";
-import { VerticalCollapsiblePanel as sr } from "./components/vertical-collapsible-panel/component.js";
-import { PopupPanel as nr } from "./components/popup-panel/component.js";
-import { CodeBlock as Cr } from "./components/code-block/component.js";
-import { StackChild as ur } from "./components/stack/StackChild.js";
-import { Stack as dr } from "./components/stack/index.js";
-import { Collapse as Sr } from "./components/collapse/component.js";
-import { Input as Ar } from "./components/input/component.js";
-import { Badge as Er, InternalBadge as br } from "./components/badge/component.js";
-import { Radio as kr } from "./components/radio/component.js";
-import { Button as Ir } from "./components/button/component.js";
-import { DSRoot as Br } from "./components/ds-root/component.js";
-import { useDS as vr } from "./components/ds-root/hook.js";
-import { DragDrop as Nr, DragDropRoot as Mr } from "./components/drag-drop/index.js";
-import { ColorSelect as _r } from "./components/color-select/component.js";
-import { Nav as Wr } from "./components/nav/index.js";
-import { ChoiceList as Vr } from "./components/choice-list/component.js";
-import { StatusIcon as qr } from "./components/status-icon/component.js";
-import { Resizable as Gr } from "./components/resizable/component.js";
-import { Combobox as Hr } from "./components/combobox/component.js";
-import { SelectTrigger as Jr, SelectTriggerArrow as Xr, SelectTriggerClear as Yr, SelectTriggerContent as Zr, SelectTriggerRoot as $r } from "./components/select-trigger/component.js";
-import { Loader as ot } from "./components/loader/component.js";
-import { WindowPortal as tt } from "./components/window-portal/component.js";
-import { Alert as mt } from "./components/alert/component.js";
-import { useForm as ft, useWatch as xt } from "antd/es/form/Form";
-import { useMessage as lt, useModal as nt, useToken as it } from "./components/hooks/antd.js";
-import { default as ct } from "antd/es/app/useApp";
-import { useAnimationsFinished as Tt, useEnhancedEffect as dt, useEventCallback as gt, useLatestRef as St } from "./components/hooks/base-ui.js";
-import { useControlledState as At } from "./components/hooks/useControlledState.js";
-import { useCharts as Et } from "./components/hooks/useCharts.js";
-import { useCSSVariables as Rt } from "./components/hooks/useCSSVariables.js";
-import { useHover as Dt } from "./components/hooks/useHover.js";
-import { useDraggable as Lt } from "./components/hooks/useDraggable.js";
-import { BREAKPOINTS as Ot, useBreakpoint as vt } from "./components/hooks/useBreakpoint.js";
-import { useWindowSize as Nt } from "./components/hooks/useWindowSize.js";
-import { useElementSize as wt, useResizeObserver as _t } from "./components/hooks/useResizeObserver.js";
-import { useBaseUIPlacement as Wt } from "./components/hooks/useBaseUIPlacement.js";
-import { antdColorTokens as Vt, darkTheme as Kt, lightTheme as qt } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as Gt, categoricalChartColorTokens as Qt, categoricalChartsColors as Ht, chartColorTokens as jt, rawChartColorTokens as Jt } from "./tokens/charts/palettes/cloudscape.js";
-import { COLORBREWER as Yt } from "./tokens/charts/palettes/colorbrewer.js";
-import { tab10 as $t, tab20 as ea, tab20b as oa, tab20c as ra } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as aa, CATEGORICAL_PALETTE_NAMES as ma, SEQUENTIAL_PALETTES as pa, SEQUENTIAL_PALETTE_NAMES as fa, getAllCategoricalChartColors as xa, getAllSequentialChartColors as sa, getCategoricalChartColors as la, getSequentialChartColors as na } from "./tokens/charts/palettes/index.js";
-import { getColorsByTheme as Ca, getTokensByTheme as ca, resolveColorTokens as ua } from "./tokens/utils.js";
+import { getReactElementProp as xo, getReactElementRef as lo } from "./components/utils/reactElement.js";
+import { default as no } from "merge-refs";
+import { useAntdCssVarClassname as Co, useCls as co, useGetPrefixCls as uo } from "./components/utils/antdUtils.js";
+import { changeThemeWithoutTransition as go } from "./components/utils/theme.js";
+import { moveTypingCursorToEnd as ho } from "./components/utils/selectionRange.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as Eo, POPUP_COLLISION_AVOIDANCE as Po } from "./components/utils/constants.js";
+import { buildAntdPlacement as bo, normalizeBaseUISide as ko, parseAntdPlacement as Do } from "./components/utils/placement.js";
+import { createRenderProp as Lo } from "./components/utils/renderProp.js";
+import { ScrollArea as Oo } from "./components/scroll-area/component.js";
+import { Popover as yo } from "./components/popover/component.js";
+import { Slider as Mo } from "./components/slider/component.js";
+import { Tooltip as _o } from "./components/tooltip/component.js";
+import { Breadcrumb as Wo } from "./components/breadcrumb/component.js";
+import { BreadcrumbItem as Vo } from "./components/breadcrumb/item.js";
+import { useUniqueKeysTree as Ko } from "./components/tree/useUniqueKeysTree.js";
+import { getUniqueKeysFromOriginals as Go, processTreeData as Ho } from "./components/tree/helpers.js";
+import { Tree as jo } from "./components/tree/components.js";
+import { Spin as Xo } from "./components/spin/component.js";
+import { Empty as Zo } from "./components/empty/component.js";
+import { Form as er } from "./components/form/component.js";
+import { Field as rr } from "./components/field/component.js";
+import { Tour as ar } from "./components/tour/component.js";
+import { Toast as pr } from "./components/toast/component.js";
+import { toast as xr, toastManager as lr } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as nr } from "./components/vertical-collapsible-panel/component.js";
+import { PopupPanel as Cr } from "./components/popup-panel/component.js";
+import { CodeBlock as ur } from "./components/code-block/component.js";
+import { StackChild as dr } from "./components/stack/StackChild.js";
+import { Stack as Sr } from "./components/stack/index.js";
+import { Collapse as Ar } from "./components/collapse/component.js";
+import { Input as Pr } from "./components/input/component.js";
+import { Badge as br, InternalBadge as kr } from "./components/badge/component.js";
+import { Radio as Ir } from "./components/radio/component.js";
+import { Button as Br } from "./components/button/component.js";
+import { DSRoot as vr } from "./components/ds-root/component.js";
+import { useDS as Nr } from "./components/ds-root/hook.js";
+import { DragDrop as wr, DragDropRoot as _r } from "./components/drag-drop/index.js";
+import { ColorSelect as Wr } from "./components/color-select/component.js";
+import { Nav as Vr } from "./components/nav/index.js";
+import { ChoiceList as Kr } from "./components/choice-list/component.js";
+import { StatusIcon as Gr } from "./components/status-icon/component.js";
+import { Resizable as Qr } from "./components/resizable/component.js";
+import { Combobox as Jr } from "./components/combobox/component.js";
+import { SelectTrigger as Yr, SelectTriggerArrow as Zr, SelectTriggerClear as $r, SelectTriggerContent as et, SelectTriggerRoot as ot } from "./components/select-trigger/component.js";
+import { Loader as tt } from "./components/loader/component.js";
+import { WindowPortal as mt } from "./components/window-portal/component.js";
+import { Alert as ft } from "./components/alert/component.js";
+import { LabelWithHelp as lt } from "./components/label-with-help/component.js";
+import { useForm as nt, useWatch as it } from "antd/es/form/Form";
+import { useMessage as ct, useModal as ut, useToken as Tt } from "./components/hooks/antd.js";
+import { default as gt } from "antd/es/app/useApp";
+import { useAnimationsFinished as ht, useEnhancedEffect as At, useEventCallback as Et, useLatestRef as Pt } from "./components/hooks/base-ui.js";
+import { useControlledState as bt } from "./components/hooks/useControlledState.js";
+import { useCharts as Dt } from "./components/hooks/useCharts.js";
+import { useCSSVariables as Lt } from "./components/hooks/useCSSVariables.js";
+import { useHover as Ot } from "./components/hooks/useHover.js";
+import { useDraggable as yt } from "./components/hooks/useDraggable.js";
+import { BREAKPOINTS as Mt, useBreakpoint as wt } from "./components/hooks/useBreakpoint.js";
+import { useWindowSize as Ut } from "./components/hooks/useWindowSize.js";
+import { useElementSize as Ft, useResizeObserver as Vt } from "./components/hooks/useResizeObserver.js";
+import { antdColorTokens as Kt, darkTheme as qt, lightTheme as Gt } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as Qt, categoricalChartColorTokens as jt, categoricalChartsColors as Jt, chartColorTokens as Xt, rawChartColorTokens as Yt } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as $t } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as oa, tab20 as ra, tab20b as ta, tab20c as aa } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as pa, CATEGORICAL_PALETTE_NAMES as fa, SEQUENTIAL_PALETTES as xa, SEQUENTIAL_PALETTE_NAMES as la, getAllCategoricalChartColors as sa, getAllSequentialChartColors as na, getCategoricalChartColors as ia, getSequentialChartColors as Ca } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as ua, getTokensByTheme as Ta, resolveColorTokens as da } from "./tokens/utils.js";
 export {
   f as Affix,
-  mt as Alert,
+  ft as Alert,
   x as Anchor,
-  s as App,
-  l as AutoComplete,
+  l as App,
+  s as AutoComplete,
   n as Avatar,
-  Ot as BREAKPOINTS,
+  Mt as BREAKPOINTS,
   i as BackTop,
-  Er as Badge,
-  _o as Breadcrumb,
-  Wo as BreadcrumbItem,
-  Ir as Button,
-  aa as CATEGORICAL_PALETTES,
-  ma as CATEGORICAL_PALETTE_NAMES,
-  Yt as COLORBREWER,
+  br as Badge,
+  Wo as Breadcrumb,
+  Vo as BreadcrumbItem,
+  Br as Button,
+  pa as CATEGORICAL_PALETTES,
+  fa as CATEGORICAL_PALETTE_NAMES,
+  $t as COLORBREWER,
   C as Calendar,
   c as Card,
   u as Carousel,
   T as Cascader,
   Ce as Checkbox,
-  Vr as ChoiceList,
-  Cr as CodeBlock,
+  Kr as ChoiceList,
+  ur as CodeBlock,
   d as Col,
-  Sr as Collapse,
+  Ar as Collapse,
   g as ColorPicker,
-  _r as ColorSelect,
-  Hr as Combobox,
+  Wr as ColorSelect,
+  Jr as Combobox,
   We as CommandPalette,
   S as ConfigProvider,
-  Ao as DROPDOWN_COLLISION_AVOIDANCE,
-  Br as DSRoot,
+  Eo as DROPDOWN_COLLISION_AVOIDANCE,
+  vr as DSRoot,
   te as DataTable,
   h as DatePicker,
   Ge as DefaultUpload,
   A as Descriptions,
-  P as Divider,
-  Nr as DragDrop,
-  Mr as DragDropRoot,
-  E as Drawer,
-  b as Dropdown,
+  E as Divider,
+  wr as DragDrop,
+  _r as DragDropRoot,
+  P as Drawer,
+  R as Dropdown,
   Me as DropdownMenu,
   _e as DropdownMenuItem,
-  Xo as Empty,
-  er as Field,
-  R as Flex,
+  Zo as Empty,
+  rr as Field,
+  b as Flex,
   k as FloatButton,
-  Zo as Form,
+  er as Form,
   D as Grid,
-  se as IconButton,
-  Ar as Input,
+  le as IconButton,
+  Pr as Input,
   I as InputNumber,
-  br as InternalBadge,
+  kr as InternalBadge,
   Ve as KeyboardShortcut,
+  lt as LabelWithHelp,
   L as Layout,
   B as List,
-  ot as Loader,
+  tt as Loader,
   O as Mentions,
   v as Menu,
   fe as Modal,
-  Wr as Nav,
+  Vr as Nav,
   Po as POPUP_COLLISION_AVOIDANCE,
   y as Pagination,
   N as Popconfirm,
-  Oo as Popover,
-  nr as PopupPanel,
+  yo as Popover,
+  Cr as PopupPanel,
   M as Progress,
   w as QRCode,
-  kr as Radio,
+  Ir as Radio,
   _ as Rate,
-  Gr as Resizable,
+  Qr as Resizable,
   U as Result,
   W as Row,
-  pa as SEQUENTIAL_PALETTES,
-  fa as SEQUENTIAL_PALETTE_NAMES,
-  Lo as ScrollArea,
+  xa as SEQUENTIAL_PALETTES,
+  la as SEQUENTIAL_PALETTE_NAMES,
+  Oo as ScrollArea,
   ue as Segmented,
   me as Select,
-  Jr as SelectTrigger,
-  Xr as SelectTriggerArrow,
-  Yr as SelectTriggerClear,
-  Zr as SelectTriggerContent,
-  $r as SelectTriggerRoot,
+  Yr as SelectTrigger,
+  Zr as SelectTriggerArrow,
+  $r as SelectTriggerClear,
+  et as SelectTriggerContent,
+  ot as SelectTriggerRoot,
   F as Skeleton,
-  yo as Slider,
+  Mo as Slider,
   V as Space,
-  jo as Spin,
+  Xo as Spin,
   Be as Split,
   Oe as Splitter,
-  dr as Stack,
-  ur as StackChild,
-  K as Statistic,
-  qr as StatusIcon,
-  q as Steps,
+  Sr as Stack,
+  dr as StackChild,
+  z as Statistic,
+  Gr as StatusIcon,
+  K as Steps,
   ne as Switch,
   de as Table,
-  z as Tabs,
+  q as Tabs,
   Se as Tag,
   Ae as TagList,
-  Re as ThemeContext,
+  be as ThemeContext,
   Ie as ThemeContextProvider,
-  Ee as ThemeProvider,
+  Pe as ThemeProvider,
   G as TimePicker,
-  Q as Timeline,
-  ar as Toast,
-  Mo as Tooltip,
-  rr as Tour,
-  H as Transfer,
-  qe as Transition,
-  Qo as Tree,
+  H as Timeline,
+  pr as Toast,
+  _o as Tooltip,
+  ar as Tour,
+  Q as Transfer,
+  Ke as Transition,
+  jo as Tree,
   j as TreeSelect,
   ye as Truncate,
   J as Typography,
-  Qe as Upload,
-  sr as VerticalCollapsiblePanel,
+  He as Upload,
+  nr as VerticalCollapsiblePanel,
   X as Watermark,
-  tt as WindowPortal,
+  mt as WindowPortal,
   po as WithRenderProp,
-  Vt as antdColorTokens,
+  Kt as antdColorTokens,
   bo as buildAntdPlacement,
-  Gt as categoricalChartColorKeys,
-  Qt as categoricalChartColorTokens,
-  Ht as categoricalChartsColors,
-  To as changeThemeWithoutTransition,
-  jt as chartColorTokens,
+  Qt as categoricalChartColorKeys,
+  jt as categoricalChartColorTokens,
+  Jt as categoricalChartsColors,
+  go as changeThemeWithoutTransition,
+  Xt as chartColorTokens,
   Xe as clsx,
   Ye as cn,
   r as componentMetadata,
-  Do as createRenderProp,
+  Lo as createRenderProp,
   m as createSyntheticClickEvent,
   Ze as cx,
-  Kt as darkTheme,
-  xa as getAllCategoricalChartColors,
-  sa as getAllSequentialChartColors,
-  la as getCategoricalChartColors,
-  Ca as getColorsByTheme,
+  qt as darkTheme,
+  sa as getAllCategoricalChartColors,
+  na as getAllSequentialChartColors,
+  ia as getCategoricalChartColors,
+  ua as getColorsByTheme,
   t as getComponentsByCategory,
   xo as getReactElementProp,
-  na as getSequentialChartColors,
-  ca as getTokensByTheme,
-  qo as getUniqueKeysFromOriginals,
+  lo as getReactElementRef,
+  Ca as getSequentialChartColors,
+  Ta as getTokensByTheme,
+  Go as getUniqueKeysFromOriginals,
   ro as isTracebackError,
   ao as isValidHexColor,
-  qt as lightTheme,
-  lo as mergeRefs,
+  Gt as lightTheme,
+  no as mergeRefs,
   Y as message,
-  So as moveTypingCursorToEnd,
+  ho as moveTypingCursorToEnd,
+  ko as normalizeBaseUISide,
   Z as notification,
-  Ro as parseAntdPlacement,
-  zo as processTreeData,
-  Jt as rawChartColorTokens,
+  Do as parseAntdPlacement,
+  Ho as processTreeData,
+  Yt as rawChartColorTokens,
   eo as reactNodeToString,
-  ua as resolveColorTokens,
-  $t as tab10,
-  ea as tab20,
-  oa as tab20b,
-  ra as tab20c,
+  da as resolveColorTokens,
+  oa as tab10,
+  ra as tab20,
+  ta as tab20b,
+  aa as tab20c,
   $ as theme,
-  pr as toast,
-  fr as toastManager,
+  xr as toast,
+  lr as toastManager,
   ee as unstableSetRender,
-  Tt as useAnimationsFinished,
-  io as useAntdCssVarClassname,
-  ct as useApp,
-  Wt as useBaseUIPlacement,
-  vt as useBreakpoint,
-  Rt as useCSSVariables,
-  Et as useCharts,
-  Co as useCls,
-  At as useControlledState,
-  vr as useDS,
-  Lt as useDraggable,
-  wt as useElementSize,
-  dt as useEnhancedEffect,
-  gt as useEventCallback,
-  ft as useForm,
-  co as useGetPrefixCls,
-  Dt as useHover,
-  St as useLatestRef,
-  lt as useMessage,
-  nt as useModal,
-  _t as useResizeObserver,
+  ht as useAnimationsFinished,
+  Co as useAntdCssVarClassname,
+  gt as useApp,
+  wt as useBreakpoint,
+  Lt as useCSSVariables,
+  Dt as useCharts,
+  co as useCls,
+  bt as useControlledState,
+  Nr as useDS,
+  yt as useDraggable,
+  Ft as useElementSize,
+  At as useEnhancedEffect,
+  Et as useEventCallback,
+  nt as useForm,
+  uo as useGetPrefixCls,
+  Ot as useHover,
+  Pt as useLatestRef,
+  ct as useMessage,
+  ut as useModal,
+  Vt as useResizeObserver,
   ke as useTheme,
-  it as useToken,
-  Vo as useUniqueKeysTree,
+  Tt as useToken,
+  Ko as useUniqueKeysTree,
   je as useUploadItemRender,
-  xt as useWatch,
-  Nt as useWindowSize,
+  it as useWatch,
+  Ut as useWindowSize,
   oe as version
 };
 //# sourceMappingURL=index.js.map

package/dist/metadata.d.ts

@@ -464,6 +464,14 @@ export declare const componentMetadata: {
         category: "Utility";
         description: string;
     };
+    LabelWithHelp: {
+        name: string;
+        link: string;
+        base: "custom";
+        refinements: string[];
+        category: "Data Display";
+        description: string;
+    };
 };
 /**
  * Get all components by category

package/dist/metadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../src/metadata.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,cAAc,GACd,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEd,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0sBe,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAAO,MAAM,CAC/C,iBAAiB,EACjB,iBAAiB,EAAE,CA0BpB,CAAC"}
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../src/metadata.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,cAAc,GACd,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEd,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0tBe,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAAO,MAAM,CAC/C,iBAAiB,EACjB,iBAAiB,EAAE,CA0BpB,CAAC"}

package/dist/metadata.js

@@ -675,6 +675,21 @@ const i = {
     ],
     category: "Utility",
     description: "Renders React components in a separate browser window while maintaining state synchronization and theme consistency with the parent window."
+  },
+  LabelWithHelp: {
+    name: "LabelWithHelp",
+    link: "/label-with-help",
+    base: "custom",
+    refinements: [
+      "Renders a question mark icon with `cursor: help` next to any content, showing a tooltip on hover.",
+      "Uses `<span>` elements internally to safely nest inside `<label>` wrappers (e.g., Checkbox, Radio) without accessibility issues.",
+      "When `tooltip` is falsy, renders bare children without any wrapper element.",
+      "Supports `forwardRef` for ref forwarding to the outer `<span>`.",
+      "Leverages the existing `IconButton` component with `render={<span />}` for non-interactive tooltip display.",
+      "Customizable via `iconButtonProps` to control size, tooltip behavior, and other `IconButton` options."
+    ],
+    category: "Data Display",
+    description: "A wrapper component that adds a question mark icon with a tooltip next to any content, commonly used to provide contextual help or explanation text."
   }
 }, a = () => {
   const e = {