@ncds/ui-admin 1.8.0 → 1.8.2

package/dist/esm/src/components/table/Table.js

@@ -1,8 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronSelectorVertical, ChevronUp } from '@ncds/ui-admin-icon';
 import classNames from 'classnames';
-import { Children, forwardRef } from 'react';
+import { Children, forwardRef, useEffect, useRef } from 'react';
 // ──────────────────────────────────────────────
+// $table-header-height 와 동기화 — sticky thead가 차지하는 높이를 maxHeight에 보상
+const TABLE_HEADER_HEIGHT = 40;
+// 스크롤바 트랙 상하 여백 합계 (top 8px + bottom 8px) — SCSS &--fixed-header &__scrollbar 오프셋과 동기화
+const SCROLLBAR_TRACK_OFFSET = 16;
+const SCROLLBAR_THUMB_MIN_HEIGHT = 40;
 // Sort Icons (@ncds/ui-admin-icon)
 // ──────────────────────────────────────────────
 const SORT_ICONS = {
@@ -104,8 +109,18 @@ const Cell = /*#__PURE__*/forwardRef((_ref5, ref) => {
   let {
     children,
     className,
+    isHeader,
     ...rest
   } = _ref5;
+  if (isHeader) {
+    return _jsx("th", {
+      ref: ref,
+      scope: "row",
+      className: classNames('ncua-table__cell', className),
+      ...rest,
+      children: children
+    });
+  }
   return _jsx("td", {
     ref: ref,
     className: classNames('ncua-table__cell', className),
@@ -146,14 +161,13 @@ const ColGroup = _ref8 => {
     return width;
   };
   return _jsx("colgroup", {
-    children: widths.map((width, index) => {
-      const duplicateCount = widths.slice(0, index).filter(v => v === width).length;
-      return _jsx("col", {
-        style: {
-          width: resolveColWidth(width)
-        }
-      }, `col-${width}-${duplicateCount}`);
-    })
+    children: widths.map((width, index) =>
+    // biome-ignore lint/suspicious/noArrayIndexKey: colgroup columns never reorder or change
+    _jsx("col", {
+      style: {
+        width: resolveColWidth(width)
+      }
+    }, index))
   });
 };
 ColGroup.displayName = 'Table.ColGroup';
@@ -182,12 +196,18 @@ const categorizeChild = (child, result) => {
     result.footerContent.push(child);
   } else if (child.type === Pagination) {
     result.paginationContent.push(child);
+  } else if (child.type === Header) {
+    result.headerContent.push(child);
+  } else if (child.type === ColGroup) {
+    result.colGroupContent.push(child);
   } else {
     result.tableContent.push(child);
   }
 };
 const sortChildren = children => {
   const result = {
+    headerContent: [],
+    colGroupContent: [],
     tableContent: [],
     footerContent: [],
     paginationContent: []
@@ -219,17 +239,113 @@ const TableComponent = /*#__PURE__*/forwardRef((_ref0, ref) => {
     'ncua-table--selectable': selectable
   });
   const {
+    headerContent,
+    colGroupContent,
     tableContent,
     footerContent,
     paginationContent
   } = sortChildren(children);
   const scrollStyle = fixedHeader && maxHeight ? {
-    maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight
+    maxHeight: typeof maxHeight === 'number' ? `${maxHeight + TABLE_HEADER_HEIGHT}px` : `calc(${maxHeight} + ${TABLE_HEADER_HEIGHT}px)`
   } : undefined;
-  const tableElement = _jsx("table", {
+  // Custom scrollbar refs (used only in fixed-header mode)
+  const scrollContainerRef = useRef(null);
+  const scrollAreaRef = useRef(null);
+  const thumbRef = useRef(null);
+  useEffect(() => {
+    if (!fixedHeader || !maxHeight) return;
+    const scrollEl = scrollContainerRef.current;
+    const thumbEl = thumbRef.current;
+    if (!scrollEl || !thumbEl) return;
+    const update = () => {
+      const {
+        scrollTop,
+        scrollHeight,
+        clientHeight
+      } = scrollEl;
+      if (scrollHeight <= clientHeight) {
+        thumbEl.style.height = '0';
+        return;
+      }
+      const trackHeight = (scrollAreaRef.current?.clientHeight ?? clientHeight) - TABLE_HEADER_HEIGHT - SCROLLBAR_TRACK_OFFSET;
+      const thumbHeight = Math.max(SCROLLBAR_THUMB_MIN_HEIGHT, clientHeight / scrollHeight * trackHeight);
+      const thumbTop = scrollTop / (scrollHeight - clientHeight) * (trackHeight - thumbHeight);
+      thumbEl.style.height = `${thumbHeight}px`;
+      thumbEl.style.transform = `translateY(${thumbTop}px)`;
+    };
+    scrollEl.addEventListener('scroll', update, {
+      passive: true
+    });
+    const observer = new ResizeObserver(update);
+    observer.observe(scrollEl);
+    update();
+    return () => {
+      scrollEl.removeEventListener('scroll', update);
+      observer.disconnect();
+    };
+  }, [fixedHeader, maxHeight]);
+  const handleThumbMouseDown = e => {
+    e.preventDefault();
+    const scrollEl = scrollContainerRef.current;
+    const thumbEl = thumbRef.current;
+    const areaEl = scrollAreaRef.current;
+    if (!scrollEl || !thumbEl) return;
+    areaEl?.setAttribute('data-dragging', '');
+    const startY = e.clientY;
+    const startScrollTop = scrollEl.scrollTop;
+    const {
+      scrollHeight,
+      clientHeight
+    } = scrollEl;
+    const thumbHeight = thumbEl.offsetHeight;
+    const scrollRatio = (scrollHeight - clientHeight) / (clientHeight - thumbHeight);
+    const onMove = ev => {
+      scrollEl.scrollTop = startScrollTop + (ev.clientY - startY) * scrollRatio;
+    };
+    const onUp = () => {
+      areaEl?.removeAttribute('data-dragging');
+      document.removeEventListener('mousemove', onMove);
+      document.removeEventListener('mouseup', onUp);
+    };
+    document.addEventListener('mousemove', onMove);
+    document.addEventListener('mouseup', onUp);
+  };
+  if (fixedHeader && maxHeight) {
+    return _jsxs("div", {
+      ref: ref,
+      className: "ncua-table-wrapper",
+      children: [_jsxs("div", {
+        className: tableClasses,
+        ...rest,
+        children: [_jsxs("div", {
+          ref: scrollAreaRef,
+          className: "ncua-table__scroll-area",
+          children: [_jsx("div", {
+            ref: scrollContainerRef,
+            className: "ncua-table__scroll-container",
+            style: scrollStyle,
+            children: _jsxs("table", {
+              className: "ncua-table__table",
+              role: "table",
+              children: [colGroupContent, headerContent, tableContent]
+            })
+          }), _jsx("div", {
+            className: "ncua-table__scrollbar",
+            "aria-hidden": "true",
+            children: _jsx("div", {
+              ref: thumbRef,
+              className: "ncua-table__scrollbar-thumb",
+              onMouseDown: handleThumbMouseDown
+            })
+          })]
+        }), footerContent]
+      }), paginationContent]
+    });
+  }
+  const tableElement = _jsxs("table", {
     className: "ncua-table__table",
     role: "table",
-    children: tableContent
+    children: [colGroupContent, headerContent, tableContent]
   });
   return _jsxs("div", {
     ref: ref,
@@ -237,11 +353,7 @@ const TableComponent = /*#__PURE__*/forwardRef((_ref0, ref) => {
     children: [_jsxs("div", {
       className: tableClasses,
       ...rest,
-      children: [fixedHeader && maxHeight ? _jsx("div", {
-        className: "ncua-table__scroll-container",
-        style: scrollStyle,
-        children: tableElement
-      }) : tableElement, footerContent]
+      children: [tableElement, footerContent]
     }), paginationContent]
   });
 });

package/dist/esm/src/components/tag/Tag.js

@@ -41,7 +41,7 @@ const calculateOptimalPosition = (triggerElement, tooltipElement) => {
   const fallbackPosition = hasTopSpace ? 'top-right' : 'bottom-right';
   return fallbackPosition;
 };
-const Tag = _ref => {
+export const Tag = _ref => {
   let {
     size = 'sm',
     icon,
@@ -135,5 +135,4 @@ const Tag = _ref => {
       })
     })]
   });
-};
-export { Tag };
+};

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

@@ -1,60 +1,74 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { AlertCircle, AlertCircleFill, HelpCircle, HelpCircleFill } from '@ncds/ui-admin-icon';
 import classNames from 'classnames';
-import { useCallback, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 import { ButtonCloseX } from '../button/ButtonCloseX';
 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;
 };
 export const Tooltip = _ref => {
   let {
@@ -68,31 +82,71 @@ export 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 = useRef(null);
-  const tooltipBgRef = useRef(null);
+  const anchorRef = useRef(null);
+  const panelRef = useRef(null);
+  const rafIdRef = useRef(null);
+  const [mounted, setMounted] = useState(false);
+  const [coords, setCoords] = useState({
+    top: OFFSCREEN,
+    left: OFFSCREEN
+  });
   const [calculatedPosition, setCalculatedPosition] = useState(position === 'auto' ? 'bottom' : position);
   const [isVisible, setIsVisible] = useState(false);
   const [isManuallyClose, setIsManuallyClose] = useState(false);
-  const [isMeasuring, setIsMeasuring] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+    return () => {
+      if (rafIdRef.current !== null) {
+        cancelAnimationFrame(rafIdRef.current);
+        rafIdRef.current = null;
+      }
+    };
+  }, []);
+  const updatePosition = 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]);
+  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 = 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 = useCallback(() => {
     if (type === 'short') {
       setIsVisible(false);
@@ -109,48 +163,60 @@ export const Tooltip = _ref => {
     'ncua-tooltip--stroke': iconType === 'stroke',
     'ncua-tooltip--auto': position === 'auto'
   }, className), [size, type, hideArrow, iconType, position, className]);
-  const tooltipBgClassName = useMemo(() => classNames('ncua-tooltip__bg', `ncua-tooltip__bg--${tooltipType}`, `ncua-tooltip__bg--${finalPosition}`, {
+  const panelClassName = useMemo(() => classNames('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 _jsxs("span", {
-    ref: tooltipRef,
-    className: tooltipClassName,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    children: [iconStyle === 'help-circle' && (iconType === 'stroke' ? _jsx(HelpCircle, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    }) : _jsx(HelpCircleFill, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    })), iconStyle === 'alert-circle' && (iconType === 'stroke' ? _jsx(AlertCircle, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    }) : _jsx(AlertCircleFill, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    })), _jsxs("span", {
-      ref: tooltipBgRef,
-      className: tooltipBgClassName,
-      children: [title && _jsx("span", {
-        className: "ncua-tooltip__title",
-        children: title
-      }), content && _jsx("span", {
-        className: "ncua-tooltip__content",
-        children: content
-      }), type === 'long' && _jsx(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 = _jsxs("span", {
+    ref: panelRef,
+    className: panelClassName,
+    style: panelStyle,
+    children: [title && _jsx("span", {
+      className: "ncua-tooltip__title",
+      children: title
+    }), content && _jsx("span", {
+      className: "ncua-tooltip__content",
+      children: content
+    }), type === 'long' && _jsx(ButtonCloseX, {
+      className: "ncua-tooltip__close-button",
+      size: "xs",
+      theme: tooltipType === 'white' ? 'dark' : 'light',
+      onClick: handleCloseClick,
+      "aria-label": "\uD234\uD301 \uB2EB\uAE30"
     })]
   });
+  return _jsxs(_Fragment, {
+    children: [_jsxs("span", {
+      ref: anchorRef,
+      className: tooltipClassName,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [iconStyle === 'help-circle' && (iconType === 'stroke' ? _jsx(HelpCircle, {
+        width: iconSize,
+        height: iconSize,
+        color: iconColor
+      }) : _jsx(HelpCircleFill, {
+        width: iconSize,
+        height: iconSize,
+        color: iconColor
+      })), iconStyle === 'alert-circle' && (iconType === 'stroke' ? _jsx(AlertCircle, {
+        width: iconSize,
+        height: iconSize,
+        color: iconColor
+      }) : _jsx(AlertCircleFill, {
+        width: iconSize,
+        height: iconSize,
+        color: iconColor
+      }))]
+    }), portalTarget && /*#__PURE__*/createPortal(panel, portalTarget)]
+  });
 };

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

@@ -1,6 +1,6 @@
-export { useDropdown } from './useDropdown';
-export { useDropdownKeyboard } from './useDropdownKeyboard';
-export { useDropdownPosition } from './useDropdownPosition';
-export { useOutsideClick } from './useOutsideClick';
-export { useScrollLock } from './useScrollLock';
-export { useWindowResize } from './useWindowResize';
+export * from './useDropdown';
+export * from './useDropdownKeyboard';
+export * from './useDropdownPosition';
+export * from './useOutsideClick';
+export * from './useScrollLock';
+export * from './useWindowResize';

package/dist/esm/src/hooks/index.js

@@ -1,6 +1,6 @@
 // 기존 공통 hooks
 // 드롭다운 관련 hooks
 export * from './dropdown';
-export { useCallbackRef } from './useCallbackRef';
-export { useMediaQuery } from './useMediaQuery';
-export { useMergeRefs } from './useMergeRefs';
+export * from './useCallbackRef';
+export * from './useMediaQuery';
+export * from './useMergeRefs';

package/dist/esm/src/types/component-meta.js

@@ -0,0 +1,2 @@
+/** AI 에이전트용 컴포넌트 메타데이터 타입 */
+export {};

package/dist/esm/vitest.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vitest/config';
+export default defineConfig({
+  test: {
+    include: ['scripts/**/__tests__/**/*.test.ts'],
+    environment: 'node'
+  }
+});

package/dist/temp/src/components/badge/index.d.ts

@@ -1 +1,2 @@
 export * from './Badge';
+export * from './utils';

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

@@ -1 +1,2 @@
 export * from './Badge';
+export * from './utils';

package/dist/temp/src/components/combo-box/ComboBox.js

@@ -106,6 +106,7 @@ const ComboBox = forwardRef(({ placeholder = '검색하세요', id, className, h
     useImperativeHandle(ref, () => internalRef.current, []);
     const trailingElement = {
         type: 'custom',
+        placement: 'inside',
         children: (_jsx("div", { className: "ncua-input__icon-wrap ncua-input__right-icon", onClick: showAllItem, children: _jsx(Button, { label: "\uC804\uCCB4", hierarchy: "text", size: "xxs", leadingIcon: { type: 'icon', icon: ChevronSelectorVertical } }) })),
     };
     const leadingElement = {

package/dist/temp/src/components/date-picker/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DatePicker';
+export * from './CustomInput';
 export * from './utils';

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

@@ -1,2 +1,3 @@
 export * from './DatePicker';
+export * from './CustomInput';
 export * from './utils';

package/dist/temp/src/components/empty-state/EmptyState.d.ts

@@ -1,14 +1,12 @@
 import { type ButtonProps } from '../button/Button';
-interface ButtonOptions extends Pick<ButtonProps, 'hierarchy' | 'size' | 'leadingIcon' | 'trailingIcon'> {
+export interface ButtonOptions extends Pick<ButtonProps, 'hierarchy' | 'size' | 'leadingIcon' | 'trailingIcon'> {
     label: string;
     onClick?: () => void;
     disabled?: boolean;
 }
-interface EmptyStateProps {
+export interface EmptyStateProps {
     title: string;
     description: string;
     buttons?: ButtonOptions | ButtonOptions[];
 }
-declare const EmptyState: ({ title, description, buttons }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
-export type { ButtonOptions };
-export { EmptyState };
+export declare const EmptyState: ({ title, description, buttons }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/temp/src/components/empty-state/EmptyState.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../button/Button';
-const EmptyState = ({ title, description, buttons }) => {
+export const EmptyState = ({ title, description, buttons }) => {
     const emptyStateButtons = buttons ? (Array.isArray(buttons) ? buttons : [buttons]) : [];
     return (_jsxs("div", { className: "ncua-empty-state", children: [_jsx("p", { className: "ncua-empty-state__title", children: title }), _jsx("span", { className: "ncua-empty-state__description", children: description }), emptyStateButtons.length > 0 && (_jsx("div", { className: "ncua-empty-state__button-group", children: emptyStateButtons.map(({ size, label, ...rest }) => (_jsx(Button, { size: size ?? 'xs', label: label, ...rest }, label))) }))] }));
 };
-export { EmptyState };

package/dist/temp/src/components/image-file-input/components/index.d.ts

@@ -0,0 +1 @@
+export * from './ImagePreview';

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

@@ -0,0 +1 @@
+export * from './ImagePreview';

package/dist/temp/src/components/image-file-input/index.d.ts

@@ -1 +1,2 @@
 export * from './ImageFileInput';
+export * from './components';

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

@@ -1 +1,2 @@
 export * from './ImageFileInput';
+export * from './components';

package/dist/temp/src/components/progress-bar/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SegmentBar';
+export * from './SegmentLabels';

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

@@ -0,0 +1,2 @@
+export * from './SegmentBar';
+export * from './SegmentLabels';

package/dist/temp/src/components/progress-bar/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useProgressBar';

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

@@ -0,0 +1 @@
+export * from './useProgressBar';