@mcp-b/react-components 0.49.1 → 0.50.0

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

@@ -1,107 +1,2 @@
-import * as React from "react";
-import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
-
-//#region src/components/foundations/Dialog.d.ts
-type DialogProps<Payload = unknown> = Dialog$1.Root.Props<Payload>;
-type DialogTriggerProps<Payload = unknown> = Dialog$1.Trigger.Props<Payload> & React.RefAttributes<HTMLElement>;
-interface DialogPortalProps extends React.ComponentPropsWithRef<typeof Dialog$1.Portal> {}
-interface DialogBackdropProps extends React.ComponentPropsWithRef<typeof Dialog$1.Backdrop> {}
-interface DialogViewportProps extends React.ComponentPropsWithRef<typeof Dialog$1.Viewport> {}
-interface DialogPopupProps extends React.ComponentPropsWithRef<typeof Dialog$1.Popup> {
-  /**
-   * The size of the dialog.
-   * @default 'md'
-   */
-  size?: "sm" | "md" | "lg" | "fullscreen";
-}
-interface DialogTitleProps extends React.ComponentPropsWithRef<typeof Dialog$1.Title> {}
-interface DialogDescriptionProps extends React.ComponentPropsWithRef<typeof Dialog$1.Description> {}
-interface DialogCloseProps extends React.ComponentPropsWithRef<typeof Dialog$1.Close> {}
-interface DialogHeaderProps extends React.ComponentPropsWithRef<"div"> {}
-interface DialogFooterProps extends React.ComponentPropsWithRef<"div"> {}
-/**
- * A dialog component for modal interactions.
- *
- * @example
- * ```tsx
- * <Dialog.Root open={isOpen} onOpenChange={setIsOpen}>
- *   <Dialog.Trigger render={<Button />}>Open</Dialog.Trigger>
- *   <Dialog.Portal>
- *     <Dialog.Backdrop />
- *     <Dialog.Viewport>
- *       <Dialog.Popup>
- *         <Dialog.Title>Confirm</Dialog.Title>
- *         <Dialog.Description>Are you sure?</Dialog.Description>
- *         <Dialog.Close>Cancel</Dialog.Close>
- *       </Dialog.Popup>
- *     </Dialog.Viewport>
- *   </Dialog.Portal>
- * </Dialog.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
- */
-declare function DialogTrigger<Payload>({
-  render,
-  className,
-  ref,
-  ...props
-}: DialogTriggerProps<Payload>): React.JSX.Element;
-declare function DialogBackdrop({
-  className,
-  ref,
-  ...props
-}: DialogBackdropProps): React.JSX.Element;
-declare function DialogViewport({
-  className,
-  ref,
-  ...props
-}: DialogViewportProps): React.JSX.Element;
-declare function DialogPopup({
-  size,
-  className,
-  ref,
-  ...props
-}: DialogPopupProps): React.JSX.Element;
-declare function DialogHeader({
-  className,
-  ref,
-  ...props
-}: DialogHeaderProps): React.JSX.Element;
-declare function DialogFooter({
-  className,
-  ref,
-  ...props
-}: DialogFooterProps): React.JSX.Element;
-declare function DialogTitle({
-  className,
-  ref,
-  ...props
-}: DialogTitleProps): React.JSX.Element;
-declare function DialogDescription({
-  className,
-  ref,
-  ...props
-}: DialogDescriptionProps): React.JSX.Element;
-declare function DialogClose({
-  render,
-  className,
-  ref,
-  ...props
-}: DialogCloseProps): React.JSX.Element;
-declare const Dialog: {
-  Root: <Payload>(props: Dialog$1.Root.Props<Payload>) => React.JSX.Element;
-  Trigger: typeof DialogTrigger;
-  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  Backdrop: typeof DialogBackdrop;
-  Viewport: typeof DialogViewport;
-  Popup: typeof DialogPopup;
-  Header: typeof DialogHeader;
-  Footer: typeof DialogFooter;
-  Title: typeof DialogTitle;
-  Description: typeof DialogDescription;
-  Close: typeof DialogClose;
-  createHandle: typeof Dialog$1.createHandle;
-};
-//#endregion
+import { a as DialogFooterProps, c as DialogPortalProps, d as DialogTriggerProps, f as DialogViewportProps, i as DialogDescriptionProps, l as DialogProps, n as DialogBackdropProps, o as DialogHeaderProps, r as DialogCloseProps, s as DialogPopupProps, t as Dialog, u as DialogTitleProps } from "../../Dialog-88GF7_Th.js";
 export { Dialog, DialogBackdropProps, DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogViewportProps };

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

@@ -1,91 +1,2 @@
-import * as React from "react";
-import { Form as Form$1 } from "@base-ui/react/form";
-
-//#region src/components/foundations/Form.d.ts
-/**
- * Props for the Form component.
- */
-interface FormProps<Values extends Record<string, unknown> = Record<string, unknown>> extends React.ComponentPropsWithoutRef<typeof Form$1<Values>> {}
-/**
- * A form component that provides consolidated error handling and validation
- * for form controls. Works seamlessly with the Field component.
- *
- * @example
- * ```tsx
- * // Basic usage with Field components
- * <Form onFormSubmit={(values) => console.log(values)}>
- *   <Field.Root name="username">
- *     <Field.Label>Username</Field.Label>
- *     <Field.Control required />
- *     <Field.Error match="valueMissing">Username is required</Field.Error>
- *   </Field.Root>
- *
- *   <Field.Root name="email">
- *     <Field.Label>Email</Field.Label>
- *     <Field.Control type="email" required />
- *     <Field.Error match="valueMissing">Email is required</Field.Error>
- *     <Field.Error match="typeMismatch">Invalid email format</Field.Error>
- *   </Field.Root>
- *
- *   <Button type="submit">Submit</Button>
- * </Form>
- * ```
- *
- * @example
- * ```tsx
- * // With external/server errors
- * const [errors, setErrors] = useState({});
- *
- * async function handleSubmit(values) {
- *   const result = await api.submit(values);
- *   if (result.errors) {
- *     setErrors(result.errors); // { email: "Already registered" }
- *   }
- * }
- *
- * <Form errors={errors} onFormSubmit={handleSubmit}>
- *   <Field.Root name="email">
- *     <Field.Control type="email" />
- *     <Field.Error />
- *   </Field.Root>
- * </Form>
- * ```
- *
- * @example
- * ```tsx
- * // Native submit handlers remain native, so TanStack Form can own state.
- * <Form
- *   onSubmit={(event) => {
- *     event.preventDefault();
- *     void form.handleSubmit();
- *   }}
- * >
- *   ...
- * </Form>
- * ```
- *
- * @example
- * ```tsx
- * // With validation modes
- * // Fields validate when they lose focus
- * <Form validationMode="onBlur">
- *   ...
- * </Form>
- *
- * // Fields validate as user types
- * <Form validationMode="onChange">
- *   ...
- * </Form>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/form | Base UI Form}
- */
-declare function Form<Values extends Record<string, unknown> = Record<string, unknown>>({
-  className,
-  ref,
-  ...props
-}: FormProps<Values> & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLFormElement>;
-}): React.JSX.Element;
-//#endregion
+import { n as FormProps, t as Form } from "../../Form-CM7GNTwR.js";
 export { Form, FormProps };

package/dist/components/foundations/Menubar.js

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

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

@@ -1,220 +1,2 @@
-import * as React from "react";
-import { Popover as Popover$1 } from "@base-ui/react/popover";
-
-//#region src/components/foundations/Popover.d.ts
-/**
- * Props for the Popover.Root component.
- */
-type PopoverProps<Payload = unknown> = Popover$1.Root.Props<Payload>;
-/**
- * Props for the Popover.Trigger component.
- */
-type PopoverTriggerProps<Payload = unknown> = Popover$1.Trigger.Props<Payload> & React.RefAttributes<HTMLElement> & {
-  /** Keep Base UI trigger behavior without the default popover trigger chrome. */unstyled?: boolean;
-};
-/**
- * Props for the Popover.Portal component.
- */
-interface PopoverPortalProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Portal> {}
-/**
- * Props for the Popover.Backdrop component.
- */
-interface PopoverBackdropProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Backdrop> {}
-/**
- * Props for the Popover.Positioner component.
- */
-interface PopoverPositionerProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Positioner> {}
-/**
- * Props for the Popover.Popup component.
- */
-interface PopoverPopupProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Popup> {}
-/**
- * Props for the Popover.Viewport component. Use this only when one popover
- * moves between triggers and its content changes during that transition.
- */
-interface PopoverViewportProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Viewport> {}
-/**
- * Props for the Popover.Arrow component.
- */
-interface PopoverArrowProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Arrow> {}
-/**
- * Props for the Popover.Title component.
- */
-interface PopoverTitleProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Title> {}
-/**
- * Props for the Popover.Description component.
- */
-interface PopoverDescriptionProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Description> {}
-/**
- * Props for the Popover.Close component.
- */
-interface PopoverCloseProps extends React.ComponentPropsWithoutRef<typeof Popover$1.Close> {}
-interface PopoverHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-/**
- * Button that toggles the popover visibility.
- * Renders a `<button>` element.
- */
-declare function PopoverTrigger<Payload>({
-  className,
-  unstyled,
-  ref,
-  ...props
-}: PopoverTriggerProps<Payload>): React.JSX.Element;
-/**
- * Optional backdrop that appears behind the popover.
- */
-declare function PopoverBackdrop({
-  className,
-  ref,
-  ...props
-}: PopoverBackdropProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * Positions the popup relative to the trigger element.
- *
- * @example
- * ```tsx
- * // Position on the right with offset
- * <Popover.Positioner side="right" sideOffset={8}>
- *   <Popover.Popup>...</Popover.Popup>
- * </Popover.Positioner>
- * ```
- */
-declare function PopoverPositioner({
-  className,
-  ref,
-  ...props
-}: PopoverPositionerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * The popup container that holds the popover content.
- */
-declare function PopoverPopup({
-  className,
-  ref,
-  ...props
-}: PopoverPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * Transition container for content that changes as a popover moves between
- * triggers. Pair the adaptive classes from `base-ui-motion.css` with the
- * positioner, popup, and this viewport when that behavior is needed.
- */
-declare function PopoverViewport({
-  className,
-  ref,
-  ...props
-}: PopoverViewportProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function PopoverHeader({
-  className,
-  ref,
-  ...props
-}: PopoverHeaderProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * Directional arrow pointing to the trigger element.
- */
-declare function PopoverArrow({
-  className,
-  ref,
-  ...props
-}: PopoverArrowProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-/**
- * Semantic title for the popover content.
- * Renders an `<h2>` element.
- */
-declare function PopoverTitle({
-  className,
-  ref,
-  ...props
-}: PopoverTitleProps & {
-  ref?: React.Ref<HTMLHeadingElement>;
-}): React.JSX.Element;
-/**
- * Description text for the popover content.
- * Renders a `<p>` element.
- */
-declare function PopoverDescription({
-  className,
-  ref,
-  ...props
-}: PopoverDescriptionProps & {
-  ref?: React.Ref<HTMLParagraphElement>;
-}): React.JSX.Element;
-/**
- * Button that closes the popover.
- */
-declare function PopoverClose({
-  render,
-  className,
-  ref,
-  ...props
-}: PopoverCloseProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-/**
- * An accessible popup anchored to a trigger button.
- * Supports flexible positioning, animations, and optional backdrop.
- *
- * @example
- * ```tsx
- * // Basic popover
- * <Popover.Root>
- *   <Popover.Trigger>Click me</Popover.Trigger>
- *   <Popover.Portal>
- *     <Popover.Positioner>
- *       <Popover.Popup>
- *         <Popover.Title>Settings</Popover.Title>
- *         <Popover.Description>
- *           Configure your preferences here.
- *         </Popover.Description>
- *         <Popover.Close>Close</Popover.Close>
- *       </Popover.Popup>
- *     </Popover.Positioner>
- *   </Popover.Portal>
- * </Popover.Root>
- * ```
- *
- * @example
- * ```tsx
- * // With arrow and custom positioning
- * <Popover.Root>
- *   <Popover.Trigger>Info</Popover.Trigger>
- *   <Popover.Portal>
- *     <Popover.Positioner side="right" sideOffset={8}>
- *       <Popover.Popup>
- *         <Popover.Arrow />
- *         <p>Additional information</p>
- *       </Popover.Popup>
- *     </Popover.Positioner>
- *   </Popover.Portal>
- * </Popover.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/popover | Base UI Popover}
- */
-declare const Popover: {
-  createHandle: typeof Popover$1.createHandle;
-  Root: typeof Popover$1.Root;
-  Trigger: typeof PopoverTrigger;
-  Portal: (props: PopoverPortalProps) => React.JSX.Element;
-  Backdrop: typeof PopoverBackdrop;
-  Positioner: typeof PopoverPositioner;
-  Popup: typeof PopoverPopup;
-  Viewport: typeof PopoverViewport;
-  Header: typeof PopoverHeader;
-  Arrow: typeof PopoverArrow;
-  Title: typeof PopoverTitle;
-  Description: typeof PopoverDescription;
-  Close: typeof PopoverClose;
-};
-//#endregion
+import { a as PopoverDescriptionProps, c as PopoverPortalProps, d as PopoverTitleProps, f as PopoverTriggerProps, i as PopoverCloseProps, l as PopoverPositionerProps, n as PopoverArrowProps, o as PopoverHeaderProps, p as PopoverViewportProps, r as PopoverBackdropProps, s as PopoverPopupProps, t as Popover, u as PopoverProps } from "../../Popover-CgHG5DtS.js";
 export { Popover, PopoverArrowProps, PopoverBackdropProps, PopoverCloseProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, PopoverViewportProps };

package/dist/components/foundations/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { U as SearchIcon } from "../../icons-cuEtsgj9.js";
+import { U as SearchIcon } from "../../icons-CeGfXO21.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-cuEtsgj9.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-CeGfXO21.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 { K as SpinnerIcon, d as CheckIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, d as CheckIcon } from "../../icons-CeGfXO21.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 { nt as XIcon } from "../../icons-cuEtsgj9.js";
+import { nt as XIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 import { ToggleVariantsOptions } from "./Toggle.js";
 import * as React from "react";
-import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 
 //#region src/components/foundations/ToggleGroup.d.ts
 type ToggleGroupSize = ToggleVariantsOptions["size"];

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 { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 //#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/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-cuEtsgj9.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-CeGfXO21.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/AccountSignInDialog.d.ts

@@ -0,0 +1,26 @@
+import { l as DialogProps } from "../../Dialog-88GF7_Th.js";
+import * as React from "react";
+
+//#region src/components/general-purpose/AccountSignInDialog.d.ts
+interface AccountSignInDialogProps {
+  open: boolean;
+  onOpenChange: DialogProps["onOpenChange"];
+  trigger: React.ReactElement;
+  title: string;
+  description: string;
+  /** Provider-owned sign-in control; credentials never enter the component. */
+  children: React.ReactNode;
+  error?: string | null;
+}
+/** Shared account-dialog layout surrounding a provider's own sign-in control. */
+declare function AccountSignInDialog({
+  open,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  error,
+  children
+}: AccountSignInDialogProps): React.JSX.Element;
+//#endregion
+export { AccountSignInDialog, AccountSignInDialogProps };

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

@@ -0,0 +1,25 @@
+import { Field } from "../foundations/Field.js";
+import { Dialog } from "../foundations/Dialog.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/general-purpose/AccountSignInDialog.tsx
+/** Shared account-dialog layout surrounding a provider's own sign-in control. */
+function AccountSignInDialog({ open, onOpenChange, trigger, title, description, error, children }) {
+	return /* @__PURE__ */ jsxs(Dialog.Root, {
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(Dialog.Trigger, { render: trigger }), /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsxs(Dialog.Popup, {
+			size: "sm",
+			children: [
+				/* @__PURE__ */ jsxs(Dialog.Header, { children: [/* @__PURE__ */ jsx(Dialog.Title, { children: title }), /* @__PURE__ */ jsx(Dialog.Description, { children: description })] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "account-sign-in-dialog__control",
+					children: [children, error ? /* @__PURE__ */ jsx(Field.Errors, { errors: [error] }) : null]
+				}),
+				/* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsx(Dialog.Close, { children: "Cancel" }) })
+			]
+		}) })] })]
+	});
+}
+//#endregion
+export { AccountSignInDialog };

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

@@ -1,99 +1,2 @@
-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 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.
-   */
-  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
+import { a as AppTopBarLinkProps, i as AppTopBarGroupProps, n as AppTopBarButtonProps, o as AppTopBarRootProps, r as AppTopBarControlProps, s as AppTopBarTitleProps, t as AppTopBar } from "../../AppTopBar-CVkLRdk7.js";
 export { AppTopBar, AppTopBarButtonProps, AppTopBarControlProps, AppTopBarGroupProps, AppTopBarLinkProps, AppTopBarRootProps, AppTopBarTitleProps };

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

@@ -1,7 +1,7 @@
 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 { t as CopyButton } from "../../copy-button-CSDuDfdP.js";
+import { S as FileIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
+import { t as CopyButton } from "../../copy-button-Dk2vRe9j.js";
 import { Avatar } from "../foundations/Avatar.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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-cuEtsgj9.js";
-import { t as CopyButton } from "../../copy-button-CSDuDfdP.js";
+import { b as EyeIcon, x as EyeOffIcon } from "../../icons-CeGfXO21.js";
+import { t as CopyButton } from "../../copy-button-Dk2vRe9j.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.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-DruTQ-oa.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-okaLnS5j.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };