@mcp-b/react-components 0.56.0 → 0.56.2

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

@@ -1,8 +1,7 @@
 import { Plan, PricingBillingPeriod } from "./Pricing.js";
 import { PricingPlanAction } from "./PricingPlanCard.js";
-
 //#region src/components/general-purpose/PricingConfirmationDialog.d.ts
-interface PricingConfirmationDialogProps {
+export interface PricingConfirmationDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
   plan: Plan | null;
@@ -12,14 +11,5 @@ interface PricingConfirmationDialogProps {
   onConfirm: () => void | Promise<void>;
 }
 /** Confirmation surface for subscribing to or changing a pricing plan. */
-declare function PricingConfirmationDialog({
-  open,
-  onOpenChange,
-  plan,
-  billingPeriod,
-  action,
-  switching,
-  onConfirm
-}: PricingConfirmationDialogProps): import("react").JSX.Element;
-//#endregion
-export { PricingConfirmationDialog, PricingConfirmationDialogProps };
+export declare function PricingConfirmationDialog({ open, onOpenChange, plan, billingPeriod, action, switching, onConfirm }: PricingConfirmationDialogProps): import("react").JSX.Element;
+//#endregion

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

@@ -1,18 +1,12 @@
 import { FAQItem } from "./Pricing.js";
 import * as React from "react";
-
 //#region src/components/general-purpose/PricingFAQ.d.ts
-interface PricingFAQProps {
+export interface PricingFAQProps {
   items: readonly FAQItem[];
   title?: string;
   /** Additional class name for placement in a consuming layout. */
   className?: string;
 }
 /** Pricing FAQ section composed from the shared Base UI-backed Accordion. */
-declare function PricingFAQ({
-  items,
-  title,
-  className
-}: PricingFAQProps): React.JSX.Element | null;
-//#endregion
-export { PricingFAQ, PricingFAQProps };
+export declare function PricingFAQ({ items, title, className }: PricingFAQProps): React.JSX.Element | null;
+//#endregion

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

@@ -1,8 +1,7 @@
 import { FAQItem, Plan, UsageTier } from "./Pricing.js";
 import * as React from "react";
-
 //#region src/components/general-purpose/PricingPage.d.ts
-interface PricingPageProps {
+export interface PricingPageProps {
   /**
    * The title of the pricing page
    * @default 'Simple, transparent pricing'
@@ -142,31 +141,5 @@ interface PricingPageProps {
  * />
  * ```
  */
-declare function PricingPage({
-  title,
-  subtitle,
-  plans,
-  faq,
-  showUsageCalculator,
-  usageTiers,
-  maxUsage,
-  usageUnit,
-  onSelectPlan,
-  onConfirmUpgrade,
-  className,
-  billingToggleVariant,
-  productIds,
-  currentProductId,
-  isSubscribed,
-  checkoutUrl,
-  switchPlanUrl,
-  portalUrl,
-  isLoggedIn,
-  loginUrl,
-  hasPolarAccount,
-  onCheckout,
-  onSwitchPlan,
-  onPortalRedirect
-}: PricingPageProps): React.JSX.Element;
-//#endregion
-export { PricingPage, PricingPageProps };
+export declare function PricingPage({ title, subtitle, plans, faq, showUsageCalculator, usageTiers, maxUsage, usageUnit, onSelectPlan, onConfirmUpgrade, className, billingToggleVariant, productIds, currentProductId, isSubscribed, checkoutUrl, switchPlanUrl, portalUrl, isLoggedIn, loginUrl, hasPolarAccount, onCheckout, onSwitchPlan, onPortalRedirect }: PricingPageProps): React.JSX.Element;
+//#endregion

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

@@ -135,8 +135,9 @@ function PricingPage({ title = "Simple, transparent pricing", subtitle, plans, f
 		if (isCurrentPlan(plan)) return "current";
 		return isSubscribed ? getSwitchDirection(plan) : "select";
 	};
+	const classes = cx("pricing-page", className);
 	return /* @__PURE__ */ jsxs("div", {
-		className: cx("pricing-page", className),
+		className: classes,
 		children: [
 			/* @__PURE__ */ jsxs("header", {
 				className: "pricing-page__header",

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

@@ -1,8 +1,7 @@
 import { Plan, PricingBillingPeriod } from "./Pricing.js";
-
 //#region src/components/general-purpose/PricingPlanCard.d.ts
-type PricingPlanAction = "current" | "upgrade" | "downgrade" | "switch" | "select";
-interface PricingPlanCardProps {
+export type PricingPlanAction = "current" | "upgrade" | "downgrade" | "switch" | "select";
+export 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. */
@@ -15,12 +14,5 @@ interface PricingPlanCardProps {
   className?: string;
 }
 /** A single plan card composed from the shared card and control primitives. */
-declare function PricingPlanCard({
-  plan,
-  billingPeriod,
-  action,
-  onSelect,
-  className
-}: PricingPlanCardProps): import("react").JSX.Element;
-//#endregion
-export { PricingPlanAction, PricingPlanCard, PricingPlanCardProps };
+export declare function PricingPlanCard({ plan, billingPeriod, action, onSelect, className }: PricingPlanCardProps): import("react").JSX.Element;
+//#endregion

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

@@ -1,8 +1,7 @@
 import { UsageTier } from "./Pricing.js";
 import * as React from "react";
-
 //#region src/components/general-purpose/PricingUsageCalculator.d.ts
-interface PricingUsageCalculatorProps {
+export interface PricingUsageCalculatorProps {
   usageTiers: readonly UsageTier[];
   maxUsage?: number;
   usageUnit?: string;
@@ -11,12 +10,5 @@ interface PricingUsageCalculatorProps {
   className?: string;
 }
 /** Self-contained usage estimator composed from Card, Slider, Progress, and Separator. */
-declare function PricingUsageCalculator({
-  usageTiers,
-  maxUsage,
-  usageUnit,
-  defaultUsage,
-  className
-}: PricingUsageCalculatorProps): React.JSX.Element;
-//#endregion
-export { PricingUsageCalculator, PricingUsageCalculatorProps };
+export declare function PricingUsageCalculator({ usageTiers, maxUsage, usageUnit, defaultUsage, className }: PricingUsageCalculatorProps): React.JSX.Element;
+//#endregion

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 { Separator } from "../foundations/Separator.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";

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

@@ -1,9 +1,8 @@
-import { n as SeparatorProps } from "../../Separator-CzhtLYE1.js";
+import { n as SeparatorProps } from "../../Separator-CYWGW1tr.js";
 import * as React from "react";
-
 //#region src/components/general-purpose/ResizableSidePanel.d.ts
-type ResizableSidePanelSide = "start" | "end";
-interface ResizableSidePanelRootProps extends React.HTMLAttributes<HTMLDivElement> {
+export type ResizableSidePanelSide = "start" | "end";
+export interface ResizableSidePanelRootProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Short noun used by the resize separator, such as “threads” or “workbench”. */
   label: string;
   /** Logical side occupied by the resizable panel. */
@@ -30,42 +29,20 @@ interface ResizableSidePanelRootProps extends React.HTMLAttributes<HTMLDivElemen
    */
   sizeVariable?: `--${string}`;
 }
-interface ResizableSidePanelHandleProps extends Omit<SeparatorProps, "aria-label" | "aria-orientation" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "decorative" | "orientation"> {}
+export interface ResizableSidePanelHandleProps extends Omit<SeparatorProps, "aria-label" | "aria-orientation" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "decorative" | "orientation"> {}
 /**
  * Shared sizing seam for a logical start- or end-side panel. Consumers retain
  * ownership of panel placement, visibility, compact behavior, and top bars.
  */
-declare function ResizableSidePanelRoot({
-  children,
-  className,
-  collapseThreshold,
-  defaultSize,
-  keyboardStep,
-  label,
-  maxSize,
-  minSize,
-  onSizeChange,
-  onCollapse,
-  ref,
-  side,
-  sizeVariable,
-  style,
-  ...props
-}: ResizableSidePanelRootProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+declare function ResizableSidePanelRoot({ children, className, collapseThreshold, defaultSize, keyboardStep, label, maxSize, minSize, onSizeChange, onCollapse, ref, side, sizeVariable, style, ...props }: ResizableSidePanelRootProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function ResizableSidePanelHandle({
-  className,
-  onKeyDown,
-  onPointerDown,
-  ref,
-  ...props
-}: ResizableSidePanelHandleProps & {
+declare function ResizableSidePanelHandle({ className, onKeyDown, onPointerDown, ref, ...props }: ResizableSidePanelHandleProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare const ResizableSidePanel: {
+export declare const ResizableSidePanel: {
   Root: typeof ResizableSidePanelRoot;
   Handle: typeof ResizableSidePanelHandle;
 };
-//#endregion
-export { ResizableSidePanel, ResizableSidePanelHandleProps, ResizableSidePanelRootProps, ResizableSidePanelSide };
+//#endregion

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

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as clamp } from "../../format-COCyV98Z.js";
+import { n as clamp } from "../../format-CWaZEp5o.js";
 import { Separator } from "../foundations/Separator.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { a as ResponsiveSidebarShellProps, i as ResponsiveSidebarShellControls, n as ResponsiveSidebarShell, o as useResponsiveSidebarShell, r as ResponsiveSidebarShellBar, t as AppBarSlots } from "../../ResponsiveSidebarShell-BUBQa_IV.js";
+import { a as ResponsiveSidebarShellProps, i as ResponsiveSidebarShellControls, n as ResponsiveSidebarShell, o as useResponsiveSidebarShell, r as ResponsiveSidebarShellBar, t as AppBarSlots } from "../../ResponsiveSidebarShell-DoZlSP30.js";
 export { AppBarSlots, ResponsiveSidebarShell, ResponsiveSidebarShellBar, ResponsiveSidebarShellControls, ResponsiveSidebarShellProps, useResponsiveSidebarShell };

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { W as SidebarIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
-import { t as capitalize } from "../../format-COCyV98Z.js";
+import { t as capitalize } from "../../format-CWaZEp5o.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { ResizableSidePanel } from "./ResizableSidePanel.js";

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

@@ -1,9 +1,8 @@
-import { t as Dialog } from "../../Dialog-88GF7_Th.js";
-import { n as FormProps } from "../../Form-CM7GNTwR.js";
+import { t as Dialog } from "../../Dialog-D5AVE3IN.js";
+import { n as FormProps } from "../../Form-DIpgCZ2V.js";
 import * as React from "react";
-
 //#region src/components/general-purpose/SettingsFormDialog.d.ts
-interface SettingsFormDialogProps<Values extends Record<string, unknown> = Record<string, unknown>> {
+export interface SettingsFormDialogProps<Values extends Record<string, unknown> = Record<string, unknown>> {
   open: boolean;
   /** Base UI owns dismissal reasons and cancellation, including successful submission. */
   onOpenChange: NonNullable<React.ComponentProps<typeof Dialog.Root>["onOpenChange"]>;
@@ -24,12 +23,5 @@ interface SettingsFormDialogProps<Values extends Record<string, unknown> = Recor
  * Settings dialog with caller-composed controls and shared async submit/remove
  * feedback. Base UI owns validation and values; product schemas stay in the host.
  */
-declare function SettingsFormDialog<Values extends Record<string, unknown> = Record<string, unknown>>({
-  open,
-  onOpenChange,
-  title,
-  description,
-  ...contentProps
-}: SettingsFormDialogProps<Values>): React.JSX.Element;
-//#endregion
-export { SettingsFormDialog, SettingsFormDialogProps };
+export declare function SettingsFormDialog<Values extends Record<string, unknown> = Record<string, unknown>>({ open, onOpenChange, title, description, ...contentProps }: SettingsFormDialogProps<Values>): React.JSX.Element;
+//#endregion

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

@@ -2,7 +2,7 @@ import { Button } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/SettingsFormDialog.tsx

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

@@ -1,7 +1,6 @@
 import * as React from "react";
-
 //#region src/components/general-purpose/SetupChecklist.d.ts
-interface SetupChecklistEntry<Id extends string = string> {
+export interface SetupChecklistEntry<Id extends string = string> {
   id: Id;
   /** Accessible subject, announced as "<name>, complete" or "<name>, not set up". */
   name: string;
@@ -11,7 +10,7 @@ interface SetupChecklistEntry<Id extends string = string> {
   icon?: React.ReactNode;
   complete: boolean;
 }
-interface SetupChecklistGroupProps<Id extends string = string> {
+export interface SetupChecklistGroupProps<Id extends string = string> {
   /** Quiet visible heading above the checklist rows. */
   label: React.ReactNode;
   /** Host-owned setup tasks and their current completion state. */
@@ -22,22 +21,11 @@ interface SetupChecklistGroupProps<Id extends string = string> {
   onSelect: (id: Id) => void;
 }
 /** Checklist rows for any Menu surface (composer plus menu, tray menu). */
-declare function SetupChecklistGroup<Id extends string = string>({
-  label,
-  entries,
-  defaultOpen,
-  onSelect
-}: SetupChecklistGroupProps<Id>): React.JSX.Element;
-interface SetupChecklistActionProps<Id extends string = string> extends SetupChecklistGroupProps<Id> {
+export declare function SetupChecklistGroup<Id extends string = string>({ label, entries, defaultOpen, onSelect }: SetupChecklistGroupProps<Id>): React.JSX.Element;
+export interface SetupChecklistActionProps<Id extends string = string> extends SetupChecklistGroupProps<Id> {
   /** Visible trigger label; the accessible name appends "N of M set up". */
   actionLabel: string;
 }
 /** Progress-aware tray trigger opening the checklist in its own menu. */
-declare function SetupChecklistAction<Id extends string = string>({
-  actionLabel,
-  label,
-  entries,
-  onSelect
-}: SetupChecklistActionProps<Id>): React.JSX.Element;
-//#endregion
-export { SetupChecklistAction, SetupChecklistActionProps, SetupChecklistEntry, SetupChecklistGroup, SetupChecklistGroupProps };
+export declare function SetupChecklistAction<Id extends string = string>({ actionLabel, label, entries, onSelect }: SetupChecklistActionProps<Id>): React.JSX.Element;
+//#endregion

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

@@ -1,21 +1,13 @@
 import { EmptyStateProps } from "../foundations/EmptyState.js";
 import * as React from "react";
-
 //#region src/components/general-purpose/StatusScreen.d.ts
 /** A whole-region status with one shared layout for its message and recovery actions. */
-declare function StatusScreen({
-  role,
-  page,
-  title,
-  ...props
-}: EmptyStateProps & {
-  /** Standalone page semantics: a main landmark and level-one title. */page?: boolean;
+export declare function StatusScreen({ role, page, title, ...props }: EmptyStateProps & {
+  /** Standalone page semantics: a main landmark and level-one title. */
+  page?: boolean;
 }): React.JSX.Element;
 /** Nonvisual route/status updates; the host supplies the localized announcement. */
-declare function StatusAnnouncement({
-  children
-}: {
+export declare function StatusAnnouncement({ children }: {
   children: React.ReactNode;
 }): React.JSX.Element;
-//#endregion
-export { StatusAnnouncement, StatusScreen };
+//#endregion

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

@@ -1,9 +1,8 @@
-import { n as IconButtonProps } from "../../IconButton-CAlFVb2L.js";
-import { t as CopyButtonProps } from "../../copy-button-CJYYgCIU.js";
+import { n as IconButtonProps } from "../../IconButton-43ggXEuf.js";
+import { t as CopyButtonProps } from "../../copy-button-BIfY5M-D.js";
 import * as React from "react";
-
 //#region src/components/general-purpose/Terminal.d.ts
-interface TerminalProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TerminalProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Terminal output; may include ANSI escape codes. */
   output: string;
   /** Whether output is actively streaming. Shows a blinking cursor. */
@@ -32,86 +31,42 @@ interface TerminalProps extends React.HTMLAttributes<HTMLDivElement> {
  * </Terminal>
  * ```
  */
-declare function Terminal({
-  className,
-  output,
-  isStreaming,
-  autoScroll,
-  onClear,
-  children,
-  ref,
-  ...props
-}: TerminalProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+export declare function Terminal({ className, output, isStreaming, autoScroll, onClear, children, ref, ...props }: TerminalProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TerminalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function TerminalHeader({
-  className,
-  children,
-  ref,
-  ...props
-}: TerminalHeaderProps & {
+export interface TerminalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function TerminalHeader({ className, children, ref, ...props }: TerminalHeaderProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TerminalTitleProps extends React.HTMLAttributes<HTMLSpanElement> {}
-declare function TerminalTitle({
-  className,
-  children,
-  ref,
-  ...props
-}: TerminalTitleProps & {
+export interface TerminalTitleProps extends React.HTMLAttributes<HTMLSpanElement> {}
+export declare function TerminalTitle({ className, children, ref, ...props }: TerminalTitleProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-type TerminalStatusValue = "idle" | "running" | "success" | "error";
-interface TerminalStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
+export type TerminalStatusValue = "idle" | "running" | "success" | "error";
+export interface TerminalStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
   status: TerminalStatusValue;
 }
-declare function TerminalStatus({
-  className,
-  status,
-  ref,
-  ...props
-}: TerminalStatusProps & {
+export declare function TerminalStatus({ className, status, ref, ...props }: TerminalStatusProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-interface TerminalActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function TerminalActions({
-  className,
-  children,
-  ref,
-  ...props
-}: TerminalActionsProps & {
+export interface TerminalActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function TerminalActions({ className, children, ref, ...props }: TerminalActionsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TerminalContentProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function TerminalContent({
-  className,
-  ref,
-  ...props
-}: TerminalContentProps & {
+export interface TerminalContentProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function TerminalContent({ className, ref, ...props }: TerminalContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TerminalCopyButtonProps extends Omit<CopyButtonProps, "text" | "label"> {
+export interface TerminalCopyButtonProps extends Omit<CopyButtonProps, "text" | "label"> {
   label?: string;
   /** Milliseconds to show "Copied" before reverting. Default 2000. */
   timeout?: number;
 }
-declare function TerminalCopyButton({
-  className,
-  label,
-  timeout,
-  onClick,
-  ...props
-}: TerminalCopyButtonProps): React.JSX.Element;
-interface TerminalClearButtonProps extends Omit<IconButtonProps, "children" | "label" | "tooltip" | "variant" | "size" | "color" | "onClick"> {
+export declare function TerminalCopyButton({ className, label, timeout, onClick, ...props }: TerminalCopyButtonProps): React.JSX.Element;
+export interface TerminalClearButtonProps extends Omit<IconButtonProps, "children" | "label" | "tooltip" | "variant" | "size" | "color" | "onClick"> {
   label?: string;
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
-declare function TerminalClearButton({
-  className,
-  label,
-  onClick,
-  ...props
-}: TerminalClearButtonProps): React.JSX.Element;
-//#endregion
-export { Terminal, TerminalActions, TerminalActionsProps, TerminalClearButton, TerminalClearButtonProps, TerminalContent, TerminalContentProps, TerminalCopyButton, TerminalCopyButtonProps, TerminalHeader, TerminalHeaderProps, TerminalProps, TerminalStatus, TerminalStatusProps, TerminalStatusValue, TerminalTitle, TerminalTitleProps };
+export declare function TerminalClearButton({ className, label, onClick, ...props }: TerminalClearButtonProps): React.JSX.Element;
+//#endregion