@usememos/ui 26.10.0

package/dist/tooltip.cjs

@@ -0,0 +1,148 @@
+"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/tooltip.ts
+var tooltip_exports = {};
+__export(tooltip_exports, {
+  Tooltip: () => Tooltip2
+});
+module.exports = __toCommonJS(tooltip_exports);
+
+// ../primitives/src/overlay/tooltip.tsx
+var React = __toESM(require("react"), 1);
+var import_tooltip = require("@base-ui/react/tooltip");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Provider = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip.Provider, { "data-scope": "tooltip", "data-part": "provider", ...props });
+};
+var Root = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip.Root, { "data-scope": "tooltip", "data-part": "root", ...props });
+};
+var Trigger = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip.Trigger, { ref, "data-scope": "tooltip", "data-part": "trigger", ...props });
+});
+var Portal = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip.Portal, { "data-scope": "tooltip", "data-part": "portal", ...props });
+};
+var Content = React.forwardRef(
+  ({
+    className,
+    children,
+    align = "center",
+    collisionPadding = 8,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tooltip.Tooltip.Positioner,
+      {
+        "data-scope": "tooltip",
+        "data-part": "positioner",
+        align,
+        collisionPadding,
+        sideOffset,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tooltip.Tooltip.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/layer-context.tsx
+var React2 = __toESM(require("react"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var OverlayLayerContext = React2.createContext("root");
+function useOverlayLayerProps(props) {
+  const layer = React2.useContext(OverlayLayerContext);
+  if (layer === "root") {
+    return props;
+  }
+  return {
+    ...props,
+    "data-mui-layer": layer
+  };
+}
+
+// src/shared/cx.ts
+var import_clsx = require("clsx");
+function cx(...values) {
+  return (0, import_clsx.clsx)(values);
+}
+
+// src/overlay/tooltip.tsx
+var import_jsx_runtime3 = require("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__ */ (0, import_jsx_runtime3.jsx)(Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Tooltip.Content,
+    {
+      className: cx("mui-tooltip__content", className),
+      sideOffset,
+      ...layerProps
+    }
+  ) });
+}
+var Tooltip2 = {
+  Provider: Provider2,
+  Root: Root2,
+  Trigger: Trigger2,
+  Content: Content2
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip
+});

package/dist/tooltip.d.cts

@@ -0,0 +1,24 @@
+import * as _base_ui_react from '@base-ui/react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$2 } from '@base-ui/react/tooltip';
+
+declare const Tooltip$1: {
+    Provider: React.FC<_base_ui_react.TooltipProviderProps>;
+    Root: React.FC<Tooltip$2.Root.Props<unknown>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Tooltip$2.Trigger.Props<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<Omit<Omit<_base_ui_react.TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "className" | "children"> & Pick<Omit<Omit<_base_ui_react.TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & {
+        className?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+
+declare function Content({ className, sideOffset, ...props }: React.ComponentPropsWithoutRef<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
+declare const Tooltip: {
+    Provider: React.FC<_base_ui_react.TooltipProviderProps>;
+    Root: React.FC<_base_ui_react.TooltipRoot.Props<unknown>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<_base_ui_react.TooltipTrigger.Props<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Content: typeof Content;
+};
+
+export { Tooltip };

package/dist/tooltip.d.ts

@@ -0,0 +1,24 @@
+import * as _base_ui_react from '@base-ui/react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$2 } from '@base-ui/react/tooltip';
+
+declare const Tooltip$1: {
+    Provider: React.FC<_base_ui_react.TooltipProviderProps>;
+    Root: React.FC<Tooltip$2.Root.Props<unknown>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Tooltip$2.Trigger.Props<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<Omit<Omit<_base_ui_react.TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "className" | "children"> & Pick<Omit<Omit<_base_ui_react.TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & {
+        className?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+
+declare function Content({ className, sideOffset, ...props }: React.ComponentPropsWithoutRef<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
+declare const Tooltip: {
+    Provider: React.FC<_base_ui_react.TooltipProviderProps>;
+    Root: React.FC<_base_ui_react.TooltipRoot.Props<unknown>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<_base_ui_react.TooltipTrigger.Props<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Content: typeof Content;
+};
+
+export { Tooltip };

package/dist/tooltip.js

@@ -0,0 +1,8 @@
+import {
+  Tooltip
+} from "./chunk-Z3ME5VRQ.js";
+import "./chunk-BH4MPO4N.js";
+import "./chunk-6TNEFWVX.js";
+export {
+  Tooltip
+};

package/package.json

@@ -0,0 +1,172 @@
+{
+  "name": "@usememos/ui",
+  "version": "26.10.0",
+  "description": "Opinionated React UI kit with themeable CSS variables and compound APIs",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/theme.css",
+  "sideEffects": [
+    "./dist/theme.css"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./theme.css": "./dist/theme.css",
+    "./button": {
+      "import": {
+        "types": "./dist/button.d.ts",
+        "default": "./dist/button.js"
+      },
+      "require": {
+        "types": "./dist/button.d.cts",
+        "default": "./dist/button.cjs"
+      }
+    },
+    "./checkbox": {
+      "import": {
+        "types": "./dist/checkbox.d.ts",
+        "default": "./dist/checkbox.js"
+      },
+      "require": {
+        "types": "./dist/checkbox.d.cts",
+        "default": "./dist/checkbox.cjs"
+      }
+    },
+    "./input": {
+      "import": {
+        "types": "./dist/input.d.ts",
+        "default": "./dist/input.js"
+      },
+      "require": {
+        "types": "./dist/input.d.cts",
+        "default": "./dist/input.cjs"
+      }
+    },
+    "./dialog": {
+      "import": {
+        "types": "./dist/dialog.d.ts",
+        "default": "./dist/dialog.js"
+      },
+      "require": {
+        "types": "./dist/dialog.d.cts",
+        "default": "./dist/dialog.cjs"
+      }
+    },
+    "./dropdown-menu": {
+      "import": {
+        "types": "./dist/dropdown-menu.d.ts",
+        "default": "./dist/dropdown-menu.js"
+      },
+      "require": {
+        "types": "./dist/dropdown-menu.d.cts",
+        "default": "./dist/dropdown-menu.cjs"
+      }
+    },
+    "./popover": {
+      "import": {
+        "types": "./dist/popover.d.ts",
+        "default": "./dist/popover.js"
+      },
+      "require": {
+        "types": "./dist/popover.d.cts",
+        "default": "./dist/popover.cjs"
+      }
+    },
+    "./radio-group": {
+      "import": {
+        "types": "./dist/radio-group.d.ts",
+        "default": "./dist/radio-group.js"
+      },
+      "require": {
+        "types": "./dist/radio-group.d.cts",
+        "default": "./dist/radio-group.cjs"
+      }
+    },
+    "./select": {
+      "import": {
+        "types": "./dist/select.d.ts",
+        "default": "./dist/select.js"
+      },
+      "require": {
+        "types": "./dist/select.d.cts",
+        "default": "./dist/select.cjs"
+      }
+    },
+    "./separator": {
+      "import": {
+        "types": "./dist/separator.d.ts",
+        "default": "./dist/separator.js"
+      },
+      "require": {
+        "types": "./dist/separator.d.cts",
+        "default": "./dist/separator.cjs"
+      }
+    },
+    "./switch": {
+      "import": {
+        "types": "./dist/switch.d.ts",
+        "default": "./dist/switch.js"
+      },
+      "require": {
+        "types": "./dist/switch.d.cts",
+        "default": "./dist/switch.cjs"
+      }
+    },
+    "./tooltip": {
+      "import": {
+        "types": "./dist/tooltip.d.ts",
+        "default": "./dist/tooltip.js"
+      },
+      "require": {
+        "types": "./dist/tooltip.d.cts",
+        "default": "./dist/tooltip.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "pnpm exec tsup --config tsup.config.ts && mkdir -p dist && cp ../theme/src/theme.css dist/theme.css",
+    "typecheck": "tsc --noEmit",
+    "check:package": "pnpm exec publint . && pnpm exec attw --pack --profile node16 --exclude-entrypoints ./theme.css ."
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.3.0",
+    "clsx": "^2.0.0",
+    "lucide-react": "^0.523.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "tsup": "^8.3.5",
+    "typescript": "^6.0.2"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "design-system",
+    "theme"
+  ],
+  "repository": "https://github.com/usememos/ui",
+  "homepage": "https://github.com/usememos/ui",
+  "bugs": {
+    "url": "https://github.com/usememos/ui/issues"
+  },
+  "license": "MIT"
+}