@mcp-b/react-components 0.12.0 → 0.13.0

package/dist/components/Dialog.d.ts

@@ -8,6 +8,9 @@ interface DialogPortalProps extends Dialog$1.Portal.Props {}
 interface DialogBackdropProps extends Omit<Dialog$1.Backdrop.Props, "className"> {
   className?: string;
 }
+interface DialogViewportProps extends Omit<Dialog$1.Viewport.Props, "className"> {
+  className?: string;
+}
 interface DialogPopupProps extends Omit<Dialog$1.Popup.Props, "className"> {
   className?: string;
   /**
@@ -25,36 +28,31 @@ interface DialogDescriptionProps extends Omit<Dialog$1.Description.Props, "class
 interface DialogCloseProps extends Omit<Dialog$1.Close.Props, "className"> {
   className?: string;
 }
-type DialogOverlayProps = DialogBackdropProps;
-type DialogContentProps = DialogPopupProps & {
-  showCloseButton?: boolean;
-};
 interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-  showCloseButton?: boolean;
-}
+interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
 /**
  * A dialog component for modal interactions.
  *
  * @example
  * ```tsx
- * <Dialog open={isOpen} onOpenChange={setIsOpen}>
- *   <DialogPortal>
- *     <DialogBackdrop />
- *     <DialogPopup>
- *       <DialogTitle>Confirm</DialogTitle>
- *       <DialogDescription>Are you sure?</DialogDescription>
- *       <DialogClose>Cancel</DialogClose>
- *     </DialogPopup>
- *   </DialogPortal>
- * </Dialog>
+ * <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 const Dialog: typeof Dialog$1.Root;
 declare function DialogTrigger(props: DialogTriggerProps): React.JSX.Element;
-declare const DialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function DialogBackdrop({
   className,
   ref,
@@ -62,21 +60,19 @@ declare function DialogBackdrop({
 }: DialogBackdropProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare const DialogOverlay: typeof DialogBackdrop;
-declare function DialogPopup({
-  size,
+declare function DialogViewport({
   className,
   ref,
   ...props
-}: DialogPopupProps & {
+}: DialogViewportProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function DialogContent({
-  children,
-  showCloseButton,
+declare function DialogPopup({
+  size,
+  className,
   ref,
   ...props
-}: DialogContentProps & {
+}: DialogPopupProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 declare function DialogHeader({
@@ -88,8 +84,6 @@ declare function DialogHeader({
 }): React.JSX.Element;
 declare function DialogFooter({
   className,
-  showCloseButton,
-  children,
   ref,
   ...props
 }: DialogFooterProps & {
@@ -116,5 +110,19 @@ declare function DialogClose({
 }: DialogCloseProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): 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
-export { Dialog, DialogBackdrop, DialogBackdropProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPopup, DialogPopupProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps };
+export { Dialog, DialogBackdropProps, DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogViewportProps };

package/dist/components/Dialog.js

@@ -1,6 +1,5 @@
-import { L as XIcon } from "../icons-D2Q5n5C1.js";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 //#region src/components/Dialog.tsx
 /**
@@ -8,30 +7,35 @@ import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 *
 * @example
 * ```tsx
-* <Dialog open={isOpen} onOpenChange={setIsOpen}>
-*   <DialogPortal>
-*     <DialogBackdrop />
-*     <DialogPopup>
-*       <DialogTitle>Confirm</DialogTitle>
-*       <DialogDescription>Are you sure?</DialogDescription>
-*       <DialogClose>Cancel</DialogClose>
-*     </DialogPopup>
-*   </DialogPortal>
-* </Dialog>
+* <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}
 */
-const Dialog = Dialog$1.Root;
 function DialogTrigger(props) {
 	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
 		"data-slot": "dialog-trigger",
 		...props
 	});
 }
-const DialogPortal = Dialog$1.Portal;
 function DialogBackdrop({ className = "", ref, ...props }) {
-	const classes = ["dialog__backdrop", className].filter(Boolean).join(" ");
+	const classes = [
+		"dialog__backdrop",
+		"base-ui-backdrop",
+		className
+	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
 		ref,
 		"data-slot": "dialog-overlay",
@@ -39,7 +43,15 @@ function DialogBackdrop({ className = "", ref, ...props }) {
 		...props
 	});
 }
-const DialogOverlay = DialogBackdrop;
+function DialogViewport({ className = "", ref, ...props }) {
+	const classes = ["dialog__viewport", className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(Dialog$1.Viewport, {
+		ref,
+		"data-slot": "dialog-viewport",
+		className: classes,
+		...props
+	});
+}
 function DialogPopup({ size = "md", className = "", ref, ...props }) {
 	const classes = [
 		"dialog__popup",
@@ -53,19 +65,6 @@ function DialogPopup({ size = "md", className = "", ref, ...props }) {
 		...props
 	});
 }
-function DialogContent({ children, showCloseButton = true, ref, ...props }) {
-	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogBackdrop, {}), /* @__PURE__ */ jsxs(DialogPopup, {
-		ref,
-		...props,
-		children: [children, showCloseButton ? /* @__PURE__ */ jsxs(DialogClose, {
-			className: "dialog__close--icon",
-			children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
-				className: "dialog__close-label",
-				children: "Close"
-			})]
-		}) : null]
-	})] });
-}
 function DialogHeader({ className = "", ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
@@ -74,13 +73,12 @@ function DialogHeader({ className = "", ref, ...props }) {
 		...props
 	});
 }
-function DialogFooter({ className = "", showCloseButton = false, children, ref, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
+function DialogFooter({ className = "", ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-slot": "dialog-footer",
 		className: ["dialog__footer", className].filter(Boolean).join(" "),
-		...props,
-		children: [children, showCloseButton ? /* @__PURE__ */ jsx(DialogClose, { children: "Close" }) : null]
+		...props
 	});
 }
 function DialogTitle({ className = "", ref, ...props }) {
@@ -110,5 +108,19 @@ function DialogClose({ className = "", ref, ...props }) {
 		...props
 	});
 }
+const Dialog = {
+	Root: Dialog$1.Root,
+	Trigger: DialogTrigger,
+	Portal: Dialog$1.Portal,
+	Backdrop: DialogBackdrop,
+	Viewport: DialogViewport,
+	Popup: DialogPopup,
+	Header: DialogHeader,
+	Footer: DialogFooter,
+	Title: DialogTitle,
+	Description: DialogDescription,
+	Close: DialogClose,
+	createHandle: Dialog$1.createHandle
+};
 //#endregion
-export { Dialog, DialogBackdrop, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPopup, DialogPortal, DialogTitle, DialogTrigger };
+export { Dialog };

package/dist/components/EnvironmentVariables.d.ts

@@ -1,4 +1,4 @@
-import { t as CopyButtonProps } from "../copy-button-BKXqGiNm.js";
+import { t as CopyButtonProps } from "../copy-button-DtPMgN7e.js";
 import * as React from "react";
 
 //#region src/components/EnvironmentVariables.d.ts

package/dist/components/EnvironmentVariables.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { m as EyeOffIcon, p as EyeIcon } from "../icons-D2Q5n5C1.js";
-import { t as CopyButton } from "../copy-button-C6JSKtFE.js";
+import { m as EyeOffIcon, p as EyeIcon } from "../icons-Ba9THQKz.js";
+import { t as CopyButton } from "../copy-button-DUMLYdsk.js";
 import { Badge } from "./Badge.js";
-import { Switch, SwitchThumb } from "./Switch.js";
+import { Switch } from "./Switch.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/EnvironmentVariables.tsx
@@ -105,11 +105,11 @@ function EnvironmentVariablesToggle({ className, label = "Show values", ref, ...
 				className: "environment-variables__toggle-label",
 				children: label
 			}),
-			/* @__PURE__ */ jsx(Switch, {
+			/* @__PURE__ */ jsx(Switch.Root, {
 				checked: showValues,
 				onCheckedChange: setShowValues,
 				size: "sm",
-				children: /* @__PURE__ */ jsx(SwitchThumb, {})
+				children: /* @__PURE__ */ jsx(Switch.Thumb, {})
 			})
 		]
 	});

package/dist/components/Field.d.ts

@@ -186,7 +186,6 @@ declare function FieldError({
  * </Field.Root>
  * ```
  */
-declare const FieldValidity: React.FC<import("@base-ui/react").FieldValidityProps>;
 declare function FieldSet({
   className,
   ref,
@@ -263,12 +262,13 @@ declare function FieldSeparator({
  *
  * @see {@link https://base-ui.com/react/components/field | Base UI Field}
  */
-declare const Field: typeof FieldRoot & {
+declare const Field: {
   Root: typeof FieldRoot;
   Label: typeof FieldLabel;
   Control: typeof FieldControl;
   Description: typeof FieldDescription;
   Error: typeof FieldError;
+  Item: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").FieldItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Validity: React.FC<import("@base-ui/react").FieldValidityProps>;
   Set: typeof FieldSet;
   Legend: typeof FieldLegend;
@@ -278,4 +278,4 @@ declare const Field: typeof FieldRoot & {
   Separator: typeof FieldSeparator;
 };
 //#endregion
-export { Field, FieldContent, FieldContentProps, FieldControl, FieldControlProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldGroup, FieldGroupProps, FieldLabel, FieldLabelProps, FieldLegend, FieldLegendProps, FieldRoot, FieldRootProps, FieldSeparator, FieldSeparatorProps, FieldSet, FieldSetProps, FieldTitle, FieldTitleProps, FieldValidity, FieldValidityProps };
+export { Field, FieldContentProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldGroupProps, FieldLabelProps, FieldLegendProps, FieldRootProps, FieldSeparatorProps, FieldSetProps, FieldTitleProps, FieldValidityProps };

package/dist/components/Field.js

@@ -163,7 +163,6 @@ function FieldError({ className = "", errors, children, ref, ...props }) {
 * </Field.Root>
 * ```
 */
-const FieldValidity = Field$1.Validity;
 function FieldSet({ className = "", ref, ...props }) {
 	return /* @__PURE__ */ jsx("fieldset", {
 		ref,
@@ -192,7 +191,7 @@ function FieldContent({ className = "", ref, ...props }) {
 function FieldTitle({ className = "", ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
-		"data-slot": "field-label",
+		"data-slot": "field-title",
 		className: ["field-title", className].filter(Boolean).join(" "),
 		...props
 	});
@@ -206,12 +205,11 @@ function FieldGroup({ className = "", ref, ...props }) {
 	});
 }
 function FieldSeparator({ className = "", children, ref, ...props }) {
-	const classes = ["field-separator", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		"data-slot": "field-separator",
 		"data-content": Boolean(children),
-		className: classes,
+		className: ["field-separator", className].filter(Boolean).join(" "),
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
@@ -256,19 +254,20 @@ function FieldSeparator({ className = "", children, ref, ...props }) {
 *
 * @see {@link https://base-ui.com/react/components/field | Base UI Field}
 */
-const Field = Object.assign(FieldRoot, {
+const Field = {
 	Root: FieldRoot,
 	Label: FieldLabel,
 	Control: FieldControl,
 	Description: FieldDescription,
 	Error: FieldError,
-	Validity: FieldValidity,
+	Item: Field$1.Item,
+	Validity: Field$1.Validity,
 	Set: FieldSet,
 	Legend: FieldLegend,
 	Content: FieldContent,
 	Title: FieldTitle,
 	Group: FieldGroup,
 	Separator: FieldSeparator
-});
+};
 //#endregion
-export { Field, FieldContent, FieldControl, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldRoot, FieldSeparator, FieldSet, FieldTitle, FieldValidity };
+export { Field };

package/dist/components/Fieldset.d.ts

@@ -77,8 +77,8 @@ declare function FieldsetLegend({
  * <Fieldset.Root>
  *   <Fieldset.Legend>Notification Preferences</Fieldset.Legend>
  *   <CheckboxGroup>
- *     <label><Checkbox name="email" /> Email</label>
- *     <label><Checkbox name="sms" /> SMS</label>
+ *     <label><Checkbox.Root name="email" ><Checkbox.Indicator /></Checkbox.Root> Email</label>
+ *     <label><Checkbox.Root name="sms" ><Checkbox.Indicator /></Checkbox.Root> SMS</label>
  *   </CheckboxGroup>
  * </Fieldset.Root>
  * ```

package/dist/components/Fieldset.js

@@ -65,8 +65,8 @@ function FieldsetLegend({ className = "", ref, ...props }) {
 * <Fieldset.Root>
 *   <Fieldset.Legend>Notification Preferences</Fieldset.Legend>
 *   <CheckboxGroup>
-*     <label><Checkbox name="email" /> Email</label>
-*     <label><Checkbox name="sms" /> SMS</label>
+*     <label><Checkbox.Root name="email" ><Checkbox.Indicator /></Checkbox.Root> Email</label>
+*     <label><Checkbox.Root name="sms" ><Checkbox.Indicator /></Checkbox.Root> SMS</label>
 *   </CheckboxGroup>
 * </Fieldset.Root>
 * ```

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

package/dist/components/Label.d.ts

@@ -26,7 +26,7 @@ interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
  * <Input id="username" type="text" />
  *
  * <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
- *   <Checkbox id="newsletter" />
+ *   <Checkbox.Root id="newsletter" ><Checkbox.Indicator /></Checkbox.Root>
  *   <Label htmlFor="newsletter">Subscribe to newsletter</Label>
  * </div>
  * ```

package/dist/components/Label.js

@@ -18,7 +18,7 @@ import { jsx } from "react/jsx-runtime";
 * <Input id="username" type="text" />
 *
 * <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-*   <Checkbox id="newsletter" />
+*   <Checkbox.Root id="newsletter" ><Checkbox.Indicator /></Checkbox.Root>
 *   <Label htmlFor="newsletter">Subscribe to newsletter</Label>
 * </div>
 * ```

package/dist/components/McpServerPicker.js

@@ -1,5 +1,5 @@
-import { F as WarningIcon, M as SpinnerIcon, S as MinusIcon, a as CheckIcon, b as LinkIcon, k as RefreshIcon } from "../icons-D2Q5n5C1.js";
-import { MenuContent, MenuItem, MenuRoot } from "./Menu.js";
+import { A as RefreshIcon, C as MinusIcon, L as WarningIcon, N as SpinnerIcon, a as CheckIcon, b as LinkIcon } from "../icons-Ba9THQKz.js";
+import { Menu } from "./Menu.js";
 import { PromptInputActionMenuTrigger } from "./PromptInput.js";
 import { getMcpServerIconSrc } from "../utils/mcp-server-catalog.js";
 import * as React from "react";
@@ -12,27 +12,29 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function McpServerPicker({ servers, onConnect, mcp, onAuthorize, onDisconnect, onRefresh, onRetry, sideOffset = 80, triggerLabel = "Add server" }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "mcp-server-picker",
-		children: /* @__PURE__ */ jsxs(MenuRoot, { children: [/* @__PURE__ */ jsx(PromptInputActionMenuTrigger, {
+		children: /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(PromptInputActionMenuTrigger, {
 			className: "mcp-server-picker__trigger",
 			"aria-label": triggerLabel
-		}), /* @__PURE__ */ jsx(MenuContent, {
+		}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
 			side: "top",
 			align: "start",
 			sideOffset,
 			collisionPadding: 8,
-			tabIndex: 0,
-			"aria-label": "Servers",
-			className: "mcp-server-picker__popup",
-			children: /* @__PURE__ */ jsx(McpServerPickerItems, {
-				servers,
-				onConnect,
-				mcp,
-				onAuthorize,
-				onDisconnect,
-				onRefresh,
-				onRetry
+			children: /* @__PURE__ */ jsx(Menu.Popup, {
+				tabIndex: 0,
+				"aria-label": "Servers",
+				className: "mcp-server-picker__popup",
+				children: /* @__PURE__ */ jsx(McpServerPickerItems, {
+					servers,
+					onConnect,
+					mcp,
+					onAuthorize,
+					onDisconnect,
+					onRefresh,
+					onRetry
+				})
 			})
-		})] })
+		}) })] })
 	});
 }
 function McpServerPickerItems({ servers, onConnect, mcp, onAuthorize, onDisconnect, onRefresh, onRetry }) {
@@ -47,7 +49,7 @@ function McpServerPickerItems({ servers, onConnect, mcp, onAuthorize, onDisconne
 			setPendingAction(null);
 		}
 	}
-	if (rows.length === 0) return /* @__PURE__ */ jsx(MenuItem, {
+	if (rows.length === 0) return /* @__PURE__ */ jsx(Menu.Item, {
 		disabled: true,
 		className: "mcp-server-picker__empty",
 		children: "No servers available."
@@ -79,7 +81,7 @@ function McpServerPickerRow({ server, mcp, onConnect, onAuthorize, onDisconnect,
 		className: "mcp-server-picker__row-shell",
 		"data-connection": connectedState ? "connected" : "disconnected",
 		"data-status": derivedStatus,
-		children: [/* @__PURE__ */ jsxs(MenuItem, {
+		children: [/* @__PURE__ */ jsxs(Menu.Item, {
 			className: "mcp-server-picker__row",
 			closeOnClick: false,
 			"data-status": derivedStatus,
@@ -141,7 +143,7 @@ function McpServerPickerRow({ server, mcp, onConnect, onAuthorize, onDisconnect,
 	});
 }
 function McpServerActionItem({ disabled, icon, label, onClick }) {
-	return /* @__PURE__ */ jsxs(MenuItem, {
+	return /* @__PURE__ */ jsxs(Menu.Item, {
 		className: "mcp-server-picker__action",
 		closeOnClick: false,
 		disabled,

package/dist/components/Menu.d.ts

@@ -1,2 +1,2 @@
-import { A as MenuRadioItemProps, B as MenuSubTrigger, C as MenuPositionerProps, D as MenuRadioItem, E as MenuRadioGroupProps, F as MenuShortcutProps, G as MenuTriggerProps, H as MenuSubmenuTrigger, I as MenuSub, L as MenuSubContent, M as MenuSeparator, N as MenuSeparatorProps, O as MenuRadioItemIndicator, P as MenuShortcut, R as MenuSubContentProps, S as MenuPositioner, T as MenuRadioGroup, U as MenuSubmenuTriggerProps, V as MenuSubTriggerProps, W as MenuTrigger, _ as MenuLabelProps, a as MenuCheckboxItemIndicator, b as MenuPortal, c as MenuContent, d as MenuGroupLabel, f as MenuGroupLabelProps, g as MenuLabel, h as MenuItemProps, i as MenuCheckboxItem, j as MenuRoot, k as MenuRadioItemIndicatorProps, l as MenuContentProps, m as MenuItem, n as MenuArrow, o as MenuCheckboxItemIndicatorProps, p as MenuGroupProps, r as MenuArrowProps, s as MenuCheckboxItemProps, t as Menu, u as MenuGroup, v as MenuPopup, w as MenuProps, x as MenuPortalProps, y as MenuPopupProps, z as MenuSubProps } from "../Menu-BLhnNnRK.js";
-export { Menu, MenuArrow, MenuArrowProps, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuCheckboxItemIndicatorProps, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLabel, MenuLabelProps, MenuPopup, MenuPopupProps, MenuPortal, MenuPortalProps, MenuPositioner, MenuPositionerProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemIndicator, MenuRadioItemIndicatorProps, MenuRadioItemProps, MenuRoot, MenuSeparator, MenuSeparatorProps, MenuShortcut, MenuShortcutProps, MenuSub, MenuSubContent, MenuSubContentProps, MenuSubProps, MenuSubTrigger, MenuSubTriggerProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps };
+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-Bgu-ufb5.js";
+export { Menu, MenuArrowProps, MenuCheckboxItemIndicatorProps, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemProps, MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuProps, MenuRadioGroupProps, MenuRadioItemIndicatorProps, MenuRadioItemProps, MenuSeparatorProps, MenuShortcutProps, MenuSubmenuRootProps, MenuSubmenuTriggerProps, MenuTriggerProps, MenuViewportProps };