@mcp-b/react-components 0.48.0 → 0.49.1

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

@@ -5,7 +5,11 @@ import { Toast as Toast$1 } from "@base-ui/react/toast";
 /**
  * Props for the Toast.Provider component.
  */
-interface ToastProviderProps extends React.ComponentPropsWithoutRef<typeof Toast$1.Provider> {}
+type BaseToastProviderProps = React.ComponentPropsWithoutRef<typeof Toast$1.Provider>;
+interface ToastProviderProps extends Omit<BaseToastProviderProps, "children"> {
+  /** Application subtree whose toast state is managed by this provider. */
+  children?: BaseToastProviderProps["children"];
+}
 /**
  * Props for the Toast.Viewport component.
  */

package/dist/components/foundations/Toast.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../../icons-CeGfXO21.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/Toggle.d.ts

@@ -1,2 +1,71 @@
-import { i as toggleVariants, n as ToggleProps, r as ToggleVariantsOptions, t as Toggle } from "../../Toggle-DLrIf5YH.js";
+import * as React from "react";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+
+//#region src/components/foundations/Toggle.d.ts
+interface ToggleVariantsOptions {
+  /** Visual treatment; `outline` adds a bordered control surface. */
+  variant?: "default" | "outline" | null;
+  /** Control height and inline spacing. */
+  size?: "sm" | "md" | "lg" | null;
+  className?: string;
+}
+/**
+ * Props for the Toggle component.
+ */
+interface ToggleProps extends React.ComponentPropsWithoutRef<typeof Toggle$1>, Omit<ToggleVariantsOptions, "className"> {}
+declare function toggleVariants({
+  variant,
+  size,
+  className
+}?: ToggleVariantsOptions): string;
+/**
+ * A two-state button that can be on (pressed) or off.
+ * Useful for toggling a setting or mode.
+ *
+ * @example
+ * ```tsx
+ * // Basic toggle
+ * <Toggle>
+ *   Bold
+ * </Toggle>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Controlled toggle
+ * const [pressed, setPressed] = useState(false);
+ *
+ * <Toggle pressed={pressed} onPressedChange={setPressed}>
+ *   {pressed ? 'On' : 'Off'}
+ * </Toggle>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With icons
+ * <Toggle>
+ *   {({ pressed }) => pressed ? <BoldIcon filled /> : <BoldIcon />}
+ * </Toggle>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Default pressed state
+ * <Toggle defaultPressed>
+ *   Enabled
+ * </Toggle>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toggle | Base UI Toggle}
+ */
+declare function Toggle({
+  className,
+  variant,
+  size,
+  ref,
+  ...props
+}: ToggleProps & {
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+//#endregion
 export { Toggle, ToggleProps, ToggleVariantsOptions, toggleVariants };

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

@@ -1,17 +1,18 @@
-import { r as ToggleVariantsOptions } from "../../Toggle-DLrIf5YH.js";
+import { ToggleVariantsOptions } from "./Toggle.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"];
 type ToggleGroupProps<Value extends string = string> = ToggleGroup$1.Props<Value> & {
+  /** Axis used for roving focus and group layout. */orientation?: ToggleGroup$1.Props<Value>["orientation"]; /** Visual treatment inherited by every item in the group. */
   variant?: ToggleVariantsOptions["variant"];
   /**
    * The size of the toggle group.
    * @default 'md'
    */
-  size?: ToggleGroupSize;
+  size?: ToggleGroupSize; /** Gap between items in CSS pixels; use `0` for a connected segmented control. */
   spacing?: number;
   /**
    * Draws one shared thumb that slides between segments rather than lighting up

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/Toolbar.d.ts

@@ -1,152 +1,2 @@
-import * as React from "react";
-import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
-
-//#region src/components/foundations/Toolbar.d.ts
-/**
- * Props for the Toolbar.Root component.
- */
-interface ToolbarRootProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Root> {}
-/**
- * Props for the Toolbar.Button component.
- */
-interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Button> {
-  /** Skip the default Button chrome when a composed control owns its visuals. */
-  unstyled?: boolean;
-}
-/**
- * Props for the Toolbar.Link component.
- */
-interface ToolbarLinkProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Link> {
-  /** Skip the default Button chrome when a composed link owns its visuals. */
-  unstyled?: boolean;
-}
-/**
- * Props for the Toolbar.Group component.
- */
-interface ToolbarGroupProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Group> {}
-/**
- * Props for the Toolbar.Separator component.
- */
-interface ToolbarSeparatorProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Separator> {}
-/**
- * Props for the Toolbar.Input component.
- */
-interface ToolbarInputProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Input> {}
-/**
- * Container for grouping toolbar buttons and controls.
- *
- * @example
- * ```tsx
- * <Toolbar.Root>
- *   <Toolbar.Button>Bold</Toolbar.Button>
- *   <Toolbar.Button>Italic</Toolbar.Button>
- *   <Toolbar.Separator />
- *   <Toolbar.Button>Align Left</Toolbar.Button>
- * </Toolbar.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar}
- */
-declare function ToolbarRoot({
-  className,
-  ref,
-  ...props
-}: ToolbarRootProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * A clickable button within the toolbar.
- */
-declare function ToolbarButton({
-  unstyled,
-  className,
-  ref,
-  ...props
-}: ToolbarButtonProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-/**
- * A link element within the toolbar.
- */
-declare function ToolbarLink({
-  unstyled,
-  className,
-  ref,
-  ...props
-}: ToolbarLinkProps & {
-  ref?: React.Ref<HTMLAnchorElement>;
-}): React.JSX.Element;
-/**
- * Groups toolbar items together.
- */
-declare function ToolbarGroup({
-  className,
-  ref,
-  ...props
-}: ToolbarGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * Visual separator between toolbar sections.
- */
-declare function ToolbarSeparator({
-  className,
-  ref,
-  ...props
-}: ToolbarSeparatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * Input element within the toolbar.
- */
-declare function ToolbarInput({
-  className,
-  ref,
-  ...props
-}: ToolbarInputProps & {
-  ref?: React.Ref<HTMLInputElement>;
-}): React.JSX.Element;
-/**
- * A container for grouping buttons and controls.
- * Provides keyboard navigation between items.
- *
- * @example
- * ```tsx
- * // Text formatting toolbar
- * <Toolbar.Root>
- *   <Toolbar.Group>
- *     <Toolbar.Button>Bold</Toolbar.Button>
- *     <Toolbar.Button>Italic</Toolbar.Button>
- *     <Toolbar.Button>Underline</Toolbar.Button>
- *   </Toolbar.Group>
- *   <Toolbar.Separator />
- *   <Toolbar.Group>
- *     <Toolbar.Button>Left</Toolbar.Button>
- *     <Toolbar.Button>Center</Toolbar.Button>
- *     <Toolbar.Button>Right</Toolbar.Button>
- *   </Toolbar.Group>
- * </Toolbar.Root>
- * ```
- *
- * @example
- * ```tsx
- * // Vertical toolbar
- * <Toolbar.Root orientation="vertical">
- *   <Toolbar.Button>Item 1</Toolbar.Button>
- *   <Toolbar.Button>Item 2</Toolbar.Button>
- *   <Toolbar.Button>Item 3</Toolbar.Button>
- * </Toolbar.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar}
- */
-declare const Toolbar: {
-  Root: typeof ToolbarRoot;
-  Button: typeof ToolbarButton;
-  Link: typeof ToolbarLink;
-  Group: typeof ToolbarGroup;
-  Separator: typeof ToolbarSeparator;
-  Input: typeof ToolbarInput;
-};
-//#endregion
+import { a as ToolbarLinkProps, i as ToolbarInputProps, n as ToolbarButtonProps, o as ToolbarRootProps, r as ToolbarGroupProps, s as ToolbarSeparatorProps, t as Toolbar } from "../../Toolbar-CGY004u0.js";
 export { Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarInputProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps };

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

@@ -80,7 +80,7 @@ declare function TooltipArrow({
  */
 declare const Tooltip: {
   createHandle: typeof Tooltip$1.createHandle;
-  Root: <Payload>(props: Tooltip$1.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+  Root: <Payload>(props: Tooltip$1.Root.Props<Payload>) => React.JSX.Element;
   Provider: typeof TooltipProvider;
   Trigger: typeof TooltipTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -21,7 +21,7 @@ declare function TransitionSurface({
   ref,
   ...props
 }: TransitionSurfaceProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion
 export { TransitionSurface, TransitionSurfaceProps, TransitionSurfaceVariant };

package/dist/components/foundations/icons.js

@@ -1,2 +1,2 @@
-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-CeGfXO21.js";
+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/ActionGuide.d.ts

@@ -1,36 +1,21 @@
-import { r as ButtonProps } from "../../Button-CZt3yywF.js";
+import { r as ButtonProps } from "../../Button-DjONW5UW.js";
 import * as React from "react";
 
 //#region src/components/general-purpose/ActionGuide.d.ts
 type ActionGuideHeadingLevel = 2 | 3 | 4 | 5 | 6;
 type ActionGuideListLayout = "compact" | "cards" | "list";
-interface ActionGuideActionItem {
-  id: string;
-  label: React.ReactNode;
-  icon?: React.ReactNode;
-  variant?: "surface" | "ghost";
-  disabled?: boolean;
-}
-interface ActionGuideSectionItem {
-  id: string;
-  title: React.ReactNode;
-  layout?: ActionGuideListLayout;
-  actions: readonly ActionGuideActionItem[];
-}
-interface ActionGuideProps extends Omit<React.ComponentPropsWithoutRef<"article">, "children" | "title"> {
+interface ActionGuideProps extends Omit<React.ComponentPropsWithoutRef<"article">, "title"> {
   /** Short, task-oriented introduction to the guide. */
   title: React.ReactNode;
   /** Optional sentence that explains what the guide helps the user do. */
   description?: React.ReactNode;
   /** Semantic heading level for the guide title. */
   headingLevel?: ActionGuideHeadingLevel;
-  /** Complete section/action data; product copy and availability remain host-owned. */
-  sections: readonly ActionGuideSectionItem[];
-  /** Central action policy for data-driven sections. */
-  onAction: (action: ActionGuideActionItem) => void;
+  /** Compose sections, lists, and actions explicitly; the host owns each action. */
+  children?: React.ReactNode;
 }
 /**
- * App-agnostic guide hydrated from product-owned sections and actions.
+ * App-agnostic article composed from product-owned sections and actions.
  *
  * Product code owns the copy, icons, availability, and click behavior. This
  * component owns only the shared article rhythm and responsive layout.
@@ -39,15 +24,14 @@ declare function ActionGuide({
   title,
   description,
   headingLevel,
-  sections,
-  onAction,
+  children,
   className,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
   ref,
   ...props
 }: ActionGuideProps & {
-  ref?: React.Ref<HTMLElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLElement>;
 }): React.JSX.Element;
 interface ActionGuideSectionProps extends Omit<React.ComponentPropsWithoutRef<"section">, "title"> {
   /** Label for this group of related actions. */
@@ -81,13 +65,13 @@ declare function ActionGuideList({
 }: ActionGuideListProps & {
   ref?: React.Ref<HTMLUListElement>;
 }): React.JSX.Element;
-interface ActionGuideActionProps extends Omit<ButtonProps, "color" | "iconOnly" | "nativeButton" | "render" | "size" | "variant"> {
+interface ActionGuideActionProps extends Omit<ButtonProps, "color" | "iconOnly" | "size" | "variant"> {
   /** Decorative leading glyph or app mark. */
   icon?: React.ReactNode;
   /** Raised actions are prominent; ghost actions form a quieter task list. */
   variant?: "surface" | "ghost";
 }
-/** One native-button action inside an {@link ActionGuideList}. */
+/** One Button action, supporting Base UI render composition, inside an {@link ActionGuideList}. */
 declare function ActionGuideAction({
   icon,
   variant,
@@ -100,4 +84,4 @@ declare function ActionGuideAction({
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 //#endregion
-export { ActionGuide, ActionGuideAction, ActionGuideActionItem, ActionGuideActionProps, ActionGuideHeadingLevel, ActionGuideList, ActionGuideListLayout, ActionGuideListProps, ActionGuideProps, ActionGuideSection, ActionGuideSectionItem, ActionGuideSectionProps };
+export { ActionGuide, ActionGuideAction, ActionGuideActionProps, ActionGuideHeadingLevel, ActionGuideList, ActionGuideListLayout, ActionGuideListProps, ActionGuideProps, ActionGuideSection, ActionGuideSectionProps };

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

@@ -4,15 +4,14 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/ActionGuide.tsx
 /**
-* App-agnostic guide hydrated from product-owned sections and actions.
+* App-agnostic article composed from product-owned sections and actions.
 *
 * Product code owns the copy, icons, availability, and click behavior. This
 * component owns only the shared article rhythm and responsive layout.
 */
-function ActionGuide({ title, description, headingLevel = 2, sections, onAction, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }) {
+function ActionGuide({ title, description, headingLevel = 2, children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }) {
 	const titleId = React.useId();
 	const Title = `h${headingLevel}`;
-	const sectionHeadingLevel = Math.min(headingLevel + 1, 6);
 	return /* @__PURE__ */ jsxs("article", {
 		ref,
 		"data-slot": "action-guide",
@@ -34,20 +33,7 @@ function ActionGuide({ title, description, headingLevel = 2, sections, onAction,
 				className: "action-guide__description",
 				children: description
 			}) : null]
-		}), sections.map((section) => /* @__PURE__ */ jsx(ActionGuideSection, {
-			title: section.title,
-			headingLevel: sectionHeadingLevel,
-			children: /* @__PURE__ */ jsx(ActionGuideList, {
-				layout: section.layout,
-				children: section.actions.map((action) => /* @__PURE__ */ jsx(ActionGuideAction, {
-					icon: action.icon,
-					variant: action.variant,
-					disabled: action.disabled,
-					onClick: () => onAction(action),
-					children: action.label
-				}, action.id))
-			})
-		}, section.id))]
+		}), children]
 	});
 }
 /** A labelled action group for custom guide compositions. */
@@ -79,7 +65,7 @@ function ActionGuideList({ layout = "compact", className, ref, ...props }) {
 		...props
 	});
 }
-/** One native-button action inside an {@link ActionGuideList}. */
+/** One Button action, supporting Base UI render composition, inside an {@link ActionGuideList}. */
 function ActionGuideAction({ icon, variant = "surface", children, className, type = "button", ref, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "action-guide-item",

package/dist/components/general-purpose/AppTopBar.d.ts

@@ -1,11 +1,13 @@
-import { Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarLinkProps } from "../foundations/Toolbar.js";
+import { a as ToolbarLinkProps, n as ToolbarButtonProps, r as ToolbarGroupProps, t as Toolbar } from "../../Toolbar-CGY004u0.js";
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/general-purpose/AppTopBar.d.ts
-interface AppTopBarRootProps extends React.ComponentPropsWithoutRef<typeof Toolbar.Root> {
+interface AppTopBarRootProps extends Omit<React.ComponentPropsWithoutRef<typeof Toolbar.Root>, "disabled"> {
   /** Accessible name describing the controls in this application bar. */
   "aria-label": string;
+  /** Disables every interactive control managed by the application bar. */
+  disabled?: React.ComponentPropsWithoutRef<typeof Toolbar.Root>["disabled"];
   /**
    * Where the title sits. An application bar centres it between the control
    * groups; a panel header labels its leading edge instead.

package/dist/components/general-purpose/Commit.d.ts

@@ -1,4 +1,4 @@
-import { t as CopyButtonProps } from "../../copy-button-C0JyjClr.js";
+import { t as CopyButtonProps } from "../../copy-button-OUwOdgEm.js";
 import { Collapsible } from "../foundations/Collapsible.js";
 import * as React from "react";
 
@@ -46,7 +46,7 @@ declare function Commit({
   ref,
   ...props
 }: CommitProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface CommitHeaderProps extends Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> {}
 declare function CommitHeader({

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-CeGfXO21.js";
+import { t as CopyButton } from "../../copy-button-CSDuDfdP.js";
 import { Avatar } from "../foundations/Avatar.js";
-import { t as CopyButton } from "../../copy-button-Dk2vRe9j.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/Commit.tsx

package/dist/components/general-purpose/EnvironmentVariables.d.ts

@@ -1,4 +1,4 @@
-import { t as CopyButtonProps } from "../../copy-button-C0JyjClr.js";
+import { t as CopyButtonProps } from "../../copy-button-OUwOdgEm.js";
 import * as React from "react";
 
 //#region src/components/general-purpose/EnvironmentVariables.d.ts
@@ -56,7 +56,7 @@ declare function EnvironmentVariables({
   ref,
   ...props
 }: EnvironmentVariablesProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface EnvironmentVariablesHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
 declare function EnvironmentVariablesHeader({

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-CeGfXO21.js";
-import { t as CopyButton } from "../../copy-button-Dk2vRe9j.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.d.ts

@@ -47,7 +47,7 @@ declare function FileTree({
   ref,
   ...props
 }: FileTreeProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface FileTreeFolderProps extends React.HTMLAttributes<HTMLLIElement> {
   /** Unique path identifier for this folder. */
@@ -58,8 +58,6 @@ interface FileTreeFolderProps extends React.HTMLAttributes<HTMLLIElement> {
   icon?: React.ReactNode;
   /** Interactive controls rendered beside the folder selection button. */
   actions?: React.ReactNode;
-  /** Depth level (0 for top-level). Auto-incremented by nested folders. */
-  level?: number;
 }
 declare function FileTreeFolder({
   className,
@@ -67,7 +65,6 @@ declare function FileTreeFolder({
   name,
   icon,
   actions,
-  level,
   children,
   ref,
   ...props
@@ -83,8 +80,6 @@ interface FileTreeFileProps extends React.HTMLAttributes<HTMLLIElement> {
   actions?: React.ReactNode;
   /** App-owned anchor or router Link when selecting the file navigates. */
   render?: React.ReactElement;
-  /** Depth level, auto-set by parent folder. */
-  level?: number;
 }
 declare function FileTreeFile({
   className,
@@ -93,7 +88,6 @@ declare function FileTreeFile({
   icon,
   actions,
   render,
-  level,
   ref,
   ...props
 }: FileTreeFileProps & {

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

package/dist/components/general-purpose/PricingPlanCard.d.ts

@@ -3,9 +3,13 @@ import { Plan, PricingBillingPeriod } from "./Pricing.js";
 //#region src/components/general-purpose/PricingPlanCard.d.ts
 type PricingPlanAction = "current" | "upgrade" | "downgrade" | "switch" | "select";
 interface PricingPlanCardProps {
+  /** Plan content, pricing, included features, and call-to-action copy to display. */
   plan: Plan;
+  /** Billing cadence used to calculate the displayed monthly price and savings. */
   billingPeriod: PricingBillingPeriod;
+  /** Relationship to the current plan, used to label and disable the call to action. */
   action?: PricingPlanAction;
+  /** Receives the displayed plan when its call to action is selected. */
   onSelect?: (plan: Plan) => void;
   /** Additional class name for placement in a consuming layout. */
   className?: string;

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-CeGfXO21.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 { Slider } from "../foundations/Slider.js";
 import { Separator } from "../foundations/Separator.js";
 import { Progress } from "../foundations/Progress.js";
-import { Slider } from "../foundations/Slider.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/ResizableSidePanel.d.ts

@@ -1,4 +1,4 @@
-import { SeparatorProps } from "../foundations/Separator.js";
+import { n as SeparatorProps } from "../../Separator-CzhtLYE1.js";
 import * as React from "react";
 
 //#region src/components/general-purpose/ResizableSidePanel.d.ts
@@ -52,7 +52,7 @@ declare function ResizableSidePanelRoot({
   style,
   ...props
 }: ResizableSidePanelRootProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare function ResizableSidePanelHandle({
   className,