@usememos/ui 26.10.0

package/dist/index.cjs

@@ -0,0 +1,1223 @@
+"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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Button: () => Button,
+  Checkbox: () => Checkbox2,
+  Dialog: () => Dialog2,
+  DropdownMenu: () => DropdownMenu2,
+  Input: () => Input,
+  Popover: () => Popover2,
+  RadioGroup: () => RadioGroup,
+  Select: () => Select2,
+  Separator: () => Separator2,
+  Switch: () => Switch2,
+  Tooltip: () => Tooltip2
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/foundation/button.tsx
+var React = __toESM(require("react"), 1);
+
+// src/shared/cx.ts
+var import_clsx = require("clsx");
+function cx(...values) {
+  return (0, import_clsx.clsx)(values);
+}
+
+// src/foundation/button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = React.forwardRef(
+  ({
+    className,
+    variant = "default",
+    size = "md",
+    disabled,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        ref,
+        className: cx("mui-button", className),
+        "data-size": size,
+        "data-variant": variant,
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/foundation/checkbox.tsx
+var import_lucide_react = require("lucide-react");
+
+// ../primitives/src/foundation/checkbox.tsx
+var import_checkbox = require("@base-ui/react/checkbox");
+var React2 = __toESM(require("react"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Root = React2.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_checkbox.Checkbox.Root,
+    {
+      ref,
+      "data-scope": "checkbox",
+      "data-part": "root",
+      ...props
+    }
+  );
+});
+var Indicator = React2.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_checkbox.Checkbox.Indicator,
+    {
+      ref,
+      "data-scope": "checkbox",
+      "data-part": "indicator",
+      ...props
+    }
+  );
+});
+Root.displayName = "Checkbox.Root";
+Indicator.displayName = "Checkbox.Indicator";
+var Checkbox = {
+  Root,
+  Indicator
+};
+
+// src/foundation/checkbox.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Checkbox2({ className, children, size = "md", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    Checkbox.Root,
+    {
+      className: cx("mui-checkbox", className),
+      "data-size": size,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Checkbox.Indicator, { className: "mui-checkbox__indicator", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.CheckIcon, { size: 10, strokeWidth: 3 }) }),
+        children
+      ]
+    }
+  );
+}
+
+// src/foundation/input.tsx
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Input = React3.forwardRef(
+  ({ className, disabled, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "input",
+      {
+        ref,
+        className: cx("mui-input", className),
+        "data-disabled": disabled ? "" : void 0,
+        "data-size": size,
+        disabled,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// ../primitives/src/foundation/radio-group.tsx
+var import_radio = require("@base-ui/react/radio");
+var import_radio_group = require("@base-ui/react/radio-group");
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Root2 = React4.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_radio_group.RadioGroup,
+    {
+      ref,
+      "data-scope": "radio-group",
+      "data-part": "root",
+      ...props
+    }
+  );
+});
+var Item = React4.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_radio.Radio.Root,
+    {
+      ref,
+      "data-scope": "radio-group",
+      "data-part": "item",
+      ...props
+    }
+  );
+});
+var Indicator2 = React4.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_radio.Radio.Indicator,
+    {
+      ref,
+      "data-scope": "radio-group",
+      "data-part": "indicator",
+      ...props
+    }
+  );
+});
+Root2.displayName = "RadioGroup.Root";
+Item.displayName = "RadioGroup.Item";
+Indicator2.displayName = "RadioGroup.Indicator";
+var RadioGroupPrimitiveParts = {
+  Root: Root2,
+  Item,
+  Indicator: Indicator2
+};
+
+// src/foundation/radio-group.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Root3({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    RadioGroupPrimitiveParts.Root,
+    {
+      className: cx("mui-radio-group", className),
+      ...props
+    }
+  );
+}
+function Item2({ className, children, size = "md", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    RadioGroupPrimitiveParts.Item,
+    {
+      className: cx("mui-radio-group__item", className),
+      "data-size": size,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadioGroupPrimitiveParts.Indicator, { className: "mui-radio-group__indicator" }),
+        children
+      ]
+    }
+  );
+}
+var RadioGroup = {
+  Root: Root3,
+  Item: Item2
+};
+
+// ../primitives/src/foundation/separator.tsx
+var React5 = __toESM(require("react"), 1);
+var import_separator = require("@base-ui/react/separator");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Root4 = React5.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_separator.Separator,
+    {
+      ref,
+      "data-scope": "separator",
+      "data-part": "root",
+      ...props
+    }
+  );
+});
+Root4.displayName = "Separator.Root";
+var Separator = {
+  Root: Root4
+};
+
+// src/foundation/separator.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Separator2({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    Separator.Root,
+    {
+      className: cx("mui-separator", className),
+      orientation,
+      ...props
+    }
+  );
+}
+
+// ../primitives/src/foundation/switch.tsx
+var React6 = __toESM(require("react"), 1);
+var import_switch = require("@base-ui/react/switch");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Root5 = React6.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_switch.Switch.Root,
+    {
+      ref,
+      "data-scope": "switch",
+      "data-part": "root",
+      ...props
+    }
+  );
+});
+var Thumb = React6.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_switch.Switch.Thumb,
+    {
+      ref,
+      "data-scope": "switch",
+      "data-part": "thumb",
+      ...props
+    }
+  );
+});
+Root5.displayName = "Switch.Root";
+Thumb.displayName = "Switch.Thumb";
+var Switch = {
+  Root: Root5,
+  Thumb
+};
+
+// src/foundation/switch.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Switch2({ className, size = "md", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Switch.Root,
+    {
+      className: cx("mui-switch", className),
+      "data-size": size,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Switch.Thumb, { className: "mui-switch__thumb" })
+    }
+  );
+}
+
+// src/overlay/dialog.tsx
+var import_lucide_react2 = require("lucide-react");
+var React9 = __toESM(require("react"), 1);
+
+// ../primitives/src/overlay/dialog.tsx
+var import_dialog = require("@base-ui/react/dialog");
+var React7 = __toESM(require("react"), 1);
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Root6 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Root, { "data-scope": "dialog", "data-part": "root", ...props });
+};
+var Trigger = React7.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Trigger, { ref, "data-scope": "dialog", "data-part": "trigger", ...props });
+});
+var Portal = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Portal, { "data-scope": "dialog", "data-part": "portal", ...props });
+};
+var Overlay = React7.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Backdrop, { ref, "data-scope": "dialog", "data-part": "overlay", ...props });
+});
+var Content = React7.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Popup, { ref, "data-scope": "dialog", "data-part": "content", ...props });
+});
+var Close = React7.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Close, { ref, "data-scope": "dialog", "data-part": "close", ...props });
+});
+var Title = React7.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Title, { ref, "data-scope": "dialog", "data-part": "title", ...props });
+});
+var Description = React7.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Description, { ref, "data-scope": "dialog", "data-part": "description", ...props });
+});
+Root6.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: Root6,
+  Trigger,
+  Portal,
+  Overlay,
+  Content,
+  Close,
+  Title,
+  Description
+};
+
+// src/overlay/layer-context.tsx
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var OverlayLayerContext = React8.createContext("root");
+function OverlayLayerProvider({
+  children,
+  value
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(OverlayLayerContext.Provider, { value, children });
+}
+function useOverlayLayerProps(props) {
+  const layer = React8.useContext(OverlayLayerContext);
+  if (layer === "root") {
+    return props;
+  }
+  return {
+    ...props,
+    "data-mui-layer": layer
+  };
+}
+
+// src/overlay/dialog.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Root7 = Dialog.Root;
+var Trigger2 = Dialog.Trigger;
+var Portal2 = Dialog.Portal;
+var Overlay2 = React9.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    Dialog.Overlay,
+    {
+      ref,
+      className: cx("mui-dialog__overlay", className),
+      ...props
+    }
+  );
+});
+var Close2 = React9.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    Dialog.Close,
+    {
+      ref,
+      className: cx("mui-dialog__close", className),
+      ...props,
+      children: [
+        children ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.XIcon, { size: 14, "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Close" })
+      ]
+    }
+  );
+});
+var Content2 = React9.forwardRef(({ className, children, showCloseButton = true, slotProps, ...props }, ref) => {
+  const closeProps = {
+    "aria-label": "Close dialog",
+    ...slotProps?.close
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Portal2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Overlay2, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      Dialog.Content,
+      {
+        ref,
+        className: cx("mui-dialog__content", className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(OverlayLayerProvider, { value: "modal", children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Close2, { ...closeProps }) : null
+        ] })
+      }
+    )
+  ] });
+});
+var Header = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cx("mui-dialog__header", className), ...props })
+);
+var Footer = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cx("mui-dialog__footer", className), ...props })
+);
+var Title2 = React9.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    Dialog.Title,
+    {
+      ref,
+      className: cx("mui-dialog__title", className),
+      ...props
+    }
+  );
+});
+var Description2 = React9.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.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: Root7,
+  Trigger: Trigger2,
+  Portal: Portal2,
+  Overlay: Overlay2,
+  Content: Content2,
+  Close: Close2,
+  Header,
+  Footer,
+  Title: Title2,
+  Description: Description2
+};
+
+// src/overlay/dropdown-menu.tsx
+var import_lucide_react3 = require("lucide-react");
+
+// ../primitives/src/overlay/dropdown-menu.tsx
+var import_menu = require("@base-ui/react/menu");
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Root8 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.Root, { "data-scope": "dropdown-menu", "data-part": "root", ...props });
+};
+var Trigger3 = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.Trigger, { ref, "data-scope": "dropdown-menu", "data-part": "trigger", ...props });
+});
+var Portal3 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.Portal, { "data-scope": "dropdown-menu", "data-part": "portal", ...props });
+};
+var Content3 = React10.forwardRef(
+  ({
+    className,
+    children,
+    align = "start",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_menu.Menu.Positioner,
+      {
+        "data-scope": "dropdown-menu",
+        "data-part": "positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_menu.Menu.Popup,
+          {
+            ref,
+            "data-scope": "dropdown-menu",
+            "data-part": "content",
+            className,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var Item3 = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.Item, { ref, "data-scope": "dropdown-menu", "data-part": "item", ...props });
+});
+var CheckboxItem = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.CheckboxItem, { ref, "data-scope": "dropdown-menu", "data-part": "checkbox-item", ...props });
+});
+var CheckboxItemIndicator = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_menu.Menu.CheckboxItemIndicator,
+    {
+      ref,
+      "data-scope": "dropdown-menu",
+      "data-part": "checkbox-item-indicator",
+      ...props
+    }
+  );
+});
+var RadioItem = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.RadioItem, { ref, "data-scope": "dropdown-menu", "data-part": "radio-item", ...props });
+});
+var RadioItemIndicator = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_menu.Menu.RadioItemIndicator,
+    {
+      ref,
+      "data-scope": "dropdown-menu",
+      "data-part": "radio-item-indicator",
+      ...props
+    }
+  );
+});
+var Label = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.GroupLabel, { ref, "data-scope": "dropdown-menu", "data-part": "label", ...props });
+});
+var Separator3 = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.Separator, { ref, "data-scope": "dropdown-menu", "data-part": "separator", ...props });
+});
+var Group = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.Group, { "data-scope": "dropdown-menu", "data-part": "group", ...props });
+};
+var Sub = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.SubmenuRoot, { "data-scope": "dropdown-menu", "data-part": "sub", ...props });
+};
+var SubTrigger = React10.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.SubmenuTrigger, { ref, "data-scope": "dropdown-menu", "data-part": "sub-trigger", ...props });
+});
+var SubContent = React10.forwardRef(
+  ({
+    className,
+    children,
+    align = "start",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_menu.Menu.Positioner,
+      {
+        "data-scope": "dropdown-menu",
+        "data-part": "sub-positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_menu.Menu.Popup,
+          {
+            ref,
+            "data-scope": "dropdown-menu",
+            "data-part": "sub-content",
+            className,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var RadioGroup2 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_menu.Menu.RadioGroup, { "data-scope": "dropdown-menu", "data-part": "radio-group", ...props });
+};
+Root8.displayName = "DropdownMenu.Root";
+Trigger3.displayName = "DropdownMenu.Trigger";
+Portal3.displayName = "DropdownMenu.Portal";
+Content3.displayName = "DropdownMenu.Content";
+Item3.displayName = "DropdownMenu.Item";
+CheckboxItem.displayName = "DropdownMenu.CheckboxItem";
+CheckboxItemIndicator.displayName = "DropdownMenu.CheckboxItemIndicator";
+RadioItem.displayName = "DropdownMenu.RadioItem";
+RadioItemIndicator.displayName = "DropdownMenu.RadioItemIndicator";
+Label.displayName = "DropdownMenu.Label";
+Separator3.displayName = "DropdownMenu.Separator";
+Group.displayName = "DropdownMenu.Group";
+Sub.displayName = "DropdownMenu.Sub";
+SubTrigger.displayName = "DropdownMenu.SubTrigger";
+SubContent.displayName = "DropdownMenu.SubContent";
+RadioGroup2.displayName = "DropdownMenu.RadioGroup";
+var DropdownMenu = {
+  Root: Root8,
+  Trigger: Trigger3,
+  Portal: Portal3,
+  Content: Content3,
+  Item: Item3,
+  CheckboxItem,
+  CheckboxItemIndicator,
+  RadioItem,
+  RadioItemIndicator,
+  Label,
+  Separator: Separator3,
+  Group,
+  Sub,
+  SubTrigger,
+  SubContent,
+  RadioGroup: RadioGroup2
+};
+
+// src/overlay/dropdown-menu.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Root9 = DropdownMenu.Root;
+var Trigger4 = DropdownMenu.Trigger;
+var Portal4 = DropdownMenu.Portal;
+var Group2 = DropdownMenu.Group;
+var Sub2 = DropdownMenu.Sub;
+var RadioGroup3 = DropdownMenu.RadioGroup;
+function ItemText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cx("mui-dropdown-menu__item-text", className), ...props });
+}
+function Shortcut({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: cx("mui-dropdown-menu__shortcut", className), ...props });
+}
+function Content4({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  const layerProps = useOverlayLayerProps(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    DropdownMenu.Content,
+    {
+      className: cx("mui-dropdown-menu__content", className),
+      sideOffset,
+      ...layerProps
+    }
+  ) });
+}
+function Item4({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    DropdownMenu.Item,
+    {
+      className: cx("mui-dropdown-menu__item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "mui-dropdown-menu__item-leading", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ItemText, { children })
+      ]
+    }
+  );
+}
+function CheckboxItem2({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    DropdownMenu.CheckboxItem,
+    {
+      className: cx("mui-dropdown-menu__item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "mui-dropdown-menu__item-leading", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react3.CheckIcon, { className: "mui-dropdown-menu__item-indicator", size: 10 }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ItemText, { children })
+      ]
+    }
+  );
+}
+function RadioItem2({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    DropdownMenu.RadioItem,
+    {
+      className: cx("mui-dropdown-menu__item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "mui-dropdown-menu__item-leading", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenu.RadioItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react3.CircleIcon, { className: "mui-dropdown-menu__item-indicator", size: 6, fill: "currentColor" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ItemText, { children })
+      ]
+    }
+  );
+}
+function Label2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    DropdownMenu.Label,
+    {
+      className: cx("mui-dropdown-menu__label", className),
+      ...props
+    }
+  );
+}
+function Separator4({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    DropdownMenu.Separator,
+    {
+      className: cx("mui-dropdown-menu__separator", className),
+      ...props
+    }
+  );
+}
+function SubTrigger2({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    DropdownMenu.SubTrigger,
+    {
+      className: cx("mui-dropdown-menu__sub-trigger", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "mui-dropdown-menu__item-leading", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ItemText, { children }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "mui-dropdown-menu__item-trailing", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react3.ChevronRightIcon, { size: 12 }) })
+      ]
+    }
+  );
+}
+function SubContent2({
+  className,
+  ...props
+}) {
+  const layerProps = useOverlayLayerProps(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    DropdownMenu.SubContent,
+    {
+      className: cx("mui-dropdown-menu__content", className),
+      ...layerProps
+    }
+  );
+}
+var DropdownMenu2 = {
+  Root: Root9,
+  Trigger: Trigger4,
+  Portal: Portal4,
+  Group: Group2,
+  Sub: Sub2,
+  RadioGroup: RadioGroup3,
+  Content: Content4,
+  Item: Item4,
+  CheckboxItem: CheckboxItem2,
+  RadioItem: RadioItem2,
+  Label: Label2,
+  Separator: Separator4,
+  ItemText,
+  Shortcut,
+  SubTrigger: SubTrigger2,
+  SubContent: SubContent2
+};
+
+// src/overlay/popover.tsx
+var React12 = __toESM(require("react"), 1);
+
+// ../primitives/src/overlay/popover.tsx
+var import_popover = require("@base-ui/react/popover");
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Root10 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Root, { "data-scope": "popover", "data-part": "root", ...props });
+};
+var Trigger5 = React11.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Trigger, { ref, "data-scope": "popover", "data-part": "trigger", ...props });
+});
+var Portal5 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Portal, { "data-scope": "popover", "data-part": "portal", ...props });
+};
+var Content5 = React11.forwardRef(
+  ({
+    className,
+    children,
+    finalFocus,
+    initialFocus,
+    align = "start",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_popover.Popover.Positioner,
+      {
+        "data-scope": "popover",
+        "data-part": "positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          import_popover.Popover.Popup,
+          {
+            ref,
+            "data-scope": "popover",
+            "data-part": "content",
+            className,
+            finalFocus,
+            initialFocus,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+Root10.displayName = "Popover.Root";
+Trigger5.displayName = "Popover.Trigger";
+Portal5.displayName = "Popover.Portal";
+Content5.displayName = "Popover.Content";
+var Popover = {
+  Root: Root10,
+  Trigger: Trigger5,
+  Portal: Portal5,
+  Content: Content5
+};
+
+// src/overlay/popover.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function Root11(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Popover.Root,
+    {
+      ...props
+    }
+  );
+}
+var Trigger6 = React12.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      Popover.Trigger,
+      {
+        ref,
+        ...props
+      }
+    );
+  }
+);
+function Portal6(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Popover.Portal,
+    {
+      ...props
+    }
+  );
+}
+function Content6({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  const layerProps = useOverlayLayerProps(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Popover.Content,
+    {
+      className: cx("mui-popover__content", className),
+      sideOffset,
+      ...layerProps
+    }
+  ) });
+}
+Trigger6.displayName = "Popover.Trigger";
+var Popover2 = {
+  Root: Root11,
+  Trigger: Trigger6,
+  Portal: Portal6,
+  Content: Content6
+};
+
+// ../primitives/src/overlay/tooltip.tsx
+var React13 = __toESM(require("react"), 1);
+var import_tooltip = require("@base-ui/react/tooltip");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Provider = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Provider, { "data-scope": "tooltip", "data-part": "provider", ...props });
+};
+var Root12 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Root, { "data-scope": "tooltip", "data-part": "root", ...props });
+};
+var Trigger7 = React13.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Trigger, { ref, "data-scope": "tooltip", "data-part": "trigger", ...props });
+});
+var Portal7 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Portal, { "data-scope": "tooltip", "data-part": "portal", ...props });
+};
+var Content7 = React13.forwardRef(
+  ({
+    className,
+    children,
+    align = "center",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_tooltip.Tooltip.Positioner,
+      {
+        "data-scope": "tooltip",
+        "data-part": "positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_tooltip.Tooltip.Popup,
+          {
+            ref,
+            "data-scope": "tooltip",
+            "data-part": "content",
+            className,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+Provider.displayName = "Tooltip.Provider";
+Root12.displayName = "Tooltip.Root";
+Trigger7.displayName = "Tooltip.Trigger";
+Portal7.displayName = "Tooltip.Portal";
+Content7.displayName = "Tooltip.Content";
+var Tooltip = {
+  Provider,
+  Root: Root12,
+  Trigger: Trigger7,
+  Portal: Portal7,
+  Content: Content7
+};
+
+// src/overlay/tooltip.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Provider2 = Tooltip.Provider;
+var Root13 = Tooltip.Root;
+var Trigger8 = Tooltip.Trigger;
+function Content8({
+  className,
+  sideOffset = 6,
+  ...props
+}) {
+  const layerProps = useOverlayLayerProps(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    Tooltip.Content,
+    {
+      className: cx("mui-tooltip__content", className),
+      sideOffset,
+      ...layerProps
+    }
+  ) });
+}
+var Tooltip2 = {
+  Provider: Provider2,
+  Root: Root13,
+  Trigger: Trigger8,
+  Content: Content8
+};
+
+// src/selection/select.tsx
+var import_lucide_react4 = require("lucide-react");
+
+// ../primitives/src/selection/select.tsx
+var React14 = __toESM(require("react"), 1);
+var import_select = require("@base-ui/react/select");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Root14 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.Root, { "data-scope": "select", "data-part": "root", ...props });
+};
+var Group3 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.Group, { "data-scope": "select", "data-part": "group", ...props });
+};
+var Value = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.Value, { ref, "data-scope": "select", "data-part": "value", ...props });
+});
+var Trigger9 = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.Trigger, { ref, "data-scope": "select", "data-part": "trigger", ...props });
+});
+var Portal8 = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.Portal, { "data-scope": "select", "data-part": "portal", ...props });
+};
+var Content9 = React14.forwardRef(
+  ({
+    className,
+    children,
+    finalFocus,
+    align = "start",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_select.Select.Positioner,
+      {
+        "data-scope": "select",
+        "data-part": "positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_select.Select.Popup,
+          {
+            ref,
+            "data-scope": "select",
+            "data-part": "content",
+            className,
+            finalFocus,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var Viewport = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.List, { ref, "data-scope": "select", "data-part": "viewport", ...props });
+});
+var Label3 = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.GroupLabel, { ref, "data-scope": "select", "data-part": "label", ...props });
+});
+var Item5 = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.Item, { ref, "data-scope": "select", "data-part": "item", ...props });
+});
+var ItemText2 = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.ItemText, { ref, "data-scope": "select", "data-part": "item-text", ...props });
+});
+var ItemIndicator = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.ItemIndicator, { ref, "data-scope": "select", "data-part": "item-indicator", ...props });
+});
+var Separator5 = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.Separator, { ref, "data-scope": "select", "data-part": "separator", ...props });
+});
+var ScrollUpButton = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.ScrollUpArrow, { ref, "data-scope": "select", "data-part": "scroll-up-button", ...props });
+});
+var ScrollDownButton = React14.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_select.Select.ScrollDownArrow, { ref, "data-scope": "select", "data-part": "scroll-down-button", ...props });
+});
+Root14.displayName = "Select.Root";
+Group3.displayName = "Select.Group";
+Value.displayName = "Select.Value";
+Trigger9.displayName = "Select.Trigger";
+Portal8.displayName = "Select.Portal";
+Content9.displayName = "Select.Content";
+Viewport.displayName = "Select.Viewport";
+Label3.displayName = "Select.Label";
+Item5.displayName = "Select.Item";
+ItemText2.displayName = "Select.ItemText";
+ItemIndicator.displayName = "Select.ItemIndicator";
+Separator5.displayName = "Select.Separator";
+ScrollUpButton.displayName = "Select.ScrollUpButton";
+ScrollDownButton.displayName = "Select.ScrollDownButton";
+var Select = {
+  Root: Root14,
+  Group: Group3,
+  Value,
+  Trigger: Trigger9,
+  Portal: Portal8,
+  Content: Content9,
+  Viewport,
+  Label: Label3,
+  Item: Item5,
+  ItemText: ItemText2,
+  ItemIndicator,
+  Separator: Separator5,
+  ScrollUpButton,
+  ScrollDownButton
+};
+
+// src/selection/select.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Root15 = Select.Root;
+var Group4 = Select.Group;
+var Value2 = Select.Value;
+function Trigger10({
+  className,
+  children,
+  size = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    Select.Trigger,
+    {
+      className: cx("mui-select__trigger", className),
+      "data-size": size,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "mui-select__value-slot", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "mui-select__icon-slot", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react4.ChevronDownIcon, { className: "mui-select__icon", size: 12 }) })
+      ]
+    }
+  );
+}
+function Content10({
+  className,
+  children,
+  ...props
+}) {
+  const layerProps = useOverlayLayerProps(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    Select.Content,
+    {
+      className: cx("mui-select__content", className),
+      ...layerProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Select.ScrollUpButton, { className: "mui-select__scroll-button", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react4.ChevronUpIcon, { size: 12 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Select.Viewport, { className: "mui-select__viewport", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Select.ScrollDownButton, { className: "mui-select__scroll-button", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react4.ChevronDownIcon, { size: 12 }) })
+      ]
+    }
+  ) });
+}
+function Label4({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    Select.Label,
+    {
+      className: cx("mui-select__label", className),
+      ...props
+    }
+  );
+}
+function Item6({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    Select.Item,
+    {
+      className: cx("mui-select__item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "mui-select__item-leading", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Select.ItemIndicator, { className: "mui-select__item-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react4.CheckIcon, { size: 10 }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Select.ItemText, { className: "mui-select__item-text", children })
+      ]
+    }
+  );
+}
+function Separator6({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    Select.Separator,
+    {
+      className: cx("mui-select__separator", className),
+      ...props
+    }
+  );
+}
+var Select2 = {
+  Root: Root15,
+  Group: Group4,
+  Value: Value2,
+  Trigger: Trigger10,
+  Content: Content10,
+  Label: Label4,
+  Item: Item6,
+  Separator: Separator6
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  Checkbox,
+  Dialog,
+  DropdownMenu,
+  Input,
+  Popover,
+  RadioGroup,
+  Select,
+  Separator,
+  Switch,
+  Tooltip
+});