@mcp-b/react-components 0.35.0 → 0.37.0

package/dist/components/ai-sdk/Task.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FileIcon, G as SearchIcon, m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
 import { Collapsible } from "../foundations/Collapsible.js";
+import { C as FileIcon, G as SearchIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Task.tsx

package/dist/components/ai-sdk/ToolInvocation.d.ts

@@ -1,11 +1,9 @@
-import { DynamicToolUIPart, ToolUIPart } from "ai";
+import { AnyToolUIPart } from "./ToolPart.js";
 
 //#region src/components/ai-sdk/ToolInvocation.d.ts
-/** One whole static or dynamic AI SDK tool UI part. */
-type ToolInvocationPart = ToolUIPart | DynamicToolUIPart;
 interface ToolInvocationProps {
   /** The whole upstream AI SDK tool part, kept intact across every tool state. */
-  part: ToolInvocationPart;
+  part: AnyToolUIPart;
   /** Render the existing Activity disclosure expanded initially. */
   defaultOpen?: boolean;
   /**
@@ -30,4 +28,4 @@ declare function ToolInvocation({
   isStreaming
 }: ToolInvocationProps): import("react").JSX.Element;
 //#endregion
-export { ToolInvocation, ToolInvocationPart, ToolInvocationProps };
+export { ToolInvocation, ToolInvocationProps };

package/dist/components/extension/ChatGptSignInScreen.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon } from "../../icons-B1Qw05te.js";
+import { J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
-import { u as ModelSelectorLogo } from "../../ModelSelector-DtBxWqRn.js";
+import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/ChatGptSignInScreen.tsx
@@ -47,7 +47,7 @@ function ChatGptSignInScreen({ busy = false, error = false, label = "Sign in wit
 				onPointerMove: handleSignInButtonPointerMove,
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "chatgpt-sign-in__button-icon",
-					children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 16 }) : /* @__PURE__ */ jsx(ModelSelectorLogo, {
+					children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 16 }) : /* @__PURE__ */ jsx(ProviderLogo, {
 						provider: "openai",
 						className: "chatgpt-sign-in__logo"
 					})

package/dist/components/extension/CodexModelSelector.d.ts

@@ -1,4 +1,4 @@
-import { d as MenuProps } from "../../Menu-DVmjBIuM.js";
+import { d as MenuProps } from "../../Menu-yb6QXWA3.js";
 import { CodexModel } from "../../utils/codex-model-catalog.js";
 import * as React from "react";
 

package/dist/components/extension/CodexModelSelector.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
+import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { o as titleCase } from "../../format-DB2mX9DA.js";
 import { Menu } from "../foundations/Menu.js";
+import { o as titleCase } from "../../format-DB2mX9DA.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/CodexModelSelector.tsx

package/dist/components/extension/ConversationTabPicker.js

@@ -1,8 +1,8 @@
-import { tt as WarningIcon } from "../../icons-B1Qw05te.js";
-import { Avatar } from "../foundations/Avatar.js";
+import { tt as WarningIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
-import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { Menu } from "../foundations/Menu.js";
+import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
+import { Avatar } from "../foundations/Avatar.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/ConversationTabPicker.tsx

package/dist/components/foundations/Accordion.d.ts

@@ -43,14 +43,12 @@ declare function AccordionItem({
 }: AccordionItemProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+/** The semantic heading that owns an AccordionItem's trigger. */
 declare function AccordionHeader({
   className,
   ref,
   ...props
 }: AccordionHeaderProps): React.JSX.Element;
-/**
- * The header/trigger that toggles an AccordionItem.
- */
 /**
  * The clickable trigger button within an AccordionItem.
  */

package/dist/components/foundations/Accordion.js

@@ -43,6 +43,7 @@ function AccordionItem({ className, ref, ...props }) {
 		...props
 	});
 }
+/** The semantic heading that owns an AccordionItem's trigger. */
 function AccordionHeader({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("accordion__header", className);
 	return /* @__PURE__ */ jsx(Accordion$1.Header, {
@@ -53,9 +54,6 @@ function AccordionHeader({ className, ref, ...props }) {
 	});
 }
 /**
-* The header/trigger that toggles an AccordionItem.
-*/
-/**
 * The clickable trigger button within an AccordionItem.
 */
 function AccordionTrigger({ className, ref, ...props }) {

package/dist/components/foundations/AlertDialog.d.ts

@@ -3,8 +3,8 @@ import * as React from "react";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
 //#region src/components/foundations/AlertDialog.d.ts
-interface AlertDialogProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Root> {}
-interface AlertDialogTriggerProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Trigger> {}
+type AlertDialogProps<Payload = unknown> = AlertDialog$1.Root.Props<Payload>;
+type AlertDialogTriggerProps<Payload = unknown> = AlertDialog$1.Trigger.Props<Payload>;
 interface AlertDialogBackdropProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Backdrop> {}
 interface AlertDialogViewportProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Viewport> {}
 interface AlertDialogPopupProps extends React.ComponentPropsWithRef<typeof AlertDialog$1.Popup> {
@@ -38,9 +38,9 @@ interface AlertDialogCloseProps extends Omit<BaseAlertDialogCloseProps, "color">
    */
   size?: ButtonSize;
 }
-interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface AlertDialogMediaProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface AlertDialogHeaderProps extends React.ComponentPropsWithRef<"div"> {}
+interface AlertDialogFooterProps extends React.ComponentPropsWithRef<"div"> {}
+interface AlertDialogMediaProps extends React.ComponentPropsWithRef<"div"> {}
 /**
  * An alert dialog component for important confirmations and warnings.
  * Unlike regular dialogs, alert dialogs require explicit user action to dismiss.
@@ -69,71 +69,53 @@ interface AlertDialogMediaProps extends React.HTMLAttributes<HTMLDivElement> {}
  *
  * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}
  */
-declare function AlertDialogTrigger({
+declare function AlertDialogTrigger<Payload>({
   render,
   className,
   ref,
   ...props
-}: AlertDialogTriggerProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: AlertDialogTriggerProps<Payload>): React.JSX.Element;
 declare function AlertDialogBackdrop({
   className,
   ref,
   ...props
-}: AlertDialogBackdropProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogBackdropProps): React.JSX.Element;
 declare function AlertDialogViewport({
   className,
   ref,
   ...props
-}: AlertDialogViewportProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogViewportProps): React.JSX.Element;
 declare function AlertDialogPopup({
   size,
   className,
   ref,
   ...props
-}: AlertDialogPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogPopupProps): React.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ref,
   ...props
-}: AlertDialogHeaderProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogHeaderProps): React.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ref,
   ...props
-}: AlertDialogFooterProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogFooterProps): React.JSX.Element;
 declare function AlertDialogMedia({
   className,
   ref,
   ...props
-}: AlertDialogMediaProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: AlertDialogMediaProps): React.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ref,
   ...props
-}: AlertDialogTitleProps & {
-  ref?: React.Ref<HTMLHeadingElement>;
-}): React.JSX.Element;
+}: AlertDialogTitleProps): React.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ref,
   ...props
-}: AlertDialogDescriptionProps & {
-  ref?: React.Ref<HTMLParagraphElement>;
-}): React.JSX.Element;
+}: AlertDialogDescriptionProps): React.JSX.Element;
 declare function AlertDialogClose({
   variant,
   color,
@@ -142,9 +124,7 @@ declare function AlertDialogClose({
   className,
   ref,
   ...props
-}: AlertDialogCloseProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: AlertDialogCloseProps): React.JSX.Element;
 declare const AlertDialog: {
   Root: typeof AlertDialog$1.Root;
   Trigger: typeof AlertDialogTrigger;

package/dist/components/foundations/Autocomplete.d.ts

@@ -6,79 +6,57 @@ declare function Input({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Input> & {
-  ref?: React.Ref<HTMLInputElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Input>): React.JSX.Element;
 declare function Trigger({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Trigger> & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Trigger>): React.JSX.Element;
 declare function Clear({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Clear> & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Clear>): React.JSX.Element;
 declare function Positioner({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Positioner> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Positioner>): React.JSX.Element;
 declare function Popup({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Popup> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Popup>): React.JSX.Element;
 declare function List({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.List> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.List>): React.JSX.Element;
 declare function Item({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Item> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Item>): React.JSX.Element;
 declare function Empty({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Empty> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Empty>): React.JSX.Element;
 declare function Status({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Status> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Status>): React.JSX.Element;
 declare function Group({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.Group> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.Group>): React.JSX.Element;
 declare function GroupLabel({
   className,
   ref,
   ...props
-}: React.ComponentPropsWithRef<typeof Autocomplete$1.GroupLabel> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+}: React.ComponentPropsWithRef<typeof Autocomplete$1.GroupLabel>): React.JSX.Element;
 /**
  * An input with a list of filtered options for auto-completion.
  * Supports async search, grouping, and various autocomplete modes.
@@ -159,6 +137,7 @@ declare const Autocomplete: {
   Status: typeof Status;
   Group: typeof Group;
   GroupLabel: typeof GroupLabel;
+  Collection: typeof Autocomplete$1.Collection;
 };
 //#endregion
 export { Autocomplete };

package/dist/components/foundations/Autocomplete.js

@@ -181,7 +181,8 @@ const Autocomplete = {
 	Empty,
 	Status,
 	Group,
-	GroupLabel
+	GroupLabel,
+	Collection: Autocomplete$1.Collection
 };
 //#endregion
 export { Autocomplete };

package/dist/components/foundations/Card.d.ts

@@ -30,9 +30,9 @@ interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
  *   <p>Content</p>
  * </Card>
  *
- * <Card hover onClick={() => navigate('/details')}>
- *   Clickable card
- * </Card>
+ * <a href="/details">
+ *   <Card hover>View details</Card>
+ * </a>
  * ```
  */
 declare function Card({

package/dist/components/foundations/Card.js

@@ -13,9 +13,9 @@ import { useRender } from "@base-ui/react/use-render";
 *   <p>Content</p>
 * </Card>
 *
-* <Card hover onClick={() => navigate('/details')}>
-*   Clickable card
-* </Card>
+* <a href="/details">
+*   <Card hover>View details</Card>
+* </a>
 * ```
 */
 function Card({ hover = false, size = "default", className = "", children, ref, ...props }) {

package/dist/components/foundations/Checkbox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon } from "../../icons-B1Qw05te.js";
+import { d as CheckIcon } from "../../icons-B4mGvCvc.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/foundations/Checkbox.tsx

package/dist/components/foundations/Collapsible.js

@@ -1,7 +1,7 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
-import { jsx } from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/foundations/Collapsible.tsx
 /**
 * Container that groups all collapsible parts. Renders a `<div>` element.

package/dist/components/foundations/Combobox.d.ts

@@ -1,2 +1,119 @@
-import { n as useComboboxAnchor, t as Combobox } from "../../Combobox-WrrDDaEv.js";
-export { Combobox, useComboboxAnchor };
+import * as React from "react";
+import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
+
+//#region src/components/foundations/Combobox.d.ts
+declare function ComboboxInputGroup({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.InputGroup>): React.JSX.Element;
+declare function ComboboxInput({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Input>): React.JSX.Element;
+declare function ComboboxTrigger({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Trigger>): React.JSX.Element;
+declare function ComboboxPositioner({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Positioner>): React.JSX.Element;
+declare function ComboboxPopup({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Popup>): React.JSX.Element;
+declare function ComboboxList({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.List>): React.JSX.Element;
+declare function ComboboxItem({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Item>): React.JSX.Element;
+declare function ItemIndicator({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.ItemIndicator>): React.JSX.Element;
+declare function ComboboxEmpty({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Empty>): React.JSX.Element;
+declare function ComboboxGroup({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.Group>): React.JSX.Element;
+declare function ComboboxGroupLabel({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox$1.GroupLabel>): React.JSX.Element;
+/**
+ * An input combined with a filterable list of predefined items.
+ * Supports bounded selection with filtering and grouped options.
+ *
+ * @example
+ * ```tsx
+ * // Basic single select
+ * const fruits = [
+ *   { label: 'Apple', value: 'apple' },
+ *   { label: 'Banana', value: 'banana' },
+ *   { label: 'Orange', value: 'orange' },
+ * ];
+ *
+ * <Combobox.Root items={fruits}>
+ *   <Combobox.InputGroup>
+ *     <Combobox.Input aria-label="Fruit" placeholder="Select a fruit" />
+ *     <Combobox.Trigger aria-label="Open fruit options">
+ *       <ChevronDownIcon />
+ *     </Combobox.Trigger>
+ *   </Combobox.InputGroup>
+ *   <Combobox.Portal>
+ *     <Combobox.Positioner>
+ *       <Combobox.Popup>
+ *         <Combobox.List>
+ *           {(item) => (
+ *             <Combobox.Item value={item}>
+ *               <Combobox.ItemIndicator>
+ *                 <CheckIcon />
+ *               </Combobox.ItemIndicator>
+ *               {item.label}
+ *             </Combobox.Item>
+ *           )}
+ *         </Combobox.List>
+ *         <Combobox.Empty>No results found</Combobox.Empty>
+ *       </Combobox.Popup>
+ *     </Combobox.Positioner>
+ *   </Combobox.Portal>
+ * </Combobox.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/combobox | Base UI Combobox}
+ */
+declare const Combobox: {
+  Root: typeof Combobox$1.Root;
+  InputGroup: typeof ComboboxInputGroup;
+  Input: typeof ComboboxInput;
+  Trigger: typeof ComboboxTrigger;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Positioner: typeof ComboboxPositioner;
+  Popup: typeof ComboboxPopup;
+  List: typeof ComboboxList;
+  Item: typeof ComboboxItem;
+  ItemIndicator: typeof ItemIndicator;
+  Empty: typeof ComboboxEmpty;
+  Group: typeof ComboboxGroup;
+  GroupLabel: typeof ComboboxGroupLabel;
+  Collection: typeof Combobox$1.Collection;
+};
+//#endregion
+export { Combobox };

package/dist/components/foundations/Combobox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import * as React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 //#region src/components/foundations/Combobox.tsx
@@ -30,15 +30,6 @@ function ComboboxTrigger({ className, ref, ...props }) {
 		...props
 	});
 }
-function Clear({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("combobox__clear", className);
-	return /* @__PURE__ */ jsx(Combobox$1.Clear, {
-		ref,
-		"data-slot": "combobox-clear",
-		className: classes,
-		...props
-	});
-}
 function ComboboxPositioner({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("combobox__positioner base-ui-positioner", className);
 	return /* @__PURE__ */ jsx(Combobox$1.Positioner, {
@@ -113,7 +104,7 @@ function ComboboxGroupLabel({ className, ref, ...props }) {
 }
 /**
 * An input combined with a filterable list of predefined items.
-* Supports single and multiple selection, async search, and grouping.
+* Supports bounded selection with filtering and grouped options.
 *
 * @example
 * ```tsx
@@ -126,8 +117,8 @@ function ComboboxGroupLabel({ className, ref, ...props }) {
 *
 * <Combobox.Root items={fruits}>
 *   <Combobox.InputGroup>
-*     <Combobox.Input placeholder="Select a fruit" />
-*     <Combobox.Trigger>
+*     <Combobox.Input aria-label="Fruit" placeholder="Select a fruit" />
+*     <Combobox.Trigger aria-label="Open fruit options">
 *       <ChevronDownIcon />
 *     </Combobox.Trigger>
 *   </Combobox.InputGroup>
@@ -153,15 +144,11 @@ function ComboboxGroupLabel({ className, ref, ...props }) {
 *
 * @see {@link https://base-ui.com/react/components/combobox | Base UI Combobox}
 */
-function useComboboxAnchor() {
-	return React.useRef(null);
-}
 const Combobox = {
 	Root: Combobox$1.Root,
 	InputGroup: ComboboxInputGroup,
 	Input: ComboboxInput,
 	Trigger: ComboboxTrigger,
-	Clear,
 	Portal: Combobox$1.Portal,
 	Positioner: ComboboxPositioner,
 	Popup: ComboboxPopup,
@@ -171,11 +158,7 @@ const Combobox = {
 	Empty: ComboboxEmpty,
 	Group: ComboboxGroup,
 	GroupLabel: ComboboxGroupLabel,
-	Value: Combobox$1.Value,
-	Chips: Combobox$1.Chips,
-	Chip: Combobox$1.Chip,
-	Collection: Combobox$1.Collection,
-	Separator: Combobox$1.Separator
+	Collection: Combobox$1.Collection
 };
 //#endregion
-export { Combobox, useComboboxAnchor };
+export { Combobox };