@ncds/ui-admin 1.8.1 → 1.8.2

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

@@ -3,33 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  useCallbackRef: true,
-  useMediaQuery: true,
-  useMergeRefs: true
-};
-Object.defineProperty(exports, "useCallbackRef", {
-  enumerable: true,
-  get: function () {
-    return _useCallbackRef.useCallbackRef;
-  }
-});
-Object.defineProperty(exports, "useMediaQuery", {
-  enumerable: true,
-  get: function () {
-    return _useMediaQuery.useMediaQuery;
-  }
-});
-Object.defineProperty(exports, "useMergeRefs", {
-  enumerable: true,
-  get: function () {
-    return _useMergeRefs.useMergeRefs;
-  }
-});
 var _dropdown = require("./dropdown");
 Object.keys(_dropdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _dropdown[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -39,5 +15,35 @@ Object.keys(_dropdown).forEach(function (key) {
   });
 });
 var _useCallbackRef = require("./useCallbackRef");
+Object.keys(_useCallbackRef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCallbackRef[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useCallbackRef[key];
+    }
+  });
+});
 var _useMediaQuery = require("./useMediaQuery");
-var _useMergeRefs = require("./useMergeRefs");
+Object.keys(_useMediaQuery).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMediaQuery[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMediaQuery[key];
+    }
+  });
+});
+var _useMergeRefs = require("./useMergeRefs");
+Object.keys(_useMergeRefs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMergeRefs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMergeRefs[key];
+    }
+  });
+});

package/dist/cjs/vitest.config.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _config = require("vitest/config");
+var _default = exports.default = (0, _config.defineConfig)({
+  test: {
+    include: ['scripts/**/__tests__/**/*.test.ts'],
+    environment: 'node'
+  }
+});

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../button/Button';
-const EmptyState = _ref => {
+export const EmptyState = _ref => {
   let {
     title,
     description,
@@ -31,5 +31,4 @@ const EmptyState = _ref => {
       })
     })]
   });
-};
-export { EmptyState };
+};

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,5 @@
 export * from './ProgressBar';
-export * from './types';
+export * from './components';
+export * from './hooks';
+export * from './types';
+export * from './utils';

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

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

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

@@ -1 +1 @@
-export { SelectDropdown } from './SelectDropdown';
+export * from './SelectDropdown';

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

@@ -1 +1 @@
-export { Switch } from './Switch';
+export * from './Switch';

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/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';

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

@@ -1,2 +1,5 @@
 export * from './ProgressBar';
+export * from './components';
+export * from './hooks';
 export * from './types';
+export * from './utils';

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

@@ -1,2 +1,5 @@
 export * from './ProgressBar';
+export * from './components';
+export * from './hooks';
 export * from './types';
+export * from './utils';

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

@@ -6,5 +6,5 @@ export const Select = forwardRef(({ placeholder, disabledPlaceholder = false, id
     return (_jsxs("span", { className: classNames('ncua-select', {
             destructive: destructive,
             'ncua-select--simple': type === 'simple',
-        }, className, `ncua-select--${size}`), children: [_jsx("span", { className: "ncua-select__content", children: _jsxs("select", { value: value, ref: ref, id: id, className: classNames('ncua-select__tag', className), disabled: disabled, ...register, ...props, children: [placeholder && (_jsx("option", { value: "", selected: true, disabled: disabledPlaceholder, children: placeholder })), optionItems?.map((item) => (_jsx("option", { value: item.id, children: item.label }, item.id))), children] }) }), hintText && (_jsx(HintText, { destructive: destructive, className: "ncua-hint-text", children: hintText }))] }));
+        }, className, `ncua-select--${size}`), children: [_jsx("span", { className: "ncua-select__content", children: _jsxs("select", { value: value, ref: ref, id: id, className: classNames('ncua-select__tag', className), disabled: disabled, ...register, ...props, children: [placeholder && (_jsx("option", { value: "", disabled: disabledPlaceholder, children: placeholder })), optionItems?.map((item) => (_jsx("option", { value: item.id, children: item.label }, item.id))), children] }) }), hintText && (_jsx(HintText, { destructive: destructive, className: "ncua-hint-text", children: hintText }))] }));
 });

package/dist/temp/src/components/select-dropdown/index.d.ts

@@ -1 +1 @@
-export { type DropdownDirection, SelectDropdown, type SelectDropdownProps } from './SelectDropdown';
+export * from './SelectDropdown';

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

@@ -1 +1 @@
-export { SelectDropdown } from './SelectDropdown';
+export * from './SelectDropdown';

package/dist/temp/src/components/spinner/Spinner.d.ts

@@ -1,9 +1,8 @@
 import type { ElementType, ReactNode } from 'react';
-interface SpinnerProps {
+export interface SpinnerProps {
     as?: ElementType;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     children?: ReactNode;
     backdrop?: boolean;
 }
 export declare const Spinner: ({ as, size, children, backdrop }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
-export {};