@mcp-b/react-components 0.14.2 → 0.16.1

package/dist/components/AppTopBar.js

@@ -0,0 +1,82 @@
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { Button } from "./Button.js";
+import { Tooltip } from "./Tooltip.js";
+import { Toolbar } from "./Toolbar.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/AppTopBar.tsx
+/**
+* Stable application-level toolbar with composable leading, title, and trailing
+* slots. Descendant buttons share Base UI's roving focus and tooltip provider.
+*/
+function AppTopBarRoot({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, { children: /* @__PURE__ */ jsx(Toolbar.Root, {
+		className: cx("app-top-bar", className),
+		...props,
+		children
+	}) });
+}
+function AppTopBarLeading({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Group, {
+		className: cx("app-top-bar__leading", className),
+		...props
+	});
+}
+function AppTopBarTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("app-top-bar__title", className),
+		...props
+	});
+}
+function AppTopBarTrailing({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Group, {
+		className: cx("app-top-bar__trailing", className),
+		...props
+	});
+}
+function AppTopBarControl({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar.Button, {
+		className: cx("app-top-bar__button", className),
+		...props
+	});
+}
+function AppTopBarButton({ children, className, disabled, label, render, tooltip = label, ...props }) {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+		render: /* @__PURE__ */ jsx(AppTopBarControl, {
+			className,
+			"aria-label": label,
+			render: render ?? /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "ghost",
+				color: "neutral",
+				size: "icon-sm",
+				disabled
+			}),
+			disabled,
+			...props
+		}),
+		children
+	}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		side: "bottom",
+		sideOffset: 6,
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: tooltip })
+	}) })] });
+}
+/**
+* Composable application top bar with stable leading, title, and trailing
+* slots. Icon controls use shared Toolbar roving focus and coordinated Tooltip
+* behavior; their fixed slots do not resize when state icons change. Render an
+* existing behavior-rich button through `Control` to retain those toolbar
+* semantics without rebuilding the control.
+*/
+const AppTopBar = {
+	Root: AppTopBarRoot,
+	Leading: AppTopBarLeading,
+	Title: AppTopBarTitle,
+	Trailing: AppTopBarTrailing,
+	Control: AppTopBarControl,
+	Button: AppTopBarButton
+};
+//#endregion
+export { AppTopBar };

package/dist/components/Artifact.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { z as XIcon } from "../icons-Ba9THQKz.js";
+import { Y as XIcon } from "../icons-CpfUer49.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import "react";

package/dist/components/BrowserLiveView.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { N as SpinnerIcon, x as MaximizeIcon } from "../icons-Ba9THQKz.js";
+import { B as SpinnerIcon, w as MaximizeIcon } from "../icons-CpfUer49.js";
 import { Button } from "./Button.js";
 import { Dialog } from "./Dialog.js";
 import { Badge } from "./Badge.js";

package/dist/components/BrowserReplay.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { E as PauseIcon, O as PlayIcon } from "../icons-Ba9THQKz.js";
+import { M as PauseIcon, P as PlayIcon } from "../icons-CpfUer49.js";
 import { Button } from "./Button.js";
 import { Slider } from "./Slider.js";
 import * as React from "react";

package/dist/components/BrowserRunPanel.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { N as SpinnerIcon, z as XIcon } from "../icons-Ba9THQKz.js";
+import { B as SpinnerIcon, Y as XIcon } from "../icons-CpfUer49.js";
 import { Button } from "./Button.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "./WebPreview.js";

package/dist/components/Card.d.ts

@@ -10,6 +10,8 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
    * @default false
    */
   hover?: boolean;
+  /** Compact density for cards embedded in tool and workbench lists. */
+  size?: "default" | "sm";
 }
 interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
 interface CardTitleProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -34,6 +36,7 @@ interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
  */
 declare function Card({
   hover,
+  size,
   className,
   children,
   ref,

package/dist/components/Card.js

@@ -16,10 +16,11 @@ import { jsx } from "react/jsx-runtime";
 * </Card>
 * ```
 */
-function Card({ hover = false, className = "", children, ref, ...props }) {
+function Card({ hover = false, size = "default", className = "", children, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "card",
+		"data-size": size,
 		className: [
 			"card",
 			hover && "card--hover",

package/dist/components/ChainOfThought.d.ts

@@ -1,5 +1,5 @@
 import { Collapsible } from "./Collapsible.js";
-import { v as IconProps } from "../icons-CUCz_Sft.js";
+import { S as IconProps } from "../icons-GQd1xF4e.js";
 import * as React from "react";
 
 //#region src/components/ChainOfThought.d.ts

package/dist/components/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { Collapsible } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { N as SpinnerIcon, a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-Ba9THQKz.js";
+import { B as SpinnerIcon, l as ChevronRightIcon, o as CheckIcon, p as DotIcon } from "../icons-CpfUer49.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChainOfThought.tsx

package/dist/components/ChatGptSignInScreen.js

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

package/dist/components/Checkbox.js

@@ -1,19 +1,8 @@
+import { o as CheckIcon } from "../icons-CpfUer49.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/Checkbox.tsx
-function CheckIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		fill: "currentcolor",
-		width: "10",
-		height: "10",
-		viewBox: "0 0 10 10",
-		"aria-hidden": "true",
-		focusable: "false",
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "M9.1603 1.12218C9.50684 1.34873 9.60427 1.81354 9.37792 2.16038L5.13603 8.66012C5.01614 8.8438 4.82192 8.96576 4.60451 8.99384C4.3871 9.02194 4.1683 8.95335 4.00574 8.80615L1.24664 6.30769C0.939709 6.02975 0.916013 5.55541 1.19372 5.24822C1.47142 4.94102 1.94536 4.91731 2.2523 5.19524L4.36085 7.10461L8.12299 1.33999C8.34934 0.993152 8.81376 0.895638 9.1603 1.12218Z" })
-	});
-}
 /**
 * An accessible checkbox component with custom styling.
 *
@@ -43,7 +32,10 @@ function CheckboxIndicator({ children, ...props }) {
 		"data-slot": "checkbox-indicator",
 		className: "checkbox__indicator",
 		...props,
-		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
+		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {
+			size: 12,
+			strokeWidth: 2.5
+		})
 	});
 }
 const Checkbox = {

package/dist/components/CheckboxGroup.d.ts

@@ -8,7 +8,11 @@ import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group"
 interface CheckboxGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxGroup$1>, "className"> {
   /** Additional CSS class names */
   className?: string;
+  /** Layout for the choices in this group. */
+  layout?: "stack" | "grid";
 }
+interface CheckboxGroupItemProps extends React.LabelHTMLAttributes<HTMLLabelElement> {}
+interface CheckboxGroupSlotProps extends React.HTMLAttributes<HTMLSpanElement> {}
 /**
  * Provides shared state management for a series of checkboxes.
  * Works in conjunction with individual Checkbox components.
@@ -65,12 +69,64 @@ interface CheckboxGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof
  *
  * @see {@link https://base-ui.com/react/components/checkbox-group | Base UI CheckboxGroup}
  */
-declare function CheckboxGroup({
+declare function CheckboxGroupRoot({
   className,
+  layout,
   ref,
   ...props
 }: CheckboxGroupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+declare function CheckboxGroupItem({
+  className,
+  ref,
+  ...props
+}: CheckboxGroupItemProps & {
+  ref?: React.Ref<HTMLLabelElement>;
+}): React.JSX.Element;
+declare function CheckboxGroupIcon({
+  className,
+  ref,
+  ...props
+}: CheckboxGroupSlotProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+declare function CheckboxGroupContent({
+  className,
+  ref,
+  ...props
+}: CheckboxGroupSlotProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+declare function CheckboxGroupTitle({
+  className,
+  ref,
+  ...props
+}: CheckboxGroupSlotProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+declare function CheckboxGroupDescription({
+  className,
+  ref,
+  ...props
+}: CheckboxGroupSlotProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+declare function CheckboxGroupTrailing({
+  className,
+  ref,
+  ...props
+}: CheckboxGroupSlotProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+/** Base UI checkbox-group state composed with shared choice-row anatomy. */
+declare const CheckboxGroup: typeof CheckboxGroupRoot & {
+  Item: typeof CheckboxGroupItem;
+  Icon: typeof CheckboxGroupIcon;
+  Content: typeof CheckboxGroupContent;
+  Title: typeof CheckboxGroupTitle;
+  Description: typeof CheckboxGroupDescription;
+  Trailing: typeof CheckboxGroupTrailing;
+};
 //#endregion
-export { CheckboxGroup, CheckboxGroupProps };
+export { CheckboxGroup, CheckboxGroupItemProps, CheckboxGroupProps, CheckboxGroupSlotProps };

package/dist/components/CheckboxGroup.js

@@ -58,12 +58,70 @@ 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 CheckboxGroup({ className = "", 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(" "),
 		...props
 	});
 }
+function CheckboxGroupItem({ className = "", ref, ...props }) {
+	return /* @__PURE__ */ jsx("label", {
+		ref,
+		"data-slot": "checkbox-group-item",
+		className: ["checkbox-group__item", className].filter(Boolean).join(" "),
+		...props
+	});
+}
+function CheckboxGroupIcon({ className = "", ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "checkbox-group-icon",
+		className: ["checkbox-group__icon", className].filter(Boolean).join(" "),
+		...props
+	});
+}
+function CheckboxGroupContent({ className = "", ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "checkbox-group-content",
+		className: ["checkbox-group__content", className].filter(Boolean).join(" "),
+		...props
+	});
+}
+function CheckboxGroupTitle({ className = "", ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "checkbox-group-title",
+		className: ["checkbox-group__title", className].filter(Boolean).join(" "),
+		...props
+	});
+}
+function CheckboxGroupDescription({ className = "", ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "checkbox-group-description",
+		className: ["checkbox-group__description", className].filter(Boolean).join(" "),
+		...props
+	});
+}
+function CheckboxGroupTrailing({ className = "", ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "checkbox-group-trailing",
+		className: ["checkbox-group__trailing", className].filter(Boolean).join(" "),
+		...props
+	});
+}
+/** Base UI checkbox-group state composed with shared choice-row anatomy. */
+const CheckboxGroup = Object.assign(CheckboxGroupRoot, {
+	Item: CheckboxGroupItem,
+	Icon: CheckboxGroupIcon,
+	Content: CheckboxGroupContent,
+	Title: CheckboxGroupTitle,
+	Description: CheckboxGroupDescription,
+	Trailing: CheckboxGroupTrailing
+});
 //#endregion
 export { CheckboxGroup };

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-DUh9WOGo.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-BRajW4QU.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-BUFXG8HW.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-BmB4Xaqq.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };

package/dist/components/CodexModelSelector.js

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

package/dist/components/Commit.js

@@ -1,7 +1,7 @@
 import { Collapsible } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { c as ChevronRightIcon, h as FileIcon } from "../icons-Ba9THQKz.js";
-import { t as CopyButton } from "../copy-button-DUMLYdsk.js";
+import { l as ChevronRightIcon, v as FileIcon } from "../icons-CpfUer49.js";
+import { t as CopyButton } from "../copy-button-Dejn5heL.js";
 import { Avatar } from "./Avatar.js";
 import { Badge } from "./Badge.js";
 import "react";

package/dist/components/ContextMenu.js

@@ -1,4 +1,4 @@
-import { a as CheckIcon, u as DotIcon } from "../icons-Ba9THQKz.js";
+import { o as CheckIcon, p as DotIcon } from "../icons-CpfUer49.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { d as DownloadIcon, t as ArrowDownIcon } from "../icons-Ba9THQKz.js";
+import { m as DownloadIcon, t as ArrowDownIcon } from "../icons-CpfUer49.js";
 import { Button } from "./Button.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
 import * as React from "react";

package/dist/components/DescriptionList.d.ts

@@ -0,0 +1,12 @@
+import { DescriptionListDetails, DescriptionListItem, DescriptionListRoot, DescriptionListRootProps, DescriptionListTerm } from "./DescriptionListParts.js";
+
+//#region src/components/DescriptionList.d.ts
+/** Compact label/value facts with consistent wrapping and alignment. */
+declare const DescriptionList: {
+  Root: typeof DescriptionListRoot;
+  Item: typeof DescriptionListItem;
+  Term: typeof DescriptionListTerm;
+  Details: typeof DescriptionListDetails;
+};
+//#endregion
+export { DescriptionList, type DescriptionListRootProps };

package/dist/components/DescriptionList.js

@@ -0,0 +1,11 @@
+import { DescriptionListDetails, DescriptionListItem, DescriptionListRoot, DescriptionListTerm } from "./DescriptionListParts.js";
+//#region src/components/DescriptionList.ts
+/** Compact label/value facts with consistent wrapping and alignment. */
+const DescriptionList = {
+	Root: DescriptionListRoot,
+	Item: DescriptionListItem,
+	Term: DescriptionListTerm,
+	Details: DescriptionListDetails
+};
+//#endregion
+export { DescriptionList };

package/dist/components/DescriptionListParts.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+
+//#region src/components/DescriptionListParts.d.ts
+interface DescriptionListRootProps extends React.HTMLAttributes<HTMLDListElement> {
+  variant?: "plain" | "divided";
+}
+declare function DescriptionListRoot({
+  className,
+  ref,
+  variant,
+  ...props
+}: DescriptionListRootProps & {
+  ref?: React.Ref<HTMLDListElement>;
+}): React.JSX.Element;
+declare function DescriptionListItem({
+  className,
+  ref,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement> & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+declare function DescriptionListTerm({
+  className,
+  ref,
+  ...props
+}: React.HTMLAttributes<HTMLElement> & {
+  ref?: React.Ref<HTMLElement>;
+}): React.JSX.Element;
+declare function DescriptionListDetails({
+  className,
+  ref,
+  ...props
+}: React.HTMLAttributes<HTMLElement> & {
+  ref?: React.Ref<HTMLElement>;
+}): React.JSX.Element;
+//#endregion
+export { DescriptionListDetails, DescriptionListItem, DescriptionListRoot, DescriptionListRootProps, DescriptionListTerm };

package/dist/components/DescriptionListParts.js

@@ -0,0 +1,35 @@
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/DescriptionListParts.tsx
+function DescriptionListRoot({ className, ref, variant = "plain", ...props }) {
+	return /* @__PURE__ */ jsx("dl", {
+		ref,
+		className: cx("description-list", className),
+		"data-variant": variant,
+		...props
+	});
+}
+function DescriptionListItem({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("description-list__item", className),
+		...props
+	});
+}
+function DescriptionListTerm({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("dt", {
+		ref,
+		className: cx("description-list__term", className),
+		...props
+	});
+}
+function DescriptionListDetails({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("dd", {
+		ref,
+		className: cx("description-list__details", className),
+		...props
+	});
+}
+//#endregion
+export { DescriptionListDetails, DescriptionListItem, DescriptionListRoot, DescriptionListTerm };

package/dist/components/EnvironmentVariables.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { m as EyeOffIcon, p as EyeIcon } from "../icons-Ba9THQKz.js";
-import { t as CopyButton } from "../copy-button-DUMLYdsk.js";
+import { _ as EyeOffIcon, g as EyeIcon } from "../icons-CpfUer49.js";
+import { t as CopyButton } from "../copy-button-Dejn5heL.js";
 import { Badge } from "./Badge.js";
 import { Switch } from "./Switch.js";
 import * as React from "react";

package/dist/components/Fieldset.d.ts

@@ -8,6 +8,8 @@ import { Fieldset as Fieldset$1 } from "@base-ui/react/fieldset";
 interface FieldsetRootProps extends Omit<React.ComponentPropsWithoutRef<typeof Fieldset$1.Root>, "className"> {
   /** Additional CSS class names */
   className?: string;
+  /** Visual treatment for the field group. */
+  variant?: "outlined" | "plain";
 }
 /**
  * Props for the Fieldset.Legend component.
@@ -16,6 +18,7 @@ interface FieldsetLegendProps extends Omit<React.ComponentPropsWithoutRef<typeof
   /** Additional CSS class names */
   className?: string;
 }
+interface FieldsetDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}
 /**
  * Groups the fieldset legend and associated fields.
  * Renders a `<fieldset>` element.
@@ -36,6 +39,7 @@ interface FieldsetLegendProps extends Omit<React.ComponentPropsWithoutRef<typeof
 declare function FieldsetRoot({
   className,
   ref,
+  variant,
   ...props
 }: FieldsetRootProps & {
   ref?: React.Ref<HTMLFieldSetElement>;
@@ -51,6 +55,13 @@ declare function FieldsetLegend({
 }: FieldsetLegendProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+declare function FieldsetDescription({
+  className,
+  ref,
+  ...props
+}: FieldsetDescriptionProps & {
+  ref?: React.Ref<HTMLParagraphElement>;
+}): React.JSX.Element;
 /**
  * A native fieldset element with an easily stylable legend.
  * Useful for grouping related form controls.
@@ -88,6 +99,7 @@ declare function FieldsetLegend({
 declare const Fieldset: {
   Root: typeof FieldsetRoot;
   Legend: typeof FieldsetLegend;
+  Description: typeof FieldsetDescription;
 };
 //#endregion
-export { Fieldset, FieldsetLegendProps, FieldsetRootProps };
+export { Fieldset, FieldsetDescriptionProps, FieldsetLegendProps, FieldsetRootProps };

package/dist/components/Fieldset.js

@@ -19,11 +19,12 @@ import { Fieldset as Fieldset$1 } from "@base-ui/react/fieldset";
 *
 * @see {@link https://base-ui.com/react/components/fieldset | Base UI Fieldset}
 */
-function FieldsetRoot({ className = "", ref, ...props }) {
+function FieldsetRoot({ className = "", ref, variant = "outlined", ...props }) {
 	const classes = ["fieldset", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Fieldset$1.Root, {
 		ref,
 		className: classes,
+		"data-variant": variant,
 		...props
 	});
 }
@@ -39,6 +40,13 @@ function FieldsetLegend({ className = "", ref, ...props }) {
 		...props
 	});
 }
+function FieldsetDescription({ className = "", ref, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		ref,
+		className: ["fieldset__description", className].filter(Boolean).join(" "),
+		...props
+	});
+}
 /**
 * A native fieldset element with an easily stylable legend.
 * Useful for grouping related form controls.
@@ -75,7 +83,8 @@ function FieldsetLegend({ className = "", ref, ...props }) {
 */
 const Fieldset = {
 	Root: FieldsetRoot,
-	Legend: FieldsetLegend
+	Legend: FieldsetLegend,
+	Description: FieldsetDescription
 };
 //#endregion
 export { Fieldset };

package/dist/components/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-mpEIcfzA.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-CkVbIMWV.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/IconButton.d.ts

@@ -0,0 +1,33 @@
+import { i as ButtonSize, r as ButtonProps } from "../Button-FX_hpqxm.js";
+import * as React from "react";
+
+//#region src/components/IconButton.d.ts
+type IconButtonSize = Extract<ButtonSize, "icon" | "icon-xs" | "icon-sm" | "icon-lg">;
+interface IconButtonProps extends Omit<ButtonProps, "aria-label" | "children" | "size"> {
+  /** Decorative icon rendered inside the square button. */
+  children: React.ReactNode;
+  /** Accessible name and default tooltip text for the icon-only control. */
+  label: string;
+  /** Tooltip content when it should differ from the accessible name. */
+  tooltip?: React.ReactNode;
+  /** Preferred side for the tooltip. */
+  tooltipSide?: "top" | "right" | "bottom" | "left";
+  /** Square button size. */
+  size?: IconButtonSize;
+}
+/**
+ * A square, icon-only button with a required accessible name and matching
+ * tooltip. Use text buttons for actions whose consequence an icon cannot make
+ * clear on its own.
+ */
+declare function IconButton({
+  children,
+  label,
+  size,
+  tooltip,
+  tooltipSide,
+  type,
+  ...props
+}: IconButtonProps): React.JSX.Element;
+//#endregion
+export { IconButton, IconButtonProps };