@bioturing/components 0.27.0 → 0.29.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 { Affix as p, Alert as m, Anchor as f, App as s, AutoComplete as x, Avatar as l, BackTop as n, Calendar as i, Card as C, Carousel as c, Cascader as u, Col as T, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as k, FloatButton as D, Grid as b, InputNumber as R, Layout as I, List as L, Mentions as O, Menu as y, Pagination as B, Popconfirm as v, Progress as N, QRCode as M, Rate as _, Result as U, Row as w, Skeleton as F, Space as W, Statistic as V, Steps as q, Tabs as G, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as z, Typography as j, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
 import { Select as ro } from "./components/select/component.js";
 import { Modal as ao } from "./components/modal/index.js";
 import { IconButton as mo } from "./components/icon-button/component.js";
-import { Switch as 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 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 { 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 { 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 ee } from "./components/utils/WithAntdTokens.js";
+import { changeThemeWithoutTransition as te } from "./components/utils/theme.js";
+import { moveTypingCursorToEnd as pe } from "./components/utils/selectionRange.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as fe, POPUP_COLLISION_AVOIDANCE as se } from "./components/utils/constants.js";
+import { buildAntdPlacement as le, parseAntdPlacement as ne } from "./components/utils/placement.js";
+import { ScrollArea as Ce } from "./components/scroll-area/component.js";
+import { Popover as ue } from "./components/popover/component.js";
+import { Slider as de } from "./components/slider/component.js";
+import { Tooltip as Se } from "./components/tooltip/component.js";
+import { Breadcrumb as Ae } from "./components/breadcrumb/component.js";
+import { useUniqueKeysTree as Pe } from "./components/tree/useUniqueKeysTree.js";
+import { getUniqueKeysFromOriginals as De, processTreeData as be } from "./components/tree/helpers.js";
+import { Tree as Ie } from "./components/tree/components.js";
+import { Spin as Oe } from "./components/spin/component.js";
+import { Empty as Be, EmptyIcon as ve } from "./components/empty/component.js";
+import { Form as Me } from "./components/form/component.js";
+import { Field as Ue } from "./components/field/component.js";
+import { Tour as Fe } from "./components/tour/component.js";
+import { Toast as Ve } from "./components/toast/component.js";
+import { toast as Ge, toastManager as Ke } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as He } from "./components/vertical-collapsible-panel/component.js";
+import { PopupPanel as je } from "./components/popup-panel/component.js";
+import { CodeBlock as Xe } from "./components/code-block/component.js";
+import { StackChild as Ze } from "./components/stack/StackChild.js";
+import { Stack as or } from "./components/stack/index.js";
+import { Collapse as rr } from "./components/collapse/component.js";
+import { Input as ar } from "./components/input/component.js";
+import { Badge as mr, InternalBadge as fr } from "./components/badge/component.js";
+import { Radio as xr } from "./components/radio/component.js";
+import { Button as nr } from "./components/button/component.js";
+import { DSRoot as Cr } from "./components/ds-root/component.js";
+import { DSRootContextProvider as ur, useDS as Tr } from "./components/ds-root/context.js";
+import { DragDrop as gr, DragDropRoot as Sr } from "./components/drag-drop/index.js";
+import { ColorSelect as Ar } from "./components/color-select/component.js";
+import { Nav as Pr } from "./components/nav/index.js";
+import { ChoiceList as Dr } from "./components/choice-list/component.js";
 import { StatusIcon as Rr } from "./components/status-icon/component.js";
-import { Resizable as 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 { Resizable as Lr } from "./components/resizable/component.js";
+import { Combobox as yr } from "./components/combobox/component.js";
+import { SelectTrigger as vr } from "./components/select-trigger/component.js";
+import { useForm as Mr, useWatch as _r } from "antd/es/form/Form";
+import { useBreakpoint as wr, useMessage as Fr, useModal as Wr, useToken as Vr } from "./components/hooks/antd.js";
+import { default as Gr } from "antd/es/app/useApp";
+import { useAnimationsFinished as Qr, useEnhancedEffect as Hr, useEventCallback as zr, useLatestRef as jr } from "./components/hooks/base-ui.js";
+import { useControlledState as Xr } from "./components/hooks/useControlledState.js";
+import { useCharts as Zr } from "./components/hooks/useCharts.js";
+import { useCSSVariables as ot } from "./components/hooks/useCSSVariables.js";
+import { useHover as 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";
 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,
+  mr as Badge,
+  Ae as Breadcrumb,
+  nr as Button,
+  Pt as CATEGORICAL_PALETTES,
+  kt 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,
+  Dr as ChoiceList,
+  Xe as CodeBlock,
+  T as Col,
+  rr 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,
+  Ar as ColorSelect,
+  yr as Combobox,
+  g 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,
-  ur as DragDrop,
-  dr as DragDropRoot,
+  gr as DragDrop,
+  Sr as DragDropRoot,
   E as Drawer,
   P as Dropdown,
-  Do as DropdownMenu,
-  Oe as Empty,
-  ye as EmptyIcon,
-  Me as Field,
+  bo as DropdownMenu,
+  Io as DropdownMenuItem,
+  Be as Empty,
+  ve as EmptyIcon,
+  Ue as Field,
   k as Flex,
-  R as FloatButton,
-  Ne as Form,
-  D as Grid,
+  D as FloatButton,
+  Me as Form,
+  b as Grid,
   mo as IconButton,
-  rr as Input,
-  b as InputNumber,
-  pr as InternalBadge,
+  ar as Input,
+  R as InputNumber,
+  fr 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,
+  Pr as Nav,
+  se as POPUP_COLLISION_AVOIDANCE,
   B as Pagination,
-  N as Popconfirm,
-  Ce as Popover,
-  ze as PopupPanel,
-  v as Progress,
+  v as Popconfirm,
+  ue as Popover,
+  je as PopupPanel,
+  N as Progress,
   M as QRCode,
-  sr as Radio,
+  xr as Radio,
   _ as Rate,
-  br as Resizable,
+  Lr as Resizable,
   U as Result,
-  F as Row,
-  Tt as SEQUENTIAL_PALETTES,
-  ut as SEQUENTIAL_PALETTE_NAMES,
-  xe as ScrollArea,
+  w as Row,
+  Dt as SEQUENTIAL_PALETTES,
+  bt as SEQUENTIAL_PALETTE_NAMES,
+  Ce as ScrollArea,
   io as Segmented,
   ro as Select,
-  W as Skeleton,
-  Te as Slider,
-  w as Space,
-  Ie as Spin,
+  vr as SelectTrigger,
+  F as Skeleton,
+  de as Slider,
+  W as Space,
+  Oe as Spin,
   Ao as Split,
   Eo as Splitter,
-  Ze as Stack,
-  Xe as StackChild,
+  or as Stack,
+  Ze as StackChild,
   V as Statistic,
   Rr 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,
+  Ve as Toast,
+  Se as Tooltip,
+  Fe as Tour,
+  H as Transfer,
+  Oo as Transition,
+  Ie as Tree,
+  z as TreeSelect,
   ko as Truncate,
   j as Typography,
-  se as Upload,
-  Ke as VerticalCollapsiblePanel,
+  vo as Upload,
+  He 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,
+  ee as WithAntdTokens,
+  zo as WithRenderProp,
+  mt as antdColorTokens,
+  le as buildAntdPlacement,
+  lt as categoricalChartColorKeys,
+  nt as categoricalChartColorTokens,
+  it as categoricalChartsColors,
+  te as changeThemeWithoutTransition,
+  Ct as chartColorTokens,
+  Uo as clsx,
+  wo as cn,
   r as componentMetadata,
-  Oo as cx,
-  Yr as darkTheme,
-  dt as getAllCategoricalChartColors,
-  St as getAllSequentialChartColors,
-  gt as getCategoricalChartColors,
-  Et as getColorsByTheme,
+  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,
+  De as getUniqueKeysFromOriginals,
+  Go as isTracebackError,
+  Qo as isValidHexColor,
+  st as lightTheme,
   X as message,
-  Xo as moveTypingCursorToEnd,
+  pe 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,
+  ne as parseAntdPlacement,
+  be 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,
+  Ge as toast,
+  Ke 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,
+  Qr as useAnimationsFinished,
+  Yo as useAntdCssVarClassname,
+  Gr as useApp,
+  wr as useBreakpoint,
+  ot as useCSSVariables,
+  Zr as useCharts,
+  Zo as useCls,
+  Xr as useControlledState,
+  Tr as useDS,
+  at as useDraggable,
+  Hr as useEnhancedEffect,
+  zr as useEventCallback,
+  Mr as useForm,
+  $o as useGetPrefixCls,
+  rt as useHover,
+  jr as useLatestRef,
+  Fr as useMessage,
+  Wr as useModal,
+  Vr as useToken,
+  Pe as useUniqueKeysTree,
+  Mo as useUploadItemRender,
+  _r 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