@mcp-b/react-components 0.16.0 → 0.17.0

package/dist/components/BrowserRunPanel.js

@@ -1,6 +1,7 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { B as SpinnerIcon, Y as XIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { V as SpinnerIcon, X as XIcon } from "../icons--FqCZEc3.js";
 import { Button } from "./Button.js";
+import { Tabs } from "./Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "./WebPreview.js";
 import * as React from "react";
@@ -35,76 +36,68 @@ function BrowserRunPanelState({ children, role, tone = "neutral" }) {
 * data and calls app-provided refresh/close callbacks.
 */
 function BrowserRunPanel({ liveView, onRefresh, onCloseSession, loading, error, label = "Browser", empty = "No live browser session", fallback, className, ref, ...props }) {
-	const [selectedTargetId, setSelectedTargetId] = React.useState();
+	const [requestedTargetId, setRequestedTargetId] = React.useState();
 	const [receivedAt, setReceivedAt] = React.useState(() => Date.now());
-	const tabRefs = React.useRef(/* @__PURE__ */ new Map());
-	const tabListId = React.useId();
 	React.useEffect(() => {
 		if (liveView) setReceivedAt(Date.now());
 	}, [liveView]);
 	const targets = liveView?.targets ?? [];
-	const target = pickTarget(targets, selectedTargetId);
+	const target = pickTarget(targets, requestedTargetId);
 	const pageUrl = target?.pageUrl ?? "";
-	const selectTarget = React.useCallback((nextTarget) => {
-		setSelectedTargetId(nextTarget.targetId);
-	}, []);
-	const handleTabListKeyDown = (event) => {
-		const currentIndex = targets.findIndex((candidate) => candidate.targetId === target?.targetId);
-		if (currentIndex < 0) return;
-		let nextIndex;
-		if (event.key === "ArrowRight") nextIndex = (currentIndex + 1) % targets.length;
-		if (event.key === "ArrowLeft") nextIndex = (currentIndex - 1 + targets.length) % targets.length;
-		if (event.key === "Home") nextIndex = 0;
-		if (event.key === "End") nextIndex = targets.length - 1;
-		if (nextIndex === void 0) return;
-		event.preventDefault();
-		const nextTarget = targets[nextIndex];
-		if (!nextTarget) return;
-		selectTarget(nextTarget);
-		tabRefs.current.get(nextTarget.targetId)?.focus();
+	const body = target && liveView ? /* @__PURE__ */ jsx(BrowserLiveView, {
+		source: {
+			url: target.url,
+			targetId: target.targetId,
+			expiresInMs: liveView.expiresInMs
+		},
+		receivedAt,
+		pageTitle: target.title ?? target.pageUrl,
+		fallback,
+		className: "browser-run-panel__live-view"
+	}) : loading ? /* @__PURE__ */ jsxs(BrowserRunPanelState, {
+		role: "status",
+		children: [/* @__PURE__ */ jsx(SpinnerIcon, { className: "browser-run-panel__spinner" }), "Loading browser session"]
+	}) : /* @__PURE__ */ jsx(BrowserRunPanelState, { children: empty });
+	const bodyProps = {
+		className: "web-preview__body browser-run-panel__body",
+		"aria-busy": loading || void 0
 	};
-	return /* @__PURE__ */ jsxs(WebPreview, {
-		ref,
+	return /* @__PURE__ */ jsxs(Tabs.Root, {
 		className: cx("browser-run-panel", className),
-		url: pageUrl,
-		role: "region",
-		"aria-label": typeof label === "string" ? label : "Browser",
-		...props,
+		value: target?.targetId ?? null,
+		onValueChange: (value) => {
+			if (typeof value === "string") setRequestedTargetId(value);
+		},
+		render: /* @__PURE__ */ jsx(WebPreview, {
+			ref,
+			url: pageUrl,
+			role: "region",
+			"aria-label": typeof label === "string" ? label : "Browser",
+			...props
+		}),
 		children: [
-			targets.length > 1 ? /* @__PURE__ */ jsx(WebPreviewNavigation, { children: /* @__PURE__ */ jsx("div", {
-				id: tabListId,
+			targets.length > 1 ? /* @__PURE__ */ jsx(WebPreviewNavigation, { children: /* @__PURE__ */ jsx(Tabs.List, {
 				className: "browser-run-panel__tabs",
-				role: "tablist",
 				"aria-label": "Open browser pages",
-				onKeyDown: handleTabListKeyDown,
-				children: targets.map((candidate) => {
-					const selected = candidate.targetId === target?.targetId;
-					return /* @__PURE__ */ jsxs(Button, {
-						ref: (node) => {
-							if (node) tabRefs.current.set(candidate.targetId, node);
-							else tabRefs.current.delete(candidate.targetId);
-						},
+				activateOnFocus: true,
+				children: targets.map((candidate) => /* @__PURE__ */ jsxs(Tabs.Tab, {
+					value: candidate.targetId,
+					className: "browser-run-panel__tab",
+					render: /* @__PURE__ */ jsx(Button, {
 						type: "button",
 						variant: "ghost",
 						color: "neutral",
-						size: "sm",
-						className: "browser-run-panel__tab",
-						role: "tab",
-						id: `${tabListId}-${candidate.targetId}`,
-						"aria-selected": selected,
-						"aria-controls": `${tabListId}-panel`,
-						tabIndex: selected ? 0 : -1,
-						onClick: () => selectTarget(candidate),
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "browser-run-panel__tab-glyph",
-							"aria-hidden": "true",
-							children: targetGlyph(candidate)
-						}), /* @__PURE__ */ jsx("span", {
-							className: "browser-run-panel__tab-title",
-							children: targetLabel(candidate)
-						})]
-					}, candidate.targetId);
-				})
+						size: "sm"
+					}),
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "browser-run-panel__tab-glyph",
+						"aria-hidden": "true",
+						children: targetGlyph(candidate)
+					}), /* @__PURE__ */ jsx("span", {
+						className: "browser-run-panel__tab-title",
+						children: targetLabel(candidate)
+					})]
+				}, candidate.targetId))
 			}) }) : null,
 			/* @__PURE__ */ jsxs(WebPreviewNavigation, {
 				className: "browser-run-panel__address-bar",
@@ -131,26 +124,13 @@ function BrowserRunPanel({ liveView, onRefresh, onCloseSession, loading, error,
 				tone: "danger",
 				children: error
 			}) : null,
-			/* @__PURE__ */ jsx("div", {
-				id: `${tabListId}-panel`,
-				className: "web-preview__body browser-run-panel__body",
-				role: targets.length > 1 ? "tabpanel" : void 0,
-				"aria-labelledby": targets.length > 1 && target ? `${tabListId}-${target.targetId}` : void 0,
-				"aria-busy": loading || void 0,
-				children: target && liveView ? /* @__PURE__ */ jsx(BrowserLiveView, {
-					source: {
-						url: target.url,
-						targetId: target.targetId,
-						expiresInMs: liveView.expiresInMs
-					},
-					receivedAt,
-					pageTitle: target.title ?? target.pageUrl,
-					fallback,
-					className: "browser-run-panel__live-view"
-				}) : loading ? /* @__PURE__ */ jsxs(BrowserRunPanelState, {
-					role: "status",
-					children: [/* @__PURE__ */ jsx(SpinnerIcon, { className: "browser-run-panel__spinner" }), "Loading browser session"]
-				}) : /* @__PURE__ */ jsx(BrowserRunPanelState, { children: empty })
+			targets.length > 1 && target ? /* @__PURE__ */ jsx(Tabs.Panel, {
+				...bodyProps,
+				value: target.targetId,
+				children: body
+			}) : /* @__PURE__ */ jsx("div", {
+				...bodyProps,
+				children: body
 			})
 		]
 	});

package/dist/components/Button.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
 import { jsx } from "react/jsx-runtime";
 import { Button as Button$1 } from "@base-ui/react/button";
 //#region src/components/Button.tsx
@@ -32,17 +33,11 @@ function Button({ variant = "normal", color = "primary", size = "md", className,
 	return /* @__PURE__ */ jsx(Button$1, {
 		ref,
 		"data-slot": "button",
-		className: typeof className === "function" ? (state) => buttonVariants({
+		className: mergeBaseClassName(buttonVariants({
 			variant,
 			color,
-			size,
-			className: className(state)
-		}) : buttonVariants({
-			variant,
-			color,
-			size,
-			className
-		}),
+			size
+		}), className),
 		nativeButton: nativeButton ?? props.render == null,
 		...props
 	});

package/dist/components/ChainOfThought.d.ts

@@ -1,11 +1,9 @@
-import { Collapsible } from "./Collapsible.js";
-import { S as IconProps } from "../icons-GQd1xF4e.js";
+import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
+import { C as IconProps } from "../icons-DpUqY8Mp.js";
 import * as React from "react";
 
 //#region src/components/ChainOfThought.d.ts
-interface ChainOfThoughtProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "className" | "unstyled"> {
-  className?: string;
-}
+interface ChainOfThoughtProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {}
 /**
  * A collapsible display of an AI's step-by-step reasoning trace. Compose
  * ChainOfThoughtHeader with ChainOfThoughtContent, then nest
@@ -38,9 +36,7 @@ declare function ChainOfThought({
 }: ChainOfThoughtProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ChainOfThoughtHeaderProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "className" | "unstyled"> {
-  className?: string;
-}
+interface ChainOfThoughtHeaderProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {}
 /**
  * Clickable header row that toggles the reasoning trace.
  */
@@ -52,9 +48,7 @@ declare function ChainOfThoughtHeader({
 }: ChainOfThoughtHeaderProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface ChainOfThoughtContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "className" | "unstyled"> {
-  className?: string;
-}
+interface ChainOfThoughtContentProps extends Omit<React.ComponentProps<typeof Collapsible.Panel>, "unstyled"> {}
 /**
  * Collapsible panel containing step rows.
  */

package/dist/components/ChainOfThought.js

@@ -1,6 +1,6 @@
+import { t as cx } from "../class-names-Bk-QLWWI.js";
 import { Collapsible } from "./Collapsible.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { B as SpinnerIcon, l as ChevronRightIcon, o as CheckIcon, p as DotIcon } from "../icons-CpfUer49.js";
+import { V as SpinnerIcon, m as DotIcon, s as CheckIcon, u as ChevronRightIcon } from "../icons--FqCZEc3.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChainOfThought.tsx
@@ -34,6 +34,7 @@ function ChainOfThought({ className, ref, ...props }) {
 		ref,
 		className: cx("chain-of-thought", className),
 		...props,
+		"data-recipe": "disclosure-stack",
 		unstyled: true
 	});
 }

package/dist/components/ChatGptSignInScreen.js

@@ -1,7 +1,7 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { B as SpinnerIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { V as SpinnerIcon } from "../icons--FqCZEc3.js";
 import { Button } from "./Button.js";
-import { u as ModelSelectorLogo } from "../ModelSelector-SlJNgwKY.js";
+import { u as ModelSelectorLogo } from "../ModelSelector-BNrZlY_Y.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChatGptSignInScreen.tsx

package/dist/components/Checkbox.d.ts

@@ -5,10 +5,7 @@ import { Checkbox as Checkbox$1, CheckboxRootProps } from "@base-ui/react/checkb
 /**
  * Props for the Checkbox component.
  */
-interface CheckboxProps extends Omit<CheckboxRootProps, "className"> {
-  /** Additional CSS class names */
-  className?: string;
-}
+interface CheckboxProps extends CheckboxRootProps {}
 /**
  * An accessible checkbox component with custom styling.
  *
@@ -33,6 +30,7 @@ declare function CheckboxRoot({
 }): React.JSX.Element;
 declare function CheckboxIndicator({
   children,
+  className,
   ...props
 }: Checkbox$1.Indicator.Props): React.JSX.Element;
 declare const Checkbox: {

package/dist/components/Checkbox.js

@@ -1,4 +1,5 @@
-import { o as CheckIcon } from "../icons-CpfUer49.js";
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { s as CheckIcon } from "../icons--FqCZEc3.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
@@ -18,8 +19,8 @@ import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 *
 * @see {@link https://base-ui.com/react/components/checkbox | Base UI Checkbox}
 */
-function CheckboxRoot({ className = "", ref, ...props }) {
-	const classes = ["checkbox", className].filter(Boolean).join(" ");
+function CheckboxRoot({ className, ref, ...props }) {
+	const classes = mergeBaseClassName(["checkbox"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Checkbox$1.Root, {
 		ref,
 		"data-slot": "checkbox",
@@ -27,10 +28,10 @@ function CheckboxRoot({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function CheckboxIndicator({ children, ...props }) {
+function CheckboxIndicator({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
 		"data-slot": "checkbox-indicator",
-		className: "checkbox__indicator",
+		className: mergeBaseClassName("checkbox__indicator", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {
 			size: 12,

package/dist/components/CheckboxGroup.d.ts

@@ -5,9 +5,7 @@ import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group"
 /**
  * Props for the CheckboxGroup component.
  */
-interface CheckboxGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxGroup$1>, "className"> {
-  /** Additional CSS class names */
-  className?: string;
+interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<typeof CheckboxGroup$1> {
   /** Layout for the choices in this group. */
   layout?: "stack" | "grid";
 }

package/dist/components/CheckboxGroup.js

@@ -1,3 +1,4 @@
+import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group";
@@ -58,59 +59,59 @@ import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group"
 *
 * @see {@link https://base-ui.com/react/components/checkbox-group | Base UI CheckboxGroup}
 */
-function CheckboxGroupRoot({ className = "", layout = "stack", ref, ...props }) {
+function CheckboxGroupRoot({ className, layout = "stack", ref, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxGroup$1, {
 		ref,
 		"data-layout": layout,
-		className: ["checkbox-group", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupItem({ className = "", ref, ...props }) {
+function CheckboxGroupItem({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("label", {
 		ref,
 		"data-slot": "checkbox-group-item",
-		className: ["checkbox-group__item", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__item"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupIcon({ className = "", ref, ...props }) {
+function CheckboxGroupIcon({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-icon",
-		className: ["checkbox-group__icon", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__icon"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupContent({ className = "", ref, ...props }) {
+function CheckboxGroupContent({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-content",
-		className: ["checkbox-group__content", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__content"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupTitle({ className = "", ref, ...props }) {
+function CheckboxGroupTitle({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-title",
-		className: ["checkbox-group__title", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__title"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupDescription({ className = "", ref, ...props }) {
+function CheckboxGroupDescription({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-description",
-		className: ["checkbox-group__description", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__description"].filter(Boolean).join(" "), className),
 		...props
 	});
 }
-function CheckboxGroupTrailing({ className = "", ref, ...props }) {
+function CheckboxGroupTrailing({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,
 		"data-slot": "checkbox-group-trailing",
-		className: ["checkbox-group__trailing", className].filter(Boolean).join(" "),
+		className: mergeBaseClassName(["checkbox-group__trailing"].filter(Boolean).join(" "), className),
 		...props
 	});
 }

package/dist/components/Checkpoint.d.ts

@@ -0,0 +1,64 @@
+import { MarkerProps } from "./Marker.js";
+import * as React from "react";
+
+//#region src/components/Checkpoint.d.ts
+interface CheckpointProps extends Omit<MarkerProps, "render" | "variant"> {
+  /** Checkpoint icon, metadata, and optional application-owned actions. */
+  children?: React.ReactNode;
+}
+/**
+ * Presentation-only durable-boundary marker.
+ *
+ * Actions are ordinary composed buttons or links; this primitive does not
+ * save, restore, resume, or otherwise call an agent transport.
+ */
+declare function Checkpoint({
+  className,
+  ref,
+  ...props
+}: CheckpointProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface CheckpointIconProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function CheckpointIcon({
+  children,
+  className,
+  ref,
+  ...props
+}: CheckpointIconProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface CheckpointContentProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function CheckpointContent({
+  className,
+  ref,
+  ...props
+}: CheckpointContentProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface CheckpointTitleProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function CheckpointTitle({
+  className,
+  ref,
+  ...props
+}: CheckpointTitleProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface CheckpointDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function CheckpointDescription({
+  className,
+  ref,
+  ...props
+}: CheckpointDescriptionProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface CheckpointActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function CheckpointActions({
+  className,
+  ref,
+  ...props
+}: CheckpointActionsProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+//#endregion
+export { Checkpoint, CheckpointActions, CheckpointActionsProps, CheckpointContent, CheckpointContentProps, CheckpointDescription, CheckpointDescriptionProps, CheckpointIcon, CheckpointIconProps, CheckpointProps, CheckpointTitle, CheckpointTitleProps };

package/dist/components/Checkpoint.js

@@ -0,0 +1,63 @@
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { a as BookmarkIcon } from "../icons--FqCZEc3.js";
+import { Marker, MarkerIcon } from "./Marker.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Checkpoint.tsx
+/**
+* Presentation-only durable-boundary marker.
+*
+* Actions are ordinary composed buttons or links; this primitive does not
+* save, restore, resume, or otherwise call an agent transport.
+*/
+function Checkpoint({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Marker, {
+		ref,
+		"data-slot": "checkpoint",
+		className: cx("checkpoint", className),
+		variant: "separator",
+		...props
+	});
+}
+function CheckpointIcon({ children, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(MarkerIcon, {
+		ref,
+		className: cx("checkpoint__icon", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(BookmarkIcon, {})
+	});
+}
+function CheckpointContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "checkpoint-content",
+		className: cx("checkpoint__content", className),
+		...props
+	});
+}
+function CheckpointTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "checkpoint-title",
+		className: cx("checkpoint__title", className),
+		...props
+	});
+}
+function CheckpointDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "checkpoint-description",
+		className: cx("checkpoint__description", className),
+		...props
+	});
+}
+function CheckpointActions({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "checkpoint-actions",
+		className: cx("checkpoint__actions", className),
+		...props
+	});
+}
+//#endregion
+export { Checkpoint, CheckpointActions, CheckpointContent, CheckpointDescription, CheckpointIcon, CheckpointTitle };

package/dist/components/CodeBlock.d.ts

@@ -1,2 +1,2 @@
-import { A as CodeBlockLanguage, C as CodeBlockLanguageSelectorValueProps, D as TokenizedCode, E as CodeBlockTitleProps, O as highlightCode, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, k as CODE_BLOCK_LANGUAGES, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../CodeBlock-BRajW4QU.js";
+import { A as CodeBlockLanguage, C as CodeBlockLanguageSelectorValueProps, D as TokenizedCode, E as CodeBlockTitleProps, O as highlightCode, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, k as CODE_BLOCK_LANGUAGES, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../CodeBlock-Dnpr88ZQ.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockActionsProps, CodeBlockContainer, CodeBlockContainerProps, CodeBlockContent, CodeBlockContentProps, CodeBlockCopyButton, CodeBlockCopyButtonProps, CodeBlockFilename, CodeBlockFilenameProps, CodeBlockHeader, CodeBlockHeaderProps, type CodeBlockLanguage, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorContentProps, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorItemProps, CodeBlockLanguageSelectorProps, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorTriggerProps, CodeBlockLanguageSelectorValue, CodeBlockLanguageSelectorValueProps, CodeBlockProps, CodeBlockTitle, CodeBlockTitleProps, TokenizedCode, highlightCode };

package/dist/components/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-BmB4Xaqq.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-Co1noLbC.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };

package/dist/components/CodexModelSelector.d.ts

@@ -1,4 +1,4 @@
-import { d as MenuProps } from "../Menu-Bgu-ufb5.js";
+import { d as MenuProps } from "../Menu-L6MZm-7N.js";
 import { CodexModel } from "../utils/codex-model-catalog.js";
 import * as React from "react";
 

package/dist/components/CodexModelSelector.js

@@ -1,5 +1,5 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { L as RefreshIcon, l as ChevronRightIcon, o as CheckIcon, s as ChevronDownIcon } from "../icons-CpfUer49.js";
+import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { R as RefreshIcon, c as ChevronDownIcon, s as CheckIcon, u as ChevronRightIcon } from "../icons--FqCZEc3.js";
 import { Menu } from "./Menu.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";