@mcp-b/react-components 0.11.0 → 0.13.0

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;

package/dist/components/WorkspaceExplorer.js

@@ -1,8 +1,9 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SearchIcon, h as FileIcon, k as RefreshIcon, n as ArrowLeftIcon } from "../icons-D2Q5n5C1.js";
+import { A as RefreshIcon, h as FileIcon, j as SearchIcon, n as ArrowLeftIcon } from "../icons-Ba9THQKz.js";
 import { Button } from "./Button.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-XNQOupQ3.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-wMyZhhHO.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-BUFXG8HW.js";
+import { Input } from "./Input.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-mpEIcfzA.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/WorkspaceExplorer.tsx
@@ -91,7 +92,7 @@ function useWorkspace({ source, root = "/" }) {
 		markLoading
 	]);
 	const loadInfo = React.useCallback(async () => {
-		if (!("getWorkspaceInfo" in source)) return;
+		if (!source.getWorkspaceInfo) return;
 		try {
 			setInfo(await source.getWorkspaceInfo());
 		} catch {
@@ -244,7 +245,7 @@ function WorkspaceExplorer({ workspace, className, title = "Workspace", actions,
 			children: [showFileView ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 				variant: "ghost",
 				color: "neutral",
-				size: "xs",
+				size: "icon-xs",
 				onClick: () => setView("tree"),
 				"aria-label": "Back to files",
 				children: /* @__PURE__ */ jsx(ArrowLeftIcon, { "aria-hidden": "true" })
@@ -263,7 +264,7 @@ function WorkspaceExplorer({ workspace, className, title = "Workspace", actions,
 				children: [actions, /* @__PURE__ */ jsx(Button, {
 					variant: "ghost",
 					color: "neutral",
-					size: "xs",
+					size: "icon-xs",
 					onClick: refresh,
 					disabled: isLoading,
 					"aria-label": "Refresh workspace",
@@ -277,11 +278,12 @@ function WorkspaceExplorer({ workspace, className, title = "Workspace", actions,
 			className: "workspace-explorer__body",
 			children: [showFilter ? /* @__PURE__ */ jsxs("label", {
 				className: "workspace-explorer__filter",
-				children: [/* @__PURE__ */ jsx(SearchIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("input", {
+				children: [/* @__PURE__ */ jsx(SearchIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx(Input, {
 					type: "search",
 					value: filter,
 					onChange: (event) => setFilter(event.currentTarget.value),
 					placeholder: filterPlaceholder,
+					className: "workspace-explorer__filter-input",
 					"aria-label": "Filter workspace files",
 					autoComplete: "off"
 				})]

package/dist/components/icons.d.ts

@@ -1,2 +1,2 @@
-import { A as RefreshIcon, C as MinusIcon, D as PencilIcon, E as PauseIcon, F as TerminalIcon, I as WarningIcon, L as WrenchIcon, M as SidebarIcon, N as SpinnerIcon, O as PlayIcon, P as SquareIcon, R as XIcon, S as MaximizeIcon, T as PaperclipIcon, _ as FolderOpenIcon, a as CheckIcon, b as InfoIcon, c as ChevronRightIcon, d as DownloadIcon, f as EllipsisIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as SearchIcon, k as PlusIcon, l as CopyIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as ChevronDownIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronLeftIcon, t as ArrowDownIcon, u as DotIcon, v as IconProps, w as MonitorIcon, x as LinkIcon, y as ImageIcon } from "../icons-CbjtbIJK.js";
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MinusIcon, MonitorIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };
+import { A as PlusIcon, B as XIcon, C as MicrophoneIcon, D as PauseIcon, E as PaperclipIcon, F as SquareIcon, I as StopIcon, L as TerminalIcon, M as SearchIcon, N as SidebarIcon, O as PencilIcon, P as SpinnerIcon, R as WarningIcon, S as MaximizeIcon, T as MonitorIcon, _ as FolderOpenIcon, a as CheckIcon, b as InfoIcon, c as ChevronRightIcon, d as DownloadIcon, f as EllipsisIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as RefreshIcon, k as PlayIcon, l as CopyIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as ChevronDownIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronLeftIcon, t as ArrowDownIcon, u as DotIcon, v as IconProps, w as MinusIcon, x as LinkIcon, y as ImageIcon, z as WrenchIcon } from "../icons-CUCz_Sft.js";
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MicrophoneIcon, MinusIcon, MonitorIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/icons.js

@@ -1,2 +1,2 @@
-import { A as SearchIcon, C as MonitorIcon, D as PlayIcon, E as PencilIcon, F as WarningIcon, I as WrenchIcon, L as XIcon, M as SpinnerIcon, N as SquareIcon, O as PlusIcon, P as TerminalIcon, S as MinusIcon, T as PauseIcon, _ as FolderOpenIcon, a as CheckIcon, b as LinkIcon, c as ChevronRightIcon, d as DownloadIcon, f as EllipsisIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as SidebarIcon, k as RefreshIcon, l as CopyIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as ChevronDownIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronLeftIcon, t as ArrowDownIcon, u as DotIcon, v as ImageIcon, w as PaperclipIcon, x as MaximizeIcon, y as InfoIcon } from "../icons-D2Q5n5C1.js";
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MinusIcon, MonitorIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };
+import { A as RefreshIcon, C as MinusIcon, D as PencilIcon, E as PauseIcon, F as StopIcon, I as TerminalIcon, L as WarningIcon, M as SidebarIcon, N as SpinnerIcon, O as PlayIcon, P as SquareIcon, R as WrenchIcon, S as MicrophoneIcon, T as PaperclipIcon, _ as FolderOpenIcon, a as CheckIcon, b as LinkIcon, c as ChevronRightIcon, d as DownloadIcon, f as EllipsisIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as SearchIcon, k as PlusIcon, l as CopyIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as ChevronDownIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronLeftIcon, t as ArrowDownIcon, u as DotIcon, v as ImageIcon, w as MonitorIcon, x as MaximizeIcon, y as InfoIcon, z as XIcon } from "../icons-Ba9THQKz.js";
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MicrophoneIcon, MinusIcon, MonitorIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/{copy-button-C6JSKtFE.js → copy-button-DUMLYdsk.js}

@@ -1,10 +1,10 @@
-import { a as CheckIcon, l as CopyIcon } from "./icons-D2Q5n5C1.js";
+import { a as CheckIcon, l as CopyIcon } from "./icons-Ba9THQKz.js";
 import { Button } from "./components/Button.js";
-import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./components/Tooltip.js";
+import { Tooltip } from "./components/Tooltip.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/copy-button.tsx
-function CopyButton({ label, text, timeout = 1500, stopPropagation = false, onCopy, onError, onClick, ...props }) {
+function CopyButton({ label, tooltip = label, text, size = "icon", timeout = 1500, stopPropagation = false, onCopy, onError, onClick, ...props }) {
 	const [copied, setCopied] = React.useState(false);
 	const timeoutRef = React.useRef(null);
 	React.useEffect(() => () => {
@@ -30,14 +30,15 @@ function CopyButton({ label, text, timeout = 1500, stopPropagation = false, onCo
 		text,
 		timeout
 	]);
-	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(Button, {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
+		type: "button",
 		variant: "ghost",
-		size: "icon",
+		size,
 		"aria-label": label,
 		...props,
 		onClick: handleClick,
 		children: copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
-	}) }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, { children: /* @__PURE__ */ jsx(TooltipPopup, { children: copied ? "Copied" : label }) }) })] });
+	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: copied ? "Copied" : tooltip }) }) })] });
 }
 //#endregion
 export { CopyButton as t };

package/dist/{copy-button-BKXqGiNm.d.ts → copy-button-DtPMgN7e.d.ts}

@@ -1,10 +1,11 @@
-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/_internal/copy-button.d.ts
-interface CopyButtonProps extends Omit<ButtonProps, "children" | "variant" | "size" | "color" | "className" | "onClick" | "onError"> {
+interface CopyButtonProps extends Omit<ButtonProps, "children" | "variant" | "color" | "className" | "onClick" | "onError"> {
   className?: string;
   label: string;
+  tooltip?: string;
   text: string;
   timeout?: number;
   stopPropagation?: boolean;

package/dist/icons-Ba9THQKz.js

@@ -0,0 +1,64 @@
+import { jsx } from "react/jsx-runtime";
+import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, Copy, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Image, Info, Link2, LoaderCircle, Maximize2, Mic, Minus, Monitor, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Terminal, TriangleAlert, Wrench, X } from "lucide-react";
+//#region src/components/_internal/icons.tsx
+function icon(Component) {
+	return function DesignSystemIcon({ size = 16, strokeWidth = 1.75, ...props }) {
+		return /* @__PURE__ */ jsx(Component, {
+			size,
+			strokeWidth,
+			"aria-hidden": "true",
+			focusable: "false",
+			...props
+		});
+	};
+}
+const ChevronRightIcon = icon(ChevronRight);
+const ChevronDownIcon = icon(ChevronDown);
+const ChevronLeftIcon = icon(ChevronLeft);
+const CheckIcon = icon(Check);
+const XIcon = icon(X);
+const PencilIcon = icon(Pencil);
+const CopyIcon = icon(Copy);
+const EyeIcon = icon(Eye);
+const EyeOffIcon = icon(EyeOff);
+const FolderIcon = icon(Folder);
+const FolderOpenIcon = icon(FolderOpen);
+const FileIcon = icon(File);
+const PaperclipIcon = icon(Paperclip);
+const MicrophoneIcon = icon(Mic);
+const StopIcon = icon(CircleStop);
+const PlusIcon = icon(Plus);
+const MinusIcon = icon(Minus);
+const PlayIcon = icon(Play);
+const PauseIcon = icon(Pause);
+const SquareIcon = icon(Square);
+const ArrowLeftIcon = icon(ArrowLeft);
+const ArrowRightIcon = icon(ArrowRight);
+const ArrowDownIcon = icon(ArrowDown);
+const ArrowUpIcon = icon(ArrowUp);
+const DownloadIcon = icon(Download);
+const RefreshIcon = icon(RefreshCw);
+const DotIcon = icon(Dot);
+const EllipsisIcon = icon(Ellipsis);
+function SpinnerIcon({ className, size = 16, strokeWidth = 1.75, ...props }) {
+	return /* @__PURE__ */ jsx(LoaderCircle, {
+		size,
+		strokeWidth,
+		"aria-hidden": "true",
+		focusable: "false",
+		className: ["sigvelo-icon--spinner", className].filter(Boolean).join(" "),
+		...props
+	});
+}
+const SearchIcon = icon(Search);
+const SidebarIcon = icon(PanelLeft);
+const TerminalIcon = icon(Terminal);
+const LinkIcon = icon(Link2);
+const WarningIcon = icon(TriangleAlert);
+const WrenchIcon = icon(Wrench);
+const InfoIcon = icon(Info);
+const ImageIcon = icon(Image);
+const MonitorIcon = icon(Monitor);
+const MaximizeIcon = icon(Maximize2);
+//#endregion
+export { RefreshIcon as A, MinusIcon as C, PencilIcon as D, PauseIcon as E, StopIcon as F, TerminalIcon as I, WarningIcon as L, SidebarIcon as M, SpinnerIcon as N, PlayIcon as O, SquareIcon as P, WrenchIcon as R, MicrophoneIcon as S, PaperclipIcon as T, FolderOpenIcon as _, CheckIcon as a, LinkIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SearchIcon as j, PlusIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, ImageIcon as v, MonitorIcon as w, MaximizeIcon as x, InfoIcon as y, XIcon as z };