@usememos/ui 26.10.0

package/dist/chunk-3YY2G3JK.js

@@ -0,0 +1,125 @@
+import {
+  useOverlayLayerProps
+} from "./chunk-BH4MPO4N.js";
+import {
+  cx
+} from "./chunk-6TNEFWVX.js";
+
+// src/overlay/popover.tsx
+import * as React2 from "react";
+
+// ../primitives/src/overlay/popover.tsx
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = (props) => {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-scope": "popover", "data-part": "root", ...props });
+};
+var Trigger = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { ref, "data-scope": "popover", "data-part": "trigger", ...props });
+});
+var Portal = (props) => {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { "data-scope": "popover", "data-part": "portal", ...props });
+};
+var Content = React.forwardRef(
+  ({
+    className,
+    children,
+    finalFocus,
+    initialFocus,
+    align = "start",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      PopoverPrimitive.Positioner,
+      {
+        "data-scope": "popover",
+        "data-part": "positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          PopoverPrimitive.Popup,
+          {
+            ref,
+            "data-scope": "popover",
+            "data-part": "content",
+            className,
+            finalFocus,
+            initialFocus,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+Root.displayName = "Popover.Root";
+Trigger.displayName = "Popover.Trigger";
+Portal.displayName = "Popover.Portal";
+Content.displayName = "Popover.Content";
+var Popover = {
+  Root,
+  Trigger,
+  Portal,
+  Content
+};
+
+// src/overlay/popover.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Root2(props) {
+  return /* @__PURE__ */ jsx2(
+    Popover.Root,
+    {
+      ...props
+    }
+  );
+}
+var Trigger2 = React2.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx2(
+      Popover.Trigger,
+      {
+        ref,
+        ...props
+      }
+    );
+  }
+);
+function Portal2(props) {
+  return /* @__PURE__ */ jsx2(
+    Popover.Portal,
+    {
+      ...props
+    }
+  );
+}
+function Content2({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  const layerProps = useOverlayLayerProps(props);
+  return /* @__PURE__ */ jsx2(Popover.Portal, { children: /* @__PURE__ */ jsx2(
+    Popover.Content,
+    {
+      className: cx("mui-popover__content", className),
+      sideOffset,
+      ...layerProps
+    }
+  ) });
+}
+Trigger2.displayName = "Popover.Trigger";
+var Popover2 = {
+  Root: Root2,
+  Trigger: Trigger2,
+  Portal: Portal2,
+  Content: Content2
+};
+
+export {
+  Popover2 as Popover
+};

package/dist/chunk-5GQEJQKE.js

@@ -0,0 +1,60 @@
+import {
+  cx
+} from "./chunk-6TNEFWVX.js";
+
+// src/foundation/checkbox.tsx
+import { CheckIcon } from "lucide-react";
+
+// ../primitives/src/foundation/checkbox.tsx
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      "data-scope": "checkbox",
+      "data-part": "root",
+      ...props
+    }
+  );
+});
+var Indicator = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.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
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Checkbox2({ className, children, size = "md", ...props }) {
+  return /* @__PURE__ */ jsxs(
+    Checkbox.Root,
+    {
+      className: cx("mui-checkbox", className),
+      "data-size": size,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2(Checkbox.Indicator, { className: "mui-checkbox__indicator", children: /* @__PURE__ */ jsx2(CheckIcon, { size: 10, strokeWidth: 3 }) }),
+        children
+      ]
+    }
+  );
+}
+
+export {
+  Checkbox2 as Checkbox
+};

package/dist/chunk-6TNEFWVX.js

@@ -0,0 +1,9 @@
+// src/shared/cx.ts
+import { clsx } from "clsx";
+function cx(...values) {
+  return clsx(values);
+}
+
+export {
+  cx
+};

package/dist/chunk-BH4MPO4N.js

@@ -0,0 +1,25 @@
+// src/overlay/layer-context.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var OverlayLayerContext = React.createContext("root");
+function OverlayLayerProvider({
+  children,
+  value
+}) {
+  return /* @__PURE__ */ jsx(OverlayLayerContext.Provider, { value, children });
+}
+function useOverlayLayerProps(props) {
+  const layer = React.useContext(OverlayLayerContext);
+  if (layer === "root") {
+    return props;
+  }
+  return {
+    ...props,
+    "data-mui-layer": layer
+  };
+}
+
+export {
+  OverlayLayerProvider,
+  useOverlayLayerProps
+};

package/dist/chunk-F6GH4X7N.js

@@ -0,0 +1,34 @@
+import {
+  cx
+} from "./chunk-6TNEFWVX.js";
+
+// src/foundation/button.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Button = React.forwardRef(
+  ({
+    className,
+    variant = "default",
+    size = "md",
+    disabled,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        className: cx("mui-button", className),
+        "data-size": size,
+        "data-variant": variant,
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export {
+  Button
+};

package/dist/chunk-HYN2P4OY.js

@@ -0,0 +1,84 @@
+import {
+  cx
+} from "./chunk-6TNEFWVX.js";
+
+// ../primitives/src/foundation/radio-group.tsx
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive,
+    {
+      ref,
+      "data-scope": "radio-group",
+      "data-part": "root",
+      ...props
+    }
+  );
+});
+var Item = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    Radio.Root,
+    {
+      ref,
+      "data-scope": "radio-group",
+      "data-part": "item",
+      ...props
+    }
+  );
+});
+var Indicator = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    Radio.Indicator,
+    {
+      ref,
+      "data-scope": "radio-group",
+      "data-part": "indicator",
+      ...props
+    }
+  );
+});
+Root.displayName = "RadioGroup.Root";
+Item.displayName = "RadioGroup.Item";
+Indicator.displayName = "RadioGroup.Indicator";
+var RadioGroupPrimitiveParts = {
+  Root,
+  Item,
+  Indicator
+};
+
+// src/foundation/radio-group.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Root2({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    RadioGroupPrimitiveParts.Root,
+    {
+      className: cx("mui-radio-group", className),
+      ...props
+    }
+  );
+}
+function Item2({ className, children, size = "md", ...props }) {
+  return /* @__PURE__ */ jsxs(
+    RadioGroupPrimitiveParts.Item,
+    {
+      className: cx("mui-radio-group__item", className),
+      "data-size": size,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2(RadioGroupPrimitiveParts.Indicator, { className: "mui-radio-group__indicator" }),
+        children
+      ]
+    }
+  );
+}
+var RadioGroup = {
+  Root: Root2,
+  Item: Item2
+};
+
+export {
+  RadioGroup
+};

package/dist/chunk-OIUVLPTE.js

@@ -0,0 +1,54 @@
+import {
+  cx
+} from "./chunk-6TNEFWVX.js";
+
+// ../primitives/src/foundation/switch.tsx
+import * as React from "react";
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import { jsx } from "react/jsx-runtime";
+var Root = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      ref,
+      "data-scope": "switch",
+      "data-part": "root",
+      ...props
+    }
+  );
+});
+var Thumb = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Thumb,
+    {
+      ref,
+      "data-scope": "switch",
+      "data-part": "thumb",
+      ...props
+    }
+  );
+});
+Root.displayName = "Switch.Root";
+Thumb.displayName = "Switch.Thumb";
+var Switch = {
+  Root,
+  Thumb
+};
+
+// src/foundation/switch.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Switch2({ className, size = "md", ...props }) {
+  return /* @__PURE__ */ jsx2(
+    Switch.Root,
+    {
+      className: cx("mui-switch", className),
+      "data-size": size,
+      ...props,
+      children: /* @__PURE__ */ jsx2(Switch.Thumb, { className: "mui-switch__thumb" })
+    }
+  );
+}
+
+export {
+  Switch2 as Switch
+};

package/dist/chunk-S6LVYCE6.js

@@ -0,0 +1,157 @@
+import {
+  OverlayLayerProvider
+} from "./chunk-BH4MPO4N.js";
+import {
+  cx
+} from "./chunk-6TNEFWVX.js";
+
+// src/overlay/dialog.tsx
+import { XIcon } from "lucide-react";
+import * as React2 from "react";
+
+// ../primitives/src/overlay/dialog.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = (props) => {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-scope": "dialog", "data-part": "root", ...props });
+};
+var Trigger = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ref, "data-scope": "dialog", "data-part": "trigger", ...props });
+});
+var Portal = (props) => {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-scope": "dialog", "data-part": "portal", ...props });
+};
+var Overlay = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Backdrop, { ref, "data-scope": "dialog", "data-part": "overlay", ...props });
+});
+var Content = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Popup, { ref, "data-scope": "dialog", "data-part": "content", ...props });
+});
+var Close = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ref, "data-scope": "dialog", "data-part": "close", ...props });
+});
+var Title = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, "data-scope": "dialog", "data-part": "title", ...props });
+});
+var Description = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(DialogPrimitive.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/dialog.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Root2 = Dialog.Root;
+var Trigger2 = Dialog.Trigger;
+var Portal2 = Dialog.Portal;
+var Overlay2 = React2.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx2(
+    Dialog.Overlay,
+    {
+      ref,
+      className: cx("mui-dialog__overlay", className),
+      ...props
+    }
+  );
+});
+var Close2 = React2.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(
+    Dialog.Close,
+    {
+      ref,
+      className: cx("mui-dialog__close", className),
+      ...props,
+      children: [
+        children ?? /* @__PURE__ */ jsx2(XIcon, { size: 14, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Close" })
+      ]
+    }
+  );
+});
+var Content2 = React2.forwardRef(({ className, children, showCloseButton = true, slotProps, ...props }, ref) => {
+  const closeProps = {
+    "aria-label": "Close dialog",
+    ...slotProps?.close
+  };
+  return /* @__PURE__ */ jsxs(Portal2, { children: [
+    /* @__PURE__ */ jsx2(Overlay2, {}),
+    /* @__PURE__ */ jsx2(
+      Dialog.Content,
+      {
+        ref,
+        className: cx("mui-dialog__content", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs(OverlayLayerProvider, { value: "modal", children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ jsx2(Close2, { ...closeProps }) : null
+        ] })
+      }
+    )
+  ] });
+});
+var Header = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2("div", { ref, className: cx("mui-dialog__header", className), ...props })
+);
+var Footer = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2("div", { ref, className: cx("mui-dialog__footer", className), ...props })
+);
+var Title2 = React2.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx2(
+    Dialog.Title,
+    {
+      ref,
+      className: cx("mui-dialog__title", className),
+      ...props
+    }
+  );
+});
+var Description2 = React2.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx2(
+    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
+};
+
+export {
+  Dialog2 as Dialog
+};

package/dist/chunk-SNSDJKJP.js

@@ -0,0 +1,44 @@
+import {
+  cx
+} from "./chunk-6TNEFWVX.js";
+
+// ../primitives/src/foundation/separator.tsx
+import * as React from "react";
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { jsx } from "react/jsx-runtime";
+var Root = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive,
+    {
+      ref,
+      "data-scope": "separator",
+      "data-part": "root",
+      ...props
+    }
+  );
+});
+Root.displayName = "Separator.Root";
+var Separator = {
+  Root
+};
+
+// src/foundation/separator.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Separator2({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    Separator.Root,
+    {
+      className: cx("mui-separator", className),
+      orientation,
+      ...props
+    }
+  );
+}
+
+export {
+  Separator2 as Separator
+};