@mcp-b/react-components 0.40.0 → 0.41.0

package/dist/components/foundations/LinkButton.js

@@ -1,27 +1,31 @@
 import { buttonVariants } from "./Button.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/foundations/LinkButton.tsx
 /**
 * A link that wears Button chrome. Renders a plain anchor composed through the
 * {@link buttonVariants} seam, so the element stays a genuine link.
 *
-* `Button render={<a />}` gives the same visuals in React, but a link styled as
-* a button still needs a component wrapper for non-React hosts: Astro templates
-* cannot construct the React element the `render` prop expects (a `.astro` `<a />`
-* is an Astro vnode, not a React element, and `@astrojs/react` rejects it). This
-* component is that wrapper, so Astro can render a button-styled link by passing
-* plain props.
+* Pass `href` for a native anchor or an app-authored router link through
+* `render`. The latter preserves the consuming app's route-tree inference.
 */
-function LinkButton({ variant, color, size, className, ref, ...props }) {
-	return /* @__PURE__ */ jsx("a", {
-		ref,
+function LinkButton({ variant, color, size, className, render, ref, ...props }) {
+	const linkProps = {
+		...props,
 		className: buttonVariants({
 			variant,
 			color,
 			size,
 			className
-		}),
-		...props
+		})
+	};
+	return render ? /* @__PURE__ */ jsx(NavigationLink, {
+		render,
+		ref,
+		...linkProps
+	}) : /* @__PURE__ */ jsx("a", {
+		ref,
+		...linkProps
 	});
 }
 //#endregion

package/dist/components/foundations/Menubar.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../../icons-MmIXciMO.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-CVFSeTJn.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { K as SearchIcon } from "../../icons-MmIXciMO.js";
+import { U as SearchIcon } from "../../icons-CVFSeTJn.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/foundations/SearchField.tsx

package/dist/components/foundations/Select.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-MmIXciMO.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/foundations/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { Y as SpinnerIcon, d as CheckIcon } from "../../icons-MmIXciMO.js";
+import { K as SpinnerIcon, d as CheckIcon } from "../../icons-CVFSeTJn.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/Toast.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { it as XIcon } from "../../icons-MmIXciMO.js";
+import { tt as XIcon } from "../../icons-CVFSeTJn.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { n as ToggleGroupItemProps, r as ToggleGroupProps, t as ToggleGroup } from "../../ToggleGroup-_pQMyHGM.js";
+import { n as ToggleGroupItemProps, r as ToggleGroupProps, t as ToggleGroup } from "../../ToggleGroup-BrQZOQn_.js";
 export { ToggleGroup, ToggleGroupItemProps, ToggleGroupProps };

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-CBOseBQr.js";
 export { Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarInputProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps };

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

@@ -1,2 +1,2 @@
-import { $ as StopIcon, A as InfoIcon, B as MoveToFrontIcon, C as EyeOffIcon, D as HashIcon, E as FolderOpenIcon, F as MessageSquareIcon, G as PlusIcon, H as PauseIcon, I as MicrophoneIcon, J as SearchIcon, K as QueueIcon, L as MinusIcon, M as LinkIcon, N as MaximizeIcon, O as IconProps, P as McpIcon, Q as SquareIcon, R as MonitorIcon, S as EyeIcon, T as FolderIcon, U as PencilIcon, V as PaperclipIcon, W as PlayIcon, X as SlackIcon, Y as SidebarIcon, Z as SpinnerIcon, _ as CopyIcon, a as ArrowUpIcon, at as WrenchIcon, b as DownloadIcon, c as BoxIcon, d as CalendarIcon, et as SunIcon, f as CheckIcon, g as CodeIcon, h as ChevronRightIcon, i as ArrowRightIcon, it as WarningIcon, j as KeyboardIcon, k as ImageIcon, l as BrainIcon, m as ChevronLeftIcon, n as ArrowDownIcon, nt as TerminalIcon, o as ArrowUpRightIcon, ot as XIcon, p as ChevronDownIcon, q as RefreshIcon, r as ArrowLeftIcon, rt as TrashIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TargetIcon, u as BrandIconProps, v as DiscordIcon, w as FileIcon, x as EllipsisIcon, y as DotIcon, z as MoonIcon } from "../../icons-DwgNir1Q.js";
-export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, IconProps, ImageIcon, InfoIcon, KeyboardIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as KeyboardIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CalendarIcon, et as TrashIcon, f as CheckIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as BrandIconProps, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-0corjfxR.js";
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, InfoIcon, KeyboardIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/foundations/icons.js

@@ -1,2 +1,2 @@
-import { $ as TargetIcon, A as LinkIcon, B as PauseIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MinusIcon, G as RefreshIcon, H as PlayIcon, I as MonitorIcon, J as SlackIcon, K as SearchIcon, L as MoonIcon, M as McpIcon, N as MessageSquareIcon, O as InfoIcon, P as MicrophoneIcon, Q as SunIcon, R as MoveToFrontIcon, S as EyeOffIcon, T as FolderOpenIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, X as SquareIcon, Y as SpinnerIcon, Z as StopIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TerminalIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, it as XIcon, j as MaximizeIcon, k as KeyboardIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WarningIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SidebarIcon, r as ArrowLeftIcon, rt as WrenchIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TrashIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PaperclipIcon } from "../../icons-MmIXciMO.js";
-export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, KeyboardIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { $ as WarningIcon, A as MessageSquareIcon, B as PlusIcon, C as FolderIcon, D as LinkIcon, E as KeyboardIcon, F as MoveToFrontIcon, G as SlackIcon, H as RefreshIcon, I as PaperclipIcon, J as StopIcon, K as SpinnerIcon, L as PauseIcon, M as MinusIcon, N as MonitorIcon, O as MaximizeIcon, P as MoonIcon, Q as TrashIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, U as SearchIcon, V as QueueIcon, W as SidebarIcon, X as TargetIcon, Y as SunIcon, Z as TerminalIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BoxIcon, d as CheckIcon, et as WrenchIcon, f as ChevronDownIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MicrophoneIcon, k as McpIcon, l as BrainIcon, m as CodeIcon, n as ArrowDownIcon, o as ArrowUpRightIcon, p as ChevronRightIcon, q as SquareIcon, r as ArrowLeftIcon, s as BookmarkIcon, t as ArchiveIcon, tt as XIcon, u as CalendarIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PlayIcon } from "../../icons-CVFSeTJn.js";
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, InfoIcon, KeyboardIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

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

@@ -1,91 +1,2 @@
-import { Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarLinkProps } from "../foundations/Toolbar.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;
-}
-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,
-  ...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
+import { a as AppTopBarLinkProps, i as AppTopBarGroupProps, n as AppTopBarButtonProps, o as AppTopBarRootProps, r as AppTopBarControlProps, s as AppTopBarTitleProps, t as AppTopBar } from "../../AppTopBar-ZdgmB_Lu.js";
 export { AppTopBar, AppTopBarButtonProps, AppTopBarControlProps, AppTopBarGroupProps, AppTopBarLinkProps, AppTopBarRootProps, AppTopBarTitleProps };

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

@@ -10,9 +10,10 @@ import { useRender } from "@base-ui/react/use-render";
 * 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 }) {
+function AppTopBarRoot({ children, className, titleAlign = "center", ...props }) {
 	return /* @__PURE__ */ jsx(Tooltip.Provider, { children: /* @__PURE__ */ jsx(Toolbar.Root, {
 		className: mergeBaseClassName("app-top-bar", className),
+		"data-title-align": titleAlign,
 		...props,
 		children
 	}) });

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

@@ -13,7 +13,7 @@ interface CommitProps extends Omit<React.ComponentProps<typeof Collapsible.Root>
  * summaries with expandable file details. Do not use it as a generic
  * accordion; use Collapsible or Accordion directly.
  *
- * Styling consumes Sigvelo surface, border, spacing, radius, badge, and focus
+ * Styling consumes Sigvelo surface, border, spacing, radius, status, and focus
  * tokens. Add shared metadata/file affordances here instead of forking commit
  * cards in apps.
  *
@@ -190,7 +190,7 @@ declare function CommitFile({
 }: CommitFileProps & {
   ref?: React.Ref<HTMLLIElement>;
 }): React.JSX.Element;
-interface CommitFileStatusProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> {
+interface CommitFileStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
   status: CommitFileStatusValue;
 }
 declare function CommitFileStatus({

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

@@ -1,18 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { C as FileIcon, m as ChevronRightIcon } from "../../icons-MmIXciMO.js";
-import { t as CopyButton } from "../../copy-button-Bc7jsYv_.js";
-import { Badge } from "../foundations/Badge.js";
+import { S as FileIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
+import { t as CopyButton } from "../../copy-button-lys9N_aI.js";
 import { Avatar } from "../foundations/Avatar.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/Commit.tsx
-const FILE_STATUS_COLOR = {
-	added: "success",
-	modified: "warning",
-	deleted: "destructive",
-	renamed: "primary"
-};
 const FILE_STATUS_LABEL = {
 	added: "A",
 	modified: "M",
@@ -27,7 +20,7 @@ const FILE_STATUS_LABEL = {
 * summaries with expandable file details. Do not use it as a generic
 * accordion; use Collapsible or Accordion directly.
 *
-* Styling consumes Sigvelo surface, border, spacing, radius, badge, and focus
+* Styling consumes Sigvelo surface, border, spacing, radius, status, and focus
 * tokens. Add shared metadata/file affordances here instead of forking commit
 * cards in apps.
 *
@@ -197,12 +190,11 @@ function CommitFile({ className, children, ref, ...props }) {
 	});
 }
 function CommitFileStatus({ className, status, ref, ...props }) {
-	return /* @__PURE__ */ jsx(Badge, {
+	return /* @__PURE__ */ jsx("span", {
 		...props,
 		ref,
-		color: FILE_STATUS_COLOR[status],
-		size: "sm",
 		className: cx("commit__file-status", className),
+		"data-status": status,
 		"aria-label": status,
 		children: FILE_STATUS_LABEL[status]
 	});

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

@@ -22,7 +22,7 @@ interface EnvironmentVariablesProps extends React.HTMLAttributes<HTMLDivElement>
  * environment keys and copyable values. Do not treat masking as a security
  * boundary; do not render secrets for users who are not allowed to see them.
  *
- * Sigvelo changes: composes Badge, Button, Switch, and Tooltip; maps copy and
+ * Sigvelo changes: composes Button, Switch, and Tooltip; maps copy and
  * reveal controls to Sigvelo CSS tokens; keeps masking local to the component.
  *
  * Values need visible labels and copy buttons need accessible labels. Styling
@@ -156,7 +156,7 @@ declare function EnvironmentVariableCopyButton({
   timeout,
   ...props
 }: EnvironmentVariableCopyButtonProps): React.JSX.Element;
-interface EnvironmentVariableRequiredProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> {}
+interface EnvironmentVariableRequiredProps extends React.HTMLAttributes<HTMLSpanElement> {}
 declare function EnvironmentVariableRequired({
   className,
   children,

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

@@ -1,7 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as EyeOffIcon, x as EyeIcon } from "../../icons-MmIXciMO.js";
-import { t as CopyButton } from "../../copy-button-Bc7jsYv_.js";
-import { Badge } from "../foundations/Badge.js";
+import { b as EyeIcon, x as EyeOffIcon } from "../../icons-CVFSeTJn.js";
+import { t as CopyButton } from "../../copy-button-lys9N_aI.js";
 import { Switch } from "../foundations/Switch.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -26,7 +25,7 @@ function useVariableContext() {
 * environment keys and copyable values. Do not treat masking as a security
 * boundary; do not render secrets for users who are not allowed to see them.
 *
-* Sigvelo changes: composes Badge, Button, Switch, and Tooltip; maps copy and
+* Sigvelo changes: composes Button, Switch, and Tooltip; maps copy and
 * reveal controls to Sigvelo CSS tokens; keeps masking local to the component.
 *
 * Values need visible labels and copy buttons need accessible labels. Styling
@@ -185,11 +184,9 @@ function EnvironmentVariableCopyButton({ className, format = "value", label, onC
 	});
 }
 function EnvironmentVariableRequired({ className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsx(Badge, {
+	return /* @__PURE__ */ jsx("span", {
 		...props,
 		ref,
-		color: "warning",
-		size: "sm",
 		className: cx("environment-variables__required", className),
 		children: children ?? "Required"
 	});

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

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

@@ -1,7 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Badge } from "../foundations/Badge.js";
-import { Switch } from "../foundations/Switch.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
+import { Switch } from "../foundations/Switch.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingBillingToggle.tsx
 /** Controlled billing-period selector composed from the shared Switch or ToggleGroup. */
@@ -26,10 +25,8 @@ function PricingBillingToggle({ value, onValueChange, yearlySavingsPercent, vari
 				/* @__PURE__ */ jsxs("span", {
 					className: "pricing-page__period-label",
 					"data-active": isYearly || void 0,
-					children: ["Yearly", /* @__PURE__ */ jsxs(Badge, {
-						color: "success",
-						size: "sm",
-						className: "pricing-page__billing-badge",
+					children: ["Yearly", /* @__PURE__ */ jsxs("span", {
+						className: "pricing-page__billing-savings",
 						children: [
 							"Save ",
 							yearlySavingsPercent,
@@ -51,10 +48,8 @@ function PricingBillingToggle({ value, onValueChange, yearlySavingsPercent, vari
 				children: "Monthly"
 			}), /* @__PURE__ */ jsxs(ToggleGroup.Item, {
 				value: "yearly",
-				children: ["Yearly", /* @__PURE__ */ jsxs(Badge, {
-					color: "success",
-					size: "sm",
-					className: "pricing-page__billing-badge",
+				children: ["Yearly", /* @__PURE__ */ jsxs("span", {
+					className: "pricing-page__billing-savings",
 					children: [
 						"-",
 						yearlySavingsPercent,

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

@@ -1,10 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { F as MinusIcon, O as InfoIcon, d as CheckIcon } from "../../icons-MmIXciMO.js";
+import { M as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Separator } from "../foundations/Separator.js";
 import { Card } from "../foundations/Card.js";
-import { Badge } from "../foundations/Badge.js";
 import { getPlanPrice, getPlanYearlySavings } from "./Pricing.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingPlanCard.tsx
@@ -24,20 +23,22 @@ function PricingPlanCard({ plan, billingPeriod, action = "select", onSelect, cla
 		className: cx("pricing-page__plan", className),
 		"data-popular": plan.popular || void 0,
 		children: [
-			plan.popular ? /* @__PURE__ */ jsx(Badge, {
-				color: "success",
-				className: "pricing-page__popular-badge",
-				children: "Most Popular"
-			}) : null,
 			/* @__PURE__ */ jsxs("div", {
 				className: "pricing-page__plan-header",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "pricing-page__plan-name",
-					children: plan.name
-				}), /* @__PURE__ */ jsx("p", {
-					className: "pricing-page__plan-description",
-					children: plan.description
-				})]
+				children: [
+					plan.popular ? /* @__PURE__ */ jsx("span", {
+						className: "pricing-page__popular-label",
+						children: "Most popular"
+					}) : null,
+					/* @__PURE__ */ jsx("h2", {
+						className: "pricing-page__plan-name",
+						children: plan.name
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "pricing-page__plan-description",
+						children: plan.description
+					})
+				]
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "pricing-page__plan-price",

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Separator } from "../foundations/Separator.js";
 import { Card } from "../foundations/Card.js";
-import { Progress } from "../foundations/Progress.js";
 import { Slider } from "../foundations/Slider.js";
+import { Progress } from "../foundations/Progress.js";
 import { formatPricingUsage, getUsagePrice } from "./Pricing.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";