@mcp-b/react-components 0.43.0 → 0.44.0

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-CVFSeTJn.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-Dw-im7lg.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

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

@@ -3,8 +3,11 @@ import * as React from "react";
 //#region src/components/foundations/DescriptionList.d.ts
 interface DescriptionListRootProps extends React.HTMLAttributes<HTMLDListElement> {
   variant?: "plain" | "divided";
+  /** End-aligned values for settings facts; start-aligned for labeled content. */
+  align?: "end" | "start";
 }
 declare function DescriptionListRoot({
+  align,
   className,
   ref,
   variant,

package/dist/components/foundations/DescriptionList.js

@@ -2,10 +2,11 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/foundations/DescriptionList.tsx
-function DescriptionListRoot({ className, ref, variant = "plain", ...props }) {
+function DescriptionListRoot({ align = "end", className, ref, variant = "plain", ...props }) {
 	return /* @__PURE__ */ jsx("dl", {
 		ref,
 		className: cx("description-list", className),
+		"data-align": align,
 		"data-variant": variant,
 		...props
 	});

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-CVFSeTJn.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-Dw-im7lg.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-CVFSeTJn.js";
+import { W as SearchIcon } from "../../icons-Dw-im7lg.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-CVFSeTJn.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-Dw-im7lg.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-CVFSeTJn.js";
+import { d as CheckIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.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-CVFSeTJn.js";
+import { nt as XIcon } from "../../icons-Dw-im7lg.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as KeyboardIcon, P as MinusIcon, 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 McpIcon, 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-0corjfxR.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, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { $ as TargetIcon, A as MailIcon, B as PauseIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MinusIcon, G as RefreshIcon, H as PlayIcon, I as MonitorIcon, J as SlackIcon, K as SearchIcon, L as MoonIcon, M as McpIcon, N as MessageSquareIcon, O as KeyboardIcon, P as MicrophoneIcon, Q as SunIcon, R as MoveToFrontIcon, S as EyeOffIcon, T as FolderOpenIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, X as SquareIcon, Y as SpinnerIcon, Z as StopIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CalendarIcon, et as TerminalIcon, 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 SidebarIcon, r as ArrowLeftIcon, rt as WrenchIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TrashIcon, u as BrandIconProps, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PaperclipIcon } from "../../icons-6ZnyZJiR.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, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/foundations/icons.js

@@ -1,2 +1,2 @@
-import { $ as WarningIcon, A as MessageSquareIcon, B as PlusIcon, C as FolderIcon, D as LinkIcon, E as KeyboardIcon, F as MoveToFrontIcon, G as SlackIcon, H as RefreshIcon, I as PaperclipIcon, J as StopIcon, K as SpinnerIcon, L as PauseIcon, M as MinusIcon, N as MonitorIcon, O as MaximizeIcon, P as MoonIcon, 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 MicrophoneIcon, k as McpIcon, 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-CVFSeTJn.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, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { $ as TrashIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as LinkIcon, E as KeyboardIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as MailIcon, P as MonitorIcon, Q as TerminalIcon, R as PauseIcon, S as FileIcon, T as InfoIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as SunIcon, Y as StopIcon, Z as TargetIcon, _ 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 SpinnerIcon, 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 PencilIcon } from "../../icons-Dw-im7lg.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, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { S as FileIcon, p as ChevronRightIcon } from "../../icons-Dw-im7lg.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
-import { t as CopyButton } from "../../copy-button-lys9N_aI.js";
+import { t as CopyButton } from "../../copy-button-DHhf-J1d.js";
 import { Avatar } from "../foundations/Avatar.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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-CVFSeTJn.js";
-import { t as CopyButton } from "../../copy-button-lys9N_aI.js";
+import { b as EyeIcon, x as EyeOffIcon } from "../../icons-Dw-im7lg.js";
+import { t as CopyButton } from "../../copy-button-DHhf-J1d.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-DMYRdT6R.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-Uu3ZnW1u.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { M as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-CVFSeTJn.js";
+import { N as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-Dw-im7lg.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Separator } from "../foundations/Separator.js";

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Separator } from "../foundations/Separator.js";
-import { Card } from "../foundations/Card.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-CVFSeTJn.js";
+import { G as SidebarIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-Dw-im7lg.js";
 import { Button } from "../foundations/Button.js";
 import { t as capitalize } from "../../format-DB2mX9DA.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 { i as formatErrorMessage } from "../../format-DB2mX9DA.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-H1JRCIIe.js";
+import { n as SetupChecklistGroup, t as SetupChecklistAction } from "../../SetupChecklist-DOp-zqjh.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-CVFSeTJn.js";
+import { Q as TerminalIcon, nt as XIcon } from "../../icons-Dw-im7lg.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { t as CopyButton } from "../../copy-button-lys9N_aI.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
+import { t as CopyButton } from "../../copy-button-DHhf-J1d.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 { d as CheckIcon, nt as XIcon, p as ChevronRightIcon, q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { K as SpinnerIcon, d as CheckIcon, p as ChevronRightIcon, tt as XIcon } from "../../icons-CVFSeTJn.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,4 +1,4 @@
-import { N as MonitorIcon, P as MoonIcon, Y as SunIcon } from "../../icons-CVFSeTJn.js";
+import { F as MoonIcon, P as MonitorIcon, X as SunIcon } from "../../icons-Dw-im7lg.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
 import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Collapsible } from "../foundations/Collapsible.js";
-import { H as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-CVFSeTJn.js";
+import { U as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-Dw-im7lg.js";
 import { IconButton } from "../foundations/IconButton.js";
+import { Collapsible } from "../foundations/Collapsible.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import { Input } from "../foundations/Input.js";
 import * as React from "react";

package/dist/components/nanites/AgentConnection.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { D as LinkIcon } from "../../icons-CVFSeTJn.js";
+import { D as LinkIcon } from "../../icons-Dw-im7lg.js";
 import { Button } from "../foundations/Button.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-BjELA-_s.js";
 import { Popover } from "../foundations/Popover.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-Dl7a3Wqo.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/nanites/AgentToolDetail.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../../icons-CVFSeTJn.js";
+import { r as ArrowLeftIcon } from "../../icons-Dw-im7lg.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress } from "../agents-sdk/SubagentRunDetails.js";

package/dist/{copy-button-lys9N_aI.js → copy-button-DHhf-J1d.js}

@@ -1,4 +1,4 @@
-import { d as CheckIcon, h as CopyIcon } from "./icons-CVFSeTJn.js";
+import { d as CheckIcon, h as CopyIcon } from "./icons-Dw-im7lg.js";
 import { IconButton } from "./components/foundations/IconButton.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{icons-0corjfxR.d.ts → icons-6ZnyZJiR.d.ts}

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

package/dist/{icons-CVFSeTJn.js → icons-Dw-im7lg.js}

@@ -1,8 +1,8 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { jsx } from "react/jsx-runtime";
-import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Info, Keyboard, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Target, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
+import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Info, Keyboard, Link2, ListRestart, LoaderCircle, Mail, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Target, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
 import { FaSlack } from "react-icons/fa6";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
 	return function DesignSystemIcon({ size = 16, strokeWidth = 1.75, ...props }) {
@@ -82,6 +82,7 @@ const WrenchIcon = icon(Wrench);
 const InfoIcon = icon(Info);
 const MonitorIcon = icon(Monitor);
 const MessageSquareIcon = icon(MessageSquare);
+const MailIcon = icon(Mail);
 const McpIcon = brandIcon(SiModelcontextprotocol);
 const DiscordIcon = brandIcon(SiDiscord);
 const SlackIcon = brandIcon(FaSlack);
@@ -90,4 +91,4 @@ const SunIcon = icon(Sun);
 const TargetIcon = icon(Target);
 const MaximizeIcon = icon(Maximize2);
 //#endregion
-export { WarningIcon as $, MessageSquareIcon as A, PlusIcon as B, FolderIcon as C, LinkIcon as D, KeyboardIcon as E, MoveToFrontIcon as F, SlackIcon as G, RefreshIcon as H, PaperclipIcon as I, StopIcon as J, SpinnerIcon as K, PauseIcon as L, MinusIcon as M, MonitorIcon as N, MaximizeIcon as O, MoonIcon as P, TrashIcon as Q, PencilIcon as R, FileIcon as S, InfoIcon as T, SearchIcon as U, QueueIcon as V, SidebarIcon as W, TargetIcon as X, SunIcon as Y, TerminalIcon as Z, DotIcon as _, ArrowUpIcon as a, EyeIcon as b, BoxIcon as c, CheckIcon as d, WrenchIcon as et, ChevronDownIcon as f, DiscordIcon as g, CopyIcon as h, ArrowRightIcon as i, MicrophoneIcon as j, McpIcon as k, BrainIcon as l, CodeIcon as m, ArrowDownIcon as n, ArrowUpRightIcon as o, ChevronRightIcon as p, SquareIcon as q, ArrowLeftIcon as r, BookmarkIcon as s, ArchiveIcon as t, XIcon as tt, CalendarIcon as u, DownloadIcon as v, FolderOpenIcon as w, EyeOffIcon as x, EllipsisIcon as y, PlayIcon as z };
+export { TrashIcon as $, McpIcon as A, PlayIcon as B, FolderIcon as C, LinkIcon as D, KeyboardIcon as E, MoonIcon as F, SidebarIcon as G, QueueIcon as H, MoveToFrontIcon as I, SquareIcon as J, SlackIcon as K, PaperclipIcon as L, MicrophoneIcon as M, MinusIcon as N, MailIcon as O, MonitorIcon as P, TerminalIcon as Q, PauseIcon as R, FileIcon as S, InfoIcon as T, RefreshIcon as U, PlusIcon as V, SearchIcon as W, SunIcon as X, StopIcon as Y, TargetIcon as Z, DotIcon as _, ArrowUpIcon as a, EyeIcon as b, BoxIcon as c, CheckIcon as d, WarningIcon as et, ChevronDownIcon as f, DiscordIcon as g, CopyIcon as h, ArrowRightIcon as i, MessageSquareIcon as j, MaximizeIcon as k, BrainIcon as l, CodeIcon as m, ArrowDownIcon as n, XIcon as nt, ArrowUpRightIcon as o, ChevronRightIcon as p, SpinnerIcon as q, ArrowLeftIcon as r, BookmarkIcon as s, ArchiveIcon as t, WrenchIcon as tt, CalendarIcon as u, DownloadIcon as v, FolderOpenIcon as w, EyeOffIcon as x, EllipsisIcon as y, PencilIcon as z };

package/dist/styles/browser-live-screen.css

@@ -18,6 +18,9 @@
 
 .browser-live-screen__input:focus-visible {
   outline: none;
+}
+
+.browser-live-screen__input:focus-visible:not([data-pointer-focus]) {
   box-shadow: var(--sigvelo-recipe-focus-shadow-inset);
 }
 

package/dist/styles/button.css

@@ -3,7 +3,7 @@
   --sigvelo-recipe-button-padding-inline: var(--sigvelo-spacing-3);
   --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-md);
   --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-md);
-  --sigvelo-recipe-button-radius: var(--sigvelo-radius-md);
+  --sigvelo-recipe-button-radius: var(--sigvelo-recipe-control-radius);
 
   display: inline-flex;
   align-items: center;
@@ -55,8 +55,6 @@
 /* Normal appearance */
 
 .button--normal.button--primary {
-  --sigvelo-recipe-button-radius: var(--sigvelo-radius-full);
-
   background-color: var(--sigvelo-color-primary-bg);
   color: var(--sigvelo-color-primary-text-on-bg);
 }
@@ -169,7 +167,6 @@
   --sigvelo-recipe-button-padding-inline: var(--sigvelo-control-padding-inline-xs);
   --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-xs);
   --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-xs);
-  --sigvelo-recipe-button-radius: var(--sigvelo-radius-sm);
 }
 
 .button--sm {
@@ -177,7 +174,6 @@
   --sigvelo-recipe-button-padding-inline: var(--sigvelo-control-padding-inline-sm);
   --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-sm);
   --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-sm);
-  --sigvelo-recipe-button-radius: var(--sigvelo-radius-sm);
 }
 
 .button--md {

package/dist/styles/chatgpt-sign-in-screen.css

@@ -1,4 +1,14 @@
 .chatgpt-sign-in {
+  --chatgpt-sign-in-brand-bg: light-dark(#006d9f, #63c7e8);
+  --chatgpt-sign-in-brand-text: light-dark(#fff, #061118);
+  --chatgpt-sign-in-brand-text-muted: light-dark(#e5f6fc, #163440);
+  --sigvelo-color-text: var(--chatgpt-sign-in-brand-text);
+  --sigvelo-color-text-muted: var(--chatgpt-sign-in-brand-text-muted);
+  --sigvelo-color-neutral-text-on-subtle: var(--chatgpt-sign-in-brand-text-muted);
+  --sigvelo-color-primary-bg: var(--chatgpt-sign-in-brand-text);
+  --sigvelo-color-primary-bg-muted: var(--chatgpt-sign-in-brand-text-muted);
+  --sigvelo-color-primary-text-on-bg: var(--chatgpt-sign-in-brand-bg);
+
   position: relative;
   isolation: isolate;
   overflow-x: hidden;
@@ -6,51 +16,57 @@
   block-size: 100%;
   min-inline-size: 17.5rem;
   display: grid;
-  grid-template-rows: minmax(min-content, 1fr) auto;
+  grid-template-rows: none;
+  grid-auto-rows: auto;
   place-items: center;
+  align-content: center;
+  row-gap: var(--sigvelo-spacing-2);
   padding: clamp(var(--sigvelo-spacing-5), 5vw, var(--sigvelo-spacing-12));
-  background-color: var(--sigvelo-color-canvas);
-  background-image:
-    linear-gradient(
-      color-mix(in oklab, var(--sigvelo-color-neutral-border-subtle), transparent 42%) 1px,
-      transparent 1px
-    ),
-    linear-gradient(
-      90deg,
-      color-mix(in oklab, var(--sigvelo-color-neutral-border-subtle), transparent 42%) 1px,
-      transparent 1px
-    );
-  background-size: 2rem 2rem;
-  color: var(--sigvelo-color-text);
+  background: var(--chatgpt-sign-in-brand-bg);
+  color: var(--chatgpt-sign-in-brand-text);
   font-family: inherit;
 }
 
 .chatgpt-sign-in::before {
   content: "";
+  display: block;
   position: absolute;
   z-index: 0;
   inset: 0;
-  /* The pointer position arrives as an inline style from the component's own
-     mousemove handler; the fallbacks are only the resting spot before the
-     first move. */
   background:
-    radial-gradient(
-      circle at var(--chatgpt-sign-in-pointer-x, 50%) var(--chatgpt-sign-in-pointer-y, 58%),
-      color-mix(in oklab, var(--sigvelo-color-primary-bg), transparent 72%),
-      transparent 12rem
+    linear-gradient(
+      90deg,
+      rgb(23 38 184 / 0.2),
+      color-mix(in srgb, var(--chatgpt-sign-in-brand-bg) 42%, white 58%) 48%,
+      rgb(255 255 255 / 0.2)
     ),
     radial-gradient(
-      circle at var(--chatgpt-sign-in-pointer-x, 50%) var(--chatgpt-sign-in-pointer-y, 58%),
-      color-mix(in oklab, var(--sigvelo-color-primary-bg-muted), transparent 86%),
-      transparent 18rem
+      circle at 26% 76%,
+      color-mix(in srgb, var(--chatgpt-sign-in-brand-bg) 76%, black 24%),
+      transparent 48%
     );
-  opacity: 0;
+  mix-blend-mode: multiply;
+  opacity: 1;
   pointer-events: none;
-  transition: opacity var(--sigvelo-duration-medium) var(--sigvelo-ease-standard);
+  transition: none;
 }
 
-.chatgpt-sign-in[data-pointer-active="true"]::before {
-  opacity: 1;
+.chatgpt-sign-in::after {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  background: radial-gradient(circle, rgb(255 255 255 / 0.34) 0 1px, transparent 1.25px);
+  background-size: 6px 6px;
+  mask-image: radial-gradient(
+    circle at center,
+    transparent 0 8rem,
+    rgb(0 0 0 / 0.42) 16rem,
+    black 28rem
+  );
+  mix-blend-mode: screen;
+  opacity: 0.82;
+  pointer-events: none;
 }
 
 .chatgpt-sign-in__panel {
@@ -65,9 +81,36 @@
 
 .chatgpt-sign-in__secondary-action {
   z-index: 1;
-  display: flex;
-  justify-content: center;
-  margin-block-start: var(--sigvelo-layout-stack);
+  display: grid;
+  gap: var(--sigvelo-spacing-1);
+  justify-items: center;
+  margin-block-start: 0;
+}
+
+.chatgpt-sign-in__secondary-action::before {
+  content: "or";
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-base);
+  line-height: var(--sigvelo-leading-compact);
+}
+
+.chatgpt-sign-in__secondary-action :where(button) {
+  min-block-size: 2.75rem;
+  padding-inline: var(--sigvelo-spacing-3);
+  border: 0;
+  background: transparent;
+  color: var(--sigvelo-color-text);
+  font-size: var(--sigvelo-text-base);
+  font-weight: var(--sigvelo-font-weight-semibold);
+  line-height: var(--sigvelo-leading-compact);
+  box-shadow: none;
+  text-decoration: underline;
+  text-decoration-thickness: var(--sigvelo-border-width);
+  text-underline-offset: 0.25rem;
+}
+
+.chatgpt-sign-in__secondary-action :where(button):hover:not([data-disabled]) {
+  background: color-mix(in srgb, var(--chatgpt-sign-in-brand-text) 10%, transparent);
 }
 
 .chatgpt-sign-in__error {
@@ -85,7 +128,7 @@
 .chatgpt-sign-in__brand h1 {
   margin: 0;
   color: var(--sigvelo-color-text);
-  font-size: var(--sigvelo-text-2xl);
+  font-size: calc(var(--sigvelo-text-2xl) + 0.125rem);
   font-weight: var(--sigvelo-font-weight-bold);
   letter-spacing: 0;
   line-height: var(--sigvelo-leading-tight);
@@ -97,7 +140,7 @@
   gap: var(--sigvelo-spacing-1-5);
   margin: 0;
   color: var(--sigvelo-color-text-muted);
-  font-size: var(--sigvelo-text-sm);
+  font-size: var(--sigvelo-text-base);
   font-weight: var(--sigvelo-font-weight-semibold);
   line-height: var(--sigvelo-leading-compact);
 }
@@ -122,10 +165,11 @@
   isolation: isolate;
   overflow: hidden;
   min-inline-size: min(100%, 16.75rem);
-  box-shadow:
-    inset 0 0 0 var(--sigvelo-border-width)
-      color-mix(in oklab, var(--sigvelo-color-primary-text-on-bg), transparent 84%),
-    0 0.75rem 1.5rem color-mix(in oklab, var(--sigvelo-color-primary-bg), transparent 78%);
+  min-block-size: 3rem;
+  padding-inline: var(--sigvelo-spacing-4);
+  font-size: var(--sigvelo-text-base);
+  box-shadow: inset 0 0 0 var(--sigvelo-border-width)
+    color-mix(in srgb, var(--chatgpt-sign-in-brand-bg) 16%, transparent);
   translate: 0;
   scale: 1;
   transition:
@@ -169,8 +213,8 @@
 .chatgpt-sign-in__button:hover:not([data-disabled]) {
   box-shadow:
     inset 0 0 0 var(--sigvelo-border-width)
-      color-mix(in oklab, var(--sigvelo-color-primary-text-on-bg), transparent 76%),
-    0 0.9rem 1.9rem color-mix(in oklab, var(--sigvelo-color-primary-bg), transparent 72%);
+      color-mix(in srgb, var(--chatgpt-sign-in-brand-bg) 24%, transparent),
+    0 0 1rem rgb(255 255 255 / 0.34);
   translate: 0 -0.0625rem;
 }
 
@@ -203,15 +247,15 @@
   scale: 1.06;
 }
 
+.chatgpt-sign-in__button svg,
 .chatgpt-sign-in__button .chatgpt-sign-in__logo {
   display: block;
-  inline-size: var(--sigvelo-control-icon-size-sm);
-  block-size: var(--sigvelo-control-icon-size-sm);
+  inline-size: var(--sigvelo-text-lg);
+  block-size: var(--sigvelo-text-lg);
   color: inherit;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .chatgpt-sign-in::before,
   .chatgpt-sign-in__button,
   .chatgpt-sign-in__button::before,
   .chatgpt-sign-in__button-icon {
@@ -220,7 +264,6 @@
 }
 
 @media (hover: none), (pointer: coarse) {
-  .chatgpt-sign-in::before,
   .chatgpt-sign-in__button::before,
   .chatgpt-sign-in__button::after {
     display: none;
@@ -229,6 +272,7 @@
 
 @media (forced-colors: active) {
   .chatgpt-sign-in::before,
+  .chatgpt-sign-in::after,
   .chatgpt-sign-in__button::before,
   .chatgpt-sign-in__button::after {
     display: none;

package/dist/styles/connected-app-card.css

@@ -0,0 +1,54 @@
+.connected-app-card {
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+
+.connected-app-card__title {
+  display: flex;
+  align-items: center;
+  gap: var(--sigvelo-spacing-2);
+}
+
+.connected-app-card__icon {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+}
+
+.connected-app-card__status {
+  display: inline-flex;
+  align-items: center;
+  align-self: center;
+  gap: var(--sigvelo-spacing-1);
+  font-size: var(--sigvelo-text-xs);
+  line-height: var(--sigvelo-text-xs-leading);
+  white-space: nowrap;
+}
+
+.connected-app-card__status[data-state="pending"] {
+  color: var(--sigvelo-color-warning-text);
+}
+
+.connected-app-card__status[data-state="sent"] {
+  color: var(--sigvelo-color-success-text);
+}
+
+.connected-app-card__status[data-state="denied"] {
+  color: var(--sigvelo-color-danger-text);
+}
+
+.connected-app-card__body {
+  margin: 0;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.connected-app-card__footer {
+  flex-wrap: wrap;
+}
+
+@media (forced-colors: active) {
+  .connected-app-card__status {
+    color: CanvasText;
+  }
+}