@mcp-b/react-components 0.48.0 → 0.49.0

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/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-H8mMg4rV.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,

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

@@ -1,2 +1,128 @@
-import { a as ResponsiveSidebarShellProps, i as ResponsiveSidebarShellControls, n as ResponsiveSidebarShell, r as ResponsiveSidebarShellBar, t as AppBarSlots } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
-export { AppBarSlots, ResponsiveSidebarShell, ResponsiveSidebarShellBar, ResponsiveSidebarShellControls, ResponsiveSidebarShellProps };
+import { AppTopBarTitleProps } from "./AppTopBar.js";
+import * as React from "react";
+
+//#region src/components/general-purpose/ResponsiveSidebarShell.d.ts
+interface ResponsiveSidebarShellControls {
+  /** The shell's current container layout, shared by in-shell and portalled controls. */
+  compact: boolean;
+  /** Close the sidebar and move focus to the main content. */
+  closeSidebar: () => void;
+  /** Close only when the shell is currently using its compact drawer layout. */
+  closeSidebarOnCompact: () => void;
+}
+/** Reuse the shell's measured layout and drawer controls instead of observing it again. */
+declare function useResponsiveSidebarShell(): ResponsiveSidebarShellControls;
+/**
+ * Bar slot content shared by every shell-owning surface's `bar` prop, so an
+ * app writes one shape whether it is configuring ThinkFullApp, the routine
+ * library, or the shell directly.
+ */
+interface AppBarSlots {
+  /**
+   * App-owned route element rendered as a labelled back control. Back owns
+   * the leading slot the same way `leading` does: the shell's own sidebar
+   * toggle stands down and compact sidebars stay reachable through
+   * `compactTitleTrigger`.
+   */
+  back?: {
+    label: string;
+    link: React.ReactElement;
+  };
+  /** App-owned leading navigation that owns the leading slot at every width. */
+  leading?: React.ReactNode;
+  /** Compact-only navigation that replaces the drawer trigger without hiding the wide rail toggle. */
+  compactLeading?: React.ReactNode;
+  /** Bar title content. Hidden at compact widths when `compactTitleTrigger` stands in. */
+  title?: React.ReactNode;
+  /** Trailing group, before `primary`. Overflow menus and secondary icon controls. */
+  actions?: React.ReactNode;
+  /**
+   * Rightmost trailing control. Sits after `actions` so a host can keep a
+   * single primary action (new thread, new schedule) on the trailing edge
+   * without fighting whatever else the surface puts in the bar.
+   */
+  primary?: React.ReactNode;
+}
+interface ResponsiveSidebarShellBar extends AppBarSlots {
+  /** Native title render contract, including element and render-function composition. */
+  titleRender?: AppTopBarTitleProps["render"];
+  /**
+   * Label content for a compact-width drawer trigger that replaces the plain
+   * title and the icon toggle: the title itself becomes the control that opens
+   * the sidebar. The shell renders the button and the disclosure chevron.
+   */
+  compactTitleTrigger?: React.ReactNode;
+  /** Accessible name for the bar toolbar. Defaults to "Application controls". */
+  label?: string;
+  /** Class for the bar root, the owning surface's styling hook. */
+  className?: string;
+  /**
+   * No bar row at all — for content that brings its own application bar.
+   * Distinct from passing no slots: an empty shell with a sidebar still shows
+   * a bar carrying the toggle.
+   */
+  hidden?: boolean;
+}
+interface ResponsiveSidebarShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "title"> {
+  /**
+   * Navigation or other secondary surface shown beside the selected content.
+   * Omit for a shell that is only a bar row over content — the app bar then
+   * has one mount point whether or not a sidebar exists.
+   *
+   * Open/closed is shell-internal: it is ephemeral presentation state, not a
+   * route, so no host controls it and no resize ever writes into a router.
+   */
+  sidebar?: React.ReactNode | ((controls: ResponsiveSidebarShellControls) => React.ReactNode);
+  /** Main content. */
+  children?: React.ReactNode;
+  /** Short noun used by the toggle and resize control, such as “threads” or “schedules”. */
+  sidebarLabel?: string;
+  /** Whether the sidebar is open. Omit for internal state. */
+  sidebarOpen?: boolean;
+  /** Move the wide-layout toggle into the sidebar while it is open. */
+  sidebarTogglePlacement?: "main" | "sidebar";
+  /** Initial sidebar state when `sidebarOpen` is uncontrolled. */
+  defaultSidebarOpen?: boolean;
+  /** Called when the sidebar is opened or closed. */
+  onSidebarOpenChange?: (open: boolean) => void;
+  /** Initial desktop sidebar width in CSS pixels. */
+  defaultSidebarWidth?: number;
+  /** Shell-owned application bar composed from slots. */
+  bar?: ResponsiveSidebarShellBar;
+  /**
+   * Host-owned error shown in the main column above the content, without
+   * replacing it. The shell renders the alert anatomy; pass the message.
+   */
+  error?: React.ReactNode;
+  /** Accessible name for the mobile peek target that returns to the main content. */
+  showMainLabel?: string;
+}
+/**
+ * The one application shell: responsive master-detail with a resizable desktop
+ * sidebar, a compact floating drawer that leaves the main content in place as
+ * a dismiss target, and a shell-owned application bar composed from slots.
+ * The root exposes `data-sidebar-open="true" | "false"` as its public styling
+ * hook, and its container name `responsive-sidebar-shell` is public contract:
+ * surfaces that compose the shell size themselves against it.
+ */
+declare function ResponsiveSidebarShell({
+  sidebar,
+  sidebarLabel,
+  sidebarOpen,
+  sidebarTogglePlacement,
+  defaultSidebarOpen,
+  defaultSidebarWidth,
+  onSidebarOpenChange,
+  bar,
+  error,
+  showMainLabel,
+  className,
+  children,
+  ref,
+  style,
+  ...props
+}: ResponsiveSidebarShellProps & {
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+//#endregion
+export { AppBarSlots, ResponsiveSidebarShell, ResponsiveSidebarShellBar, ResponsiveSidebarShellControls, ResponsiveSidebarShellProps, useResponsiveSidebarShell };