donghy 0.0.1

package/dist/esm/components/shared/hooks/useEscapeKey.js

@@ -0,0 +1,16 @@
+import { useEffect, useCallback } from 'react';
+export function useEscapeKey(handler) {
+  var enabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var handleKeyDown = useCallback(function (e) {
+    if (e.key === 'Escape') {
+      handler();
+    }
+  }, [handler]);
+  useEffect(function () {
+    if (!enabled) return;
+    document.addEventListener('keydown', handleKeyDown);
+    return function () {
+      return document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [handleKeyDown, enabled]);
+}

package/dist/esm/components/shared/hooks/useMatchMedia.js

@@ -0,0 +1,62 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEffect, useState } from 'react';
+import { BREAKPOINTS, BREAKPOINT_ORDER } from "../constants/breakpoint";
+export function useMatchMedia() {
+  var _useState = useState(function () {
+      if (typeof window === 'undefined') return 'xs';
+      return getBreakpoint();
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    breakpoint = _useState2[0],
+    setBreakpoint = _useState2[1];
+  useEffect(function () {
+    if (typeof window === 'undefined' || !window.matchMedia) return;
+    var mediaQueryLists = BREAKPOINT_ORDER.map(function (bp) {
+      var minWidth = BREAKPOINTS[bp];
+      var mql = window.matchMedia("(min-width: ".concat(minWidth, "px)"));
+      return {
+        bp: bp,
+        mql: mql
+      };
+    });
+    var update = function update() {
+      return setBreakpoint(getBreakpoint());
+    };
+    mediaQueryLists.forEach(function (_ref) {
+      var mql = _ref.mql;
+      mql.addEventListener('change', update);
+    });
+    return function () {
+      mediaQueryLists.forEach(function (_ref2) {
+        var mql = _ref2.mql;
+        mql.removeEventListener('change', update);
+      });
+    };
+  }, []);
+  return breakpoint;
+}
+export function getBreakpoint() {
+  if (typeof window === 'undefined') return 'xs';
+  var current = 'xs';
+  var _iterator = _createForOfIteratorHelper(BREAKPOINT_ORDER),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var bp = _step.value;
+      if (window.innerWidth >= BREAKPOINTS[bp]) {
+        current = bp;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return current;
+}

package/dist/esm/components/shared/hooks/usePikaContext.js

@@ -0,0 +1,34 @@
+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); }
+import { useCallback, useContext } from 'react';
+import { ConfigContext } from "../../common/ConfigProvider/ConfigProvider";
+var Z_INDEX_LAYER = {
+  dropdown: 1000,
+  sticky: 1020,
+  modal: 1050,
+  popover: 1060,
+  tooltip: 1070,
+  toast: 1080
+};
+export function useFoxContext() {
+  var config = useContext(ConfigContext);
+  var resolvePopupContainer = useCallback(function (triggerNode, propGetter) {
+    if (propGetter) return propGetter(triggerNode);
+    if (config.getPopupContainer) return config.getPopupContainer(triggerNode);
+    return document.body;
+  }, [config.getPopupContainer]);
+  var resolveZIndex = useCallback(function (layer, propZIndex) {
+    var _config$zIndex;
+    if (propZIndex !== undefined) return propZIndex;
+    var base = (_config$zIndex = config.zIndex) !== null && _config$zIndex !== void 0 ? _config$zIndex : 0;
+    return base + Z_INDEX_LAYER[layer];
+  }, [config.zIndex]);
+  return _objectSpread(_objectSpread({}, config), {}, {
+    resolvePopupContainer: resolvePopupContainer,
+    resolveZIndex: resolveZIndex
+  });
+}

package/dist/esm/components/shared/hooks/useScrollListener.js

@@ -0,0 +1,33 @@
+import { useEffect } from 'react';
+export function useScrollListener(_ref) {
+  var target = _ref.target,
+    onScroll = _ref.onScroll,
+    onResize = _ref.onResize,
+    _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
+    _ref$passive = _ref.passive,
+    passive = _ref$passive === void 0 ? true : _ref$passive;
+  useEffect(function () {
+    var _target;
+    if (!enabled) return;
+    var container = (_target = target === null || target === void 0 ? void 0 : target()) !== null && _target !== void 0 ? _target : window;
+    if (onScroll) {
+      container.addEventListener('scroll', onScroll, {
+        passive: passive
+      });
+    }
+    if (onResize) {
+      window.addEventListener('resize', onResize, {
+        passive: passive
+      });
+    }
+    return function () {
+      if (onScroll) {
+        container.removeEventListener('scroll', onScroll);
+      }
+      if (onResize) {
+        window.removeEventListener('resize', onResize);
+      }
+    };
+  }, [target, onScroll, onResize, enabled, passive]);
+}

package/dist/esm/components/shared/hooks/useZenContext.js

@@ -0,0 +1,34 @@
+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); }
+import { useCallback, useContext } from 'react';
+import { ConfigContext } from "../../common/ConfigProvider/ConfigProvider";
+var Z_INDEX_LAYER = {
+  dropdown: 1000,
+  sticky: 1020,
+  modal: 1050,
+  popover: 1060,
+  tooltip: 1070,
+  toast: 1080
+};
+export function useZenContext() {
+  var config = useContext(ConfigContext);
+  var resolvePopupContainer = useCallback(function (triggerNode, propGetter) {
+    if (propGetter) return propGetter(triggerNode);
+    if (config.getPopupContainer) return config.getPopupContainer(triggerNode);
+    return document.body;
+  }, [config.getPopupContainer]);
+  var resolveZIndex = useCallback(function (layer, propZIndex) {
+    var _config$zIndex;
+    if (propZIndex !== undefined) return propZIndex;
+    var base = (_config$zIndex = config.zIndex) !== null && _config$zIndex !== void 0 ? _config$zIndex : 0;
+    return base + Z_INDEX_LAYER[layer];
+  }, [config.zIndex]);
+  return _objectSpread(_objectSpread({}, config), {}, {
+    resolvePopupContainer: resolvePopupContainer,
+    resolveZIndex: resolveZIndex
+  });
+}

package/dist/esm/components/shared/index.js

@@ -0,0 +1,10 @@
+export { useClickOutside } from "./hooks/useClickOutside";
+export { useScrollListener } from "./hooks/useScrollListener";
+export { useEscapeKey } from "./hooks/useEscapeKey";
+export { useMatchMedia, getBreakpoint } from "./hooks/useMatchMedia";
+export { useControllableState } from "./hooks/useControllableState";
+export { useFoxContext } from "./hooks/usePikaContext";
+export { getPortalContainer, renderPortal } from "./utils/portal";
+export { cn, getSemanticClass, getSemanticProps } from "./utils";
+export { useOverlay, OVERLAY_GAP, getAdjustedPlacement } from "./overlay";
+export { BREAKPOINTS, BREAKPOINT_ORDER } from "./constants/breakpoint";

package/dist/esm/components/shared/overlay/index.js

@@ -0,0 +1,2 @@
+export { OVERLAY_GAP, PLACEMENT_POSITION_MAP, FLIP_MAP, getAdjustedPlacement } from "./placement";
+export { useOverlay } from "./useOverlay";

package/dist/esm/components/shared/overlay/placement.js

@@ -0,0 +1,98 @@
+export var OVERLAY_GAP = 8;
+export var PLACEMENT_POSITION_MAP = {
+  top: function top(trigger, popup) {
+    return {
+      top: trigger.top - popup.height - OVERLAY_GAP,
+      left: trigger.left + trigger.width / 2 - popup.width / 2
+    };
+  },
+  topLeft: function topLeft(trigger, popup) {
+    return {
+      top: trigger.top - popup.height - OVERLAY_GAP,
+      left: trigger.left
+    };
+  },
+  topRight: function topRight(trigger, popup) {
+    return {
+      top: trigger.top - popup.height - OVERLAY_GAP,
+      left: trigger.right - popup.width
+    };
+  },
+  bottom: function bottom(trigger, popup) {
+    return {
+      top: trigger.bottom + OVERLAY_GAP,
+      left: trigger.left + trigger.width / 2 - popup.width / 2
+    };
+  },
+  bottomLeft: function bottomLeft(trigger) {
+    return {
+      top: trigger.bottom + OVERLAY_GAP,
+      left: trigger.left
+    };
+  },
+  bottomRight: function bottomRight(trigger, popup) {
+    return {
+      top: trigger.bottom + OVERLAY_GAP,
+      left: trigger.right - popup.width
+    };
+  },
+  left: function left(trigger, popup) {
+    return {
+      top: trigger.top + trigger.height / 2 - popup.height / 2,
+      left: trigger.left - popup.width - OVERLAY_GAP
+    };
+  },
+  leftTop: function leftTop(trigger, popup) {
+    return {
+      top: trigger.top,
+      left: trigger.left - popup.width - OVERLAY_GAP
+    };
+  },
+  leftBottom: function leftBottom(trigger, popup) {
+    return {
+      top: trigger.bottom - popup.height,
+      left: trigger.left - popup.width - OVERLAY_GAP
+    };
+  },
+  right: function right(trigger, popup) {
+    return {
+      top: trigger.top + trigger.height / 2 - popup.height / 2,
+      left: trigger.right + OVERLAY_GAP
+    };
+  },
+  rightTop: function rightTop(trigger) {
+    return {
+      top: trigger.top,
+      left: trigger.right + OVERLAY_GAP
+    };
+  },
+  rightBottom: function rightBottom(trigger, popup) {
+    return {
+      top: trigger.bottom - popup.height,
+      left: trigger.right + OVERLAY_GAP
+    };
+  }
+};
+export var FLIP_MAP = {
+  top: 'bottom',
+  topLeft: 'bottomLeft',
+  topRight: 'bottomRight',
+  bottom: 'top',
+  bottomLeft: 'topLeft',
+  bottomRight: 'topRight',
+  left: 'right',
+  leftTop: 'rightTop',
+  leftBottom: 'rightBottom',
+  right: 'left',
+  rightTop: 'leftTop',
+  rightBottom: 'leftBottom'
+};
+export function getAdjustedPlacement(placement, position, popupSize) {
+  var vw = window.innerWidth;
+  var vh = window.innerHeight;
+  if (placement.startsWith('top') && position.top < 0) return FLIP_MAP[placement];
+  if (placement.startsWith('bottom') && position.top + popupSize.height > vh) return FLIP_MAP[placement];
+  if (placement.startsWith('left') && position.left < 0) return FLIP_MAP[placement];
+  if (placement.startsWith('right') && position.left + popupSize.width > vw) return FLIP_MAP[placement];
+  return placement;
+}

package/dist/esm/components/shared/overlay/useOverlay.js

@@ -0,0 +1,177 @@
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useClickOutside } from "../hooks/useClickOutside";
+import { useControllableState } from "../hooks/useControllableState";
+import { useScrollListener } from "../hooks/useScrollListener";
+import { getAdjustedPlacement, PLACEMENT_POSITION_MAP } from "./placement";
+export function useOverlay(_ref) {
+  var controlledOpen = _ref.open,
+    _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    onChange = _ref.onChange,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
+    _ref$trigger = _ref.trigger,
+    trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
+    _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$arrow = _ref.arrow,
+    arrow = _ref$arrow === void 0 ? true : _ref$arrow,
+    getPopupContainer = _ref.getPopupContainer,
+    resolvePopupContainer = _ref.resolvePopupContainer;
+  var _useControllableState = useControllableState({
+      value: controlledOpen,
+      defaultValue: defaultOpen,
+      onChange: onChange
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 3),
+    isOpen = _useControllableState2[0],
+    setOpen = _useControllableState2[1],
+    isControlled = _useControllableState2[2];
+  var triggerRef = useRef(null);
+  var popupRef = useRef(null);
+  var enterTimer = useRef(undefined);
+  var leaveTimer = useRef(undefined);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    popupStyle = _useState2[0],
+    setPopupStyle = _useState2[1];
+  var _useState3 = useState(placement),
+    _useState4 = _slicedToArray(_useState3, 2),
+    resolvedPlacement = _useState4[0],
+    setResolvedPlacement = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    arrowOffset = _useState6[0],
+    setArrowOffset = _useState6[1];
+  var triggers = Array.isArray(trigger) ? trigger : [trigger];
+  var shouldShowArrow = arrow !== false;
+  var pointAtCenter = _typeof(arrow) === 'object' && arrow.pointAtCenter;
+  var clearTimers = useCallback(function () {
+    clearTimeout(enterTimer.current);
+    clearTimeout(leaveTimer.current);
+  }, []);
+  var delayOpen = useCallback(function (value) {
+    clearTimers();
+    var delay = value ? mouseEnterDelay : mouseLeaveDelay;
+    var timer = setTimeout(function () {
+      return setOpen(value);
+    }, delay * 1000);
+    if (value) enterTimer.current = timer;else leaveTimer.current = timer;
+  }, [mouseEnterDelay, mouseLeaveDelay, setOpen, clearTimers]);
+  var updatePosition = useCallback(function () {
+    if (!triggerRef.current || !popupRef.current) return;
+    var triggerRect = triggerRef.current.getBoundingClientRect();
+    var popupRect = popupRef.current.getBoundingClientRect();
+    var getPosition = PLACEMENT_POSITION_MAP[placement];
+    if (!getPosition) return;
+    var pos = getPosition(triggerRect, popupRect);
+    var adjusted = getAdjustedPlacement(placement, pos, popupRect);
+    if (adjusted !== placement) {
+      pos = PLACEMENT_POSITION_MAP[adjusted](triggerRect, popupRect);
+    }
+    setResolvedPlacement(function (prev) {
+      return prev === adjusted ? prev : adjusted;
+    });
+    var containerGetter = getPopupContainer !== null && getPopupContainer !== void 0 ? getPopupContainer : resolvePopupContainer;
+    var container = containerGetter === null || containerGetter === void 0 ? void 0 : containerGetter(triggerRef.current);
+    var nextStyle = container && container !== document.body ? {
+      position: 'absolute',
+      top: pos.top - container.getBoundingClientRect().top + container.scrollTop,
+      left: pos.left - container.getBoundingClientRect().left + container.scrollLeft
+    } : {
+      position: 'fixed',
+      top: pos.top,
+      left: pos.left
+    };
+    setPopupStyle(function (prev) {
+      return prev.top === nextStyle.top && prev.left === nextStyle.left && prev.position === nextStyle.position ? prev : nextStyle;
+    });
+    var nextArrowOffset = pointAtCenter ? adjusted.startsWith('top') || adjusted.startsWith('bottom') ? {
+      left: triggerRect.left + triggerRect.width / 2 - pos.left
+    } : {
+      top: triggerRect.top + triggerRect.height / 2 - pos.top
+    } : {};
+    setArrowOffset(function (prev) {
+      return prev.top === nextArrowOffset.top && prev.left === nextArrowOffset.left ? prev : nextArrowOffset;
+    });
+  }, [placement, getPopupContainer, resolvePopupContainer, pointAtCenter]);
+  useLayoutEffect(function () {
+    if (isOpen) updatePosition();
+  }, [isOpen, updatePosition]);
+  useScrollListener({
+    onScroll: updatePosition,
+    onResize: updatePosition,
+    enabled: isOpen
+  });
+  useEffect(function () {
+    return function () {
+      return clearTimers();
+    };
+  }, [clearTimers]);
+  useClickOutside([triggerRef, popupRef], function () {
+    return setOpen(false);
+  }, isOpen && triggers.includes('click'));
+  var handleMouseEnter = useCallback(function () {
+    if (triggers.includes('hover')) delayOpen(true);
+  }, [triggers, delayOpen]);
+  var handleMouseLeave = useCallback(function () {
+    if (triggers.includes('hover')) delayOpen(false);
+  }, [triggers, delayOpen]);
+  var handleClick = useCallback(function () {
+    if (triggers.includes('click')) setOpen(!isOpen);
+  }, [triggers, isOpen, setOpen]);
+  var handleFocus = useCallback(function () {
+    if (triggers.includes('focus')) delayOpen(true);
+  }, [triggers, delayOpen]);
+  var handleBlur = useCallback(function () {
+    if (triggers.includes('focus')) delayOpen(false);
+  }, [triggers, delayOpen]);
+  var handleContextMenu = useCallback(function (e) {
+    if (triggers.includes('contextMenu')) {
+      e.preventDefault();
+      setOpen(!isOpen);
+    }
+  }, [triggers, isOpen, setOpen]);
+  var getPortalContainer = useCallback(function () {
+    var _getter;
+    if (!triggerRef.current) return document.body;
+    var getter = getPopupContainer !== null && getPopupContainer !== void 0 ? getPopupContainer : resolvePopupContainer;
+    return (_getter = getter === null || getter === void 0 ? void 0 : getter(triggerRef.current)) !== null && _getter !== void 0 ? _getter : document.body;
+  }, [getPopupContainer, resolvePopupContainer]);
+  var triggerProps = {
+    ref: triggerRef,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onClick: handleClick,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onContextMenu: handleContextMenu
+  };
+  var popupProps = {
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  };
+  return {
+    isOpen: isOpen,
+    setOpen: setOpen,
+    isControlled: isControlled,
+    triggerRef: triggerRef,
+    popupRef: popupRef,
+    popupStyle: popupStyle,
+    resolvedPlacement: resolvedPlacement,
+    arrowOffset: arrowOffset,
+    shouldShowArrow: shouldShowArrow,
+    triggerProps: triggerProps,
+    popupProps: popupProps,
+    getPortalContainer: getPortalContainer
+  };
+}

package/dist/esm/components/shared/types/common.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/shared/types/css.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/shared/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/shared/utils/classNames.js

@@ -0,0 +1,6 @@
+export function cn() {
+  for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
+    parts[_key] = arguments[_key];
+  }
+  return parts.filter(Boolean).join(' ');
+}

package/dist/esm/components/shared/utils/index.js

@@ -0,0 +1,3 @@
+export { getPortalContainer, renderPortal } from "./portal";
+export { cn } from "./classNames";
+export { getSemanticClass, getSemanticProps } from "./semantic";

package/dist/esm/components/shared/utils/portal.js

@@ -0,0 +1,13 @@
+import { createPortal } from 'react-dom';
+export function getPortalContainer(getPopupContainer, triggerNode) {
+  if (getPopupContainer && triggerNode) {
+    return getPopupContainer(triggerNode);
+  }
+  if (getPopupContainer) {
+    return getPopupContainer();
+  }
+  return document.body;
+}
+export function renderPortal(content, container) {
+  return /*#__PURE__*/createPortal(content, container);
+}

package/dist/esm/components/shared/utils/semantic.js

@@ -0,0 +1,11 @@
+import { cn } from "./classNames";
+export function getSemanticClass(defaultClass, customClass) {
+  return cn(defaultClass, customClass);
+}
+export function getSemanticProps(part, defaultClass, classNames, styles) {
+  var _styles$part;
+  return {
+    className: cn(defaultClass, classNames === null || classNames === void 0 ? void 0 : classNames[part]),
+    style: (_styles$part = styles === null || styles === void 0 ? void 0 : styles[part]) !== null && _styles$part !== void 0 ? _styles$part : {}
+  };
+}