@usememos/ui 26.10.0

package/dist/chunk-WPO54YPG.js

@@ -0,0 +1,328 @@
+import {
+  useOverlayLayerProps
+} from "./chunk-BH4MPO4N.js";
+import {
+  cx
+} from "./chunk-6TNEFWVX.js";
+
+// src/overlay/dropdown-menu.tsx
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+
+// ../primitives/src/overlay/dropdown-menu.tsx
+import { Menu as DropdownMenuPrimitive } from "@base-ui/react/menu";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = (props) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-scope": "dropdown-menu", "data-part": "root", ...props });
+};
+var Trigger = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { ref, "data-scope": "dropdown-menu", "data-part": "trigger", ...props });
+});
+var Portal = (props) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { "data-scope": "dropdown-menu", "data-part": "portal", ...props });
+};
+var Content = React.forwardRef(
+  ({
+    className,
+    children,
+    align = "start",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      DropdownMenuPrimitive.Positioner,
+      {
+        "data-scope": "dropdown-menu",
+        "data-part": "positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          DropdownMenuPrimitive.Popup,
+          {
+            ref,
+            "data-scope": "dropdown-menu",
+            "data-part": "content",
+            className,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var Item = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, { ref, "data-scope": "dropdown-menu", "data-part": "item", ...props });
+});
+var CheckboxItem = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.CheckboxItem, { ref, "data-scope": "dropdown-menu", "data-part": "checkbox-item", ...props });
+});
+var CheckboxItemIndicator = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.CheckboxItemIndicator,
+    {
+      ref,
+      "data-scope": "dropdown-menu",
+      "data-part": "checkbox-item-indicator",
+      ...props
+    }
+  );
+});
+var RadioItem = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioItem, { ref, "data-scope": "dropdown-menu", "data-part": "radio-item", ...props });
+});
+var RadioItemIndicator = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.RadioItemIndicator,
+    {
+      ref,
+      "data-scope": "dropdown-menu",
+      "data-part": "radio-item-indicator",
+      ...props
+    }
+  );
+});
+var Label = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.GroupLabel, { ref, "data-scope": "dropdown-menu", "data-part": "label", ...props });
+});
+var Separator = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { ref, "data-scope": "dropdown-menu", "data-part": "separator", ...props });
+});
+var Group = (props) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-scope": "dropdown-menu", "data-part": "group", ...props });
+};
+var Sub = (props) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubmenuRoot, { "data-scope": "dropdown-menu", "data-part": "sub", ...props });
+};
+var SubTrigger = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubmenuTrigger, { ref, "data-scope": "dropdown-menu", "data-part": "sub-trigger", ...props });
+});
+var SubContent = React.forwardRef(
+  ({
+    className,
+    children,
+    align = "start",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      DropdownMenuPrimitive.Positioner,
+      {
+        "data-scope": "dropdown-menu",
+        "data-part": "sub-positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          DropdownMenuPrimitive.Popup,
+          {
+            ref,
+            "data-scope": "dropdown-menu",
+            "data-part": "sub-content",
+            className,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var RadioGroup = (props) => {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { "data-scope": "dropdown-menu", "data-part": "radio-group", ...props });
+};
+Root.displayName = "DropdownMenu.Root";
+Trigger.displayName = "DropdownMenu.Trigger";
+Portal.displayName = "DropdownMenu.Portal";
+Content.displayName = "DropdownMenu.Content";
+Item.displayName = "DropdownMenu.Item";
+CheckboxItem.displayName = "DropdownMenu.CheckboxItem";
+CheckboxItemIndicator.displayName = "DropdownMenu.CheckboxItemIndicator";
+RadioItem.displayName = "DropdownMenu.RadioItem";
+RadioItemIndicator.displayName = "DropdownMenu.RadioItemIndicator";
+Label.displayName = "DropdownMenu.Label";
+Separator.displayName = "DropdownMenu.Separator";
+Group.displayName = "DropdownMenu.Group";
+Sub.displayName = "DropdownMenu.Sub";
+SubTrigger.displayName = "DropdownMenu.SubTrigger";
+SubContent.displayName = "DropdownMenu.SubContent";
+RadioGroup.displayName = "DropdownMenu.RadioGroup";
+var DropdownMenu = {
+  Root,
+  Trigger,
+  Portal,
+  Content,
+  Item,
+  CheckboxItem,
+  CheckboxItemIndicator,
+  RadioItem,
+  RadioItemIndicator,
+  Label,
+  Separator,
+  Group,
+  Sub,
+  SubTrigger,
+  SubContent,
+  RadioGroup
+};
+
+// src/overlay/dropdown-menu.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Root2 = DropdownMenu.Root;
+var Trigger2 = DropdownMenu.Trigger;
+var Portal2 = DropdownMenu.Portal;
+var Group2 = DropdownMenu.Group;
+var Sub2 = DropdownMenu.Sub;
+var RadioGroup2 = DropdownMenu.RadioGroup;
+function ItemText({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("span", { className: cx("mui-dropdown-menu__item-text", className), ...props });
+}
+function Shortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("span", { className: cx("mui-dropdown-menu__shortcut", className), ...props });
+}
+function Content2({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  const layerProps = useOverlayLayerProps(props);
+  return /* @__PURE__ */ jsx2(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx2(
+    DropdownMenu.Content,
+    {
+      className: cx("mui-dropdown-menu__content", className),
+      sideOffset,
+      ...layerProps
+    }
+  ) });
+}
+function Item2({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu.Item,
+    {
+      className: cx("mui-dropdown-menu__item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "mui-dropdown-menu__item-leading", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx2(ItemText, { children })
+      ]
+    }
+  );
+}
+function CheckboxItem2({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu.CheckboxItem,
+    {
+      className: cx("mui-dropdown-menu__item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "mui-dropdown-menu__item-leading", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(DropdownMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx2(CheckIcon, { className: "mui-dropdown-menu__item-indicator", size: 10 }) }) }),
+        /* @__PURE__ */ jsx2(ItemText, { children })
+      ]
+    }
+  );
+}
+function RadioItem2({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu.RadioItem,
+    {
+      className: cx("mui-dropdown-menu__item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "mui-dropdown-menu__item-leading", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(DropdownMenu.RadioItemIndicator, { children: /* @__PURE__ */ jsx2(CircleIcon, { className: "mui-dropdown-menu__item-indicator", size: 6, fill: "currentColor" }) }) }),
+        /* @__PURE__ */ jsx2(ItemText, { children })
+      ]
+    }
+  );
+}
+function Label2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    DropdownMenu.Label,
+    {
+      className: cx("mui-dropdown-menu__label", className),
+      ...props
+    }
+  );
+}
+function Separator2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    DropdownMenu.Separator,
+    {
+      className: cx("mui-dropdown-menu__separator", className),
+      ...props
+    }
+  );
+}
+function SubTrigger2({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu.SubTrigger,
+    {
+      className: cx("mui-dropdown-menu__sub-trigger", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "mui-dropdown-menu__item-leading", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx2(ItemText, { children }),
+        /* @__PURE__ */ jsx2("span", { className: "mui-dropdown-menu__item-trailing", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(ChevronRightIcon, { size: 12 }) })
+      ]
+    }
+  );
+}
+function SubContent2({
+  className,
+  ...props
+}) {
+  const layerProps = useOverlayLayerProps(props);
+  return /* @__PURE__ */ jsx2(
+    DropdownMenu.SubContent,
+    {
+      className: cx("mui-dropdown-menu__content", className),
+      ...layerProps
+    }
+  );
+}
+var DropdownMenu2 = {
+  Root: Root2,
+  Trigger: Trigger2,
+  Portal: Portal2,
+  Group: Group2,
+  Sub: Sub2,
+  RadioGroup: RadioGroup2,
+  Content: Content2,
+  Item: Item2,
+  CheckboxItem: CheckboxItem2,
+  RadioItem: RadioItem2,
+  Label: Label2,
+  Separator: Separator2,
+  ItemText,
+  Shortcut,
+  SubTrigger: SubTrigger2,
+  SubContent: SubContent2
+};
+
+export {
+  DropdownMenu2 as DropdownMenu
+};

package/dist/chunk-Z3ME5VRQ.js

@@ -0,0 +1,98 @@
+import {
+  useOverlayLayerProps
+} from "./chunk-BH4MPO4N.js";
+import {
+  cx
+} from "./chunk-6TNEFWVX.js";
+
+// ../primitives/src/overlay/tooltip.tsx
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsx } from "react/jsx-runtime";
+var Provider = (props) => {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { "data-scope": "tooltip", "data-part": "provider", ...props });
+};
+var Root = (props) => {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-scope": "tooltip", "data-part": "root", ...props });
+};
+var Trigger = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { ref, "data-scope": "tooltip", "data-part": "trigger", ...props });
+});
+var Portal = (props) => {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { "data-scope": "tooltip", "data-part": "portal", ...props });
+};
+var Content = React.forwardRef(
+  ({
+    className,
+    children,
+    align = "center",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      TooltipPrimitive.Positioner,
+      {
+        "data-scope": "tooltip",
+        "data-part": "positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          TooltipPrimitive.Popup,
+          {
+            ref,
+            "data-scope": "tooltip",
+            "data-part": "content",
+            className,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+Provider.displayName = "Tooltip.Provider";
+Root.displayName = "Tooltip.Root";
+Trigger.displayName = "Tooltip.Trigger";
+Portal.displayName = "Tooltip.Portal";
+Content.displayName = "Tooltip.Content";
+var Tooltip = {
+  Provider,
+  Root,
+  Trigger,
+  Portal,
+  Content
+};
+
+// src/overlay/tooltip.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Provider2 = Tooltip.Provider;
+var Root2 = Tooltip.Root;
+var Trigger2 = Tooltip.Trigger;
+function Content2({
+  className,
+  sideOffset = 6,
+  ...props
+}) {
+  const layerProps = useOverlayLayerProps(props);
+  return /* @__PURE__ */ jsx2(Tooltip.Portal, { children: /* @__PURE__ */ jsx2(
+    Tooltip.Content,
+    {
+      className: cx("mui-tooltip__content", className),
+      sideOffset,
+      ...layerProps
+    }
+  ) });
+}
+var Tooltip2 = {
+  Provider: Provider2,
+  Root: Root2,
+  Trigger: Trigger2,
+  Content: Content2
+};
+
+export {
+  Tooltip2 as Tooltip
+};

package/dist/control-size-Bz2gyuyO.d.cts

@@ -0,0 +1,3 @@
+type ControlSize = "xs" | "sm" | "md" | "lg";
+
+export type { ControlSize as C };

package/dist/control-size-Bz2gyuyO.d.ts

@@ -0,0 +1,3 @@
+type ControlSize = "xs" | "sm" | "md" | "lg";
+
+export type { ControlSize as C };

package/dist/dialog.cjs

@@ -0,0 +1,203 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dialog.ts
+var dialog_exports = {};
+__export(dialog_exports, {
+  Dialog: () => Dialog2
+});
+module.exports = __toCommonJS(dialog_exports);
+
+// src/overlay/dialog.tsx
+var import_lucide_react = require("lucide-react");
+var React3 = __toESM(require("react"), 1);
+
+// ../primitives/src/overlay/dialog.tsx
+var import_dialog = require("@base-ui/react/dialog");
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Root = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { "data-scope": "dialog", "data-part": "root", ...props });
+};
+var Trigger = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Trigger, { ref, "data-scope": "dialog", "data-part": "trigger", ...props });
+});
+var Portal = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Portal, { "data-scope": "dialog", "data-part": "portal", ...props });
+};
+var Overlay = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Backdrop, { ref, "data-scope": "dialog", "data-part": "overlay", ...props });
+});
+var Content = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Popup, { ref, "data-scope": "dialog", "data-part": "content", ...props });
+});
+var Close = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Close, { ref, "data-scope": "dialog", "data-part": "close", ...props });
+});
+var Title = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Title, { ref, "data-scope": "dialog", "data-part": "title", ...props });
+});
+var Description = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Description, { ref, "data-scope": "dialog", "data-part": "description", ...props });
+});
+Root.displayName = "Dialog.Root";
+Trigger.displayName = "Dialog.Trigger";
+Portal.displayName = "Dialog.Portal";
+Overlay.displayName = "Dialog.Overlay";
+Content.displayName = "Dialog.Content";
+Close.displayName = "Dialog.Close";
+Title.displayName = "Dialog.Title";
+Description.displayName = "Dialog.Description";
+var Dialog = {
+  Root,
+  Trigger,
+  Portal,
+  Overlay,
+  Content,
+  Close,
+  Title,
+  Description
+};
+
+// src/overlay/layer-context.tsx
+var React2 = __toESM(require("react"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var OverlayLayerContext = React2.createContext("root");
+function OverlayLayerProvider({
+  children,
+  value
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(OverlayLayerContext.Provider, { value, children });
+}
+
+// src/shared/cx.ts
+var import_clsx = require("clsx");
+function cx(...values) {
+  return (0, import_clsx.clsx)(values);
+}
+
+// src/overlay/dialog.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Root2 = Dialog.Root;
+var Trigger2 = Dialog.Trigger;
+var Portal2 = Dialog.Portal;
+var Overlay2 = React3.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Dialog.Overlay,
+    {
+      ref,
+      className: cx("mui-dialog__overlay", className),
+      ...props
+    }
+  );
+});
+var Close2 = React3.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    Dialog.Close,
+    {
+      ref,
+      className: cx("mui-dialog__close", className),
+      ...props,
+      children: [
+        children ?? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.XIcon, { size: 14, "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "Close" })
+      ]
+    }
+  );
+});
+var Content2 = React3.forwardRef(({ className, children, showCloseButton = true, slotProps, ...props }, ref) => {
+  const closeProps = {
+    "aria-label": "Close dialog",
+    ...slotProps?.close
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Portal2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Overlay2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      Dialog.Content,
+      {
+        ref,
+        className: cx("mui-dialog__content", className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(OverlayLayerProvider, { value: "modal", children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Close2, { ...closeProps }) : null
+        ] })
+      }
+    )
+  ] });
+});
+var Header = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref, className: cx("mui-dialog__header", className), ...props })
+);
+var Footer = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref, className: cx("mui-dialog__footer", className), ...props })
+);
+var Title2 = React3.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Dialog.Title,
+    {
+      ref,
+      className: cx("mui-dialog__title", className),
+      ...props
+    }
+  );
+});
+var Description2 = React3.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Dialog.Description,
+    {
+      ref,
+      className: cx("mui-dialog__description", className),
+      ...props
+    }
+  );
+});
+Header.displayName = "Dialog.Header";
+Footer.displayName = "Dialog.Footer";
+Title2.displayName = "Dialog.Title";
+Description2.displayName = "Dialog.Description";
+Close2.displayName = "Dialog.Close";
+Content2.displayName = "Dialog.Content";
+Overlay2.displayName = "Dialog.Overlay";
+var Dialog2 = {
+  Root: Root2,
+  Trigger: Trigger2,
+  Portal: Portal2,
+  Overlay: Overlay2,
+  Content: Content2,
+  Close: Close2,
+  Header,
+  Footer,
+  Title: Title2,
+  Description: Description2
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dialog
+});

package/dist/dialog.d.cts

@@ -0,0 +1,34 @@
+import * as _base_ui_react from '@base-ui/react';
+import * as React from 'react';
+import { Dialog as Dialog$2 } from '@base-ui/react/dialog';
+
+declare const Dialog$1: {
+    Root: React.FC<Dialog$2.Root.Props<unknown>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<_base_ui_react.DialogTriggerProps<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<Omit<Omit<_base_ui_react.DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">>;
+    Overlay: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+};
+
+declare const Dialog: {
+    Root: React.FC<_base_ui_react.DialogRoot.Props<unknown>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<_base_ui_react.DialogTriggerProps<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<Omit<Omit<_base_ui_react.DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">>;
+    Overlay: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.DialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.DialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        showCloseButton?: boolean;
+        slotProps?: {
+            close?: React.ComponentPropsWithoutRef<typeof Dialog$1.Close>;
+        };
+    } & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+};
+
+export { Dialog };