@mcp-b/react-components 0.16.1 → 0.18.0

package/dist/components/Slider.js

@@ -1,3 +1,4 @@
+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";
@@ -33,8 +34,8 @@ import { Slider as Slider$1 } from "@base-ui/react/slider";
 *
 * @see {@link https://base-ui.com/react/components/slider | Base UI Slider}
 */
-function SliderRoot({ className = "", ref, ...props }) {
-	const classes = ["slider", className].filter(Boolean).join(" ");
+function SliderRoot({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["slider"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Slider$1.Root, {
 		ref,
 		"data-slot": "slider",
@@ -45,8 +46,8 @@ function SliderRoot({ className = "", ref, ...props }) {
 /**
 * The control area for the Slider (handles interactions).
 */
-function SliderControl({ className = "", ref, ...props }) {
-	const classes = ["slider__control", className].filter(Boolean).join(" ");
+function SliderControl({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["slider__control"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Slider$1.Control, {
 		ref,
 		"data-slot": "slider-control",
@@ -57,8 +58,8 @@ function SliderControl({ className = "", ref, ...props }) {
 /**
 * The track container for the Slider.
 */
-function SliderTrack({ className = "", ref, ...props }) {
-	const classes = ["slider__track", className].filter(Boolean).join(" ");
+function SliderTrack({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["slider__track"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Slider$1.Track, {
 		ref,
 		"data-slot": "slider-track",
@@ -69,8 +70,8 @@ function SliderTrack({ className = "", ref, ...props }) {
 /**
 * The filled indicator showing current value position.
 */
-function SliderIndicator({ className = "", ref, ...props }) {
-	const classes = ["slider__indicator", className].filter(Boolean).join(" ");
+function SliderIndicator({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["slider__indicator"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Slider$1.Indicator, {
 		ref,
 		"data-slot": "slider-range",
@@ -81,8 +82,8 @@ function SliderIndicator({ className = "", ref, ...props }) {
 /**
 * The draggable thumb for the Slider.
 */
-function SliderThumb({ className = "", ref, ...props }) {
-	const classes = ["slider__thumb", className].filter(Boolean).join(" ");
+function SliderThumb({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["slider__thumb"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Slider$1.Thumb, {
 		ref,
 		"data-slot": "slider-thumb",
@@ -94,8 +95,8 @@ function SliderThumb({ className = "", ref, ...props }) {
 * Displays the current value of the Slider.
 * Note: This must be used inside a Slider component to access the value context.
 */
-function SliderOutput({ className = "", children, ref, ...props }) {
-	const classes = ["slider__output", className].filter(Boolean).join(" ");
+function SliderOutput({ className, children, ref, ...props }) {
+	const classes = mergeBaseClassName(["slider__output"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Slider$1.Value, {
 		ref,
 		"data-slot": "slider-output",
@@ -105,8 +106,8 @@ function SliderOutput({ className = "", children, ref, ...props }) {
 	});
 }
 /** Visible label that participates in Base UI's slider naming relationship. */
-function SliderLabel({ className = "", ref, ...props }) {
-	const classes = ["slider__label", className].filter(Boolean).join(" ");
+function SliderLabel({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["slider__label"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Slider$1.Label, {
 		ref,
 		"data-slot": "slider-label",

package/dist/components/Sources.d.ts

@@ -1,13 +1,11 @@
-import { Collapsible } from "./Collapsible.js";
+import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
 import * as React from "react";
 
 //#region src/components/Sources.d.ts
 /**
  * Props for the Sources root. Wraps Base UI Collapsible.Root.
  */
-interface SourcesProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
-  className?: string;
-}
+interface SourcesProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {}
 /**
  * Displays a collapsible list of citations used by an AI to generate a
  * response. Compose with SourcesTrigger, SourcesContent, and one or more
@@ -35,8 +33,7 @@ declare function Sources({
 }: SourcesProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface SourcesTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
-  className?: string;
+interface SourcesTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {
   /** Number of sources to show in the trigger label. */
   count: number;
 }
@@ -53,9 +50,7 @@ declare function SourcesTrigger({
 }: SourcesTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface SourcesContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
-  className?: string;
-}
+interface SourcesContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "unstyled"> {}
 /**
  * The collapsible panel that contains Source children.
  */

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { C as LinkIcon, l as ChevronRightIcon } from "../icons-CpfUer49.js";
+import { D as LinkIcon, f as ChevronRightIcon } from "../icons-CQJ-aMnI.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx
@@ -29,6 +29,7 @@ function Sources({ className, ref, ...props }) {
 		ref,
 		className: cx("sources", className),
 		...props,
+		"data-recipe": "disclosure-stack",
 		unstyled: true
 	});
 }

package/dist/components/Stepper.js

@@ -1,11 +1,12 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { B as SpinnerIcon, o as CheckIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { G as SpinnerIcon, l as CheckIcon } from "../icons-CQJ-aMnI.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-9UtZwb0J.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-9UtZwb0J.js";
-import { B as SpinnerIcon, U as StopIcon, o as CheckIcon, q as WarningIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { G as SpinnerIcon, Z as WarningIcon, l as CheckIcon, q as StopIcon } from "../icons-CQJ-aMnI.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-9UtZwb0J.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,9 +15,7 @@ function SubagentRunList({ className, onSelect, runs, selectedRunId, ref, ...pro
 			className: "subagent-run__list-item",
 			children: /* @__PURE__ */ jsx(SubagentRunSelector, {
 				run,
-				naniteIndex: run.order,
-				selected: run.runId === selectedRunId,
-				onSelect
+				render: renderRunLink(run)
 			})
 		}, run.runId))
 	});

package/dist/components/SubagentRunSelector.d.ts

@@ -1,47 +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" | "className" | "color" | "onSelect" | "size" | "variant"> {
-  className?: string;
+interface SubagentRunSelectorProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> {
   /** Complete retained-run state returned by `useAgentToolEvents()`. */
-  run?: AgentToolRunState<Part>;
-  /**
-   * @deprecated Pass `run` so the selector derives its content from the whole
-   * upstream object. Retained for the pre-0.15 presentation-only API.
-   */
-  children?: React.ReactNode;
-  naniteIndex?: number;
-  selected?: boolean;
+  run: AgentToolRunState<Part>;
+  /** 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,
-  children,
-  naniteIndex,
-  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,49 +1,47 @@
-import { t as cx } from "../class-names-9UtZwb0J.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";
 import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SubagentRunSelector.tsx
 /**
 * 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, children, naniteIndex = 0, onClick, onSelect, run, selected = false, tooltip, ref, "aria-label": ariaLabel, ...props }) {
-	const name = run ? getSubagentRunName(run) : void 0;
-	const button = /* @__PURE__ */ jsxs(Button, {
+function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label": ariaLabel, ...props }) {
+	const name = getSubagentRunName(run);
+	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,
-		"aria-label": ariaLabel ?? (run ? `Open ${name}, ${run.status}` : void 0),
-		onClick: (event) => {
-			onClick?.(event);
-			if (!event.defaultPrevented && run) onSelect?.(run);
-		},
+		"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}`,
 		...props,
-		children: [/* @__PURE__ */ jsx(NaniteMark, { index: naniteIndex }), run ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-			className: "subagent-run__title",
-			children: name
-		}), /* @__PURE__ */ jsx(SubagentRunIndicator, { run })] }) : /* @__PURE__ */ jsx("span", {
-			className: "subagent-run__trigger-content",
-			children
-		})]
+		children: [
+			/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
+			/* @__PURE__ */ jsx("span", {
+				className: "subagent-run__title",
+				children: name
+			}),
+			/* @__PURE__ */ jsx(SubagentRunIndicator, { run })
+		]
 	});
-	const tooltipContent = tooltip === false ? null : tooltip ?? (run ? getSubagentRunTooltip(run) : null);
-	if (!tooltipContent) return button;
+	const tooltipContent = tooltip === false ? null : tooltip ?? getSubagentRunTooltip(run);
+	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

@@ -2,17 +2,14 @@ import * as React from "react";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 
 //#region src/components/Switch.d.ts
-interface SwitchProps extends Omit<React.ComponentPropsWithRef<typeof Switch$1.Root>, "className"> {
-  className?: string;
+interface SwitchProps extends React.ComponentPropsWithRef<typeof Switch$1.Root> {
   /**
    * The size of the switch.
-   * @default 'default'
+   * @default 'md'
    */
-  size?: "sm" | "md" | "lg" | "default";
-}
-interface SwitchThumbProps extends Omit<React.ComponentPropsWithRef<typeof Switch$1.Thumb>, "className"> {
-  className?: string;
+  size?: "sm" | "md" | "lg";
 }
+interface SwitchThumbProps extends React.ComponentPropsWithRef<typeof Switch$1.Thumb> {}
 /**
  * A toggle switch component for binary choices.
  *

package/dist/components/Switch.js

@@ -1,3 +1,4 @@
+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";
@@ -23,17 +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 = [
-		"switch",
-		normalizedSize !== "default" && `switch--${normalizedSize}`,
-		className
-	].filter(Boolean).join(" ");
+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
 	});
@@ -41,8 +37,8 @@ function SwitchRoot({ size = "default", className = "", ref, ...props }) {
 /**
 * The thumb indicator for the Switch component.
 */
-function SwitchThumb({ className = "", ref, ...props }) {
-	const classes = ["switch__thumb", className].filter(Boolean).join(" ");
+function SwitchThumb({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["switch__thumb"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Switch$1.Thumb, {
 		ref,
 		"data-slot": "switch-thumb",

package/dist/components/Tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as TabsListVariantsOptions, i as TabsListProps, n as TabProps, o as TabsProps, r as Tabs, s as tabsListVariants, t as TabPanelProps } from "../Tabs-3Zc4tb9D.js";
-export { TabPanelProps, TabProps, Tabs, TabsListProps, TabsListVariantsOptions, TabsProps, tabsListVariants };
+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,3 +1,4 @@
+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";
@@ -26,26 +27,19 @@ function tabsListVariants({ variant = "default", className } = {}) {
 *
 * @see {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
 */
-function TabsRoot({ orientation = "horizontal", variant = "default", className = "", ref, ...props }) {
-	const classes = [
-		"tabs",
-		variant !== "default" && `tabs--${variant}`,
-		className
-	].filter(Boolean).join(" ");
+function TabsRoot({ orientation = "horizontal", variant = "default", className, ref, ...props }) {
+	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
 	});
 }
-function TabsList({ className = "", variant = "default", ref, ...props }) {
-	const classes = tabsListVariants({
-		variant,
-		className
-	});
+function TabsList({ className, variant = "default", ref, ...props }) {
+	const classes = mergeBaseClassName(tabsListVariants({ variant }), className);
 	return /* @__PURE__ */ jsx(Tabs$1.List, {
 		ref,
 		"data-slot": "tabs-list",
@@ -54,8 +48,8 @@ function TabsList({ className = "", variant = "default", ref, ...props }) {
 		...props
 	});
 }
-function Tab({ className = "", ref, ...props }) {
-	const classes = ["tabs__tab", className].filter(Boolean).join(" ");
+function Tab({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("tabs__tab", className);
 	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
 		ref,
 		"data-slot": "tabs-trigger",
@@ -63,8 +57,17 @@ function Tab({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function TabPanel({ className = "", ref, ...props }) {
-	const classes = ["tabs__panel", className].filter(Boolean).join(" ");
+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, {
 		ref,
 		"data-slot": "tabs-content",
@@ -76,8 +79,8 @@ const Tabs = {
 	Root: TabsRoot,
 	List: TabsList,
 	Tab,
-	Indicator: Tabs$1.Indicator,
+	Indicator: TabsIndicator,
 	Panel: TabPanel
 };
 //#endregion
-export { Tabs, tabsListVariants };
+export { Tabs };

package/dist/components/Task.d.ts

@@ -1,10 +1,8 @@
-import { Collapsible } from "./Collapsible.js";
+import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
 import * as React from "react";
 
 //#region src/components/Task.d.ts
-interface TaskProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
-  className?: string;
-}
+interface TaskProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {}
 /**
  * A collapsible task/workflow list. Compose with TaskTrigger, TaskContent,
  * TaskItem, and TaskItemFile to show structured progress for a multi-step
@@ -36,8 +34,7 @@ declare function Task({
 }: TaskProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TaskTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
-  className?: string;
+interface TaskTriggerProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {
   /** Heading text shown in the trigger row. */
   title: string;
 }
@@ -53,9 +50,7 @@ declare function TaskTrigger({
 }: TaskTriggerProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface TaskContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
-  className?: string;
-}
+interface TaskContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "unstyled"> {}
 /**
  * The collapsible panel containing TaskItem children.
  */

package/dist/components/Task.js

@@ -1,6 +1,6 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { R as SearchIcon, l as ChevronRightIcon, v as FileIcon } from "../icons-CpfUer49.js";
+import { U as SearchIcon, f as ChevronRightIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx
@@ -33,6 +33,7 @@ function Task({ className, defaultOpen = true, ref, ...props }) {
 		className: cx("task", className),
 		defaultOpen,
 		...props,
+		"data-recipe": "disclosure-stack",
 		unstyled: true
 	});
 }
@@ -61,7 +62,7 @@ function TaskTrigger({ className, title, children, ref, ...props }) {
 				children: /* @__PURE__ */ jsx(SearchIcon, {})
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "task__trigger-title",
+				className: "task__trigger-title sigvelo-truncate",
 				children: title
 			}),
 			/* @__PURE__ */ jsx("span", {

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-DtPMgN7e.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
@@ -103,8 +103,7 @@ declare function TerminalCopyButton({
   onClick,
   ...props
 }: TerminalCopyButtonProps): React.JSX.Element;
-interface TerminalClearButtonProps extends Omit<ButtonProps, "children" | "variant" | "size" | "color" | "className" | "onClick"> {
-  className?: string;
+interface TerminalClearButtonProps extends Omit<ButtonProps, "children" | "variant" | "size" | "color" | "onClick"> {
   label?: string;
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }

package/dist/components/Terminal.js

@@ -1,8 +1,8 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { G as TerminalIcon, Y as XIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { $ as XIcon, Y as TerminalIcon } from "../icons-CQJ-aMnI.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-Dejn5heL.js";
+import { t as CopyButton } from "../copy-button-DeK6KXEV.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,