@mcp-b/react-components 0.46.7 → 0.47.0

package/dist/components/ai-sdk/ConnectedAppCards.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { G as SlackIcon, O as MailIcon, _ as DotIcon, d as CheckIcon, tt as XIcon, u as CalendarIcon } from "../../icons-BC4HZqSK.js";
+import { G as SlackIcon, O as MailIcon, _ as DotIcon, d as CheckIcon, nt as XIcon, u as CalendarIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
 import { Input } from "../foundations/Input.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/ConnectedAppCards.tsx
@@ -14,6 +14,18 @@ const STATE_ICON = {
 	sent: CheckIcon,
 	denied: XIcon
 };
+function useDraftUpdater(draft, onChange) {
+	const current = React.useRef(draft);
+	current.current = draft;
+	return (patch) => {
+		const next = {
+			...current.current,
+			...patch
+		};
+		current.current = next;
+		onChange?.(next);
+	};
+}
 function useDecision(handlers) {
 	const [reason, setReason] = React.useState("");
 	const [busy, setBusy] = React.useState(false);
@@ -60,15 +72,8 @@ function FieldList({ children, editing, items, onFieldChange }) {
 		})
 	}) : null, children] });
 }
-function StateIndicator({ state, labels }) {
-	const Icon = STATE_ICON[state];
-	return /* @__PURE__ */ jsxs(CardAction, {
-		className: "connected-app-card__status",
-		"data-state": state,
-		children: [/* @__PURE__ */ jsx(Icon, { size: 14 }), labels[state]]
-	});
-}
-function ConnectedAppCardFrame({ children, className, icon, kind, sendLabel, slot, state = "pending", stateLabels, onDiscard, onReject, onSend, ref, ...props }) {
+function ConnectedAppCardFrame({ children, className, headerActions, icon, kind, sendLabel, slot, state = "pending", saveState, stateLabels, onDiscard, onReject, onSend, ref, ...props }) {
+	const StateIcon = STATE_ICON[state];
 	const titleId = React.useId();
 	const ariaLabel = props["aria-label"];
 	const ariaLabelledBy = props["aria-labelledby"] ?? (ariaLabel ? void 0 : titleId);
@@ -78,6 +83,8 @@ function ConnectedAppCardFrame({ children, className, icon, kind, sendLabel, slo
 		onReject,
 		onSend
 	});
+	const saveBlocked = saveState !== void 0;
+	const saveErrorMessage = saveState?.status === "error" ? saveState.message : "";
 	return /* @__PURE__ */ jsxs(Card, {
 		...props,
 		ref,
@@ -97,9 +104,13 @@ function ConnectedAppCardFrame({ children, className, icon, kind, sendLabel, slo
 					"aria-hidden": "true",
 					children: icon
 				}), kind]
-			}), /* @__PURE__ */ jsx(StateIndicator, {
-				state,
-				labels: stateLabels
+			}), /* @__PURE__ */ jsxs(CardAction, {
+				className: "sigvelo-cluster",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "connected-app-card__status",
+					"data-state": state,
+					children: [/* @__PURE__ */ jsx(StateIcon, { size: 14 }), stateLabels[state]]
+				}), headerActions]
 			})] }),
 			/* @__PURE__ */ jsxs(CardContent, { children: [
 				children,
@@ -117,12 +128,23 @@ function ConnectedAppCardFrame({ children, className, icon, kind, sendLabel, slo
 						}
 					}
 				})] }) : null,
+				saveErrorMessage ? /* @__PURE__ */ jsxs("div", {
+					className: "connected-app-card__save-error",
+					children: [/* @__PURE__ */ jsx(Field.Errors, { errors: [saveErrorMessage] }), saveState?.status === "error" && saveState.onRetry ? /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "sm",
+						variant: "ghost",
+						color: "neutral",
+						onClick: saveState.onRetry,
+						children: "Retry save"
+					}) : null]
+				}) : null,
 				decision.errorMessage ? /* @__PURE__ */ jsx(Field.Errors, { errors: [decision.errorMessage] }) : null,
 				/* @__PURE__ */ jsx("span", {
 					className: "sigvelo-visually-hidden",
 					role: "status",
 					"aria-atomic": "true",
-					children: decision.errorMessage || (decision.busy ? "Submitting" : "")
+					children: saveErrorMessage || decision.errorMessage || (saveState?.status === "saving" ? "Saving" : decision.busy ? "Submitting" : "")
 				})
 			] }),
 			hasDecision ? /* @__PURE__ */ jsxs(CardFooter, {
@@ -131,7 +153,7 @@ function ConnectedAppCardFrame({ children, className, icon, kind, sendLabel, slo
 					decision.send ? /* @__PURE__ */ jsx(Button, {
 						type: "button",
 						size: "sm",
-						disabled: decision.busy,
+						disabled: decision.busy || saveBlocked,
 						onClick: () => void decision.send?.(),
 						children: sendLabel
 					}) : null,
@@ -164,12 +186,12 @@ function ConnectedAppCardFrame({ children, className, icon, kind, sendLabel, slo
 */
 function EmailMessageCard({ body, from, icon, onChange, onDiscard, onReject, onSend, state = "pending", subject, to, ref, ...props }) {
 	const editing = state === "pending" && onChange != null;
-	const draft = {
+	const updateDraft = useDraftUpdater({
 		from,
 		to,
 		subject,
 		body
-	};
+	}, onChange);
 	return /* @__PURE__ */ jsx(ConnectedAppCardFrame, {
 		...props,
 		ref,
@@ -188,10 +210,7 @@ function EmailMessageCard({ body, from, icon, onChange, onDiscard, onReject, onS
 		onSend,
 		children: /* @__PURE__ */ jsx(FieldList, {
 			editing,
-			onFieldChange: (name, value) => onChange?.({
-				...draft,
-				[name]: value
-			}),
+			onFieldChange: (name, value) => updateDraft({ [name]: value }),
 			items: (editing ? [
 				{
 					name: "from",
@@ -233,10 +252,7 @@ function EmailMessageCard({ body, from, icon, onChange, onDiscard, onReject, onS
 					autoComplete: "off"
 				}),
 				value: body ?? "",
-				onChange: (event) => onChange({
-					...draft,
-					body: event.currentTarget.value
-				})
+				onChange: (event) => updateDraft({ body: event.currentTarget.value })
 			})] }) : body != null && body !== "" ? /* @__PURE__ */ jsx("p", {
 				className: "connected-app-card__body",
 				children: body
@@ -247,12 +263,12 @@ function EmailMessageCard({ body, from, icon, onChange, onDiscard, onReject, onS
 /** Slack draft or posted message with workspace, destination, and thread fields. */
 function SlackMessageCard({ icon, message, onChange, onDiscard, onReject, onSend, state = "pending", thread, to, workspace, ref, ...props }) {
 	const editing = state === "pending" && onChange != null;
-	const draft = {
+	const updateDraft = useDraftUpdater({
 		workspace,
 		to,
 		thread,
 		message
-	};
+	}, onChange);
 	return /* @__PURE__ */ jsx(ConnectedAppCardFrame, {
 		...props,
 		ref,
@@ -271,10 +287,7 @@ function SlackMessageCard({ icon, message, onChange, onDiscard, onReject, onSend
 		onSend,
 		children: /* @__PURE__ */ jsx(FieldList, {
 			editing,
-			onFieldChange: (name, value) => onChange?.({
-				...draft,
-				[name]: value
-			}),
+			onFieldChange: (name, value) => updateDraft({ [name]: value }),
 			items: (editing ? [
 				{
 					name: "workspace",
@@ -316,10 +329,7 @@ function SlackMessageCard({ icon, message, onChange, onDiscard, onReject, onSend
 					autoComplete: "off"
 				}),
 				value: message,
-				onChange: (event) => onChange({
-					...draft,
-					message: event.currentTarget.value
-				})
+				onChange: (event) => updateDraft({ message: event.currentTarget.value })
 			})] }) : /* @__PURE__ */ jsx("p", {
 				className: "connected-app-card__body",
 				children: message
@@ -333,13 +343,13 @@ function SlackMessageCard({ icon, message, onChange, onDiscard, onReject, onSend
 */
 function CalendarEventCard({ attendees, eventTitle, icon, location, onChange, onDiscard, onReject, onSend, state = "pending", when, whenDateTime, ref, ...props }) {
 	const editing = state === "pending" && onChange != null;
-	const draft = {
+	const updateDraft = useDraftUpdater({
 		eventTitle,
 		when,
 		whenDateTime,
 		location,
 		attendees
-	};
+	}, onChange);
 	return /* @__PURE__ */ jsx(ConnectedAppCardFrame, {
 		...props,
 		ref,
@@ -358,10 +368,7 @@ function CalendarEventCard({ attendees, eventTitle, icon, location, onChange, on
 		onSend,
 		children: /* @__PURE__ */ jsx(FieldList, {
 			editing,
-			onFieldChange: (name, value) => onChange?.({
-				...draft,
-				[name]: value
-			}),
+			onFieldChange: (name, value) => updateDraft({ [name]: value }),
 			items: editing ? [
 				{
 					name: "eventTitle",

package/dist/components/ai-sdk/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-BC4HZqSK.js";
+import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as assignRef } from "../../merge-refs-DF_7w2x_.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";

package/dist/components/ai-sdk/Goal.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { L as PauseIcon, Q as TrashIcon, X as TargetIcon, z as PlayIcon } from "../../icons-BC4HZqSK.js";
+import { L as PauseIcon, Q as TrashIcon, X as TargetIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import * as React from "react";

package/dist/components/ai-sdk/InlineCitation.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { PreviewCard } from "../foundations/PreviewCard.js";
 import { Popover } from "../foundations/Popover.js";
+import { PreviewCard } from "../foundations/PreviewCard.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/InlineCitation.tsx

package/dist/components/ai-sdk/MediaPreviewCard.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { z as PlayIcon } from "../../icons-BC4HZqSK.js";
+import { z as PlayIcon } from "../../icons-cuEtsgj9.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { Card } from "../foundations/Card.js";
 import * as React from "react";

package/dist/components/ai-sdk/Message.js

@@ -1,6 +1,6 @@
 import { parseComposerHref } from "../../utils/composer-link.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-BC4HZqSK.js";
+import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";

package/dist/components/ai-sdk/MessageScroller.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-BC4HZqSK.js";
+import { n as ArrowDownIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import "react";

package/dist/components/ai-sdk/MessageScrollerVirtual.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-BC4HZqSK.js";
+import { n as ArrowDownIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import * as React from "react";

package/dist/components/ai-sdk/Plan.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { _ as DotIcon, d as CheckIcon, i as ArrowRightIcon } from "../../icons-BC4HZqSK.js";
+import { _ as DotIcon, d as CheckIcon, i as ArrowRightIcon } from "../../icons-cuEtsgj9.js";
 import { Popover } from "../foundations/Popover.js";
 import { t as ProgressRing } from "../../progress-ring-Cgii90dC.js";
 import * as React from "react";

package/dist/components/ai-sdk/PromptInput.js

@@ -1,18 +1,18 @@
 import { composerTriggerMatch, parseComposerLinks, replaceComposerTrigger } from "../../utils/composer-link.js";
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, B as PlusIcon, C as FolderIcon, I as PaperclipIcon, J as StopIcon, K as SpinnerIcon, M as MicrophoneIcon, P as MonitorIcon, S as FileIcon, a as ArrowUpIcon, d as CheckIcon, et as WrenchIcon, f as ChevronDownIcon, q as SquareIcon, tt as XIcon } from "../../icons-BC4HZqSK.js";
+import { B as PlusIcon, C as FolderIcon, I as PaperclipIcon, J as StopIcon, K as SpinnerIcon, M as MicrophoneIcon, P as MonitorIcon, S as FileIcon, a as ArrowUpIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, nt as XIcon, q as SquareIcon, tt as WrenchIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { IconButton } from "../foundations/IconButton.js";
+import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
+import { a as formatErrorMessage, i as formatClock, n as clamp } from "../../format-COCyV98Z.js";
+import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
+import { ComposerLink } from "./ComposerLink.js";
 import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Kbd } from "../foundations/Kbd.js";
 import { Menu } from "../foundations/Menu.js";
 import { PreviewCard } from "../foundations/PreviewCard.js";
 import { Tabs } from "../foundations/Tabs.js";
-import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
-import { a as formatErrorMessage, i as formatClock, n as clamp } from "../../format-COCyV98Z.js";
-import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
-import { ComposerLink } from "./ComposerLink.js";
 import { PromptInputComposerEditor, readComposerDom, writeComposerDom } from "./PromptInputComposerEditor.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ai-sdk/Queue.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-BC4HZqSK.js";
 import { Button } from "../foundations/Button.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import "react";

package/dist/components/ai-sdk/Reasoning.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../../icons-BC4HZqSK.js";
+import { K as SpinnerIcon } from "../../icons-cuEtsgj9.js";
 import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
 import { MessageResponse } from "./Message.js";
 import * as React from "react";

package/dist/components/ai-sdk/Sources.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-BC4HZqSK.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Sources.tsx

package/dist/components/ai-sdk/Task.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { S as FileIcon, U as SearchIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, U as SearchIcon, p as ChevronRightIcon } from "../../icons-BC4HZqSK.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Task.tsx

package/dist/components/extension/ChatGptSignInScreen.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../../icons-BC4HZqSK.js";
+import { K as SpinnerIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
 import "react";

package/dist/components/extension/CodexModelSelector.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-BC4HZqSK.js";
+import { H as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { Menu } from "../foundations/Menu.js";
 import { c as titleCase } from "../../format-COCyV98Z.js";
+import { Menu } from "../foundations/Menu.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/CodexModelSelector.tsx

package/dist/components/extension/ConversationTabPicker.js

@@ -1,8 +1,8 @@
-import { $ as WarningIcon } from "../../icons-BC4HZqSK.js";
+import { et as WarningIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Avatar } from "../foundations/Avatar.js";
+import { Menu } from "../foundations/Menu.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/ConversationTabPicker.tsx

package/dist/components/foundations/Checkbox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon } from "../../icons-BC4HZqSK.js";
+import { d as CheckIcon } from "../../icons-cuEtsgj9.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/foundations/Checkbox.tsx

package/dist/components/foundations/Collapsible.js

@@ -1,7 +1,7 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
-import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 import { jsx } from "react/jsx-runtime";
+import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 //#region src/components/foundations/Collapsible.tsx
 /**
 * Container that groups all collapsible parts. Renders a `<div>` element.

package/dist/components/foundations/ContextMenu.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { _ as DotIcon, d as CheckIcon } from "../../icons-BC4HZqSK.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-cuEtsgj9.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/foundations/Menubar.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { _ as DotIcon, d as CheckIcon } from "../../icons-BC4HZqSK.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { U as SearchIcon } from "../../icons-BC4HZqSK.js";
+import { U as SearchIcon } from "../../icons-cuEtsgj9.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/foundations/SearchField.tsx

package/dist/components/foundations/Select.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-BC4HZqSK.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-cuEtsgj9.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/foundations/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, d as CheckIcon } from "../../icons-BC4HZqSK.js";
+import { K as SpinnerIcon, d as CheckIcon } from "../../icons-cuEtsgj9.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/Toast.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { tt as XIcon } from "../../icons-BC4HZqSK.js";
+import { nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/ToggleGroup.d.ts

@@ -1,7 +1,7 @@
 import { r as ToggleVariantsOptions } from "../../Toggle-DLrIf5YH.js";
 import * as React from "react";
-import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+import { Toggle } from "@base-ui/react/toggle";
 
 //#region src/components/foundations/ToggleGroup.d.ts
 type ToggleGroupSize = ToggleVariantsOptions["size"];

package/dist/components/foundations/ToggleGroup.js

@@ -3,8 +3,8 @@ import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { toggleVariants } from "./Toggle.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+import { Toggle } from "@base-ui/react/toggle";
 //#region src/components/foundations/ToggleGroup.tsx
 /**
 * Tracks the pressed item's box so the segmented thumb can slide to it instead

package/dist/components/foundations/icons.d.ts

@@ -1,2 +1,2 @@
-import { $ as TerminalIcon, A as MailIcon, B as PencilIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MinusIcon, G as SearchIcon, H as PlusIcon, I as MonitorIcon, J as SpinnerIcon, K as SidebarIcon, L as MoonIcon, M as McpIcon, N as MessageSquareIcon, O as KeyboardIcon, P as MicrophoneIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CalendarIcon, et as TrashIcon, f as CheckIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as MaximizeIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as BrandIconProps, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-ChPpNMmU.js";
-export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, InfoIcon, KeyboardIcon, LinkIcon, MailIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { $ as TerminalIcon, A as MailIcon, B as PencilIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MinusIcon, G as SearchIcon, H as PlusIcon, I as MonitorIcon, J as SpinnerIcon, K as SidebarIcon, L as MoonIcon, M as McpIcon, N as MessageSquareIcon, O as KeyboardIcon, P as MicrophoneIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CalendarIcon, et as TrashIcon, f as CheckIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, it as XIcon, j as MaximizeIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WarningIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SlackIcon, r as ArrowLeftIcon, rt as WrenchIcon, s as BookmarkIcon, t as ArchiveIcon, tt as UserIcon, u as BrandIconProps, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-CCZGYUwU.js";
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, InfoIcon, KeyboardIcon, LinkIcon, MailIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, UserIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/foundations/icons.js

@@ -1,2 +1,2 @@
-import { $ as WarningIcon, A as McpIcon, B as PlusIcon, C as FolderIcon, D as LinkIcon, E as KeyboardIcon, F as MoonIcon, G as SlackIcon, H as RefreshIcon, I as PaperclipIcon, J as StopIcon, K as SpinnerIcon, L as PauseIcon, M as MicrophoneIcon, N as MinusIcon, O as MailIcon, P as MonitorIcon, Q as TrashIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, U as SearchIcon, V as QueueIcon, W as SidebarIcon, X as TargetIcon, Y as SunIcon, Z as TerminalIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BoxIcon, d as CheckIcon, et as WrenchIcon, f as ChevronDownIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as BrainIcon, m as CodeIcon, n as ArrowDownIcon, o as ArrowUpRightIcon, p as ChevronRightIcon, q as SquareIcon, r as ArrowLeftIcon, s as BookmarkIcon, t as ArchiveIcon, tt as XIcon, u as CalendarIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PlayIcon } from "../../icons-BC4HZqSK.js";
-export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, InfoIcon, KeyboardIcon, LinkIcon, MailIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { $ as UserIcon, A as McpIcon, B as PlusIcon, C as FolderIcon, D as LinkIcon, E as KeyboardIcon, F as MoonIcon, G as SlackIcon, H as RefreshIcon, I as PaperclipIcon, J as StopIcon, K as SpinnerIcon, L as PauseIcon, M as MicrophoneIcon, N as MinusIcon, O as MailIcon, P as MonitorIcon, Q as TrashIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, U as SearchIcon, V as QueueIcon, W as SidebarIcon, X as TargetIcon, Y as SunIcon, Z as TerminalIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BoxIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as BrainIcon, m as CodeIcon, n as ArrowDownIcon, nt as XIcon, o as ArrowUpRightIcon, p as ChevronRightIcon, q as SquareIcon, r as ArrowLeftIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WrenchIcon, u as CalendarIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, InfoIcon, KeyboardIcon, LinkIcon, MailIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, UserIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/general-purpose/Commit.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { S as FileIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, p as ChevronRightIcon } from "../../icons-BC4HZqSK.js";
 import { Avatar } from "../foundations/Avatar.js";
-import { t as CopyButton } from "../../copy-button-BABPlsc-.js";
+import { t as CopyButton } from "../../copy-button-CSDuDfdP.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/Commit.tsx

package/dist/components/general-purpose/EnvironmentVariables.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { b as EyeIcon, x as EyeOffIcon } from "../../icons-BC4HZqSK.js";
-import { t as CopyButton } from "../../copy-button-BABPlsc-.js";
+import { b as EyeIcon, x as EyeOffIcon } from "../../icons-cuEtsgj9.js";
+import { t as CopyButton } from "../../copy-button-CSDuDfdP.js";
 import { Switch } from "../foundations/Switch.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/FileTree.js

@@ -1,2 +1,2 @@
-import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-jtP9471I.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-BHebfvkK.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/general-purpose/PricingBillingToggle.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Switch } from "../foundations/Switch.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
+import { Switch } from "../foundations/Switch.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingBillingToggle.tsx
 /** Controlled billing-period selector composed from the shared Switch or ToggleGroup. */

package/dist/components/general-purpose/PricingPlanCard.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { N as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-BC4HZqSK.js";
+import { N as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { Card } from "../foundations/Card.js";
 import { Separator } from "../foundations/Separator.js";
+import { Card } from "../foundations/Card.js";
 import { getPlanPrice, getPlanYearlySavings } from "./Pricing.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingPlanCard.tsx

package/dist/components/general-purpose/PricingUsageCalculator.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Card } from "../foundations/Card.js";
 import { Separator } from "../foundations/Separator.js";
-import { Progress } from "../foundations/Progress.js";
 import { Slider } from "../foundations/Slider.js";
+import { Progress } from "../foundations/Progress.js";
+import { Card } from "../foundations/Card.js";
 import { formatPricingUsage, getUsagePrice } from "./Pricing.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/ResponsiveSidebarShell.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, W as SidebarIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-BC4HZqSK.js";
+import { W as SidebarIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";

package/dist/components/general-purpose/SettingsFormDialog.js

@@ -1,8 +1,8 @@
 import { Button } from "../foundations/Button.js";
-import { Field } from "../foundations/Field.js";
-import { Form } from "../foundations/Form.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { Field } from "../foundations/Field.js";
+import { Form } from "../foundations/Form.js";
 import { Checkbox } from "../foundations/Checkbox.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/SetupChecklist.js

@@ -1,2 +1,2 @@
-import { n as SetupChecklistGroup, t as SetupChecklistAction } from "../../SetupChecklist-BXwSSorj.js";
+import { n as SetupChecklistGroup, t as SetupChecklistAction } from "../../SetupChecklist-CwRjIDH4.js";
 export { SetupChecklistAction, SetupChecklistGroup };

package/dist/components/general-purpose/Terminal.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Z as TerminalIcon, tt as XIcon } from "../../icons-BC4HZqSK.js";
+import { Z as TerminalIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { t as CopyButton } from "../../copy-button-BABPlsc-.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
+import { t as CopyButton } from "../../copy-button-CSDuDfdP.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Anser from "anser";

package/dist/components/general-purpose/TestResults.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { K as SpinnerIcon, d as CheckIcon, nt as XIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { K as SpinnerIcon, d as CheckIcon, p as ChevronRightIcon, tt as XIcon } from "../../icons-BC4HZqSK.js";
 import { Progress } from "../foundations/Progress.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/ThemeModeControl.js

@@ -1,6 +1,6 @@
-import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../../icons-BC4HZqSK.js";
-import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
+import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../../icons-cuEtsgj9.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
+import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/ThemeModeControl.tsx
 const modes = [