@mcp-b/react-components 0.17.0 → 0.19.0

package/dist/components/Reasoning.js

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { V as SpinnerIcon } from "../icons--FqCZEc3.js";
+import { K as SpinnerIcon } from "../icons-DKXiSepE.js";
 import { ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
-import { f as MessageResponse } from "../Message-C4eYRogZ.js";
+import { f as MessageResponse } from "../Message-rZEaaD8Q.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Reasoning.tsx
@@ -50,9 +50,6 @@ function Reasoning({ className, isStreaming = false, duration, open, defaultOpen
 		isControlled,
 		onOpenChange
 	]);
-	React.useEffect(() => {
-		if (duration !== void 0) setInternalDuration(duration);
-	}, [duration]);
 	React.useEffect(() => {
 		if (isStreaming) {
 			hasEverStreamedRef.current = true;

package/dist/components/ResizableSidePanel.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName, t as cx } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
 import { Separator } from "./Separator.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/ResponsiveSidebarShell.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { B as SidebarIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { G as SidebarIcon } from "../icons-DKXiSepE.js";
 import { Button } from "./Button.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
@@ -40,21 +40,27 @@ function ResponsiveSidebarShell({ sidebar, topBar, sidebarLabel, sidebarOpen, de
 	});
 	const toggleLabel = `${sidebarLabel.charAt(0).toUpperCase()}${sidebarLabel.slice(1)}`;
 	const toggleTooltip = `${isSidebarOpen ? "Hide" : "Show"} ${sidebarLabel}`;
+	const updateSidebar = React.useCallback((update, restoreFocus) => {
+		update();
+		if (restoreFocus) queueMicrotask(restoreFocus);
+	}, []);
 	const closeSidebar = React.useCallback(() => {
-		setSidebarOpen(false);
-		queueMicrotask(() => mainRef.current?.focus({ preventScroll: true }));
-	}, [setSidebarOpen]);
+		updateSidebar(() => setSidebarOpen(false), () => mainRef.current?.focus({ preventScroll: true }));
+	}, [setSidebarOpen, updateSidebar]);
 	const closeSidebarOnCompact = React.useCallback(() => {
 		if (rootRef.current && isCompactSidebar(rootRef.current)) closeSidebar();
 	}, [closeSidebar]);
 	const toggleSidebar = React.useCallback((trigger) => {
 		if (trigger) openerRef.current = trigger;
-		setSidebarOpen(!isSidebarOpen);
-	}, [isSidebarOpen, setSidebarOpen]);
+		updateSidebar(() => setSidebarOpen(!isSidebarOpen));
+	}, [
+		isSidebarOpen,
+		setSidebarOpen,
+		updateSidebar
+	]);
 	const dismissSidebar = React.useCallback(() => {
-		setSidebarOpen(false);
-		queueMicrotask(() => openerRef.current?.focus({ preventScroll: true }));
-	}, [setSidebarOpen]);
+		updateSidebar(() => setSidebarOpen(false), () => openerRef.current?.focus({ preventScroll: true }));
+	}, [setSidebarOpen, updateSidebar]);
 	const sidebarContent = typeof sidebar === "function" ? sidebar({
 		closeSidebar,
 		closeSidebarOnCompact

package/dist/components/ScrollArea.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
@@ -77,6 +77,7 @@ function ScrollAreaCorner({ className, ref, ...props }) {
 	const classes = mergeBaseClassName(["scroll-area__corner"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(ScrollArea$1.Corner, {
 		ref,
+		"data-slot": "scroll-area-corner",
 		className: classes,
 		...props
 	});

package/dist/components/SearchField.d.ts

@@ -0,0 +1,43 @@
+import { FieldControlProps, FieldLabelProps, FieldRootProps } from "./Field.js";
+import * as React from "react";
+
+//#region src/components/SearchField.d.ts
+interface SearchFieldRootProps extends FieldRootProps {}
+interface SearchFieldLabelProps extends FieldLabelProps {}
+interface SearchFieldControlProps extends Omit<FieldControlProps, "type"> {}
+/**
+ * Field root for a labelled search input. Product-specific sizing can be
+ * applied through the shared field recipe variables without rebuilding the
+ * search icon anatomy.
+ */
+declare function SearchFieldRoot({
+  className,
+  ref,
+  ...props
+}: SearchFieldRootProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/** Label associated with the search control through the underlying Field. */
+declare function SearchFieldLabel({
+  className,
+  ref,
+  ...props
+}: SearchFieldLabelProps & {
+  ref?: React.Ref<HTMLLabelElement>;
+}): React.JSX.Element;
+/** Search input with the design-system search icon and logical inset. */
+declare function SearchFieldControl({
+  className,
+  ref,
+  ...props
+}: SearchFieldControlProps & {
+  ref?: React.Ref<HTMLInputElement>;
+}): React.JSX.Element;
+/** Composable, accessible search field with stable anatomy slots. */
+declare const SearchField: {
+  Root: typeof SearchFieldRoot;
+  Label: typeof SearchFieldLabel;
+  Control: typeof SearchFieldControl;
+};
+//#endregion
+export { SearchField, SearchFieldControlProps, SearchFieldLabelProps, SearchFieldRootProps };

package/dist/components/SearchField.js

@@ -0,0 +1,52 @@
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { W as SearchIcon } from "../icons-DKXiSepE.js";
+import { Field } from "./Field.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SearchField.tsx
+/**
+* Field root for a labelled search input. Product-specific sizing can be
+* applied through the shared field recipe variables without rebuilding the
+* search icon anatomy.
+*/
+function SearchFieldRoot({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Root, {
+		ref,
+		"data-slot": "search-field",
+		className: mergeBaseClassName("search-field", className),
+		...props
+	});
+}
+/** Label associated with the search control through the underlying Field. */
+function SearchFieldLabel({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Label, {
+		ref,
+		"data-slot": "search-field-label",
+		className: mergeBaseClassName("search-field__label", className),
+		...props
+	});
+}
+/** Search input with the design-system search icon and logical inset. */
+function SearchFieldControl({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "search-field-control",
+		className: "search-field__control",
+		children: [/* @__PURE__ */ jsx(SearchIcon, {
+			"data-slot": "search-field-icon",
+			className: "search-field__icon",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ jsx(Field.Control, {
+			ref,
+			type: "search",
+			className: mergeBaseClassName("search-field__input", className),
+			...props
+		})]
+	});
+}
+/** Composable, accessible search field with stable anatomy slots. */
+const SearchField = {
+	Root: SearchFieldRoot,
+	Label: SearchFieldLabel,
+	Control: SearchFieldControl
+};
+//#endregion
+export { SearchField };

package/dist/components/Select.d.ts

@@ -1,2 +1,2 @@
-import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, f as SelectPortalProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "../Select-CwSqP07Y.js";
+import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, f as SelectPortalProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "../Select-B_13gg_J.js";
 export { Select, SelectBackdropProps, SelectGroupLabelProps, SelectGroupProps, SelectIconProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectListProps, SelectPopupProps, SelectPortalProps, SelectPositionerProps, SelectProps, SelectScrollDownArrowProps, SelectScrollUpArrowProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps };

package/dist/components/Select.js

@@ -1,5 +1,5 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
-import { i as ArrowUpIcon, s as CheckIcon, t as ArrowDownIcon } from "../icons--FqCZEc3.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { a as ArrowUpIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";
@@ -44,13 +44,12 @@ function SelectLabel({ className, ref, ...props }) {
 		...props
 	});
 }
-function SelectTrigger({ size = "default", className, ref, ...props }) {
-	const normalizedSize = size === "md" ? "default" : size;
-	const classes = mergeBaseClassName(["select__trigger", normalizedSize === "sm" && "select__trigger--sm"].filter(Boolean).join(" "), className);
+function SelectTrigger({ size = "sm", className, ref, ...props }) {
+	const classes = mergeBaseClassName(["select__trigger", size === "sm" && "select__trigger--sm"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Select$1.Trigger, {
 		ref,
 		"data-slot": "select-trigger",
-		"data-size": normalizedSize,
+		"data-size": size,
 		className: classes,
 		...props
 	});

package/dist/components/Separator.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Separator as Separator$1 } from "@base-ui/react/separator";

package/dist/components/Slider.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Slider as Slider$1 } from "@base-ui/react/slider";

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { u as ChevronRightIcon, w as LinkIcon } from "../icons--FqCZEc3.js";
+import { O as LinkIcon, p as ChevronRightIcon } from "../icons-DKXiSepE.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx

package/dist/components/Stepper.js

@@ -1,11 +1,12 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { V as SpinnerIcon, s as CheckIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { K as SpinnerIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
 import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stepper.tsx
 const StepperContext = React.createContext(void 0);
 const StepItemContext = React.createContext(void 0);
+const EMPTY_STEP_INDICATORS = {};
 function useStepper() {
 	const context = React.useContext(StepperContext);
 	if (!context) throw new Error("useStepper must be used within a Stepper");
@@ -36,7 +37,7 @@ function useStepItem() {
 *
 * @see {@link https://reui.io/docs/components/base/stepper | ReUI Stepper}
 */
-function Stepper({ defaultValue = 1, value, onValueChange, orientation = "horizontal", indicators = {}, className, children, ref, ...props }) {
+function Stepper({ defaultValue = 1, value, onValueChange, orientation = "horizontal", indicators = EMPTY_STEP_INDICATORS, className, children, ref, ...props }) {
 	const idPrefix = `stepper-${React.useId()}`;
 	const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
 	const triggerNodes = React.useRef(/* @__PURE__ */ new Map());
@@ -135,13 +136,19 @@ function StepperItem({ step, completed = false, disabled = false, loading = fals
 	const { activeStep } = useStepper();
 	const isLoading = loading && step === activeStep;
 	const state = isLoading ? "loading" : completed || step < activeStep ? "completed" : activeStep === step ? "active" : "inactive";
+	const contextValue = React.useMemo(() => ({
+		step,
+		state,
+		isDisabled: disabled,
+		isLoading
+	}), [
+		disabled,
+		isLoading,
+		state,
+		step
+	]);
 	return /* @__PURE__ */ jsx(StepItemContext.Provider, {
-		value: {
-			step,
-			state,
-			isDisabled: disabled,
-			isLoading
-		},
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			role: "presentation",

package/dist/components/SubagentRunDetails.js

@@ -1,4 +1,4 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Progress } from "./Progress.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/SubagentRunIndicator.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { J as WarningIcon, V as SpinnerIcon, W as StopIcon, s as CheckIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { J as StopIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SubagentRunIndicator.tsx

package/dist/components/SubagentRunList.d.ts

@@ -6,16 +6,14 @@ import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 interface SubagentRunListProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<React.HTMLAttributes<HTMLUListElement>, "children" | "onSelect"> {
   /** Complete retained runs returned by `useAgentToolEvents()`, in display order. */
   runs: readonly AgentToolRunState<Part>[];
-  selectedRunId?: string | null;
-  /** Called with the whole upstream run selected for the adjacent detail surface. */
-  onSelect?: (run: AgentToolRunState<Part>) => void;
+  /** App-authored TanStack Router Link for every retained run destination. */
+  renderRunLink: (run: AgentToolRunState<Part>) => React.ReactElement;
 }
 /** Semantic, wrapping list of retained-run selectors. */
 declare function SubagentRunList<Part extends AgentToolRunPart = UIMessage["parts"][number]>({
   className,
-  onSelect,
+  renderRunLink,
   runs,
-  selectedRunId,
   ref,
   ...props
 }: SubagentRunListProps<Part> & {

package/dist/components/SubagentRunList.js

@@ -1,10 +1,10 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { SubagentRunSelector } from "./SubagentRunSelector.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SubagentRunList.tsx
 /** Semantic, wrapping list of retained-run selectors. */
-function SubagentRunList({ className, onSelect, runs, selectedRunId, ref, ...props }) {
+function SubagentRunList({ className, renderRunLink, runs, ref, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		ref,
 		"data-slot": "subagent-run-list",
@@ -15,8 +15,7 @@ function SubagentRunList({ className, onSelect, runs, selectedRunId, ref, ...pro
 			className: "subagent-run__list-item",
 			children: /* @__PURE__ */ jsx(SubagentRunSelector, {
 				run,
-				selected: run.runId === selectedRunId,
-				onSelect
+				render: renderRunLink(run)
 			})
 		}, run.runId))
 	});

package/dist/components/SubagentRunSelector.d.ts

@@ -1,38 +1,34 @@
-import { r as ButtonProps } from "../Button-FX_hpqxm.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
 //#region src/components/SubagentRunSelector.d.ts
-interface SubagentRunSelectorProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<ButtonProps, "children" | "color" | "onSelect" | "size" | "variant"> {
+interface SubagentRunSelectorProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> {
   /** Complete retained-run state returned by `useAgentToolEvents()`. */
   run: AgentToolRunState<Part>;
-  selected?: boolean;
+  /** App-authored TanStack Router Link for this retained run. */
+  render: React.ReactElement;
   /** Short supplementary status shown on hover and keyboard focus. `false` disables it. */
   tooltip?: React.ReactNode | false;
-  /** Called with the whole upstream run when the selector is activated. */
-  onSelect?: (run: AgentToolRunState<Part>) => void;
 }
 /**
  * Compact selector for a retained Cloudflare Agent Tool run.
  *
  * The component consumes `AgentToolRunState` whole and derives its label and
- * status from upstream fields. Selecting it should route `run.subAgent` into
- * an adjacent detail surface; it never invents a second transcript or expands
- * child content inline.
+ * status from upstream fields. The application-authored Link routes
+ * `run.subAgent` into an adjacent detail surface; this component never invents
+ * a second transcript or expands child content inline.
  */
 declare function SubagentRunSelector<Part extends AgentToolRunPart = UIMessage["parts"][number]>({
   className,
-  onClick,
-  onSelect,
+  render,
   run,
-  selected,
   tooltip,
   ref,
   "aria-label": ariaLabel,
   ...props
 }: SubagentRunSelectorProps<Part> & {
-  ref?: React.Ref<HTMLButtonElement>;
+  ref?: React.Ref<HTMLAnchorElement>;
 }): React.JSX.Element;
 //#endregion
 export { SubagentRunSelector, SubagentRunSelectorProps };

package/dist/components/SubagentRunSelector.js

@@ -1,5 +1,6 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { Button } from "./Button.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
+import { buttonVariants } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName, getSubagentRunTooltip } from "./SubagentRunIndicator.js";
@@ -10,27 +11,23 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Compact selector for a retained Cloudflare Agent Tool run.
 *
 * The component consumes `AgentToolRunState` whole and derives its label and
-* status from upstream fields. Selecting it should route `run.subAgent` into
-* an adjacent detail surface; it never invents a second transcript or expands
-* child content inline.
+* status from upstream fields. The application-authored Link routes
+* `run.subAgent` into an adjacent detail surface; this component never invents
+* a second transcript or expands child content inline.
 */
-function SubagentRunSelector({ className, onClick, onSelect, run, selected = false, tooltip, ref, "aria-label": ariaLabel, ...props }) {
+function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label": ariaLabel, ...props }) {
 	const name = getSubagentRunName(run);
-	const button = /* @__PURE__ */ jsxs(Button, {
+	const link = /* @__PURE__ */ jsxs(NavigationLink, {
 		ref,
-		type: "button",
-		variant: "outline",
-		color: "neutral",
-		size: "xs",
+		render,
 		"data-slot": "subagent-run-selector",
-		"data-status": run.status,
-		className: cx("subagent-run__selector", className),
-		"aria-pressed": selected,
+		"data-run-status": run.status,
+		className: cx(buttonVariants({
+			variant: "outline",
+			color: "neutral",
+			size: "sm"
+		}), "subagent-run__selector", className),
 		"aria-label": ariaLabel ?? `Open ${name}, ${run.status}`,
-		onClick: (event) => {
-			onClick?.(event);
-			if (!event.defaultPrevented) onSelect?.(run);
-		},
 		...props,
 		children: [
 			/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
@@ -42,9 +39,9 @@ function SubagentRunSelector({ className, onClick, onSelect, run, selected = fal
 		]
 	});
 	const tooltipContent = tooltip === false ? null : tooltip ?? getSubagentRunTooltip(run);
-	if (!tooltipContent) return button;
+	if (!tooltipContent) return link;
 	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
-		render: button,
+		render: link,
 		delay: 0
 	}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		side: "top",

package/dist/components/Switch.d.ts

@@ -5,9 +5,9 @@ import { Switch as Switch$1 } from "@base-ui/react/switch";
 interface SwitchProps extends React.ComponentPropsWithRef<typeof Switch$1.Root> {
   /**
    * The size of the switch.
-   * @default 'default'
+   * @default 'md'
    */
-  size?: "sm" | "md" | "lg" | "default";
+  size?: "sm" | "md" | "lg";
 }
 interface SwitchThumbProps extends React.ComponentPropsWithRef<typeof Switch$1.Thumb> {}
 /**

package/dist/components/Switch.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
@@ -24,13 +24,12 @@ import { Switch as Switch$1 } from "@base-ui/react/switch";
 *
 * @see {@link https://base-ui.com/react/components/switch | Base UI Switch}
 */
-function SwitchRoot({ size = "default", className, ref, ...props }) {
-	const normalizedSize = size === "md" ? "default" : size;
-	const classes = mergeBaseClassName(["switch", normalizedSize !== "default" && `switch--${normalizedSize}`].filter(Boolean).join(" "), className);
+function SwitchRoot({ size = "md", className, ref, ...props }) {
+	const classes = mergeBaseClassName(["switch", size !== "md" && `switch--${size}`].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Switch$1.Root, {
 		ref,
 		"data-slot": "switch",
-		"data-size": normalizedSize,
+		"data-size": size,
 		className: classes,
 		...props
 	});

package/dist/components/Tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as TabsProps, i as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "../Tabs-9zddXDQo.js";
-export { TabPanelProps, TabProps, Tabs, TabsListProps, TabsProps };
+import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../Tabs-ColWK-XA.js";
+export { TabPanelProps, TabProps, Tabs, TabsIndicatorProps, TabsListProps, TabsProps };

package/dist/components/Tabs.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
@@ -31,8 +31,8 @@ function TabsRoot({ orientation = "horizontal", variant = "default", className,
 	const classes = mergeBaseClassName(["tabs", variant !== "default" && `tabs--${variant}`].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Tabs$1.Root, {
 		ref,
-		"data-orientation": orientation,
 		"data-slot": "tabs",
+		"data-variant": variant,
 		orientation,
 		className: classes,
 		...props
@@ -57,6 +57,15 @@ function Tab({ className, ref, ...props }) {
 		...props
 	});
 }
+function TabsIndicator({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("tabs__indicator", className);
+	return /* @__PURE__ */ jsx(Tabs$1.Indicator, {
+		ref,
+		"data-slot": "tabs-indicator",
+		className: classes,
+		...props
+	});
+}
 function TabPanel({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("tabs__panel", className);
 	return /* @__PURE__ */ jsx(Tabs$1.Panel, {
@@ -70,7 +79,7 @@ const Tabs = {
 	Root: TabsRoot,
 	List: TabsList,
 	Tab,
-	Indicator: Tabs$1.Indicator,
+	Indicator: TabsIndicator,
 	Panel: TabPanel
 };
 //#endregion

package/dist/components/Task.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { u as ChevronRightIcon, y as FileIcon, z as SearchIcon } from "../icons--FqCZEc3.js";
+import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../icons-DKXiSepE.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx

package/dist/components/Terminal.d.ts

@@ -1,5 +1,5 @@
-import { r as ButtonProps } from "../Button-FX_hpqxm.js";
-import { t as CopyButtonProps } from "../copy-button-CQx3LQAC.js";
+import { r as ButtonProps } from "../Button-DLGzHsjc.js";
+import { t as CopyButtonProps } from "../copy-button-D7aAYA-2.js";
 import * as React from "react";
 
 //#region src/components/Terminal.d.ts

package/dist/components/Terminal.js

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
-import { K as TerminalIcon, X as XIcon } from "../icons--FqCZEc3.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { X as TerminalIcon, et as XIcon } from "../icons-DKXiSepE.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-cYsJBauI.js";
+import { t as CopyButton } from "../copy-button-BtRwhRks.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
@@ -219,7 +219,8 @@ function TerminalClearButton({ className, label = "Clear terminal", onClick, ...
 	}, [onClear, onClick]);
 	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx(Button, {
 		variant: "ghost",
-		size: "icon",
+		size: "sm",
+		iconOnly: true,
 		"aria-label": label,
 		className: cx("terminal__clear", className),
 		...props,