@bioturing/components 0.27.0 → 0.28.1

package/dist/index.js

@@ -1,242 +1,252 @@
-import { componentMetadata as r, 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 R, Grid as D, InputNumber as b, Layout as I, List as L, 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 z, 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 { 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 { 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 { Truncate as bo } from "./components/truncate/component.js";
 import { DropdownMenu as Do } from "./components/dropdown-menu/component.js";
-import { clsx as Io, cn as Lo, 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 { getReactElementProp as wo } from "./components/utils/reactElement.js";
-import { useAntdCssVarClassname as qo, useCls as Go, useGetPrefixCls as Ko } from "./components/utils/antdUtils.js";
-import { WithAntdTokens as zo } from "./components/utils/WithAntdTokens.js";
-import { changeThemeWithoutTransition as jo } from "./components/utils/theme.js";
-import { moveTypingCursorToEnd as Xo } from "./components/utils/selectionRange.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as Zo, POPUP_COLLISION_AVOIDANCE as $o } from "./components/utils/constants.js";
-import { buildAntdPlacement as ee, parseAntdPlacement as re } from "./components/utils/placement.js";
-import { Transition as ae } from "./components/transition/component.js";
-import { DefaultUpload as me, Upload as se } from "./components/upload/component.js";
-import { useUploadItemRender as le } from "./components/upload/hooks.js";
-import { ScrollArea as xe } from "./components/scroll-area/component.js";
-import { Popover as Ce } from "./components/popover/component.js";
-import { Slider as Te } from "./components/slider/component.js";
-import { Tooltip as de } from "./components/tooltip/component.js";
-import { Breadcrumb as ge } from "./components/breadcrumb/component.js";
-import { useUniqueKeysTree as Ae } from "./components/tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as Pe, processTreeData as ke } from "./components/tree/helpers.js";
-import { Tree as De } from "./components/tree/components.js";
-import { Spin as Ie } from "./components/spin/component.js";
-import { Empty as Oe, EmptyIcon as ye } from "./components/empty/component.js";
-import { Form as Ne } from "./components/form/component.js";
-import { Field as Me } from "./components/field/component.js";
-import { Tour as Ue } from "./components/tour/component.js";
-import { Toast as We } from "./components/toast/component.js";
-import { toast as Ve, toastManager as qe } from "./components/toast/function.js";
-import { VerticalCollapsiblePanel as Ke } from "./components/vertical-collapsible-panel/component.js";
-import { PopupPanel as ze } from "./components/popup-panel/component.js";
-import { CodeBlock as je } from "./components/code-block/component.js";
-import { StackChild as Xe } from "./components/stack/StackChild.js";
-import { Stack as Ze } from "./components/stack/index.js";
-import { Collapse as or } from "./components/collapse/component.js";
-import { Input as rr } from "./components/input/component.js";
-import { Badge as ar, InternalBadge as pr } from "./components/badge/component.js";
-import { Radio as sr } from "./components/radio/component.js";
-import { Button as lr } from "./components/button/component.js";
-import { DSRoot as xr } from "./components/ds-root/component.js";
-import { DSRootContextProvider as Cr, useDS as cr } from "./components/ds-root/context.js";
-import { DragDrop as ur, DragDropRoot as dr } from "./components/drag-drop/index.js";
-import { ColorSelect as gr } from "./components/color-select/component.js";
-import { Nav as Ar } from "./components/nav/index.js";
-import { ChoiceList as Pr } from "./components/choice-list/component.js";
-import { StatusIcon as Rr } from "./components/status-icon/component.js";
-import { Resizable as br } from "./components/resizable/component.js";
-import { useForm as Lr, useWatch as Or } from "antd/es/form/Form";
-import { useBreakpoint as Br, useMessage as Nr, useModal as vr, useToken as Mr } from "./components/hooks/antd.js";
-import { default as Ur } from "antd/es/app/useApp";
-import { useAnimationsFinished as Wr, useEnhancedEffect as wr, useEventCallback as Vr, useLatestRef as qr } from "./components/hooks/base-ui.js";
-import { useControlledState as Kr } from "./components/hooks/useControlledState.js";
-import { useCharts as zr } from "./components/hooks/useCharts.js";
-import { useCSSVariables as jr } from "./components/hooks/useCSSVariables.js";
-import { antdColorTokens as Xr, darkTheme as Yr, lightTheme as Zr } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as ot, categoricalChartColorTokens as et, categoricalChartsColors as rt, chartColorTokens as tt, rawChartColorTokens as at } from "./tokens/charts/palettes/cloudscape.js";
-import { COLORBREWER as mt } from "./tokens/charts/palettes/colorbrewer.js";
-import { tab10 as ft, tab20 as lt, tab20b as nt, tab20c as xt } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as Ct, CATEGORICAL_PALETTE_NAMES as ct, SEQUENTIAL_PALETTES as Tt, SEQUENTIAL_PALETTE_NAMES as ut, getAllCategoricalChartColors as dt, getAllSequentialChartColors as St, getCategoricalChartColors as gt, getSequentialChartColors as ht } from "./tokens/charts/palettes/index.js";
-import { getColorsByTheme as Et, getTokensByTheme as Pt, resolveColorTokens as kt } from "./tokens/utils.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,
-  ar as Badge,
-  ge as Breadcrumb,
-  lr as Button,
-  Ct as CATEGORICAL_PALETTES,
-  ct as CATEGORICAL_PALETTE_NAMES,
-  mt 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,
-  Pr as ChoiceList,
-  je as CodeBlock,
-  u as Col,
-  or as Collapse,
+  u as Cascader,
+  lo as Checkbox,
+  ke as ChoiceList,
+  Xr as CodeBlock,
+  T as Col,
+  ee as Collapse,
   d as ColorPicker,
-  gr as ColorSelect,
-  S as ConfigProvider,
-  Zo as DROPDOWN_COLLISION_AVOIDANCE,
-  xr as DSRoot,
-  Cr as DSRootContextProvider,
-  g as DatePicker,
-  me 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,
-  ur as DragDrop,
-  dr as DragDropRoot,
+  ge as DragDrop,
+  Se as DragDropRoot,
   E as Drawer,
   P as Dropdown,
   Do as DropdownMenu,
-  Oe as Empty,
-  ye as EmptyIcon,
-  Me as Field,
-  k as Flex,
-  R as FloatButton,
-  Ne as Form,
+  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,
-  rr as Input,
-  b as InputNumber,
-  pr as InternalBadge,
+  ae as Input,
+  R as InputNumber,
+  fe as InternalBadge,
   I as Layout,
   L as List,
   O as Mentions,
   y as Menu,
   ao as Modal,
-  Ar as Nav,
-  $o as POPUP_COLLISION_AVOIDANCE,
+  Pe as Nav,
+  sr as POPUP_COLLISION_AVOIDANCE,
   B as Pagination,
-  N as Popconfirm,
-  Ce as Popover,
-  ze as PopupPanel,
-  v as Progress,
+  v as Popconfirm,
+  ur as Popover,
+  jr as PopupPanel,
+  N as Progress,
   M as QRCode,
-  sr as Radio,
+  xe as Radio,
   _ as Rate,
-  br as Resizable,
+  Le as Resizable,
   U as Result,
-  F as Row,
-  Tt as SEQUENTIAL_PALETTES,
-  ut as SEQUENTIAL_PALETTE_NAMES,
-  xe as ScrollArea,
+  w as Row,
+  kt as SEQUENTIAL_PALETTES,
+  Dt as SEQUENTIAL_PALETTE_NAMES,
+  Cr as ScrollArea,
   io as Segmented,
-  ro as Select,
-  W as Skeleton,
-  Te as Slider,
-  w as Space,
-  Ie as Spin,
+  eo as Select,
+  F as Skeleton,
+  dr as Slider,
+  W as Space,
+  Or as Spin,
   Ao as Split,
   Eo as Splitter,
-  Ze as Stack,
-  Xe as StackChild,
+  oe as Stack,
+  Zr as StackChild,
   V as Statistic,
-  Rr 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,
-  We as Toast,
-  de as Tooltip,
-  Ue as Tour,
-  z as Transfer,
-  ae as Transition,
-  De as Tree,
-  H as TreeSelect,
-  ko as Truncate,
+  Vr as Toast,
+  Sr as Tooltip,
+  Fr as Tour,
+  H as Transfer,
+  Oo as Transition,
+  Ir as Tree,
+  z as TreeSelect,
+  bo as Truncate,
   j as Typography,
-  se as Upload,
-  Ke as VerticalCollapsiblePanel,
+  vo as Upload,
+  Hr as VerticalCollapsiblePanel,
   J as Watermark,
-  zo as WithAntdTokens,
-  Fo as WithRenderProp,
-  Xr as antdColorTokens,
-  ee as buildAntdPlacement,
-  ot as categoricalChartColorKeys,
-  et as categoricalChartColorTokens,
-  rt as categoricalChartsColors,
-  jo as changeThemeWithoutTransition,
-  tt as chartColorTokens,
-  Io as clsx,
-  Lo as cn,
-  r as componentMetadata,
-  Oo as cx,
-  Yr as darkTheme,
-  dt as getAllCategoricalChartColors,
-  St as getAllSequentialChartColors,
-  gt as getCategoricalChartColors,
-  Et as getColorsByTheme,
+  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,
+  Fo as cx,
+  ft as darkTheme,
+  Rt as getAllCategoricalChartColors,
+  It as getAllSequentialChartColors,
+  Lt as getCategoricalChartColors,
+  Bt as getColorsByTheme,
   t as getComponentsByCategory,
-  wo as getReactElementProp,
-  ht as getSequentialChartColors,
-  Pt as getTokensByTheme,
-  Pe as getUniqueKeysFromOriginals,
-  vo as isTracebackError,
-  _o as isValidHexColor,
-  Zr 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,
-  Xo as moveTypingCursorToEnd,
+  pr as moveTypingCursorToEnd,
   Y as notification,
-  re as parseAntdPlacement,
-  ke as processTreeData,
-  at as rawChartColorTokens,
-  Bo as reactNodeToString,
-  kt as resolveColorTokens,
-  ft as tab10,
-  lt as tab20,
-  nt as tab20b,
-  xt 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,
-  Ve as toast,
-  qe as toastManager,
+  Gr as toast,
+  Kr as toastManager,
   $ as unstableSetRender,
-  Wr as useAnimationsFinished,
-  qo as useAntdCssVarClassname,
-  Ur as useApp,
-  Br as useBreakpoint,
-  jr as useCSSVariables,
-  zr as useCharts,
-  Go as useCls,
-  Kr as useControlledState,
-  cr as useDS,
-  wr as useEnhancedEffect,
-  Vr as useEventCallback,
-  Lr as useForm,
-  Ko as useGetPrefixCls,
-  qr as useLatestRef,
-  Nr as useMessage,
-  vr as useModal,
-  Mr as useToken,
-  Ae as useUniqueKeysTree,
-  le as useUploadItemRender,
-  Or 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."
   },
@@ -387,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",
@@ -469,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
@@ -566,7 +580,7 @@ const i = {
     // Assuming this kebab-case name for Base UI docs
     description: "A panel that can be collapsed or expanded vertically, often used in sidebars or for sectioning content."
   }
-}, a = () => {
+}, s = () => {
   const e = {
     Actions: [],
     General: [],
@@ -588,6 +602,6 @@ const i = {
 };
 export {
   i as componentMetadata,
-  a as getComponentsByCategory
+  s as getComponentsByCategory
 };
 //# sourceMappingURL=metadata.js.map