@mcp-b/react-components 0.12.0 → 0.13.0

package/dist/components/ThinkExecutionWorkbench.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { L as XIcon, M as SpinnerIcon, P as TerminalIcon, T as PauseIcon, a as CheckIcon, f as EllipsisIcon, h as FileIcon, k as RefreshIcon, t as ArrowDownIcon, y as InfoIcon } from "../icons-D2Q5n5C1.js";
+import { A as RefreshIcon, E as PauseIcon, I as TerminalIcon, N as SpinnerIcon, a as CheckIcon, f as EllipsisIcon, h as FileIcon, t as ArrowDownIcon, y as InfoIcon, z as XIcon } from "../icons-Ba9THQKz.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { Button } from "./Button.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./Tooltip.js";
-import { MenuContent, MenuItem, MenuRoot, MenuSeparator, MenuTrigger } from "./Menu.js";
+import { Tooltip } from "./Tooltip.js";
+import { Menu } from "./Menu.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ThinkExecutionWorkbench.tsx
@@ -30,18 +30,18 @@ function getErrorMessage(error) {
 	return error instanceof Error ? error.message : String(error);
 }
 function TooltipIcon({ children, className, label, status, tone }) {
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx("span", {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx("span", {
 		"aria-label": label,
 		className: cx("think-execution-workbench__icon", className),
 		"data-status": status,
 		"data-tone": tone,
 		role: "img",
 		children
-	}) }), /* @__PURE__ */ jsx(TooltipContent, {
+	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		side: "top",
 		sideOffset: 6,
-		children: label
-	})] });
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: label })
+	}) })] });
 }
 function runId(run) {
 	return run.kind === "submission" ? run.record.submissionId : run.record.workflowId;
@@ -177,7 +177,7 @@ function RunDetail({ run }) {
 function RunActions({ busy, onAction, run, source }) {
 	const id = runId(run);
 	const action = (key, callback) => () => onAction(key, callback);
-	return /* @__PURE__ */ jsxs(MenuRoot, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(MenuTrigger, {
+	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Menu.Trigger, {
 		unstyled: true,
 		render: /* @__PURE__ */ jsx(Button, {
 			type: "button",
@@ -189,61 +189,61 @@ function RunActions({ busy, onAction, run, source }) {
 			disabled: busy,
 			children: /* @__PURE__ */ jsx(EllipsisIcon, {})
 		})
-	}) }), /* @__PURE__ */ jsx(TooltipContent, {
+	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		side: "top",
 		sideOffset: 6,
-		children: "Run actions"
-	})] }), /* @__PURE__ */ jsx(MenuContent, {
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: "Run actions" })
+	}) })] }), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
 		align: "end",
-		children: run.kind === "submission" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-			isSubmissionCancelable(run.record.status) ? /* @__PURE__ */ jsx(MenuItem, {
+		children: /* @__PURE__ */ jsx(Menu.Popup, { children: run.kind === "submission" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			isSubmissionCancelable(run.record.status) ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`cancel-submission:${id}`, () => source.cancelSubmission(id)),
 				children: "Cancel"
 			}) : null,
-			/* @__PURE__ */ jsx(MenuSeparator, {}),
-			/* @__PURE__ */ jsx(MenuItem, {
+			/* @__PURE__ */ jsx(Menu.Separator, {}),
+			/* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				variant: "destructive",
 				onClick: action(`delete-submission:${id}`, () => source.deleteSubmission(id)),
 				children: "Delete"
 			})
 		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsx(MenuItem, {
+			/* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`sync-workflow:${id}`, () => source.getWorkflowStatus(run.record.workflowName, id)),
 				children: "Refresh status"
 			}),
-			runStatus(run) === "running" ? /* @__PURE__ */ jsx(MenuItem, {
+			runStatus(run) === "running" ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`pause-workflow:${id}`, () => source.pauseWorkflow(id)),
 				children: "Pause"
 			}) : null,
-			runStatus(run) === "paused" ? /* @__PURE__ */ jsx(MenuItem, {
+			runStatus(run) === "paused" ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`resume-workflow:${id}`, () => source.resumeWorkflow(id)),
 				children: "Resume"
 			}) : null,
-			isWorkflowTerminal(run.record.status) ? /* @__PURE__ */ jsx(MenuItem, {
+			isWorkflowTerminal(run.record.status) ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				onClick: action(`restart-workflow:${id}`, () => source.restartWorkflow(id)),
 				children: "Restart"
 			}) : null,
-			runStatus(run) === "running" ? /* @__PURE__ */ jsx(MenuItem, {
+			runStatus(run) === "running" ? /* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				variant: "destructive",
 				onClick: action(`terminate-workflow:${id}`, () => source.terminateWorkflow(id)),
 				children: "Terminate"
 			}) : null,
-			/* @__PURE__ */ jsx(MenuSeparator, {}),
-			/* @__PURE__ */ jsx(MenuItem, {
+			/* @__PURE__ */ jsx(Menu.Separator, {}),
+			/* @__PURE__ */ jsx(Menu.Item, {
 				disabled: busy,
 				variant: "destructive",
 				onClick: action(`delete-workflow:${id}`, () => source.deleteWorkflow(id)),
 				children: "Delete"
 			})
-		] })
-	})] });
+		] }) })
+	}) })] });
 }
 /**
 * Unified execution history for native Think submissions and Agents workflows.
@@ -383,7 +383,7 @@ function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPa
 						className: "think-execution-workbench__title",
 						children: title
 					})]
-				}), /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button, {
+				}), /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
 					type: "button",
 					variant: "ghost",
 					color: "neutral",
@@ -393,11 +393,11 @@ function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPa
 					disabled: busyAction !== null,
 					onClick: () => void refresh(),
 					children: /* @__PURE__ */ jsx(RefreshIcon, {})
-				}) }), /* @__PURE__ */ jsx(TooltipContent, {
+				}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 					side: "bottom",
 					sideOffset: 6,
-					children: "Refresh runs"
-				})] })]
+					children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: "Refresh runs" })
+				}) })] })]
 			}),
 			error ? /* @__PURE__ */ jsx("div", {
 				className: "think-execution-workbench__error",

package/dist/components/ThinkFullApp.js

@@ -1,10 +1,10 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { P as TerminalIcon, h as FileIcon, n as ArrowLeftIcon } from "../icons-D2Q5n5C1.js";
+import { I as TerminalIcon, h as FileIcon, n as ArrowLeftIcon } from "../icons-Ba9THQKz.js";
 import { Separator } from "./Separator.js";
 import { Button } from "./Button.js";
-import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
-import { ToggleGroup, ToggleGroupItem } from "./ToggleGroup.js";
-import { o as useThinkPendingApprovals, s as resolveThinkApprovalProps, t as ThinkChat } from "../ThinkChat-B3wYahor.js";
+import { Tooltip } from "./Tooltip.js";
+import { ToggleGroup } from "./ToggleGroup.js";
+import { o as useThinkPendingApprovals, s as resolveThinkApprovalProps, t as ThinkChat } from "../ThinkChat-7DQ2CogF.js";
 import { WorkspaceExplorer, useWorkspace } from "./WorkspaceExplorer.js";
 import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
 import { ThinkThreadShell } from "./ThinkThreadShell.js";
@@ -57,20 +57,20 @@ function WorkspacePanel({ source, root }) {
 	});
 }
 function WorkbenchViewItem({ children, label, value }) {
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(ToggleGroupItem, {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(ToggleGroup.Item, {
 		type: "button",
 		className: "think-full-app__workbench-view-item",
 		value,
 		"aria-label": label,
 		children
-	}) }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		side: "bottom",
 		sideOffset: 6,
-		children: /* @__PURE__ */ jsx(TooltipPopup, { children: label })
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: label })
 	}) })] });
 }
 function WorkbenchViewSwitch({ panels, value, onValueChange }) {
-	return /* @__PURE__ */ jsx(ToggleGroup, {
+	return /* @__PURE__ */ jsx(ToggleGroup.Root, {
 		className: "think-full-app__workbench-view-switch",
 		size: "sm",
 		value: [value],

package/dist/components/ThinkThreadPicker.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { M as SpinnerIcon, O as PlusIcon, u as DotIcon } from "../icons-D2Q5n5C1.js";
+import { N as SpinnerIcon, k as PlusIcon, u as DotIcon } from "../icons-Ba9THQKz.js";
 import { Button } from "./Button.js";
 import { ScrollArea } from "./ScrollArea.js";
 import "react";

package/dist/components/ThinkThreadShell.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { j as SidebarIcon } from "../icons-D2Q5n5C1.js";
+import { M as SidebarIcon } from "../icons-Ba9THQKz.js";
 import { Separator } from "./Separator.js";
 import { Button } from "./Button.js";
-import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
+import { Tooltip } from "./Tooltip.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ThinkThreadShell.tsx
@@ -75,7 +75,7 @@ function ThinkThreadShell({ sidebar, sidebarOpen, defaultSidebarOpen, onSidebarO
 					"aria-label": "Thread controls",
 					children: /* @__PURE__ */ jsx("div", {
 						className: "think-thread-shell__panel-toggle",
-						children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button, {
+						children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
 							type: "button",
 							variant: "ghost",
 							color: "neutral",
@@ -87,10 +87,10 @@ function ThinkThreadShell({ sidebar, sidebarOpen, defaultSidebarOpen, onSidebarO
 							"data-selected": isSidebarOpen,
 							onClick: () => setSidebarOpen(!isSidebarOpen),
 							children: /* @__PURE__ */ jsx(SidebarIcon, {})
-						}) }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+						}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 							side: "bottom",
 							sideOffset: 6,
-							children: /* @__PURE__ */ jsx(TooltipPopup, { children: toggleLabel })
+							children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: toggleLabel })
 						}) })] })
 					})
 				}),

package/dist/components/Toast.js

@@ -25,6 +25,7 @@ function ToastViewport({ className = "", ref, ...props }) {
 	const classes = ["toast__viewport", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toast$1.Viewport, {
 		ref,
+		"data-slot": "toast-viewport",
 		className: classes,
 		...props
 	});
@@ -36,6 +37,7 @@ function ToastRoot({ className = "", ref, ...props }) {
 	const classes = ["toast", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toast$1.Root, {
 		ref,
+		"data-slot": "toast",
 		className: classes,
 		...props
 	});
@@ -47,6 +49,7 @@ function ToastContent({ className = "", ref, ...props }) {
 	const classes = ["toast__content", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toast$1.Content, {
 		ref,
+		"data-slot": "toast-content",
 		className: classes,
 		...props
 	});
@@ -58,6 +61,7 @@ function ToastTitle({ className = "", ref, ...props }) {
 	const classes = ["toast__title", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toast$1.Title, {
 		ref,
+		"data-slot": "toast-title",
 		className: classes,
 		...props
 	});
@@ -69,6 +73,7 @@ function ToastDescription({ className = "", ref, ...props }) {
 	const classes = ["toast__description", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toast$1.Description, {
 		ref,
+		"data-slot": "toast-description",
 		className: classes,
 		...props
 	});
@@ -80,6 +85,7 @@ function ToastAction({ className = "", ref, ...props }) {
 	const classes = ["toast__action", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toast$1.Action, {
 		ref,
+		"data-slot": "toast-action",
 		className: classes,
 		...props
 	});
@@ -91,6 +97,7 @@ function ToastClose({ className = "", ref, ...props }) {
 	const classes = ["toast__close", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toast$1.Close, {
 		ref,
+		"data-slot": "toast-close",
 		className: classes,
 		...props
 	});

package/dist/components/ToggleGroup.d.ts

@@ -41,7 +41,7 @@ interface ToggleGroupItemProps extends Omit<React.ComponentPropsWithRef<typeof T
  *
  * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group}
  */
-declare function ToggleGroup({
+declare function ToggleGroupRoot({
   size,
   spacing,
   variant,
@@ -65,5 +65,9 @@ declare function ToggleGroupItem({
 }: ToggleGroupItemProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
+declare const ToggleGroup: {
+  Root: typeof ToggleGroupRoot;
+  Item: typeof ToggleGroupItem;
+};
 //#endregion
-export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps };
+export { ToggleGroup, ToggleGroupItemProps, ToggleGroupProps };

package/dist/components/ToggleGroup.js

@@ -37,7 +37,7 @@ function normalizeSize(size) {
 *
 * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group}
 */
-function ToggleGroup({ size = "md", spacing = 0, variant = "default", className = "", children, style, ref, ...props }) {
+function ToggleGroupRoot({ size = "md", spacing = 0, variant = "default", className = "", children, style, ref, ...props }) {
 	const normalizedSize = normalizeSize(size);
 	const gap = `${spacing * .25}rem`;
 	const groupStyle = typeof style === "function" ? (state) => ({
@@ -95,5 +95,9 @@ function ToggleGroupItem({ className = "", variant, size, ref, ...props }) {
 		...props
 	});
 }
+const ToggleGroup = {
+	Root: ToggleGroupRoot,
+	Item: ToggleGroupItem
+};
 //#endregion
-export { ToggleGroup, ToggleGroupItem };
+export { ToggleGroup };

package/dist/components/Toolbar.js

@@ -21,6 +21,7 @@ function ToolbarRoot({ className = "", ref, ...props }) {
 	const classes = ["toolbar", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toolbar$1.Root, {
 		ref,
+		"data-slot": "toolbar",
 		className: classes,
 		...props
 	});
@@ -32,6 +33,7 @@ function ToolbarButton({ className = "", ref, ...props }) {
 	const classes = ["toolbar__button", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toolbar$1.Button, {
 		ref,
+		"data-slot": "toolbar-button",
 		className: classes,
 		...props
 	});
@@ -43,6 +45,7 @@ function ToolbarLink({ className = "", ref, ...props }) {
 	const classes = ["toolbar__link", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toolbar$1.Link, {
 		ref,
+		"data-slot": "toolbar-link",
 		className: classes,
 		...props
 	});
@@ -54,6 +57,7 @@ function ToolbarGroup({ className = "", ref, ...props }) {
 	const classes = ["toolbar__group", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toolbar$1.Group, {
 		ref,
+		"data-slot": "toolbar-group",
 		className: classes,
 		...props
 	});
@@ -65,6 +69,7 @@ function ToolbarSeparator({ className = "", ref, ...props }) {
 	const classes = ["toolbar__separator", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toolbar$1.Separator, {
 		ref,
+		"data-slot": "toolbar-separator",
 		className: classes,
 		...props
 	});
@@ -76,6 +81,7 @@ function ToolbarInput({ className = "", ref, ...props }) {
 	const classes = ["toolbar__input", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Toolbar$1.Input, {
 		ref,
+		"data-slot": "toolbar-input",
 		className: classes,
 		...props
 	});

package/dist/components/Tooltip.d.ts

@@ -12,11 +12,8 @@ interface TooltipProviderProps extends Tooltip$1.Provider.Props {
 interface TooltipPopupProps extends Omit<Tooltip$1.Popup.Props, "className"> {
   className?: string;
 }
-interface TooltipContentProps extends TooltipPopupProps {
-  side?: TooltipPositionerProps["side"];
-  sideOffset?: TooltipPositionerProps["sideOffset"];
-  align?: TooltipPositionerProps["align"];
-  alignOffset?: TooltipPositionerProps["alignOffset"];
+interface TooltipViewportProps extends Omit<Tooltip$1.Viewport.Props, "className"> {
+  className?: string;
 }
 interface TooltipArrowProps extends Omit<Tooltip$1.Arrow.Props, "className"> {
   className?: string;
@@ -26,32 +23,29 @@ interface TooltipArrowProps extends Omit<Tooltip$1.Arrow.Props, "className"> {
  *
  * @example
  * ```tsx
- * <Tooltip>
- *   <TooltipTrigger>
+ * <Tooltip.Root>
+ *   <Tooltip.Trigger>
  *     <Button>Hover me</Button>
- *   </TooltipTrigger>
- *   <TooltipPortal>
- *     <TooltipPositioner>
- *       <TooltipPopup>
- *         <TooltipArrow />
+ *   </Tooltip.Trigger>
+ *   <Tooltip.Portal>
+ *     <Tooltip.Positioner>
+ *       <Tooltip.Popup>
+ *         <Tooltip.Arrow />
  *         Helpful information
- *       </TooltipPopup>
- *     </TooltipPositioner>
- *   </TooltipPortal>
- * </Tooltip>
+ *       </Tooltip.Popup>
+ *     </Tooltip.Positioner>
+ *   </Tooltip.Portal>
+ * </Tooltip.Root>
  * ```
  *
  * @see {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}
  */
-declare const Tooltip: <Payload>(props: Tooltip$1.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
 declare function TooltipProvider({
   delayDuration,
   delay,
   ...props
 }: TooltipProviderProps): React.JSX.Element;
 declare function TooltipTrigger(props: TooltipTriggerProps): React.JSX.Element;
-declare const TooltipPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TooltipPositioner: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function TooltipPopup({
   className,
   ref,
@@ -59,15 +53,16 @@ declare function TooltipPopup({
 }: TooltipPopupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function TooltipContent({
-  align,
-  alignOffset,
-  children,
-  side,
-  sideOffset,
+/**
+ * Transition container for content that changes as a tooltip moves between
+ * triggers. Pair the adaptive classes from `base-ui-motion.css` with the
+ * positioner, popup, and this viewport when that behavior is needed.
+ */
+declare function TooltipViewport({
+  className,
   ref,
   ...props
-}: TooltipContentProps & {
+}: TooltipViewportProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare function TooltipArrow({
@@ -77,5 +72,19 @@ declare function TooltipArrow({
 }: TooltipArrowProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+/**
+ * An accessible tooltip assembled from explicit Base UI parts.
+ */
+declare const Tooltip: {
+  createHandle: typeof Tooltip$1.createHandle;
+  Root: <Payload>(props: Tooltip$1.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+  Provider: typeof TooltipProvider;
+  Trigger: typeof TooltipTrigger;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Positioner: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Popup: typeof TooltipPopup;
+  Viewport: typeof TooltipViewport;
+  Arrow: typeof TooltipArrow;
+};
 //#endregion
-export { Tooltip, TooltipArrow, TooltipArrowProps, TooltipContent, TooltipContentProps, TooltipPopup, TooltipPopupProps, TooltipPortal, TooltipPortalProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps };
+export { Tooltip, TooltipArrowProps, TooltipPopupProps, TooltipPortalProps, TooltipPositionerProps, TooltipProps, TooltipProviderProps, TooltipTriggerProps, TooltipViewportProps };

package/dist/components/Tooltip.js

@@ -1,5 +1,5 @@
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 //#region src/components/Tooltip.tsx
 /**
@@ -7,24 +7,23 @@ import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 *
 * @example
 * ```tsx
-* <Tooltip>
-*   <TooltipTrigger>
+* <Tooltip.Root>
+*   <Tooltip.Trigger>
 *     <Button>Hover me</Button>
-*   </TooltipTrigger>
-*   <TooltipPortal>
-*     <TooltipPositioner>
-*       <TooltipPopup>
-*         <TooltipArrow />
+*   </Tooltip.Trigger>
+*   <Tooltip.Portal>
+*     <Tooltip.Positioner>
+*       <Tooltip.Popup>
+*         <Tooltip.Arrow />
 *         Helpful information
-*       </TooltipPopup>
-*     </TooltipPositioner>
-*   </TooltipPortal>
-* </Tooltip>
+*       </Tooltip.Popup>
+*     </Tooltip.Positioner>
+*   </Tooltip.Portal>
+* </Tooltip.Root>
 * ```
 *
 * @see {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}
 */
-const Tooltip = Tooltip$1.Root;
 function TooltipProvider({ delayDuration = 0, delay, ...props }) {
 	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
 		delay: delay ?? delayDuration,
@@ -37,10 +36,12 @@ function TooltipTrigger(props) {
 		...props
 	});
 }
-const TooltipPortal = Tooltip$1.Portal;
-const TooltipPositioner = Tooltip$1.Positioner;
 function TooltipPopup({ className = "", ref, ...props }) {
-	const classes = ["tooltip__popup", className].filter(Boolean).join(" ");
+	const classes = [
+		"tooltip__popup",
+		"base-ui-popup",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Tooltip$1.Popup, {
 		ref,
 		"data-slot": "tooltip-content",
@@ -48,18 +49,19 @@ function TooltipPopup({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function TooltipContent({ align, alignOffset, children, side, sideOffset = 0, ref, ...props }) {
-	return /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		children: /* @__PURE__ */ jsxs(TooltipPopup, {
-			ref,
-			...props,
-			children: [children, /* @__PURE__ */ jsx(TooltipArrow, {})]
-		})
-	}) });
+/**
+* Transition container for content that changes as a tooltip moves between
+* triggers. Pair the adaptive classes from `base-ui-motion.css` with the
+* positioner, popup, and this viewport when that behavior is needed.
+*/
+function TooltipViewport({ className = "", ref, ...props }) {
+	const classes = ["tooltip__viewport", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(Tooltip$1.Viewport, {
+		ref,
+		"data-slot": "tooltip-viewport",
+		className: classes,
+		...props
+	});
 }
 function TooltipArrow({ className = "", ref, ...props }) {
 	const classes = ["tooltip__arrow", className].filter(Boolean).join(" ");
@@ -70,5 +72,19 @@ function TooltipArrow({ className = "", ref, ...props }) {
 		...props
 	});
 }
+/**
+* An accessible tooltip assembled from explicit Base UI parts.
+*/
+const Tooltip = {
+	createHandle: Tooltip$1.createHandle,
+	Root: Tooltip$1.Root,
+	Provider: TooltipProvider,
+	Trigger: TooltipTrigger,
+	Portal: Tooltip$1.Portal,
+	Positioner: Tooltip$1.Positioner,
+	Popup: TooltipPopup,
+	Viewport: TooltipViewport,
+	Arrow: TooltipArrow
+};
 //#endregion
-export { Tooltip, TooltipArrow, TooltipContent, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger };
+export { Tooltip };

package/dist/components/WebPreview.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
+import { r as ButtonProps } from "../Button-FX_hpqxm.js";
 import * as React from "react";
 
 //#region src/components/WebPreview.d.ts

package/dist/components/WebPreview.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { k as RefreshIcon, n as ArrowLeftIcon, o as ChevronDownIcon, r as ArrowRightIcon } from "../icons-D2Q5n5C1.js";
+import { A as RefreshIcon, n as ArrowLeftIcon, o as ChevronDownIcon, r as ArrowRightIcon } from "../icons-Ba9THQKz.js";
 import { Button } from "./Button.js";
-import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
+import { Tooltip } from "./Tooltip.js";
 import { Badge } from "./Badge.js";
 import { Input } from "./Input.js";
 import { ScrollArea } from "./ScrollArea.js";
@@ -172,7 +172,7 @@ function WebPreviewNavigationButton({ className, action, label, tooltip, childre
 		children: children ?? def?.icon
 	});
 	if (!resolvedLabel) return button;
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: button }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, { children: /* @__PURE__ */ jsx(TooltipPopup, { children: resolvedLabel }) }) })] });
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: button }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: resolvedLabel }) }) })] });
 }
 function WebPreviewUrl({ className, placeholder = "Enter URL…", value, onChange, onKeyDown, ref, ...props }) {
 	const { url, setUrl } = useWebPreviewContext();

package/dist/components/WorkspaceExplorer.d.ts

@@ -1,19 +1,17 @@
-import { A as CodeBlockLanguage } from "../CodeBlock-CxQXv3C4.js";
+import { A as CodeBlockLanguage } from "../CodeBlock-DUh9WOGo.js";
 import * as React from "react";
-import { WorkspaceLike } from "@cloudflare/think/tools/workspace";
 import { FileInfo, Workspace } from "@cloudflare/shell";
 
 //#region src/components/WorkspaceExplorer.d.ts
 /** Workspace summary, as returned by `Workspace.getWorkspaceInfo()` upstream. */
 type WorkspaceInfo = Awaited<ReturnType<Workspace["getWorkspaceInfo"]>>;
 /**
- * Upstream's workspace shapes, taken whole: pass a `Workspace` from
- * `@cloudflare/shell` or anything satisfying Think's `WorkspaceLike` (e.g. a
- * cross-DO RPC proxy). The explorer only calls `readDir` and `readFile` —
- * plus `getWorkspaceInfo` for the header's file-count chip when given a full
- * `Workspace` — and ignores the rest.
+ * What the explorer actually calls: `readDir` and `readFile`, plus
+ * `getWorkspaceInfo` for the header's file-count chip when available. A full
+ * `Workspace` from `@cloudflare/shell`, Think's `WorkspaceLike`, or any
+ * cross-DO RPC proxy exposing these methods satisfies it.
  */
-type WorkspaceSource = Workspace | WorkspaceLike;
+type WorkspaceSource = Pick<Workspace, "readDir" | "readFile"> & Partial<Pick<Workspace, "getWorkspaceInfo">>;
 interface UseWorkspaceOptions {
   /** Must be referentially stable (memoize in the app) — a new source resets the workspace. */
   source: WorkspaceSource;