donghy 0.0.1

package/dist/cjs/components/display/list/List.js

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ListItemMeta = exports.ListItem = exports.List = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ListModule = _interopRequireDefault(require("./List.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var ListContext = /*#__PURE__*/(0, _react.createContext)({
+  size: 'middle',
+  itemLayout: 'horizontal',
+  split: true,
+  grid: undefined
+});
+
+/**
+ * 列表组件属性
+ */
+
+/**
+ * 列表项组件属性
+ */
+
+/**
+ * 列表项元数据组件属性
+ */
+
+function resolveRowKey(item, index, rowKey) {
+  if (typeof rowKey === 'function') return rowKey(item);
+  if (typeof rowKey === 'string' && item !== null && _typeof(item) === 'object' && rowKey in item) {
+    return String(item[rowKey]);
+  }
+  return String(index);
+}
+var ListItemMeta = exports.ListItemMeta = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var avatar = _ref.avatar,
+    title = _ref.title,
+    description = _ref.description,
+    className = _ref.className;
+  var rootClass = [_ListModule.default.itemMeta, className].filter(Boolean).join(' ');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: ref,
+    className: rootClass,
+    children: [avatar && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _ListModule.default.itemMetaAvatar,
+      children: avatar
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _ListModule.default.itemMetaContent,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ListModule.default.itemMetaTitle,
+        children: title
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ListModule.default.itemMetaDescription,
+        children: description
+      })]
+    })]
+  });
+});
+ListItemMeta.displayName = 'ListItemMeta';
+var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+  var children = _ref2.children,
+    extra = _ref2.extra,
+    className = _ref2.className,
+    style = _ref2.style,
+    actions = _ref2.actions;
+  var ctx = (0, _react.useContext)(ListContext);
+  var rootClass = [_ListModule.default.item, className].filter(Boolean).join(' ');
+  var dataAttrs = {
+    'data-size': ctx.size,
+    'data-layout': ctx.itemLayout,
+    'data-split': ctx.split || undefined
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    ref: ref,
+    className: rootClass,
+    style: style,
+    role: "listitem"
+  }, dataAttrs), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _ListModule.default.itemContent,
+      children: children
+    }), extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _ListModule.default.itemExtra,
+      children: extra
+    }), actions && actions.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: _ListModule.default.itemActions,
+      children: actions.map(function (action, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: action
+        }, index);
+      })
+    })]
+  }));
+});
+ListItem.displayName = 'ListItem';
+var ListInner = /*#__PURE__*/(0, _react.forwardRef)(function ListInner(_ref3, ref) {
+  var _grid$column;
+  var data = _ref3.data,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'middle' : _ref3$size,
+    _ref3$showBorder = _ref3.showBorder,
+    showBorder = _ref3$showBorder === void 0 ? false : _ref3$showBorder,
+    _ref3$split = _ref3.split,
+    split = _ref3$split === void 0 ? true : _ref3$split,
+    header = _ref3.header,
+    footer = _ref3.footer,
+    _ref3$loading = _ref3.loading,
+    loading = _ref3$loading === void 0 ? false : _ref3$loading,
+    _ref3$empty = _ref3.empty,
+    empty = _ref3$empty === void 0 ? 'No data' : _ref3$empty,
+    renderItem = _ref3.renderItem,
+    _ref3$itemLayout = _ref3.itemLayout,
+    itemLayout = _ref3$itemLayout === void 0 ? 'horizontal' : _ref3$itemLayout,
+    rowKey = _ref3.rowKey,
+    grid = _ref3.grid,
+    children = _ref3.children,
+    className = _ref3.className,
+    style = _ref3.style;
+  var ctxValue = {
+    size: size,
+    itemLayout: itemLayout,
+    split: split,
+    grid: grid
+  };
+  var rootClass = [_ListModule.default.wrapper, className].filter(Boolean).join(' ');
+  var dataAttrs = {
+    'data-size': size,
+    'data-bordered': showBorder || undefined
+  };
+  var hasDataItems = data && renderItem;
+  var isEmpty = hasDataItems && data.length === 0;
+  var gridColumns = (_grid$column = grid === null || grid === void 0 ? void 0 : grid.column) !== null && _grid$column !== void 0 ? _grid$column : 1;
+  var renderItems = function renderItems() {
+    if (hasDataItems) {
+      if (grid) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _ListModule.default.grid,
+          "data-columns": gridColumns,
+          role: "list",
+          children: data.map(function (item, index) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: renderItem(item, index)
+            }, resolveRowKey(item, index, rowKey));
+          })
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ListModule.default.items,
+        role: "list",
+        children: data.map(function (item, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+            children: renderItem(item, index)
+          }, resolveRowKey(item, index, rowKey));
+        })
+      });
+    }
+    if (grid) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ListModule.default.grid,
+        "data-columns": gridColumns,
+        role: "list",
+        children: children
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _ListModule.default.items,
+      role: "list",
+      children: children
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListContext.Provider, {
+    value: ctxValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+      ref: ref,
+      className: rootClass,
+      style: style
+    }, dataAttrs), {}, {
+      children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ListModule.default.header,
+        children: header
+      }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ListModule.default.loading,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _ListModule.default.spinner,
+          "data-spinner": true
+        })
+      }), isEmpty ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ListModule.default.empty,
+        children: empty
+      }) : renderItems(), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _ListModule.default.footer,
+        children: footer
+      })]
+    }))
+  });
+});
+ListInner.displayName = 'List';
+var ListBase = ListInner;
+var ListItemCompound = exports.ListItem = Object.assign(ListItem, {
+  Meta: ListItemMeta
+});
+var List = exports.List = Object.assign(ListBase, {
+  Item: ListItemCompound
+});
+var _default = exports.default = List;

package/dist/cjs/components/display/list/List.module.css

@@ -0,0 +1,212 @@
+.wrapper {
+  --nv-list-item-height-small: 32px;
+  --nv-list-item-height-middle: 40px;
+  --nv-list-item-height-large: 48px;
+  --nv-list-item-padding-small: 8px 12px;
+  --nv-list-item-padding-middle: 12px 16px;
+  --nv-list-item-padding-large: 16px 24px;
+  --nv-list-border-color: var(--nv-color-border, #D9D9D9);
+  --nv-list-split-color: var(--nv-color-border, #D9D9D9);
+
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  font-size: var(--nv-font-size-md, 14px);
+  color: var(--nv-color-text, rgba(0, 0, 0, 0.88));
+}
+
+.wrapper[data-bordered] {
+  border: 1px solid var(--nv-list-border-color);
+  border-radius: var(--nv-radius-lg, 8px);
+  overflow: hidden;
+}
+
+.header {
+  padding: var(--nv-list-item-padding-middle, 12px 16px);
+  color: var(--nv-color-text, rgba(0, 0, 0, 0.88));
+  font-weight: var(--nv-font-weight-medium, 500);
+}
+
+.wrapper[data-size='small'] > .header {
+  padding: var(--nv-list-item-padding-small, 8px 12px);
+}
+
+.wrapper[data-size='large'] > .header {
+  padding: var(--nv-list-item-padding-large, 16px 24px);
+}
+
+.footer {
+  padding: var(--nv-list-item-padding-middle, 12px 16px);
+  color: var(--nv-color-text-secondary, rgba(0, 0, 0, 0.65));
+}
+
+.wrapper[data-size='small'] > .footer {
+  padding: var(--nv-list-item-padding-small, 8px 12px);
+}
+
+.wrapper[data-size='large'] > .footer {
+  padding: var(--nv-list-item-padding-large, 16px 24px);
+}
+
+.items {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  padding: var(--nv-list-item-padding-middle, 12px 16px);
+  min-height: var(--nv-list-item-height-middle, 40px);
+  transition: background var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, ease-out);
+}
+
+.item[data-size='small'] {
+  padding: var(--nv-list-item-padding-small, 8px 12px);
+  min-height: var(--nv-list-item-height-small, 32px);
+}
+
+.item[data-size='large'] {
+  padding: var(--nv-list-item-padding-large, 16px 24px);
+  min-height: var(--nv-list-item-height-large, 48px);
+}
+
+.item[data-layout='vertical'] {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.item[data-split]::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-bottom: 1px solid var(--nv-list-split-color);
+}
+
+.item {
+  position: relative;
+}
+
+.item:last-child[data-split]::after {
+  display: none;
+}
+
+.itemContent {
+  flex: 1;
+  min-width: 0;
+}
+
+.itemExtra {
+  flex-shrink: 0;
+  margin-inline-start: var(--nv-space-lg, 16px);
+}
+
+.item[data-layout='vertical'] > .itemExtra {
+  margin-inline-start: 0;
+  margin-top: var(--nv-space-md, 12px);
+  align-self: flex-start;
+}
+
+.itemActions {
+  display: flex;
+  align-items: center;
+  gap: var(--nv-space-md, 12px);
+  margin-inline-start: var(--nv-space-lg, 16px);
+  flex-shrink: 0;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.item[data-layout='vertical'] > .itemActions {
+  margin-inline-start: 0;
+  margin-top: var(--nv-space-sm, 8px);
+  align-self: flex-start;
+}
+
+.itemMeta {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--nv-space-md, 12px);
+  flex: 1;
+  min-width: 0;
+}
+
+.itemMetaAvatar {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+
+.itemMetaContent {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  flex: 1;
+}
+
+.itemMetaTitle {
+  font-size: var(--nv-font-size-md, 14px);
+  font-weight: var(--nv-font-weight-medium, 500);
+  color: var(--nv-color-text, rgba(0, 0, 0, 0.88));
+  line-height: var(--nv-line-height-md, 22px);
+}
+
+.itemMetaDescription {
+  font-size: var(--nv-font-size-sm, 13px);
+  color: var(--nv-color-text-secondary, rgba(0, 0, 0, 0.65));
+  line-height: var(--nv-line-height-sm, 22px);
+}
+
+.grid {
+  display: grid;
+  gap: var(--nv-space-lg, 16px);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.grid[data-columns='1'] { grid-template-columns: repeat(1, 1fr); }
+.grid[data-columns='2'] { grid-template-columns: repeat(2, 1fr); }
+.grid[data-columns='3'] { grid-template-columns: repeat(3, 1fr); }
+.grid[data-columns='4'] { grid-template-columns: repeat(4, 1fr); }
+.grid[data-columns='5'] { grid-template-columns: repeat(5, 1fr); }
+.grid[data-columns='6'] { grid-template-columns: repeat(6, 1fr); }
+
+.empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--nv-space-xxl, 32px) var(--nv-space-lg, 16px);
+  color: var(--nv-color-text-tertiary, rgba(0, 0, 0, 0.45));
+  font-size: var(--nv-font-size-md, 14px);
+}
+
+.loading {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--nv-color-bg, #ffffff);
+  opacity: 0.8;
+}
+
+.spinner {
+  width: 24px;
+  height: 24px;
+  border: 2px solid var(--nv-color-border, #D9D9D9);
+  border-top-color: var(--nv-color-primary, #6c5ce7);
+  border-radius: 50%;
+  animation: nv-list-spin 0.8s linear infinite;
+}
+
+@keyframes nv-list-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/cjs/components/display/list/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function get() {
+    return _List.List;
+  }
+});
+var _List = require("./List");

package/dist/cjs/components/display/popover/Popover.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Popover = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _usePikaContext = require("../../shared/hooks/usePikaContext");
+var _useOverlay2 = require("../../shared/overlay/useOverlay");
+var _utils = require("../../shared/utils");
+var _PopoverModule = _interopRequireDefault(require("./Popover.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
+ * 气泡卡片位置类型
+ */ /**
+ * 气泡卡片触发方式类型
+ */ /**
+ * 气泡卡片语义化 DOM 节点
+ */ /**
+ * 气泡卡片组件属性
+ */
+var Popover = exports.Popover = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, _ref2) {
+  var title = _ref.title,
+    content = _ref.content,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
+    _ref$trigger = _ref.trigger,
+    trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
+    controlledOpen = _ref.open,
+    _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    _ref$arrow = _ref.arrow,
+    arrow = _ref$arrow === void 0 ? true : _ref$arrow,
+    color = _ref.color,
+    _ref$mouseEnterDelay = _ref.mouseEnterDelay,
+    mouseEnterDelay = _ref$mouseEnterDelay === void 0 ? 0.1 : _ref$mouseEnterDelay,
+    _ref$mouseLeaveDelay = _ref.mouseLeaveDelay,
+    mouseLeaveDelay = _ref$mouseLeaveDelay === void 0 ? 0.1 : _ref$mouseLeaveDelay,
+    _ref$showArrow = _ref.showArrow,
+    showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
+    getPopupContainer = _ref.getPopupContainer,
+    onChange = _ref.onChange,
+    zIndex = _ref.zIndex,
+    classNamesProp = _ref.classNames,
+    stylesProp = _ref.styles,
+    children = _ref.children;
+  var _useFoxContext = (0, _usePikaContext.useFoxContext)(),
+    resolvePopupContainer = _useFoxContext.resolvePopupContainer,
+    resolveZIndex = _useFoxContext.resolveZIndex;
+  var resolveContainer = (0, _react.useCallback)(function (node) {
+    return resolvePopupContainer(node, getPopupContainer);
+  }, [resolvePopupContainer, getPopupContainer]);
+  var _useOverlay = (0, _useOverlay2.useOverlay)({
+      open: controlledOpen,
+      defaultOpen: defaultOpen,
+      onChange: onChange,
+      placement: placement,
+      trigger: trigger,
+      mouseEnterDelay: mouseEnterDelay,
+      mouseLeaveDelay: mouseLeaveDelay,
+      arrow: arrow,
+      getPopupContainer: getPopupContainer,
+      resolvePopupContainer: resolveContainer
+    }),
+    isOpen = _useOverlay.isOpen,
+    triggerProps = _useOverlay.triggerProps,
+    popupProps = _useOverlay.popupProps,
+    popupRef = _useOverlay.popupRef,
+    popupStyle = _useOverlay.popupStyle,
+    resolvedPlacement = _useOverlay.resolvedPlacement,
+    arrowOffset = _useOverlay.arrowOffset,
+    overlayShowArrow = _useOverlay.shouldShowArrow,
+    getPortalContainer = _useOverlay.getPortalContainer;
+  var titleContent = typeof title === 'function' ? title() : title;
+  var contentContent = typeof content === 'function' ? content() : content;
+  var hasContent = titleContent || contentContent;
+  var shouldShowArrow = showArrow && overlayShowArrow;
+  var containerSemantic = (0, _utils.getSemanticProps)('container', _PopoverModule.default.container, classNamesProp, stylesProp);
+  var arrowSemantic = (0, _utils.getSemanticProps)('arrow', _PopoverModule.default.arrow, classNamesProp, stylesProp);
+  var rootSemantic = (0, _utils.getSemanticProps)('root', '', classNamesProp, stylesProp);
+  var titleSemantic = (0, _utils.getSemanticProps)('title', _PopoverModule.default.title, classNamesProp, stylesProp);
+  var contentSemantic = (0, _utils.getSemanticProps)('content', _PopoverModule.default.content, classNamesProp, stylesProp);
+  var popupZIndex = resolveZIndex('popover', zIndex);
+  var containerStyle = _objectSpread(_objectSpread({}, color ? {
+    '--nv-popover-arrow-color': color,
+    background: color
+  } : {}), containerSemantic.style);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [children && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, triggerProps), {}, {
+      className: _PopoverModule.default.trigger,
+      "data-popover-trigger": true,
+      children: children
+    })), isOpen && hasContent && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+      ref: function ref(node) {
+        popupRef.current = node;
+        if (typeof _ref2 === 'function') _ref2(node);else if (_ref2) _ref2.current = node;
+      },
+      className: (0, _utils.cn)(_PopoverModule.default.popup, rootSemantic.className),
+      style: _objectSpread(_objectSpread({}, popupStyle), {}, {
+        zIndex: popupZIndex
+      }, rootSemantic.style),
+      "data-popover-popup": true,
+      "data-placement": resolvedPlacement,
+      "data-open": isOpen || undefined
+    }, popupProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: containerSemantic.className,
+        style: containerStyle,
+        "data-popover-container": true,
+        children: [titleContent && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: titleSemantic.className,
+          style: titleSemantic.style,
+          "data-popover-title": true,
+          children: titleContent
+        }), contentContent && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: contentSemantic.className,
+          style: contentSemantic.style,
+          "data-popover-content": true,
+          children: contentContent
+        })]
+      }), shouldShowArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: arrowSemantic.className,
+        style: _objectSpread(_objectSpread(_objectSpread({}, arrowSemantic.style), color ? {
+          '--nv-popover-arrow-color': color
+        } : {}), arrowOffset),
+        "data-popover-arrow": true,
+        "data-placement": resolvedPlacement
+      })]
+    })), getPortalContainer())]
+  });
+});
+Popover.displayName = 'Popover';
+var _default = exports.default = Popover;