@mcp-b/react-components 0.41.0 → 0.42.0

package/dist/styles/utilities.css

@@ -22,6 +22,39 @@
   list-style: none;
 }
 
+/* 1D compositions hosts assemble themselves. Components that already own
+   anatomy use the matching data-recipe; these are for app markup. */
+.sigvelo-stack {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sigvelo-layout-stack);
+  min-inline-size: 0;
+}
+
+.sigvelo-cluster {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--sigvelo-layout-cluster);
+  min-inline-size: 0;
+}
+
+.sigvelo-fill {
+  min-inline-size: 0;
+  min-block-size: 0;
+  block-size: 100%;
+}
+
+.sigvelo-page {
+  box-sizing: border-box;
+  min-inline-size: 0;
+  inline-size: 100%;
+  max-inline-size: var(--sigvelo-layout-content);
+  margin-inline: auto;
+  padding-block: var(--sigvelo-layout-stack);
+  padding-inline: var(--sigvelo-layout-gutter);
+}
+
 .sigvelo-truncate {
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/styles/web-preview.css

@@ -5,10 +5,10 @@
   position: relative;
   display: flex;
   align-items: center;
-  min-block-size: calc(var(--sigvelo-density-compact-control-height) + var(--sigvelo-spacing-2));
-  gap: var(--sigvelo-spacing-1-5);
+  min-block-size: var(--sigvelo-layout-chrome);
+  gap: var(--sigvelo-layout-cluster);
   padding-block: var(--sigvelo-spacing-1);
-  padding-inline: var(--sigvelo-spacing-2);
+  padding-inline: var(--sigvelo-layout-gutter);
   border-block-end: var(--sigvelo-border-style) var(--sigvelo-border-width)
     var(--sigvelo-color-neutral-border-subtle);
   box-shadow: var(--sigvelo-elevation-bar);
@@ -20,19 +20,20 @@
 
 .web-preview__url-form {
   flex: 1;
-  min-width: 0;
+  min-inline-size: 0;
 }
 
 .web-preview__url {
-  width: 100%;
+  inline-size: 100%;
   font-family: var(--sigvelo-font-mono);
   font-size: var(--sigvelo-text-xs);
 }
 
 .web-preview__body {
   flex: 1;
-  min-height: 16rem;
-  width: 100%;
+  /* Preview canvas floor. Not --sigvelo-layout-sidebar. */
+  min-block-size: 16rem;
+  inline-size: 100%;
   border: none;
 }
 
@@ -55,15 +56,15 @@
   flex-direction: column;
   border-block-start: var(--sigvelo-border-style) var(--sigvelo-border-width)
     var(--sigvelo-color-neutral-border-subtle);
-  max-height: 12rem;
+  max-block-size: 12rem;
 }
 
 .web-preview__console-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding-block: var(--sigvelo-spacing-1-5);
-  padding-inline: var(--sigvelo-spacing-3);
+  padding-block: var(--sigvelo-layout-cluster);
+  padding-inline: var(--sigvelo-layout-gutter);
   border: 0;
   font-size: var(--sigvelo-text-2xs);
   font-weight: var(--sigvelo-font-weight-bold);
@@ -93,18 +94,18 @@
 
 .web-preview__console-scroll {
   flex: 1;
-  min-height: 0;
+  min-block-size: 0;
 }
 
 .web-preview__console-viewport {
-  width: 100%;
-  height: 100%;
+  inline-size: 100%;
+  block-size: 100%;
   overflow: auto;
 }
 
 .web-preview__console-empty {
-  padding-block: var(--sigvelo-spacing-3);
-  padding-inline: var(--sigvelo-spacing-3);
+  padding-block: var(--sigvelo-layout-gutter);
+  padding-inline: var(--sigvelo-layout-gutter);
   font-size: var(--sigvelo-text-xs);
   color: var(--sigvelo-color-text-muted);
   text-align: center;
@@ -112,11 +113,11 @@
 
 .web-preview__console-item {
   display: grid;
-  grid-template-columns: auto 1fr auto;
-  gap: var(--sigvelo-spacing-2);
+  grid-template-columns: auto var(--sigvelo-layout-track-fill) auto;
+  gap: var(--sigvelo-layout-cluster);
   align-items: baseline;
-  padding-block: var(--sigvelo-spacing-1-5);
-  padding-inline: var(--sigvelo-spacing-3);
+  padding-block: var(--sigvelo-layout-cluster);
+  padding-inline: var(--sigvelo-layout-gutter);
   font-family: var(--sigvelo-font-mono);
   font-size: var(--sigvelo-text-xs);
   border-block-end: var(--sigvelo-border-style) var(--sigvelo-border-width)

package/dist/styles/workspace-explorer.css

@@ -74,7 +74,7 @@
   flex: 0 0 auto;
   min-block-size: var(--sigvelo-density-compact-control-height);
   padding-block: var(--sigvelo-spacing-0-5);
-  padding-inline: var(--sigvelo-spacing-1-5);
+  padding-inline: var(--sigvelo-layout-gutter);
   border-block-end: var(--sigvelo-border-style) var(--sigvelo-border-width)
     var(--sigvelo-color-neutral-border-subtle);
 }
@@ -175,9 +175,9 @@
   flex: 1;
   align-items: center;
   justify-content: center;
-  padding-block: var(--sigvelo-spacing-6);
-  padding-inline: var(--sigvelo-spacing-3);
-  font-size: var(--sigvelo-text-compact);
+  padding-block: var(--sigvelo-layout-stack);
+  padding-inline: var(--sigvelo-layout-gutter);
+  font-size: var(--sigvelo-text-prose);
   color: var(--sigvelo-color-text-muted);
   text-align: center;
 }
@@ -201,8 +201,8 @@
   margin-inline: auto;
   padding-block: var(--sigvelo-spacing-8) var(--sigvelo-spacing-12);
   padding-inline: var(--sigvelo-spacing-6);
-  font-size: var(--sigvelo-text-fluid-base);
-  line-height: var(--sigvelo-leading-relaxed);
+  font-size: var(--sigvelo-text-prose);
+  line-height: var(--sigvelo-text-prose-leading);
 }
 
 .workspace-explorer__markdown-content > :first-child {
@@ -248,21 +248,15 @@
 
 .workspace-explorer__markdown-content [data-streamdown="heading-1"] {
   margin-block: var(--sigvelo-spacing-8) var(--sigvelo-spacing-3);
-  font-size: var(--sigvelo-text-fluid-2xl);
-  font-weight: var(--sigvelo-font-weight-bold);
-  line-height: var(--sigvelo-leading-tight);
 }
 
 .workspace-explorer__markdown-content [data-streamdown="heading-2"] {
   margin-block: var(--sigvelo-spacing-8) var(--sigvelo-spacing-2);
-  font-size: var(--sigvelo-text-fluid-lg);
-  font-weight: var(--sigvelo-font-weight-bold);
 }
 
 .workspace-explorer__markdown-content
   :is([data-streamdown="heading-3"], [data-streamdown="heading-4"]) {
   margin-block: var(--sigvelo-spacing-6) var(--sigvelo-spacing-2);
-  font-size: var(--sigvelo-text-lg);
 }
 
 .workspace-explorer__skill {
@@ -275,7 +269,7 @@
 .workspace-explorer__skill-kicker {
   margin-block-end: var(--sigvelo-spacing-2);
   color: var(--sigvelo-color-text-muted);
-  font-size: var(--sigvelo-text-xs);
+  font-size: var(--sigvelo-text-meta);
   font-weight: var(--sigvelo-font-weight-semibold);
   letter-spacing: var(--sigvelo-tracking-wider);
   text-transform: uppercase;
@@ -295,10 +289,10 @@
 
 .workspace-explorer__skill-metadata {
   display: grid;
-  grid-template-columns: max-content minmax(0, 1fr);
+  grid-template-columns: max-content var(--sigvelo-layout-track-fill);
   gap: var(--sigvelo-spacing-1) var(--sigvelo-spacing-3);
   margin-block: var(--sigvelo-spacing-4) 0;
-  font-size: var(--sigvelo-text-sm);
+  font-size: var(--sigvelo-text-prose);
 }
 
 .workspace-explorer__skill-metadata dt {
@@ -319,7 +313,7 @@
   gap: var(--sigvelo-spacing-1-5);
   margin-block-start: var(--sigvelo-spacing-4);
   color: var(--sigvelo-color-success-text);
-  font-size: var(--sigvelo-text-sm);
+  font-size: var(--sigvelo-text-prose);
   font-weight: var(--sigvelo-font-weight-semibold);
 }
 
@@ -331,7 +325,7 @@
   margin-block: var(--sigvelo-spacing-2) 0;
   padding-inline-start: var(--sigvelo-spacing-6);
   color: var(--sigvelo-color-danger-text);
-  font-size: var(--sigvelo-text-sm);
+  font-size: var(--sigvelo-text-prose);
 }
 
 .workspace-explorer__media-scroll {
@@ -370,6 +364,7 @@
   display: flex;
   inline-size: 100%;
   block-size: 100%;
+  /* Image well floor. Not --sigvelo-layout-sidebar. */
   min-block-size: 16rem;
   align-items: center;
   justify-content: center;
@@ -442,7 +437,7 @@
   flex-wrap: wrap;
   gap: var(--sigvelo-spacing-2) var(--sigvelo-spacing-4);
   margin: 0;
-  font-size: var(--sigvelo-text-xs);
+  font-size: var(--sigvelo-text-meta);
 }
 
 .workspace-explorer__media-details > div {
@@ -464,7 +459,7 @@
 
 .workspace-explorer__media-transcript {
   flex: 0 0 auto;
-  font-size: var(--sigvelo-text-sm);
+  font-size: var(--sigvelo-text-prose);
 }
 
 .workspace-explorer__media-fallback,
@@ -472,7 +467,7 @@
   max-inline-size: 42rem;
   margin: 0;
   color: var(--sigvelo-color-text-muted);
-  font-size: var(--sigvelo-text-compact);
+  font-size: var(--sigvelo-text-prose);
   text-align: center;
 }
 
@@ -526,6 +521,7 @@
   }
 }
 
+/* Local wrap. Not --sigvelo-layout-break-compact. */
 @container (inline-size < 30rem) {
   .workspace-explorer__filter {
     margin-inline: var(--sigvelo-spacing-1-5);
@@ -545,9 +541,10 @@
   }
 }
 
+/* Local wrap. Not --sigvelo-layout-break-compact. */
 @container (inline-size < 24rem) {
   .workspace-explorer__skill-metadata {
-    grid-template-columns: 1fr;
+    grid-template-columns: var(--sigvelo-layout-track-fill);
     gap: 0;
   }
 

package/dist/styles/workspace-mount-manager.css

@@ -1,6 +1,6 @@
 .workspace-mount-manager__content {
   display: grid;
-  gap: var(--sigvelo-spacing-3);
+  gap: var(--sigvelo-layout-gutter);
 }
 
 .workspace-mount-manager__error,
@@ -11,7 +11,7 @@
 }
 
 .workspace-mount-manager__list {
-  gap: var(--sigvelo-spacing-2);
+  gap: var(--sigvelo-layout-cluster);
 }
 
 .workspace-mount-manager__error {

package/dist/utils/favicon.d.ts

@@ -6,5 +6,10 @@
  * `<link rel="icon">` should prefer that resolved URL because it may point elsewhere.
  */
 declare function inferFaviconUrl(url: string): string | undefined;
+/**
+ * Browsers block public pages from fetching loopback URLs (private network
+ * access). Skip those favicons when the document is not itself on loopback.
+ */
+declare function canRequestFavicon(src: string, documentOrigin?: string): boolean;
 //#endregion
-export { inferFaviconUrl };
+export { canRequestFavicon, inferFaviconUrl };

package/dist/utils/favicon.js

@@ -14,5 +14,22 @@ function inferFaviconUrl(url) {
 		return;
 	}
 }
+function isLoopbackHost(hostname) {
+	return hostname === "localhost" || hostname === "127.0.0.1" || hostname === "[::1]";
+}
+/**
+* Browsers block public pages from fetching loopback URLs (private network
+* access). Skip those favicons when the document is not itself on loopback.
+*/
+function canRequestFavicon(src, documentOrigin = globalThis.location?.origin) {
+	try {
+		const favicon = new URL(src);
+		if (!documentOrigin) return true;
+		const page = new URL(documentOrigin);
+		return !(isLoopbackHost(favicon.hostname) && !isLoopbackHost(page.hostname));
+	} catch {
+		return false;
+	}
+}
 //#endregion
-export { inferFaviconUrl };
+export { canRequestFavicon, inferFaviconUrl };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.41.0",
+  "version": "0.42.0",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -53,7 +53,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.41.0"
+    "@mcp-b/design-tokens": "0.42.0"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",

package/dist/AppTopBar-ZdgmB_Lu.d.ts

@@ -1,97 +0,0 @@
-import { a as ToolbarLinkProps, n as ToolbarButtonProps, r as ToolbarGroupProps, t as Toolbar } from "./Toolbar-CBOseBQr.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> {
-  /** Accessible name describing the controls in this application bar. */
-  "aria-label": string;
-  /**
-   * Where the title sits. An application bar centres it between the control
-   * groups; a panel header labels its leading edge instead.
-   */
-  titleAlign?: "center" | "start";
-}
-interface AppTopBarGroupProps extends ToolbarGroupProps {}
-interface AppTopBarTitleProps extends useRender.ComponentProps<"div"> {}
-interface AppTopBarButtonProps extends Omit<ToolbarButtonProps, "aria-label"> {
-  ref?: React.Ref<HTMLButtonElement>;
-  /** Accessible name and default tooltip text for the icon-only control. */
-  label: string;
-  /** Tooltip text when it should differ from the accessible name. */
-  tooltip?: React.ReactNode;
-}
-interface AppTopBarLinkProps extends Omit<ToolbarLinkProps, "aria-label"> {
-  ref?: React.Ref<HTMLAnchorElement>;
-  /** Accessible name and default tooltip text for the icon-only link. */
-  label: string;
-  /** Tooltip text when it should differ from the accessible name. */
-  tooltip?: React.ReactNode;
-}
-interface AppTopBarControlProps extends ToolbarButtonProps {
-  ref?: React.Ref<HTMLButtonElement>;
-}
-/**
- * Stable application-level toolbar with composable leading, title, and trailing
- * slots. Descendant buttons share Base UI's roving focus and tooltip provider.
- */
-declare function AppTopBarRoot({
-  children,
-  className,
-  titleAlign,
-  ...props
-}: AppTopBarRootProps): React.JSX.Element;
-declare function AppTopBarLeading({
-  className,
-  ...props
-}: AppTopBarGroupProps): React.JSX.Element;
-declare function AppTopBarTitle({
-  className,
-  render,
-  ref,
-  ...props
-}: AppTopBarTitleProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function AppTopBarTrailing({
-  className,
-  ...props
-}: AppTopBarGroupProps): React.JSX.Element;
-declare function AppTopBarControl({
-  className,
-  ...props
-}: AppTopBarControlProps): React.JSX.Element;
-declare function AppTopBarButton({
-  children,
-  className,
-  disabled,
-  label,
-  render,
-  tooltip,
-  ...props
-}: AppTopBarButtonProps): React.JSX.Element;
-declare function AppTopBarLink({
-  children,
-  className,
-  label,
-  render,
-  tooltip,
-  ...props
-}: AppTopBarLinkProps): React.JSX.Element;
-/**
- * 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. Use `Link` for navigation so an
- * `href` or router-provided link keeps native link semantics.
- */
-declare const AppTopBar: {
-  Root: typeof AppTopBarRoot;
-  Leading: typeof AppTopBarLeading;
-  Title: typeof AppTopBarTitle;
-  Trailing: typeof AppTopBarTrailing;
-  Control: typeof AppTopBarControl;
-  Button: typeof AppTopBarButton;
-  Link: typeof AppTopBarLink;
-};
-//#endregion
-export { AppTopBarLinkProps as a, AppTopBarGroupProps as i, AppTopBarButtonProps as n, AppTopBarRootProps as o, AppTopBarControlProps as r, AppTopBarTitleProps as s, AppTopBar as t };

package/dist/ToggleGroup-BrQZOQn_.d.ts

@@ -1,80 +0,0 @@
-import { r as ToggleVariantsOptions } from "./Toggle-DLrIf5YH.js";
-import * as React from "react";
-import { ToggleGroup } 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.Props<Value> & {
-  variant?: ToggleVariantsOptions["variant"];
-  /**
-   * The size of the toggle group.
-   * @default 'md'
-   */
-  size?: ToggleGroupSize;
-  spacing?: number;
-  /**
-   * Draws one shared thumb that slides between segments rather than lighting up
-   * each item's own background. This is the permission-mode / view-switch
-   * control; it is a presentation of this group, not a separate component.
-   *
-   * Only meaningful for single selection — a sliding thumb cannot be in two
-   * places, so a `multiple` group ignores it.
-   */
-  segmented?: boolean;
-};
-interface ToggleGroupItemProps extends React.ComponentPropsWithRef<typeof Toggle>, Omit<ToggleVariantsOptions, "className"> {}
-/**
- * A toggle group component for selecting one or multiple options.
- *
- * @example
- * ```tsx
- * // Single selection (defaultValue is an array)
- * <ToggleGroup.Root defaultValue={["center"]}>
- *   <ToggleGroup.Item value="left">Left</ToggleGroup.Item>
- *   <ToggleGroup.Item value="center">Center</ToggleGroup.Item>
- *   <ToggleGroup.Item value="right">Right</ToggleGroup.Item>
- * </ToggleGroup.Root>
- * ```
- *
- * @example
- * ```tsx
- * // Multiple selection
- * <ToggleGroup.Root multiple defaultValue={["bold", "italic"]}>
- *   <ToggleGroup.Item value="bold">Bold</ToggleGroup.Item>
- *   <ToggleGroup.Item value="italic">Italic</ToggleGroup.Item>
- *   <ToggleGroup.Item value="underline">Underline</ToggleGroup.Item>
- * </ToggleGroup.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/toggle-group | Base UI Toggle Group}
- */
-declare function ToggleGroupRoot<Value extends string>({
-  size,
-  spacing,
-  segmented,
-  variant,
-  className,
-  children,
-  style,
-  ref,
-  ...props
-}: ToggleGroupProps<Value>): React.JSX.Element;
-/**
- * A single toggle item within a ToggleGroup.
- */
-declare function ToggleGroupItem({
-  className,
-  variant,
-  size,
-  ref,
-  ...props
-}: ToggleGroupItemProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-declare const ToggleGroup$1: {
-  Root: typeof ToggleGroupRoot;
-  Item: typeof ToggleGroupItem;
-};
-//#endregion
-export { ToggleGroupItemProps as n, ToggleGroupProps as r, ToggleGroup$1 as t };

package/dist/Toolbar-CBOseBQr.d.ts

@@ -1,152 +0,0 @@
-import * as React from "react";
-import { Toolbar } 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.Root> {}
-/**
- * Props for the Toolbar.Button component.
- */
-interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toolbar.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.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.Group> {}
-/**
- * Props for the Toolbar.Separator component.
- */
-interface ToolbarSeparatorProps extends React.ComponentPropsWithoutRef<typeof Toolbar.Separator> {}
-/**
- * Props for the Toolbar.Input component.
- */
-interface ToolbarInputProps extends React.ComponentPropsWithoutRef<typeof Toolbar.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$1: {
-  Root: typeof ToolbarRoot;
-  Button: typeof ToolbarButton;
-  Link: typeof ToolbarLink;
-  Group: typeof ToolbarGroup;
-  Separator: typeof ToolbarSeparator;
-  Input: typeof ToolbarInput;
-};
-//#endregion
-export { ToolbarLinkProps as a, ToolbarInputProps as i, ToolbarButtonProps as n, ToolbarRootProps as o, ToolbarGroupProps as r, ToolbarSeparatorProps as s, Toolbar$1 as t };

package/dist/{ThinkChat-BES_3Mb-.js → ThinkChat-DkA4Wr71.js}

@@ -1,6 +1,6 @@
 import { TransitionSurface } from "./components/foundations/TransitionSurface.js";
-import { AgentChat, compactingNotice } from "./components/agents-sdk/AgentChat.js";
 import { AgentToolRunsProvider, useOptionalAgentToolRuns, useSourceScopedAgentToolEvents } from "./components/agents-sdk/AgentToolRunsContext.js";
+import { AgentChat, compactingNotice } from "./components/agents-sdk/AgentChat.js";
 import { SubagentRunList } from "./components/agents-sdk/SubagentRunList.js";
 import { ThinkChatContext, ThinkChatLiveContext, useOptionalThinkChatContext, useThinkChatContext } from "./components/agents-sdk/ThinkChatContext.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./components/agents-sdk/ThinkChatActivity.js";