@mcp-b/react-components 0.39.0 → 0.41.0

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

@@ -1,8 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
+import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
-import { Badge } from "../foundations/Badge.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -15,9 +14,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Use for agent work queues, todo groups, and attachment queues. Do not use it
 * for navigation or arbitrary card lists.
 *
-* Sigvelo changes: uses shared Collapsible, ScrollArea, Badge, and Button
-* components; normalizes Vercel-compatible `completed` status to `complete`;
-* maps all styling to Sigvelo queue CSS tokens/classes.
+* Sigvelo changes: uses shared Collapsible, ScrollArea, and Button components;
+* normalizes Vercel-compatible `completed` status to `complete`; maps all
+* styling to Sigvelo queue CSS tokens/classes.
 *
 * Section triggers inherit Collapsible keyboard behavior. Status indicators
 * are decorative, so visible item text must carry the real meaning. Add new
@@ -79,20 +78,12 @@ function QueueSectionTrigger({ className, children, ref, ...props }) {
 	});
 }
 function QueueSectionLabel({ className, children, count, label, icon, ref, ...props }) {
-	const content = children ?? (label ? `${count ?? ""} ${label}`.trim() : null);
+	const content = children ?? label;
 	return /* @__PURE__ */ jsxs("span", {
 		ref,
 		className: cx("queue__section-label", className),
 		...props,
-		children: [
-			icon,
-			/* @__PURE__ */ jsx("span", { children: content }),
-			children !== void 0 && count !== void 0 ? /* @__PURE__ */ jsx(Badge, {
-				color: "neutral",
-				size: "sm",
-				children: count
-			}) : null
-		]
+		children: [icon, /* @__PURE__ */ jsxs("span", { children: [content, count === void 0 ? null : ` · ${count}`] })]
 	});
 }
 function QueueList({ className, children, ref, ...props }) {

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
+import { K as SpinnerIcon } from "../../icons-CVFSeTJn.js";
 import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
 import { MessageResponse } from "./Message.js";
 import * as React from "react";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { k as LinkIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
+import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Sources.tsx

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

@@ -76,11 +76,11 @@ declare function TaskItem({
   ref?: React.Ref<HTMLLIElement>;
 }): React.JSX.Element;
 interface TaskItemFileProps extends React.HTMLAttributes<HTMLSpanElement> {
-  /** The file name or path to display. Used to derive the language badge. */
+  /** The file name or path to display. */
   name?: string;
 }
 /**
- * Inline file reference badge used inside TaskItem content.
+ * Inline file reference used inside TaskItem content.
  */
 declare function TaskItemFile({
   className,

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { C as FileIcon, G as SearchIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
+import { S as FileIcon, U as SearchIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Task.tsx
@@ -104,7 +104,7 @@ function TaskItem({ className, children, ref, ...props }) {
 	});
 }
 /**
-* Inline file reference badge used inside TaskItem content.
+* Inline file reference used inside TaskItem content.
 */
 function TaskItemFile({ className, name, children, ref, ...props }) {
 	return /* @__PURE__ */ jsxs("span", {

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

@@ -7,26 +7,37 @@ interface ChatGptSignInSecondaryAction {
   disabled?: boolean;
 }
 interface ChatGptSignInScreenProps extends React.HTMLAttributes<HTMLElement> {
-  /** Whether the sign-in request is currently opening ChatGPT. */
-  busy?: boolean;
-  /** Shows the sign-in action in its error state. */
-  error?: boolean;
-  /** Button label for the ChatGPT sign-in action. */
-  label?: string;
-  /** Main heading shown above the sign-in button. */
+  /**
+   * Why sign-in failed, announced under the sign-in control. Truthy also
+   * puts the built-in button in its error color.
+   */
+  error?: React.ReactNode;
+  /** Main heading shown above the sign-in control. */
   title?: string;
   /** Brand name displayed under the heading. */
   brandName?: string;
   /** Brand mark displayed next to the brand name. */
   brandLogo?: React.ReactNode;
-  /** Called when the user clicks the sign-in action. */
-  onSignIn?: () => void;
   /** Optional app-owned alternative rendered in the shared full-screen layout. */
   secondaryAction?: ChatGptSignInSecondaryAction;
+  /**
+   * A sign-in control the host must own — a Google Identity Services button
+   * renders its own DOM and may not be restyled, so the screen seats it where
+   * its button would sit instead of drawing one. When set, `busy`, `label`,
+   * and `onSignIn` are unused.
+   */
+  control?: React.ReactNode;
+  /** Whether the sign-in request is currently opening the provider. */
+  busy?: boolean;
+  /** Button label for the sign-in action. */
+  label?: string;
+  /** Called when the user clicks the sign-in action. */
+  onSignIn?: () => void;
 }
-/** Full-screen ChatGPT authentication prompt for MCP-B onboarding. */
+/** Full-screen provider authentication prompt for MCP-B onboarding. */
 declare function ChatGptSignInScreen({
   busy,
+  control,
   error,
   label,
   title,

package/dist/components/extension/ChatGptSignInScreen.js

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
+import { K as SpinnerIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.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
-/** Full-screen ChatGPT authentication prompt for MCP-B onboarding. */
-function ChatGptSignInScreen({ busy = false, error = false, label = "Sign in with ChatGPT", title = "Welcome to MCP-B", brandName = "SigVelo", brandLogo = /* @__PURE__ */ jsx(SigVeloMark, {}), className, onPointerLeave, onPointerMove, onSignIn, secondaryAction, ref, ...props }) {
+/** Full-screen provider authentication prompt for MCP-B onboarding. */
+function ChatGptSignInScreen({ busy = false, control, error, label = "Sign in with ChatGPT", title = "Welcome to MCP-B", brandName = "SigVelo", brandLogo = /* @__PURE__ */ jsx(SigVeloMark, {}), className, onPointerLeave, onPointerMove, onSignIn, secondaryAction, ref, ...props }) {
 	const handlePointerMove = (event) => {
 		onPointerMove?.(event);
 		setPointerPosition(event.currentTarget, event, "chatgpt-sign-in-pointer");
@@ -25,37 +25,45 @@ function ChatGptSignInScreen({ busy = false, error = false, label = "Sign in wit
 		...props,
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "chatgpt-sign-in__panel",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "chatgpt-sign-in__brand",
-				children: [/* @__PURE__ */ jsx("h1", { children: title }), /* @__PURE__ */ jsxs("p", { children: [
-					"by ",
-					brandLogo ? /* @__PURE__ */ jsx("span", {
-						className: "chatgpt-sign-in__brand-mark",
-						children: brandLogo
-					}) : null,
-					/* @__PURE__ */ jsx("span", { children: brandName })
-				] })]
-			}), /* @__PURE__ */ jsxs(Button, {
-				type: "button",
-				variant: "normal",
-				color: error ? "destructive" : "primary",
-				size: "sm",
-				className: "chatgpt-sign-in__button",
-				"data-busy": busy ? "true" : void 0,
-				disabled: busy,
-				onClick: onSignIn,
-				onPointerMove: handleSignInButtonPointerMove,
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "chatgpt-sign-in__button-icon",
-					children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 16 }) : /* @__PURE__ */ jsx(ProviderLogo, {
-						provider: "openai",
-						className: "chatgpt-sign-in__logo"
-					})
-				}), /* @__PURE__ */ jsx("span", {
-					className: "chatgpt-sign-in__button-label",
-					children: label
-				})]
-			})]
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "chatgpt-sign-in__brand",
+					children: [/* @__PURE__ */ jsx("h1", { children: title }), /* @__PURE__ */ jsxs("p", { children: [
+						"by ",
+						brandLogo ? /* @__PURE__ */ jsx("span", {
+							className: "chatgpt-sign-in__brand-mark",
+							children: brandLogo
+						}) : null,
+						/* @__PURE__ */ jsx("span", { children: brandName })
+					] })]
+				}),
+				control ?? /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "normal",
+					color: error ? "destructive" : "primary",
+					size: "sm",
+					className: "chatgpt-sign-in__button",
+					"data-busy": busy ? "true" : void 0,
+					disabled: busy,
+					onClick: onSignIn,
+					onPointerMove: handleSignInButtonPointerMove,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "chatgpt-sign-in__button-icon",
+						children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 16 }) : /* @__PURE__ */ jsx(ProviderLogo, {
+							provider: "openai",
+							className: "chatgpt-sign-in__logo"
+						})
+					}), /* @__PURE__ */ jsx("span", {
+						className: "chatgpt-sign-in__button-label",
+						children: label
+					})]
+				}),
+				error ? /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "chatgpt-sign-in__error",
+					children: error
+				}) : null
+			]
 		}), secondaryAction ? /* @__PURE__ */ jsx("div", {
 			className: "chatgpt-sign-in__secondary-action",
 			children: /* @__PURE__ */ jsx(Button, {

package/dist/components/extension/CodexModelSelector.js

@@ -1,5 +1,5 @@
 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-B4mGvCvc.js";
+import { H as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { Menu } from "../foundations/Menu.js";
 import { o as titleCase } from "../../format-DB2mX9DA.js";

package/dist/components/extension/ConversationTabPicker.js

@@ -1,4 +1,4 @@
-import { tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { $ as WarningIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";

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

@@ -21,7 +21,6 @@ interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof Avatar$
 interface AvatarFallbackProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Fallback> {}
 interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {}
 interface AvatarGroupCountProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface AvatarBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {}
 /**
  * Container for the avatar. Renders a `<span>` element.
  *
@@ -80,13 +79,6 @@ declare function AvatarGroupCount({
 }: AvatarGroupCountProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function AvatarBadge({
-  className,
-  ref,
-  ...props
-}: AvatarBadgeProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
 /**
  * An avatar component for displaying user profile pictures with fallback support.
  * Shows initials or an icon when the image fails to load or isn't provided.
@@ -125,7 +117,6 @@ declare const Avatar: {
   Fallback: typeof AvatarFallback;
   Group: typeof AvatarGroup;
   GroupCount: typeof AvatarGroupCount;
-  Badge: typeof AvatarBadge;
 };
 //#endregion
-export { Avatar, AvatarBadgeProps, AvatarFallbackProps, AvatarGroupCountProps, AvatarGroupProps, AvatarImageProps, AvatarRootProps };
+export { Avatar, AvatarFallbackProps, AvatarGroupCountProps, AvatarGroupProps, AvatarImageProps, AvatarRootProps };

package/dist/components/foundations/Avatar.js

@@ -69,14 +69,6 @@ function AvatarGroupCount({ className, ref, ...props }) {
 		...props
 	});
 }
-function AvatarBadge({ className, ref, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		ref,
-		"data-slot": "avatar-badge",
-		className: mergeBaseClassName("avatar__badge", className),
-		...props
-	});
-}
 /**
 * An avatar component for displaying user profile pictures with fallback support.
 * Shows initials or an icon when the image fails to load or isn't provided.
@@ -114,8 +106,7 @@ const Avatar = {
 	Image: AvatarImage,
 	Fallback: AvatarFallback,
 	Group: AvatarGroup,
-	GroupCount: AvatarGroupCount,
-	Badge: AvatarBadge
+	GroupCount: AvatarGroupCount
 };
 //#endregion
 export { Avatar };

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-B4mGvCvc.js";
+import { d as CheckIcon } from "../../icons-CVFSeTJn.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/CheckboxGroup.js

@@ -62,6 +62,7 @@ import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group"
 function CheckboxGroupRoot({ className, layout = "stack", ref, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxGroup$1, {
 		ref,
+		"data-slot": "checkbox-group",
 		"data-layout": layout,
 		className: mergeBaseClassName("checkbox-group", className),
 		...props

package/dist/components/foundations/ContextMenu.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

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

@@ -1,10 +1,8 @@
 import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../../Button-CZt3yywF.js";
-import { AnchorHTMLAttributes } from "react";
+import { AnchorHTMLAttributes, ReactElement } from "react";
 
 //#region src/components/foundations/LinkButton.d.ts
-interface LinkButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-  /** Destination of the link. */
-  href: string;
+interface LinkButtonStyleProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color" | "href"> {
   /**
    * The visual rendering style of the button chrome.
    * @default 'normal'
@@ -21,22 +19,26 @@ interface LinkButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
    */
   size?: ButtonSize;
 }
+type LinkButtonProps = LinkButtonStyleProps & ({
+  /** Destination for a native anchor. */href: string;
+  render?: never;
+} | {
+  /** App-authored router link whose destination remains type-checked by the app. */render: ReactElement;
+  href?: never;
+});
 /**
  * A link that wears Button chrome. Renders a plain anchor composed through the
  * {@link buttonVariants} seam, so the element stays a genuine link.
  *
- * `Button render={<a />}` gives the same visuals in React, but a link styled as
- * a button still needs a component wrapper for non-React hosts: Astro templates
- * cannot construct the React element the `render` prop expects (a `.astro` `<a />`
- * is an Astro vnode, not a React element, and `@astrojs/react` rejects it). This
- * component is that wrapper, so Astro can render a button-styled link by passing
- * plain props.
+ * Pass `href` for a native anchor or an app-authored router link through
+ * `render`. The latter preserves the consuming app's route-tree inference.
  */
 declare function LinkButton({
   variant,
   color,
   size,
   className,
+  render,
   ref,
   ...props
 }: LinkButtonProps & {

package/dist/components/foundations/LinkButton.js

@@ -1,27 +1,31 @@
 import { buttonVariants } from "./Button.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/foundations/LinkButton.tsx
 /**
 * A link that wears Button chrome. Renders a plain anchor composed through the
 * {@link buttonVariants} seam, so the element stays a genuine link.
 *
-* `Button render={<a />}` gives the same visuals in React, but a link styled as
-* a button still needs a component wrapper for non-React hosts: Astro templates
-* cannot construct the React element the `render` prop expects (a `.astro` `<a />`
-* is an Astro vnode, not a React element, and `@astrojs/react` rejects it). This
-* component is that wrapper, so Astro can render a button-styled link by passing
-* plain props.
+* Pass `href` for a native anchor or an app-authored router link through
+* `render`. The latter preserves the consuming app's route-tree inference.
 */
-function LinkButton({ variant, color, size, className, ref, ...props }) {
-	return /* @__PURE__ */ jsx("a", {
-		ref,
+function LinkButton({ variant, color, size, className, render, ref, ...props }) {
+	const linkProps = {
+		...props,
 		className: buttonVariants({
 			variant,
 			color,
 			size,
 			className
-		}),
-		...props
+		})
+	};
+	return render ? /* @__PURE__ */ jsx(NavigationLink, {
+		render,
+		ref,
+		...linkProps
+	}) : /* @__PURE__ */ jsx("a", {
+		ref,
+		...linkProps
 	});
 }
 //#endregion

package/dist/components/foundations/Menubar.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-CVFSeTJn.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { G as SearchIcon } from "../../icons-B4mGvCvc.js";
+import { U as SearchIcon } from "../../icons-CVFSeTJn.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/foundations/SearchField.tsx

package/dist/components/foundations/Select.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-B4mGvCvc.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/foundations/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, d as CheckIcon } from "../../icons-B4mGvCvc.js";
+import { K as SpinnerIcon, d as CheckIcon } from "../../icons-CVFSeTJn.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/Toast.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { rt as XIcon } from "../../icons-B4mGvCvc.js";
+import { tt as XIcon } from "../../icons-CVFSeTJn.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,152 +1,2 @@
-import * as React from "react";
-import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
-
-//#region src/components/foundations/Toolbar.d.ts
-/**
- * Props for the Toolbar.Root component.
- */
-interface ToolbarRootProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Root> {}
-/**
- * Props for the Toolbar.Button component.
- */
-interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Button> {
-  /** Skip the default Button chrome when a composed control owns its visuals. */
-  unstyled?: boolean;
-}
-/**
- * Props for the Toolbar.Link component.
- */
-interface ToolbarLinkProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Link> {
-  /** Skip the default Button chrome when a composed link owns its visuals. */
-  unstyled?: boolean;
-}
-/**
- * Props for the Toolbar.Group component.
- */
-interface ToolbarGroupProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Group> {}
-/**
- * Props for the Toolbar.Separator component.
- */
-interface ToolbarSeparatorProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Separator> {}
-/**
- * Props for the Toolbar.Input component.
- */
-interface ToolbarInputProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Input> {}
-/**
- * Container for grouping toolbar buttons and controls.
- *
- * @example
- * ```tsx
- * <Toolbar.Root>
- *   <Toolbar.Button>Bold</Toolbar.Button>
- *   <Toolbar.Button>Italic</Toolbar.Button>
- *   <Toolbar.Separator />
- *   <Toolbar.Button>Align Left</Toolbar.Button>
- * </Toolbar.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar}
- */
-declare function ToolbarRoot({
-  className,
-  ref,
-  ...props
-}: ToolbarRootProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * A clickable button within the toolbar.
- */
-declare function ToolbarButton({
-  unstyled,
-  className,
-  ref,
-  ...props
-}: ToolbarButtonProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-/**
- * A link element within the toolbar.
- */
-declare function ToolbarLink({
-  unstyled,
-  className,
-  ref,
-  ...props
-}: ToolbarLinkProps & {
-  ref?: React.Ref<HTMLAnchorElement>;
-}): React.JSX.Element;
-/**
- * Groups toolbar items together.
- */
-declare function ToolbarGroup({
-  className,
-  ref,
-  ...props
-}: ToolbarGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * Visual separator between toolbar sections.
- */
-declare function ToolbarSeparator({
-  className,
-  ref,
-  ...props
-}: ToolbarSeparatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * Input element within the toolbar.
- */
-declare function ToolbarInput({
-  className,
-  ref,
-  ...props
-}: ToolbarInputProps & {
-  ref?: React.Ref<HTMLInputElement>;
-}): React.JSX.Element;
-/**
- * A container for grouping buttons and controls.
- * Provides keyboard navigation between items.
- *
- * @example
- * ```tsx
- * // Text formatting toolbar
- * <Toolbar.Root>
- *   <Toolbar.Group>
- *     <Toolbar.Button>Bold</Toolbar.Button>
- *     <Toolbar.Button>Italic</Toolbar.Button>
- *     <Toolbar.Button>Underline</Toolbar.Button>
- *   </Toolbar.Group>
- *   <Toolbar.Separator />
- *   <Toolbar.Group>
- *     <Toolbar.Button>Left</Toolbar.Button>
- *     <Toolbar.Button>Center</Toolbar.Button>
- *     <Toolbar.Button>Right</Toolbar.Button>
- *   </Toolbar.Group>
- * </Toolbar.Root>
- * ```
- *
- * @example
- * ```tsx
- * // Vertical toolbar
- * <Toolbar.Root orientation="vertical">
- *   <Toolbar.Button>Item 1</Toolbar.Button>
- *   <Toolbar.Button>Item 2</Toolbar.Button>
- *   <Toolbar.Button>Item 3</Toolbar.Button>
- * </Toolbar.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar}
- */
-declare const Toolbar: {
-  Root: typeof ToolbarRoot;
-  Button: typeof ToolbarButton;
-  Link: typeof ToolbarLink;
-  Group: typeof ToolbarGroup;
-  Separator: typeof ToolbarSeparator;
-  Input: typeof ToolbarInput;
-};
-//#endregion
+import { a as ToolbarLinkProps, i as ToolbarInputProps, n as ToolbarButtonProps, o as ToolbarRootProps, r as ToolbarGroupProps, s as ToolbarSeparatorProps, t as Toolbar } from "../../Toolbar-CBOseBQr.js";
 export { Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarInputProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps };

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

@@ -1,2 +1,2 @@
-import { $ as SunIcon, A as InfoIcon, B as PaperclipIcon, C as EyeOffIcon, D as HashIcon, E as FolderOpenIcon, F as MicrophoneIcon, G as QueueIcon, H as PencilIcon, I as MinusIcon, J as SidebarIcon, K as RefreshIcon, L as MonitorIcon, M as MaximizeIcon, N as McpIcon, O as IconProps, P as MessageSquareIcon, Q as StopIcon, R as MoonIcon, S as EyeIcon, T as FolderIcon, U as PlayIcon, V as PauseIcon, W as PlusIcon, X as SpinnerIcon, Y as SlackIcon, Z as SquareIcon, _ as CopyIcon, a as ArrowUpIcon, at as XIcon, b as DownloadIcon, c as BoxIcon, d as CalendarIcon, et as TargetIcon, f as CheckIcon, g as CodeIcon, h as ChevronRightIcon, i as ArrowRightIcon, it as WrenchIcon, j as LinkIcon, k as ImageIcon, l as BrainIcon, m as ChevronLeftIcon, n as ArrowDownIcon, nt as TrashIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SearchIcon, r as ArrowLeftIcon, rt as WarningIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TerminalIcon, u as BrandIconProps, v as DiscordIcon, w as FileIcon, x as EllipsisIcon, y as DotIcon, z as MoveToFrontIcon } from "../../icons-BGZ916hb.js";
-export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as KeyboardIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CalendarIcon, et as TrashIcon, f as CheckIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as BrandIconProps, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-0corjfxR.js";
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, InfoIcon, KeyboardIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };