@bioturing/components 0.26.2 → 0.28.1

package/dist/index.js

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

@@ -101,10 +101,7 @@ const i = {
       "Provides a customizable dropdown menu experience"
     ],
     category: "Navigation",
-    packages: [
-      "@base-ui-components/react/menu",
-      "@base-ui-components/react/utils"
-    ],
+    packages: ["@base-ui-components/react/menu", "@base-ui-components/utils"],
     originalDocUrl: "https://base-ui.com/react/components/menu",
     description: "A menu that appears when a user interacts with a button or other control."
   },
@@ -231,6 +228,26 @@ const i = {
     originalDocUrl: "https://base-ui.com/react/components/popover",
     description: "A specialized panel that pops up, often resizable, for displaying rich content or tools."
   },
+  Resizable: {
+    name: "Resizable",
+    link: "/resizable",
+    base: "custom",
+    refinements: [
+      "Custom implementation using react-use-resizable hook",
+      "Configurable resize handles for bottom, left, and right edges (all enabled by default)",
+      "Can be toggled on/off with resizable prop",
+      "Optional absolutePositioning prop for use in absolutely positioned containers",
+      "Always uses WithRenderProp to avoid wrapper elements",
+      "Directly enhances the child element with resize functionality",
+      "Validates that children is a single React element",
+      "When disabled, acts as a transparent wrapper",
+      "Manages user selection during resize operations",
+      "Supports custom styling via classNames prop"
+    ],
+    category: "Utility",
+    packages: ["react-use-resizable", "merge-refs"],
+    description: "A utility wrapper component that can be resized by dragging handles, useful for creating adjustable layouts and panels."
+  },
   Radio: {
     name: "Radio",
     link: "/radio",
@@ -367,6 +384,23 @@ const i = {
     originalDocUrl: "https://ant.design/components/tag",
     description: "Small UI elements for categorization, filtering, or highlighting items."
   },
+  Combobox: {
+    name: "Combobox",
+    link: "/combobox",
+    base: "custom",
+    refinements: [
+      "Built on top of DropdownMenu with search functionality using cmdk",
+      "Uses Ant Design Select as trigger component for consistent UX",
+      "Supports single and multiple selection modes with visual indicators",
+      "Includes built-in search/filter functionality with customizable filter logic",
+      "Options can include icons for better visual identification",
+      "Inherits all DropdownMenu styling patterns for consistency",
+      "Provides Select-like API for easy migration from Select component"
+    ],
+    category: "Data Entry",
+    packages: ["@base-ui-components/react/menu", "@base-ui-components/utils"],
+    description: "A searchable dropdown component that combines the familiarity of Select with enhanced search capabilities, similar to shadcn/ui combobox."
+  },
   ColorSelect: {
     name: "ColorSelect",
     link: "/color-select",
@@ -449,7 +483,7 @@ const i = {
     packages: [
       "@base-ui-components/react/use-render",
       "@base-ui-components/react/merge-props",
-      "@base-ui-components/react/utils"
+      "@base-ui-components/utils"
     ],
     originalDocUrl: "https://base-ui.com/react/components",
     // General Base UI components link as specific utility pages might vary