@ncds/ui-admin 1.8.1 → 1.8.2

package/dist/cjs/src/components/badge/index.js

@@ -13,4 +13,15 @@ Object.keys(_Badge).forEach(function (key) {
       return _Badge[key];
     }
   });
+});
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
 });

package/dist/cjs/src/components/date-picker/index.js

@@ -14,6 +14,17 @@ Object.keys(_DatePicker).forEach(function (key) {
     }
   });
 });
+var _CustomInput = require("./CustomInput");
+Object.keys(_CustomInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CustomInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CustomInput[key];
+    }
+  });
+});
 var _utils = require("./utils");
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/src/components/image-file-input/components/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ImagePreview = require("./ImagePreview");
+Object.keys(_ImagePreview).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImagePreview[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ImagePreview[key];
+    }
+  });
+});

package/dist/cjs/src/components/image-file-input/index.js

@@ -13,4 +13,15 @@ Object.keys(_ImageFileInput).forEach(function (key) {
       return _ImageFileInput[key];
     }
   });
+});
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _components[key];
+    }
+  });
 });

package/dist/cjs/src/components/progress-bar/components/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SegmentBar = require("./SegmentBar");
+Object.keys(_SegmentBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SegmentBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SegmentBar[key];
+    }
+  });
+});
+var _SegmentLabels = require("./SegmentLabels");
+Object.keys(_SegmentLabels).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SegmentLabels[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SegmentLabels[key];
+    }
+  });
+});

package/dist/cjs/src/components/progress-bar/hooks/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useProgressBar = require("./useProgressBar");
+Object.keys(_useProgressBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useProgressBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useProgressBar[key];
+    }
+  });
+});

package/dist/cjs/src/components/progress-bar/index.js

@@ -14,6 +14,28 @@ Object.keys(_ProgressBar).forEach(function (key) {
     }
   });
 });
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _components[key];
+    }
+  });
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
 var _types = require("./types");
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,4 +46,15 @@ Object.keys(_types).forEach(function (key) {
       return _types[key];
     }
   });
+});
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
 });

package/dist/cjs/src/components/select/Select.js

@@ -43,7 +43,6 @@ const Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
         ...props,
         children: [placeholder && (0, _jsxRuntime.jsx)("option", {
           value: "",
-          selected: true,
           disabled: disabledPlaceholder,
           children: placeholder
         }), optionItems?.map(item => (0, _jsxRuntime.jsx)("option", {

package/dist/cjs/src/components/select-dropdown/index.js

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "SelectDropdown", {
-  enumerable: true,
-  get: function () {
-    return _SelectDropdown.SelectDropdown;
-  }
-});
-var _SelectDropdown = require("./SelectDropdown");
+var _SelectDropdown = require("./SelectDropdown");
+Object.keys(_SelectDropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectDropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SelectDropdown[key];
+    }
+  });
+});

package/dist/cjs/src/components/switch/index.js

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function () {
-    return _Switch.Switch;
-  }
-});
-var _Switch = require("./Switch");
+var _Switch = require("./Switch");
+Object.keys(_Switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Switch[key];
+    }
+  });
+});

package/dist/cjs/src/components/tooltip/Tooltip.js

@@ -8,60 +8,74 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _uiAdminIcon = require("@ncds/ui-admin-icon");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
+var _reactDom = require("react-dom");
 var _ButtonCloseX = require("../button/ButtonCloseX");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ICON_SIZE_SM = 14;
 const ICON_SIZE_DEFAULT = 16;
-const MARGIN = 10;
-const DEFAULT_TOOLTIP_WIDTH = 200;
-const DEFAULT_TOOLTIP_HEIGHT = 60;
-const POSITION_PRIORITY = ['bottom', 'top', 'right', 'left'];
-// 수직 위치(top/bottom)일 때 수평 정렬 보정
-const resolveVerticalAlignment = (position, triggerRect, tooltipWidth, viewportWidth) => {
-  const centerX = triggerRect.left + triggerRect.width / 2;
-  const tooltipHalfWidth = tooltipWidth / 2;
-  if (centerX - tooltipHalfWidth < MARGIN) {
-    return `${position}-left`;
+// HTML 구현체(assets/scripts/tooltip)와 동일한 상수
+const TOOLTIP_OFFSET = 6;
+const VIEWPORT_MARGIN = 8;
+const EDGE_ALIGN_OFFSET = 12;
+const OFFSCREEN = -99999;
+// HTML 구현체(TooltipLayerManager)가 body에 만드는 `#tooltip-global-layer`와 동일 id.
+// 둘 중 한쪽만 바뀌면 포털이 body로 fallback되며 사일런트 동작 이상이 날 수 있으므로 함께 유지한다.
+const GLOBAL_LAYER_ID = 'tooltip-global-layer';
+// body 하위의 전역 레이어를 찾거나 없으면 body로 fallback
+const resolvePortalTarget = () => {
+  if (typeof document === 'undefined') return null;
+  return document.getElementById(GLOBAL_LAYER_ID) ?? document.body;
+};
+// 앵커 rect와 패널 rect를 기반으로 viewport 고정 좌표 계산
+const computePanelCoords = (prefer, anchor, panel) => {
+  let resolved = prefer;
+  if (resolved === 'auto') {
+    const enoughTop = anchor.top - TOOLTIP_OFFSET - panel.height >= VIEWPORT_MARGIN;
+    resolved = enoughTop ? 'top' : 'bottom';
   }
-  if (centerX + tooltipHalfWidth > viewportWidth - MARGIN) {
-    return `${position}-right`;
+  let top = 0;
+  let left = 0;
+  let calculatedPosition = 'bottom';
+  if (resolved === 'bottom') {
+    top = anchor.bottom + TOOLTIP_OFFSET;
+    left = anchor.left + anchor.width / 2 - panel.width / 2;
+    calculatedPosition = 'bottom';
+  } else if (resolved === 'top') {
+    top = anchor.top - panel.height - TOOLTIP_OFFSET;
+    left = anchor.left + anchor.width / 2 - panel.width / 2;
+    calculatedPosition = 'top';
+  } else if (resolved === 'left') {
+    top = anchor.top + anchor.height / 2 - panel.height / 2;
+    left = anchor.left - panel.width - TOOLTIP_OFFSET;
+    calculatedPosition = 'left';
+  } else if (resolved === 'right') {
+    top = anchor.top + anchor.height / 2 - panel.height / 2;
+    left = anchor.right + TOOLTIP_OFFSET;
+    calculatedPosition = 'right';
+  } else if (resolved === 'top-left') {
+    top = anchor.top - panel.height - TOOLTIP_OFFSET;
+    left = anchor.left - EDGE_ALIGN_OFFSET;
+    calculatedPosition = 'top-left';
+  } else if (resolved === 'top-right') {
+    top = anchor.top - panel.height - TOOLTIP_OFFSET;
+    left = anchor.right - panel.width + EDGE_ALIGN_OFFSET;
+    calculatedPosition = 'top-right';
+  } else if (resolved === 'bottom-left') {
+    top = anchor.bottom + TOOLTIP_OFFSET;
+    left = anchor.left - EDGE_ALIGN_OFFSET;
+    calculatedPosition = 'bottom-left';
+  } else if (resolved === 'bottom-right') {
+    top = anchor.bottom + TOOLTIP_OFFSET;
+    left = anchor.right - panel.width + EDGE_ALIGN_OFFSET;
+    calculatedPosition = 'bottom-right';
   }
-  return position;
-};
-// 해당 위치에 툴팁을 배치할 충분한 공간이 있는지 확인
-const hasEnoughSpace = (position, spaces, tooltipWidth, tooltipHeight) => {
-  const isVertical = position === 'bottom' || position === 'top';
-  const requiredSpace = isVertical ? tooltipHeight : tooltipWidth;
-  return spaces[position] >= requiredSpace + MARGIN;
-};
-// 위치 계산 position='auto' 일 때 사용
-const calculateOptimalPosition = function (triggerElement, tooltipElement) {
-  let preferredPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'bottom';
-  const triggerRect = triggerElement.getBoundingClientRect();
-  const tooltipRect = tooltipElement.getBoundingClientRect();
-  const {
-    innerWidth: viewportWidth,
-    innerHeight: viewportHeight
-  } = window;
-  const spaces = {
-    top: triggerRect.top,
-    bottom: viewportHeight - triggerRect.bottom,
-    left: triggerRect.left,
-    right: viewportWidth - triggerRect.right
+  left = Math.max(VIEWPORT_MARGIN, Math.min(left, window.innerWidth - panel.width - VIEWPORT_MARGIN));
+  top = Math.max(VIEWPORT_MARGIN, Math.min(top, window.innerHeight - panel.height - VIEWPORT_MARGIN));
+  return {
+    top: Math.round(top),
+    left: Math.round(left),
+    calculatedPosition
   };
-  const tooltipWidth = tooltipRect.width || DEFAULT_TOOLTIP_WIDTH;
-  const tooltipHeight = tooltipRect.height || DEFAULT_TOOLTIP_HEIGHT;
-  for (const position of POSITION_PRIORITY) {
-    if (!hasEnoughSpace(position, spaces, tooltipWidth, tooltipHeight)) {
-      continue;
-    }
-    const isVertical = position === 'bottom' || position === 'top';
-    if (isVertical) {
-      return resolveVerticalAlignment(position, triggerRect, tooltipWidth, viewportWidth);
-    }
-    return position;
-  }
-  return preferredPosition;
 };
 const Tooltip = _ref => {
   let {
@@ -75,31 +89,71 @@ const Tooltip = _ref => {
     type = 'short',
     iconColor = 'var(--gray-300)',
     iconStyle = 'help-circle',
-    className
+    className,
+    zIndex
   } = _ref;
   const iconSize = size === 'sm' ? ICON_SIZE_SM : ICON_SIZE_DEFAULT;
-  const tooltipRef = (0, _react.useRef)(null);
-  const tooltipBgRef = (0, _react.useRef)(null);
+  const anchorRef = (0, _react.useRef)(null);
+  const panelRef = (0, _react.useRef)(null);
+  const rafIdRef = (0, _react.useRef)(null);
+  const [mounted, setMounted] = (0, _react.useState)(false);
+  const [coords, setCoords] = (0, _react.useState)({
+    top: OFFSCREEN,
+    left: OFFSCREEN
+  });
   const [calculatedPosition, setCalculatedPosition] = (0, _react.useState)(position === 'auto' ? 'bottom' : position);
   const [isVisible, setIsVisible] = (0, _react.useState)(false);
   const [isManuallyClose, setIsManuallyClose] = (0, _react.useState)(false);
-  const [isMeasuring, setIsMeasuring] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    setMounted(true);
+    return () => {
+      if (rafIdRef.current !== null) {
+        cancelAnimationFrame(rafIdRef.current);
+        rafIdRef.current = null;
+      }
+    };
+  }, []);
+  const updatePosition = (0, _react.useCallback)(() => {
+    if (!anchorRef.current || !panelRef.current) return;
+    const anchor = anchorRef.current.getBoundingClientRect();
+    const panel = panelRef.current.getBoundingClientRect();
+    const next = computePanelCoords(position, anchor, panel);
+    setCoords({
+      top: next.top,
+      left: next.left
+    });
+    setCalculatedPosition(next.calculatedPosition);
+  }, [position]);
+  (0, _react.useEffect)(() => {
+    if (!isVisible) return;
+    updatePosition();
+    window.addEventListener('resize', updatePosition, {
+      passive: true
+    });
+    window.addEventListener('scroll', updatePosition, {
+      passive: true,
+      capture: true
+    });
+    return () => {
+      window.removeEventListener('resize', updatePosition);
+      window.removeEventListener('scroll', updatePosition, {
+        capture: true
+      });
+    };
+  }, [isVisible, updatePosition]);
   const handleMouseEnter = (0, _react.useCallback)(() => {
     if (isManuallyClose) return;
+    // opacity 전환 전에 좌표 확정 (ref 가드는 updatePosition 내부)
+    updatePosition();
+    // 웹폰트 로드·max-content 재계산 등 비동기 layout 안정화 후 한 번 더 보정
+    // 빠른 hover in/out 시 이전 프레임 요청은 취소해 중복/unmount 후 실행 방지
+    if (rafIdRef.current !== null) cancelAnimationFrame(rafIdRef.current);
+    rafIdRef.current = requestAnimationFrame(() => {
+      rafIdRef.current = null;
+      updatePosition();
+    });
     setIsVisible(true);
-    if (position === 'auto' && tooltipRef.current && tooltipBgRef.current) {
-      // 크기 측정을 위해 임시로 measuring 클래스 추가
-      setIsMeasuring(true);
-      // 다음 렌더링 사이클에서 크기 측정
-      setTimeout(() => {
-        if (tooltipRef.current && tooltipBgRef.current) {
-          const optimalPosition = calculateOptimalPosition(tooltipRef.current, tooltipBgRef.current, 'bottom');
-          setCalculatedPosition(optimalPosition);
-          setIsMeasuring(false);
-        }
-      }, 0);
-    }
-  }, [position, isManuallyClose]);
+  }, [isManuallyClose, updatePosition]);
   const handleMouseLeave = (0, _react.useCallback)(() => {
     if (type === 'short') {
       setIsVisible(false);
@@ -116,49 +170,61 @@ const Tooltip = _ref => {
     'ncua-tooltip--stroke': iconType === 'stroke',
     'ncua-tooltip--auto': position === 'auto'
   }, className), [size, type, hideArrow, iconType, position, className]);
-  const tooltipBgClassName = (0, _react.useMemo)(() => (0, _classnames.default)('ncua-tooltip__bg', `ncua-tooltip__bg--${tooltipType}`, `ncua-tooltip__bg--${finalPosition}`, {
+  const panelClassName = (0, _react.useMemo)(() => (0, _classnames.default)('ncua-tooltip-panel', 'ncua-tooltip__bg', `ncua-tooltip__bg--${tooltipType}`, `ncua-tooltip__bg--${finalPosition}`, {
     'ncua-tooltip__bg--visible': isVisible,
-    'ncua-tooltip__bg--measuring': isMeasuring,
     'ncua-tooltip__bg--force-hidden': isManuallyClose
-  }), [tooltipType, finalPosition, isVisible, isMeasuring, isManuallyClose]);
-  return (0, _jsxRuntime.jsxs)("span", {
-    ref: tooltipRef,
-    className: tooltipClassName,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    children: [iconStyle === 'help-circle' && (iconType === 'stroke' ? (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircle, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    }) : (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircleFill, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    })), iconStyle === 'alert-circle' && (iconType === 'stroke' ? (0, _jsxRuntime.jsx)(_uiAdminIcon.AlertCircle, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    }) : (0, _jsxRuntime.jsx)(_uiAdminIcon.AlertCircleFill, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    })), (0, _jsxRuntime.jsxs)("span", {
-      ref: tooltipBgRef,
-      className: tooltipBgClassName,
-      children: [title && (0, _jsxRuntime.jsx)("span", {
-        className: "ncua-tooltip__title",
-        children: title
-      }), content && (0, _jsxRuntime.jsx)("span", {
-        className: "ncua-tooltip__content",
-        children: content
-      }), type === 'long' && (0, _jsxRuntime.jsx)(_ButtonCloseX.ButtonCloseX, {
-        className: "ncua-tooltip__close-button",
-        size: "xs",
-        theme: tooltipType === 'white' ? 'dark' : 'light',
-        onClick: handleCloseClick,
-        "aria-label": "\uD234\uD301 \uB2EB\uAE30"
-      })]
+  }), [tooltipType, finalPosition, isVisible, isManuallyClose]);
+  const panelStyle = {
+    top: `${coords.top}px`,
+    left: `${coords.left}px`,
+    opacity: isVisible ? 1 : 0,
+    ...(zIndex && {
+      zIndex
+    })
+  };
+  const portalTarget = mounted ? resolvePortalTarget() : null;
+  const panel = (0, _jsxRuntime.jsxs)("span", {
+    ref: panelRef,
+    className: panelClassName,
+    style: panelStyle,
+    children: [title && (0, _jsxRuntime.jsx)("span", {
+      className: "ncua-tooltip__title",
+      children: title
+    }), content && (0, _jsxRuntime.jsx)("span", {
+      className: "ncua-tooltip__content",
+      children: content
+    }), type === 'long' && (0, _jsxRuntime.jsx)(_ButtonCloseX.ButtonCloseX, {
+      className: "ncua-tooltip__close-button",
+      size: "xs",
+      theme: tooltipType === 'white' ? 'dark' : 'light',
+      onClick: handleCloseClick,
+      "aria-label": "\uD234\uD301 \uB2EB\uAE30"
     })]
   });
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsxs)("span", {
+      ref: anchorRef,
+      className: tooltipClassName,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [iconStyle === 'help-circle' && (iconType === 'stroke' ? (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircle, {
+        width: iconSize,
+        height: iconSize,
+        color: iconColor
+      }) : (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircleFill, {
+        width: iconSize,
+        height: iconSize,
+        color: iconColor
+      })), iconStyle === 'alert-circle' && (iconType === 'stroke' ? (0, _jsxRuntime.jsx)(_uiAdminIcon.AlertCircle, {
+        width: iconSize,
+        height: iconSize,
+        color: iconColor
+      }) : (0, _jsxRuntime.jsx)(_uiAdminIcon.AlertCircleFill, {
+        width: iconSize,
+        height: iconSize,
+        color: iconColor
+      }))]
+    }), portalTarget && /*#__PURE__*/(0, _reactDom.createPortal)(panel, portalTarget)]
+  });
 };
 exports.Tooltip = Tooltip;

package/dist/cjs/src/hooks/dropdown/index.js

@@ -3,45 +3,69 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useDropdown", {
-  enumerable: true,
-  get: function () {
-    return _useDropdown.useDropdown;
-  }
-});
-Object.defineProperty(exports, "useDropdownKeyboard", {
-  enumerable: true,
-  get: function () {
-    return _useDropdownKeyboard.useDropdownKeyboard;
-  }
-});
-Object.defineProperty(exports, "useDropdownPosition", {
-  enumerable: true,
-  get: function () {
-    return _useDropdownPosition.useDropdownPosition;
-  }
-});
-Object.defineProperty(exports, "useOutsideClick", {
-  enumerable: true,
-  get: function () {
-    return _useOutsideClick.useOutsideClick;
-  }
-});
-Object.defineProperty(exports, "useScrollLock", {
-  enumerable: true,
-  get: function () {
-    return _useScrollLock.useScrollLock;
-  }
-});
-Object.defineProperty(exports, "useWindowResize", {
-  enumerable: true,
-  get: function () {
-    return _useWindowResize.useWindowResize;
-  }
-});
 var _useDropdown = require("./useDropdown");
+Object.keys(_useDropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useDropdown[key];
+    }
+  });
+});
 var _useDropdownKeyboard = require("./useDropdownKeyboard");
+Object.keys(_useDropdownKeyboard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDropdownKeyboard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useDropdownKeyboard[key];
+    }
+  });
+});
 var _useDropdownPosition = require("./useDropdownPosition");
+Object.keys(_useDropdownPosition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDropdownPosition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useDropdownPosition[key];
+    }
+  });
+});
 var _useOutsideClick = require("./useOutsideClick");
+Object.keys(_useOutsideClick).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useOutsideClick[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useOutsideClick[key];
+    }
+  });
+});
 var _useScrollLock = require("./useScrollLock");
-var _useWindowResize = require("./useWindowResize");
+Object.keys(_useScrollLock).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useScrollLock[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useScrollLock[key];
+    }
+  });
+});
+var _useWindowResize = require("./useWindowResize");
+Object.keys(_useWindowResize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useWindowResize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useWindowResize[key];
+    }
+  });
+});