@ncds/ui-admin 1.8.1 → 1.8.3

package/dist/cjs/src/components/overlays/notification/FullWidthNotification.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FullWidthNotification = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _uiAdminIcon = require("@ncds/ui-admin-icon");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _color = require("../../../../constant/color");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const iconMap = {
+  neutral: _uiAdminIcon.MessageChatSquare,
+  error: _uiAdminIcon.AlertTriangle,
+  warning: _uiAdminIcon.AlertTriangle,
+  success: _uiAdminIcon.CheckCircle,
+  info: _uiAdminIcon.InfoCircle
+};
+const iconColorMap = {
+  neutral: 'gray700',
+  error: 'red500',
+  warning: 'orange500',
+  success: 'green600',
+  info: 'violet600'
+};
+const FullWidthNotification = exports.FullWidthNotification = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    title,
+    supportingText,
+    color = 'neutral',
+    onClose,
+    className,
+    actions,
+    autoClose = 0,
+    supportTextLink,
+    onHidePermanently,
+    ...rest
+  } = _ref;
+  const [shouldRemove, setShouldRemove] = (0, _react.useState)(false);
+  const closeIconSize = {
+    width: 20,
+    height: 20
+  };
+  // autoClose 타이머 관리
+  const timerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    // autoClose가 0보다 크면 무조건 타이머 설정
+    if (autoClose > 0) {
+      timerRef.current = setTimeout(() => {
+        if (onClose) {
+          onClose();
+        }
+        // DOM에서 바로 제거
+        setShouldRemove(true);
+      }, autoClose);
+    }
+    // cleanup 함수: 컴포넌트 언마운트 시 타이머 정리
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+        timerRef.current = null;
+      }
+    };
+  }, [autoClose, onClose]);
+  // DOM에서 완전히 제거
+  if (shouldRemove) {
+    return null;
+  }
+  return (0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    className: (0, _classnames.default)('ncua-full-width-notification', `ncua-full-width-notification--${color}`, className),
+    role: "alert",
+    ...rest,
+    children: (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-full-width-notification__container",
+      children: (0, _jsxRuntime.jsxs)("div", {
+        className: "ncua-full-width-notification__content",
+        children: [(0, _jsxRuntime.jsxs)("div", {
+          className: "ncua-full-width-notification__content-wrapper",
+          children: [(() => {
+            const IconComponent = iconMap[color];
+            return (0, _jsxRuntime.jsx)(IconComponent, {
+              width: 16,
+              height: 16,
+              color: _color.COLOR[iconColorMap[color]],
+              className: "ncua-full-width-notification__icon"
+            });
+          })(), (0, _jsxRuntime.jsxs)("div", {
+            className: "ncua-full-width-notification__text-container",
+            children: [(0, _jsxRuntime.jsx)("span", {
+              className: "ncua-full-width-notification__title",
+              children: title
+            }), !supportTextLink && supportingText && (0, _jsxRuntime.jsx)("span", {
+              className: "ncua-full-width-notification__supporting-text",
+              children: supportingText
+            }), supportTextLink && supportingText && (0, _jsxRuntime.jsx)("a", {
+              href: supportTextLink,
+              className: "ncua-full-width-notification__link",
+              children: (0, _jsxRuntime.jsx)("span", {
+                className: "ncua-full-width-notification__supporting-text",
+                children: supportingText
+              })
+            })]
+          })]
+        }), (0, _jsxRuntime.jsxs)("div", {
+          className: "ncua-full-width-notification__actions-container",
+          children: [actions && (0, _jsxRuntime.jsx)("div", {
+            className: "ncua-full-width-notification__actions",
+            children: actions.map(action => (0, _jsxRuntime.jsx)("button", {
+              onClick: action.onClick,
+              className: (0, _classnames.default)('ncua-notification__action-button', `ncua-notification__action-button--${action.hierarchy || 'text'}`),
+              children: action.label
+            }, `${action.label}-${action.hierarchy}`))
+          }), onHidePermanently && (0, _jsxRuntime.jsx)("button", {
+            type: "button",
+            className: (0, _classnames.default)('ncua-notification__action-button', 'ncua-notification__action-button--text', 'ncua-full-width-notification__link'),
+            onClick: onHidePermanently,
+            children: "\uB2E4\uC2DC\uBCF4\uC9C0 \uC54A\uAE30"
+          }), onClose && (0, _jsxRuntime.jsx)("button", {
+            type: "button",
+            className: "ncua-full-width-notification__close-button",
+            onClick: onClose,
+            "aria-label": "\uC54C\uB9BC \uB2EB\uAE30",
+            children: (0, _jsxRuntime.jsx)(_uiAdminIcon.XClose, {
+              ...closeIconSize,
+              color: _color.COLOR[iconColorMap[color]]
+            })
+          })]
+        })]
+      })
+    })
+  });
+});

package/dist/cjs/src/components/overlays/notification/MessageNotification.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageNotification = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _uiAdminIcon = require("@ncds/ui-admin-icon");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _color = require("../../../../constant/color");
+var _button = require("../../action/button");
+var _FeaturedIcon = require("../../image-and-icons/featured-icon/FeaturedIcon");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const iconMap = {
+  neutral: _uiAdminIcon.Pin02,
+  error: _uiAdminIcon.AlertTriangle,
+  warning: _uiAdminIcon.AlertCircle,
+  success: _uiAdminIcon.CheckCircle
+};
+const iconColorMap = {
+  neutral: 'gray700',
+  error: 'red500',
+  warning: 'orange500',
+  success: 'green600'
+};
+const MessageNotification = exports.MessageNotification = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    title,
+    supportingText,
+    icon: Icon,
+    color = 'neutral',
+    onClose,
+    className,
+    actions,
+    onHidePermanently,
+    ...rest
+  } = _ref;
+  // message 타입은 neutral, error, warning, success 4가지 색상만 지원
+  const validColor = color === 'info' ? 'neutral' : color;
+  const iconColor = validColor;
+  const featuredIconProps = {
+    icon: Icon || iconMap[validColor] || _uiAdminIcon.Pin02,
+    size: 'lg',
+    color: iconColor,
+    theme: 'light-circle'
+  };
+  const closeIconColor = _color.COLOR[iconColorMap[validColor] || 'gray700'];
+  return (0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    className: (0, _classnames.default)('ncua-message-notification', `ncua-message-notification--${validColor}`, className),
+    role: "alert",
+    ...rest,
+    children: (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-message-notification__container",
+      children: (0, _jsxRuntime.jsxs)("div", {
+        className: "ncua-message-notification__content",
+        children: [(0, _jsxRuntime.jsxs)("div", {
+          className: "ncua-message-notification__content-wrapper",
+          children: [iconMap[validColor] && (0, _jsxRuntime.jsx)(_FeaturedIcon.FeaturedIcon, {
+            ...featuredIconProps,
+            className: "ncua-message-notification__icon"
+          }), (0, _jsxRuntime.jsxs)("div", {
+            className: "ncua-message-notification__text-container",
+            children: [(0, _jsxRuntime.jsx)("span", {
+              className: "ncua-message-notification__title",
+              children: title
+            }), supportingText && (0, _jsxRuntime.jsx)("span", {
+              className: "ncua-message-notification__supporting-text",
+              children: supportingText
+            })]
+          })]
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: "ncua-message-notification__actions-container",
+          children: actions && (0, _jsxRuntime.jsx)("div", {
+            className: "ncua-message-notification__actions",
+            children: actions.map(action => (0, _jsxRuntime.jsx)(_button.Button, {
+              size: "xs",
+              hierarchy: action.hierarchy || 'text',
+              label: action.label,
+              onClick: action?.onClick
+            }, `${action.label}-${action.hierarchy}`))
+          })
+        }), (0, _jsxRuntime.jsxs)("div", {
+          className: "ncua-message-notification__footer-container",
+          children: [onHidePermanently && (0, _jsxRuntime.jsx)("button", {
+            type: "button",
+            className: (0, _classnames.default)('ncua-notification__action-button', 'ncua-notification__action-button--link', 'ncua-message-notification__hide-link'),
+            onClick: onHidePermanently,
+            children: "\uB2E4\uC2DC \uBCF4\uC9C0 \uC54A\uAE30"
+          }), onClose && (0, _jsxRuntime.jsx)("button", {
+            type: "button",
+            className: "ncua-message-notification__close-button",
+            onClick: onClose,
+            "aria-label": "\uC54C\uB9BC \uB2EB\uAE30",
+            children: (0, _jsxRuntime.jsx)(_uiAdminIcon.XClose, {
+              width: 20,
+              height: 20,
+              color: closeIconColor
+            })
+          })]
+        })]
+      })
+    })
+  });
+});
+MessageNotification.displayName = 'MessageNotification';

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

@@ -0,0 +1,230 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = void 0;
+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("../../action/button/ButtonCloseX");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ICON_SIZE_SM = 14;
+const ICON_SIZE_DEFAULT = 16;
+// 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';
+  }
+  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';
+  }
+  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 Tooltip = _ref => {
+  let {
+    tooltipType = 'white',
+    iconType = 'stroke',
+    position = 'auto',
+    size = 'sm',
+    title,
+    content,
+    hideArrow = false,
+    type = 'short',
+    iconColor = 'var(--gray-300)',
+    iconStyle = 'help-circle',
+    className,
+    zIndex
+  } = _ref;
+  const iconSize = size === 'sm' ? ICON_SIZE_SM : ICON_SIZE_DEFAULT;
+  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);
+  (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);
+  }, [isManuallyClose, updatePosition]);
+  const handleMouseLeave = (0, _react.useCallback)(() => {
+    if (type === 'short') {
+      setIsVisible(false);
+    }
+    setIsManuallyClose(false);
+  }, [type]);
+  const handleCloseClick = (0, _react.useCallback)(() => {
+    setIsVisible(false);
+    setIsManuallyClose(true);
+  }, []);
+  const finalPosition = position === 'auto' ? calculatedPosition : position;
+  const tooltipClassName = (0, _react.useMemo)(() => (0, _classnames.default)('ncua-tooltip', `ncua-tooltip--${size}`, `ncua-tooltip--${type}`, {
+    'ncua-tooltip--hidden-arrow': hideArrow,
+    'ncua-tooltip--stroke': iconType === 'stroke',
+    'ncua-tooltip--auto': position === 'auto'
+  }, className), [size, type, hideArrow, iconType, position, className]);
+  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--force-hidden': isManuallyClose
+  }), [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/components/select-dropdown/SelectDropdown.js

@@ -7,7 +7,7 @@ exports.SelectDropdown = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
-var _button = require("../button");
+var _button = require("../action/button");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SelectDropdown = exports.SelectDropdown = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {

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/tab/TabButton.js

@@ -7,7 +7,7 @@ exports.TabButton = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _uiAdminIcon = require("@ncds/ui-admin-icon");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Badge = require("../badge/Badge");
+var _Badge = require("../feedback-and-status/badge/Badge");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TabButton = _ref => {
   let {

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];
+    }
+  });
+});