@mcp-b/react-components 0.49.0 → 0.50.0

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

@@ -5,7 +5,15 @@ import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 /**
  * Props for the ContextMenu.Root component.
  */
-interface ContextMenuProps extends ContextMenu$1.Root.Props {}
+interface ContextMenuProps extends ContextMenu$1.Root.Props {
+  /** Trigger and popup composition rendered within the context menu. */
+  children?: ContextMenu$1.Root.Props["children"];
+  /**
+   * Has no effect on context menus.
+   * @deprecated This upstream prop has no effect on Context Menu.
+   */
+  closeParentOnEsc?: ContextMenu$1.Root.Props["closeParentOnEsc"];
+}
 /**
  * Props for the ContextMenu.Trigger component.
  */
@@ -45,27 +53,6 @@ interface ContextMenuSubmenuRootProps extends ContextMenu$1.SubmenuRoot.Props {}
 interface ContextMenuSubmenuTriggerProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.SubmenuTrigger> {
   inset?: boolean;
 }
-/**
- * Root component that manages context menu state.
- *
- * @example
- * ```tsx
- * <ContextMenu.Root>
- *   <ContextMenu.Trigger>Right click here</ContextMenu.Trigger>
- *   <ContextMenu.Portal>
- *     <ContextMenu.Positioner>
- *       <ContextMenu.Popup>
- *         <ContextMenu.Item>Cut</ContextMenu.Item>
- *         <ContextMenu.Item>Copy</ContextMenu.Item>
- *         <ContextMenu.Item>Paste</ContextMenu.Item>
- *       </ContextMenu.Popup>
- *     </ContextMenu.Positioner>
- *   </ContextMenu.Portal>
- * </ContextMenu.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
- */
 /** Interactive area that activates the menu on right-click or long-press. */
 declare function ContextMenuTrigger({
   className,
@@ -183,7 +170,7 @@ declare function ContextMenuSubmenuTrigger({
  * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
  */
 declare const ContextMenu: {
-  Root: typeof ContextMenu$1.Root;
+  Root: (props: ContextMenuProps) => React.JSX.Element;
   Trigger: typeof ContextMenuTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof ContextMenuPositioner;

package/dist/components/foundations/ContextMenu.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 "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
@@ -25,6 +25,7 @@ import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 *
 * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
 */
+const ContextMenuRoot = ContextMenu$1.Root;
 /** Interactive area that activates the menu on right-click or long-press. */
 function ContextMenuTrigger({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("context-menu__trigger", className);
@@ -195,7 +196,7 @@ function ContextMenuSubmenuTrigger({ className, inset, ref, ...props }) {
 * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
 */
 const ContextMenu = {
-	Root: ContextMenu$1.Root,
+	Root: ContextMenuRoot,
 	Trigger: ContextMenuTrigger,
 	Portal: ContextMenu$1.Portal,
 	Positioner: ContextMenuPositioner,

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: typeof Dialog$1.Root;
-  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/Menu.d.ts

@@ -1,2 +1,2 @@
-import { _ as MenuSubmenuRootProps, a as MenuGroupLabelProps, b as MenuViewportProps, c as MenuPopupProps, d as MenuProps, f as MenuRadioGroupProps, g as MenuShortcutProps, h as MenuSeparatorProps, i as MenuCheckboxItemProps, l as MenuPortalProps, m as MenuRadioItemProps, n as MenuArrowProps, o as MenuGroupProps, p as MenuRadioItemIndicatorProps, r as MenuCheckboxItemIndicatorProps, s as MenuItemProps, t as Menu, u as MenuPositionerProps, v as MenuSubmenuTriggerProps, y as MenuTriggerProps } from "../../Menu-yb6QXWA3.js";
+import { _ as MenuSubmenuRootProps, a as MenuGroupLabelProps, b as MenuViewportProps, c as MenuPopupProps, d as MenuProps, f as MenuRadioGroupProps, g as MenuShortcutProps, h as MenuSeparatorProps, i as MenuCheckboxItemProps, l as MenuPortalProps, m as MenuRadioItemProps, n as MenuArrowProps, o as MenuGroupProps, p as MenuRadioItemIndicatorProps, r as MenuCheckboxItemIndicatorProps, s as MenuItemProps, t as Menu, u as MenuPositionerProps, v as MenuSubmenuTriggerProps, y as MenuTriggerProps } from "../../Menu-CgfUZhZd.js";
 export { Menu, MenuArrowProps, MenuCheckboxItemIndicatorProps, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemProps, MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuProps, MenuRadioGroupProps, MenuRadioItemIndicatorProps, MenuRadioItemProps, MenuSeparatorProps, MenuShortcutProps, MenuSubmenuRootProps, MenuSubmenuTriggerProps, MenuTriggerProps, MenuViewportProps };

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

@@ -225,7 +225,7 @@ declare function MenubarSubmenuTrigger({
  */
 declare const Menubar: {
   Root: typeof MenubarRoot;
-  Menu: <Payload>(props: Menu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+  Menu: <Payload>(props: Menu.Root.Props<Payload>) => React.JSX.Element;
   Trigger: typeof MenubarTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof MenubarPositioner;

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/PreviewCard.d.ts

@@ -142,7 +142,7 @@ declare function PreviewCardArrow({
  */
 declare const PreviewCard: {
   createHandle: typeof PreviewCard$1.createHandle;
-  Root: <Payload>(props: PreviewCard$1.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+  Root: <Payload>(props: PreviewCard$1.Root.Props<Payload>) => React.JSX.Element;
   Trigger: typeof PreviewCardTrigger;
   Portal: typeof PreviewCardPortal;
   Backdrop: typeof PreviewCardBackdrop;

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/Tooltip.d.ts

@@ -80,7 +80,7 @@ declare function TooltipArrow({
  */
 declare const Tooltip: {
   createHandle: typeof Tooltip$1.createHandle;
-  Root: <Payload>(props: Tooltip$1.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+  Root: <Payload>(props: Tooltip$1.Root.Props<Payload>) => React.JSX.Element;
   Provider: typeof TooltipProvider;
   Trigger: typeof TooltipTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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 };