@ncds/ui-admin 1.6.4 → 1.7.0

package/dist/types/src/components/tag/Tag.d.ts

@@ -11,7 +11,7 @@ interface TagProps {
     onButtonClick?: MouseEventHandler<HTMLButtonElement>;
     maxLength?: number;
 }
-export type CalculatedPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-export declare const Tag: ({ size, icon, text, count, close, onButtonClick, maxLength }: TagProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Tag.d.ts.map
+type CalculatedPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+declare const Tag: ({ size, icon, text, count, close, onButtonClick, maxLength }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export type { CalculatedPosition };
+export { Tag };

package/dist/types/src/components/tag/index.d.ts

@@ -1,2 +1 @@
 export * from './Tag';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/toggle/Toggle.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ComponentPropsWithRef } from 'react';
+import type { ChangeEvent, ComponentPropsWithRef } from 'react';
 export interface ToggleProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
     size?: 'sm' | 'md';
     text?: string;
@@ -8,4 +8,3 @@ export interface ToggleProps extends Omit<ComponentPropsWithRef<'input'>, 'size'
     className?: string;
 }
 export declare const Toggle: ({ size, text, supportText, disabled, onChange, className, ...props }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Toggle.d.ts.map

package/dist/types/src/components/toggle/index.d.ts

@@ -1,2 +1 @@
 export * from './Toggle';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/tooltip/Tooltip.d.ts

@@ -13,4 +13,3 @@ interface TooltipProps {
 }
 export declare const Tooltip: ({ tooltipType, iconType, position, size, title, content, hideArrow, type, iconColor, iconStyle, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=Tooltip.d.ts.map

package/dist/types/src/components/tooltip/index.d.ts

@@ -1,2 +1 @@
 export * from './Tooltip';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/constant/breakpoint.d.ts

@@ -4,4 +4,3 @@ export declare const BREAKPOINT: {
 export declare const MEDIA_QUERY: {
     readonly mobile: "(max-width: 768px)";
 };
-//# sourceMappingURL=breakpoint.d.ts.map

package/dist/types/src/constant/date-picker.d.ts

@@ -61,4 +61,3 @@ export declare const PERIOD_ITEM: {
         unit: null;
     };
 };
-//# sourceMappingURL=date-picker.d.ts.map

package/dist/types/src/constant/index.d.ts

@@ -1,3 +1,2 @@
-export * from './size';
 export * from './date-picker';
-//# sourceMappingURL=index.d.ts.map
+export * from './size';

package/dist/types/src/constant/size.d.ts

@@ -1,2 +1 @@
 export declare const MINIMUM_PC_SIZE = 768;
-//# sourceMappingURL=size.d.ts.map

package/dist/types/src/hooks/dropdown/index.d.ts

@@ -4,4 +4,3 @@ export { useDropdownPosition } from './useDropdownPosition';
 export { useOutsideClick } from './useOutsideClick';
 export { useScrollLock } from './useScrollLock';
 export { useWindowResize } from './useWindowResize';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/hooks/dropdown/useDropdown.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 interface UseDropdownConfig<T = any> {
     triggerRef: RefObject<HTMLElement>;
     dropdownRef?: RefObject<HTMLElement>;
@@ -27,4 +27,3 @@ export declare const useDropdown: <T = any>(config: UseDropdownConfig<T>) => {
     updatePosition: () => import("../../types").DropdownPositionResult;
 };
 export {};
-//# sourceMappingURL=useDropdown.d.ts.map

package/dist/types/src/hooks/dropdown/useDropdownKeyboard.d.ts

@@ -1,5 +1,5 @@
-import { KeyboardEvent } from 'react';
-import { DropdownKeyboardConfig } from '../../types/dropdown';
+import { type KeyboardEvent } from 'react';
+import type { DropdownKeyboardConfig } from '../../types/dropdown';
 /**
  * 드롭다운 키보드 네비게이션을 위한 커스텀 훅
  */
@@ -8,4 +8,3 @@ export declare const useDropdownKeyboard: <T = any>(config: DropdownKeyboardConf
     handleMouseMove: () => void;
     isKeyboardNavigation: () => boolean;
 };
-//# sourceMappingURL=useDropdownKeyboard.d.ts.map

package/dist/types/src/hooks/dropdown/useDropdownPosition.d.ts

@@ -1,4 +1,4 @@
-import { DropdownDirection, DropdownPositionConfig } from '../../types/dropdown';
+import type { DropdownDirection, DropdownPositionConfig } from '../../types/dropdown';
 /**
  * 드롭다운 위치 계산을 위한 커스텀 훅
  */
@@ -7,4 +7,3 @@ export declare const useDropdownPosition: (config: DropdownPositionConfig) => {
     updatePosition: () => import("../../types/dropdown").DropdownPositionResult;
     setDirection: import("react").Dispatch<import("react").SetStateAction<DropdownDirection>>;
 };
-//# sourceMappingURL=useDropdownPosition.d.ts.map

package/dist/types/src/hooks/dropdown/useOutsideClick.d.ts

@@ -1,6 +1,5 @@
-import { DropdownOutsideClickConfig } from '../../types/dropdown';
+import type { DropdownOutsideClickConfig } from '../../types/dropdown';
 /**
  * 외부 클릭 감지를 위한 커스텀 훅
  */
 export declare const useOutsideClick: (config: DropdownOutsideClickConfig) => void;
-//# sourceMappingURL=useOutsideClick.d.ts.map

package/dist/types/src/hooks/dropdown/useScrollLock.d.ts

@@ -2,4 +2,3 @@
  * 페이지 스크롤을 잠그는 커스텀 훅 (드롭다운 내부 스크롤은 허용)
  */
 export declare const useScrollLock: (isLocked: boolean, dropdownRef?: React.RefObject<HTMLElement>) => void;
-//# sourceMappingURL=useScrollLock.d.ts.map

package/dist/types/src/hooks/dropdown/useWindowResize.d.ts

@@ -5,4 +5,3 @@
  * @param target 관찰할 대상 요소 (기본값: document.body)
  */
 export declare const useWindowResize: (callback: () => void, isActive?: boolean, target?: HTMLElement | null) => void;
-//# sourceMappingURL=useWindowResize.d.ts.map

package/dist/types/src/hooks/index.d.ts

@@ -1,5 +1,4 @@
+export * from './dropdown';
 export { useCallbackRef } from './useCallbackRef';
 export { useMediaQuery } from './useMediaQuery';
 export { useMergeRefs } from './useMergeRefs';
-export * from './dropdown';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/hooks/useCallbackRef.d.ts

@@ -25,4 +25,3 @@
  * ```
  */
 export declare function useCallbackRef<T>(callback: (node: T | null) => (() => void) | void): React.RefCallback<T>;
-//# sourceMappingURL=useCallbackRef.d.ts.map

package/dist/types/src/hooks/useMediaQuery.d.ts

@@ -3,4 +3,3 @@ interface UseMediaQueryOptions {
 }
 export declare const useMediaQuery: (query: string, options?: UseMediaQueryOptions) => boolean;
 export {};
-//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/types/src/hooks/useMergeRefs.d.ts

@@ -16,6 +16,5 @@ type Ref<T> = React.RefCallback<T> | React.MutableRefObject<T | null> | null | u
  * });
  * ```
  */
-export declare function useMergeRefs<T>(refs: Array<Ref<T>>): React.RefCallback<T>;
+export declare function useMergeRefs<T>(refs: Ref<T>[]): React.RefCallback<T>;
 export {};
-//# sourceMappingURL=useMergeRefs.d.ts.map

package/dist/types/src/types/dropdown/dropdown.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import type { RefObject } from 'react';
 export type DropdownDirection = 'up' | 'down';
 export type DropdownPositionConfig = {
     triggerRef: RefObject<HTMLElement>;
@@ -37,4 +37,3 @@ export type SelectedTag = {
     id: string | number;
     label: string;
 };
-//# sourceMappingURL=dropdown.d.ts.map

package/dist/types/src/types/dropdown/index.d.ts

@@ -1,3 +1,2 @@
 export * from './dropdown';
 export * from './option';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/types/dropdown/option.d.ts

@@ -21,4 +21,3 @@ export type OptionChangeHandler = (value: OptionValue) => void;
  * 옵션 선택 핸들러 타입
  */
 export type OptionSelectHandler<T extends OptionType = OptionType> = (option: T) => void;
-//# sourceMappingURL=option.d.ts.map

package/dist/types/src/types/index.d.ts

@@ -1,3 +1,2 @@
 export * from './dropdown';
 export type * from './side-slot';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/types/side-slot.d.ts

@@ -23,4 +23,3 @@ export type CustomSlotType = {
     children: ReactNode;
 };
 export type SideSlotType = IconSlotType | DotSlotType | CustomSlotType;
-//# sourceMappingURL=side-slot.d.ts.map

package/dist/types/src/utils/date-picker.d.ts

@@ -1,4 +1,4 @@
-import { DurationInputArg1, DurationInputArg2 } from 'moment';
+import { type DurationInputArg1, type DurationInputArg2 } from 'moment';
 export declare function getDateFormat(date?: Date | string): string;
 export declare function getToday(): Date;
 export declare function getSubtractDate({ date, period, unit, }: {
@@ -9,4 +9,3 @@ export declare function getSubtractDate({ date, period, unit, }: {
 export declare const formatDateInput: (input: string) => string;
 export declare const formatHourInput: (input: string) => string;
 export declare const formatMinuteInput: (input: string) => string;
-//# sourceMappingURL=date-picker.d.ts.map

package/dist/types/src/utils/dropdown/dropdownUtils.d.ts

@@ -1,4 +1,4 @@
-import { DropdownPositionConfig, DropdownPositionResult } from '../../types/dropdown';
+import type { DropdownPositionConfig, DropdownPositionResult } from '../../types/dropdown';
 /**
  * 드롭다운 위치를 계산하는 유틸리티 함수
  */
@@ -10,9 +10,8 @@ export declare const calculateNextFocusIndex: (currentIndex: number, direction:
 /**
  * 드롭다운이 뷰포트를 벗어나지 않도록 위치 조정
  */
-export declare const adjustDropdownPosition: (dropdownElement: HTMLElement, triggerElement: HTMLElement) => void;
+export declare const adjustDropdownPosition: (dropdownElement: HTMLElement) => void;
 /**
  * 스크롤 가능한 부모 요소를 찾는 유틸리티 함수
  */
 export declare const findScrollableParent: (element: Element, boundary: Element) => Element | null;
-//# sourceMappingURL=dropdownUtils.d.ts.map

package/dist/types/src/utils/dropdown/index.d.ts

@@ -1,3 +1,2 @@
 export * from './dropdownUtils';
 export * from './multiSelect';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/utils/dropdown/multiSelect.d.ts

@@ -1,4 +1,4 @@
-import { MultiSelectOption, SelectedTag } from '../../types';
+import type { MultiSelectOption, SelectedTag } from '../../types';
 /**
  * 전체 선택 상태를 확인하는 유틸 함수
  */
@@ -29,4 +29,3 @@ export declare const useMultiSelect: (selectedValues: (string | number)[], optio
     getSelectedTagsData: () => SelectedTag[];
     removeTag: (tagId: string | number) => (string | number)[];
 };
-//# sourceMappingURL=multiSelect.d.ts.map

package/dist/types/src/utils/index.d.ts

@@ -1,3 +1,2 @@
 export * from './date-picker';
 export * from './dropdown';
-//# sourceMappingURL=index.d.ts.map

package/dist/ui-admin/assets/styles/style.css

@@ -525,6 +525,70 @@ button {
   width: var(--button-height-md);
 }
 
+@keyframes ncua-btn-spinner-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+.ncua-btn__spinner {
+  display: inline-block;
+  border-radius: 50%;
+  border-style: solid;
+  animation: ncua-btn-spinner-rotate 1s linear infinite;
+  flex-shrink: 0;
+}
+
+.ncua-btn--xxs .ncua-btn__spinner {
+  width: 12px;
+  height: 12px;
+  border-width: 1.5px;
+}
+
+.ncua-btn--xs .ncua-btn__spinner {
+  width: 14px;
+  height: 14px;
+  border-width: 1.5px;
+}
+
+.ncua-btn--sm .ncua-btn__spinner {
+  width: 16px;
+  height: 16px;
+  border-width: 2px;
+}
+
+.ncua-btn--md .ncua-btn__spinner {
+  width: 20px;
+  height: 20px;
+  border-width: 2px;
+}
+
+.ncua-btn--primary .ncua-btn__spinner {
+  border-color: var(--primary-red-200);
+  border-top-color: var(--primary-red-400);
+}
+
+.ncua-btn--destructive .ncua-btn__spinner {
+  border-color: var(--primary-red-200);
+  border-top-color: var(--primary-red-400);
+}
+
+.ncua-btn--secondary .ncua-btn__spinner {
+  border-color: var(--gray-100);
+  border-top-color: var(--gray-500);
+}
+
+.ncua-btn--secondary-gray .ncua-btn__spinner {
+  border-color: var(--gray-100);
+  border-top-color: var(--gray-500);
+}
+
+.ncua-btn.is-loading {
+  pointer-events: none;
+}
+
 .has-underline {
   text-decoration: underline;
   text-underline-offset: 2px;
@@ -2819,14 +2883,16 @@ button {
 .ncua-tooltip__bg--top {
   top: auto;
   bottom: calc(100% + 16px);
-  right: 50%;
-  transform: translateX(50%);
 }
 .ncua-tooltip__bg--top::after {
   top: 100%;
   border-block-end: 0;
   border-inline: 6px solid transparent;
 }
+.ncua-tooltip__bg--top {
+  right: 50%;
+  transform: translateX(50%);
+}
 .ncua-tooltip__bg--top::after {
   left: 50%;
   transform: translateX(-50%);
@@ -2834,64 +2900,74 @@ button {
 .ncua-tooltip__bg--top-left {
   top: auto;
   bottom: calc(100% + 16px);
-  left: -12px;
 }
 .ncua-tooltip__bg--top-left::after {
   top: 100%;
   border-block-end: 0;
   border-inline: 6px solid transparent;
 }
+.ncua-tooltip__bg--top-left {
+  left: -12px;
+}
 .ncua-tooltip__bg--top-left::after {
   left: 12px;
 }
 .ncua-tooltip__bg--top-right {
   top: auto;
   bottom: calc(100% + 16px);
-  right: -12px;
 }
 .ncua-tooltip__bg--top-right::after {
   top: 100%;
   border-block-end: 0;
   border-inline: 6px solid transparent;
 }
+.ncua-tooltip__bg--top-right {
+  right: -12px;
+}
 .ncua-tooltip__bg--top-right::after {
   right: 15px;
 }
 .ncua-tooltip__bg--bottom {
   top: calc(100% + 6px);
-  right: 50%;
-  transform: translateX(50%);
 }
 .ncua-tooltip__bg--bottom::after {
   bottom: 100%;
   border-block-start: 0;
   border-inline: 6px solid transparent;
 }
+.ncua-tooltip__bg--bottom {
+  right: 50%;
+  transform: translateX(50%);
+}
 .ncua-tooltip__bg--bottom::after {
   left: 50%;
   transform: translateX(-50%);
 }
 .ncua-tooltip__bg--bottom-left {
   top: calc(100% + 6px);
-  left: -12px;
 }
 .ncua-tooltip__bg--bottom-left::after {
   bottom: 100%;
   border-block-start: 0;
   border-inline: 6px solid transparent;
 }
+.ncua-tooltip__bg--bottom-left {
+  left: -12px;
+}
 .ncua-tooltip__bg--bottom-left::after {
   left: 12px;
 }
 .ncua-tooltip__bg--bottom-right {
   top: calc(100% + 6px);
-  right: -12px;
 }
 .ncua-tooltip__bg--bottom-right::after {
   bottom: 100%;
   border-block-start: 0;
   border-inline: 6px solid transparent;
 }
+.ncua-tooltip__bg--bottom-right {
+  right: -12px;
+}
 .ncua-tooltip__bg--bottom-right::after {
   right: 15px;
 }
@@ -3051,9 +3127,6 @@ button {
   font-size: var(--font-size-xxs);
   line-height: var(--line-heights-xxs);
 }
-.ncua-select--sm {
-  --icon-size: 16px;
-}
 .ncua-select--sm .ncua-select__content {
   height: var(--select-height-sm);
   border-radius: 6px;
@@ -3069,7 +3142,7 @@ button {
   font-size: var(--font-size-xs);
   line-height: var(--line-heights-xs);
 }
-.ncua-select--md {
+.ncua-select--sm {
   --icon-size: 16px;
 }
 .ncua-select--md .ncua-select__content {
@@ -3088,6 +3161,9 @@ button {
   font-size: var(--font-size-xs);
   line-height: var(--line-heights-xs);
 }
+.ncua-select--md {
+  --icon-size: 16px;
+}
 .ncua-select--simple .ncua-select__content {
   border: 0;
   background-color: transparent;
@@ -3143,8 +3219,6 @@ button {
   list-style: none;
   overflow-y: auto;
   overscroll-behavior: contain;
-  scrollbar-width: thin;
-  scrollbar-color: #eaecf0 transparent;
 }
 .ncua-select-dropdown__options::-webkit-scrollbar {
   width: 6px;
@@ -3160,6 +3234,10 @@ button {
 .ncua-select-dropdown__options::-webkit-scrollbar-thumb:hover {
   background: #d0d5dd;
 }
+.ncua-select-dropdown__options {
+  scrollbar-width: thin;
+  scrollbar-color: #eaecf0 transparent;
+}
 .ncua-select-dropdown__option {
   min-width: 84px;
   padding: 8px 26px 8px 12px;
@@ -3347,9 +3425,6 @@ button {
   font-size: var(--font-size-xxs);
   line-height: var(--line-heights-xxs);
 }
-.ncua-selectbox--sm {
-  --icon-size: 16px;
-}
 .ncua-selectbox--sm .ncua-selectbox__content {
   height: var(--select-height-sm);
   border-radius: 6px;
@@ -3365,9 +3440,11 @@ button {
   font-size: var(--font-size-xs);
   line-height: var(--line-heights-xs);
 }
+.ncua-selectbox--sm {
+  --icon-size: 16px;
+}
 .ncua-selectbox--md {
   min-width: 132px;
-  --icon-size: 16px;
 }
 .ncua-selectbox--md .ncua-selectbox__content {
   height: var(--select-height-md);
@@ -3384,6 +3461,9 @@ button {
   font-size: var(--font-size-xs);
   line-height: var(--line-heights-xs);
 }
+.ncua-selectbox--md {
+  --icon-size: 16px;
+}
 .ncua-selectbox--simple .ncua-selectbox__content {
   border: 0;
   background-color: transparent;
@@ -4839,11 +4919,13 @@ button {
   padding: 5px 12px;
   height: 34px;
   font-size: var(--font-size-xs);
-  justify-content: center;
 }
 .ncua-horizontal-tab .ncua-tab-button:hover, .ncua-horizontal-tab .ncua-tab-button.is-active {
   color: var(--gray-700);
 }
+.ncua-horizontal-tab .ncua-tab-button {
+  justify-content: center;
+}
 .ncua-horizontal-tab--sm .ncua-tab-button {
   padding: 5px 12px;
   height: 34px;
@@ -4950,7 +5032,6 @@ button {
   background-color: var(--gray-50);
   border: 1px solid var(--gray-100);
   border-radius: 8px;
-  display: inline-block;
 }
 .ncua-horizontal-tab--button-white .ncua-tab-button {
   background-color: var(--gray-50);
@@ -4965,6 +5046,9 @@ button {
   outline: none;
   box-shadow: var(--shadow-sm);
 }
+.ncua-horizontal-tab--button-white {
+  display: inline-block;
+}
 .ncua-horizontal-tab--button-white .swiper-slide {
   padding: 3px 0;
 }
@@ -5028,11 +5112,13 @@ button {
   padding: 5px 12px;
   height: 34px;
   font-size: var(--font-size-xs);
-  justify-content: flex-start;
 }
 .ncua-vertical-tab .ncua-tab-button:hover, .ncua-vertical-tab .ncua-tab-button.is-active {
   color: var(--gray-700);
 }
+.ncua-vertical-tab .ncua-tab-button {
+  justify-content: flex-start;
+}
 .ncua-vertical-tab--button-primary .ncua-tab-button:hover, .ncua-vertical-tab--button-primary .ncua-tab-button.is-active {
   background-color: var(--gray-50);
 }
@@ -5044,7 +5130,6 @@ button {
   background-color: var(--gray-50);
   border: 1px solid var(--gray-100);
   border-radius: 8px;
-  padding: 4px;
 }
 .ncua-vertical-tab--button-white .ncua-tab-button {
   background-color: var(--gray-50);
@@ -5059,6 +5144,9 @@ button {
   outline: none;
   box-shadow: var(--shadow-sm);
 }
+.ncua-vertical-tab--button-white {
+  padding: 4px;
+}
 .ncua-vertical-tab--line-vertical .ncua-tab-button {
   border-radius: 0;
 }
@@ -6345,7 +6433,7 @@ span.flatpickr-weekday {
   }
 }
 /**
- * Swiper 11.2.6
+ * Swiper 11.2.10
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -6353,7 +6441,7 @@ span.flatpickr-weekday {
  *
  * Released under the MIT License
  *
- * Released on: March 19, 2025
+ * Released on: June 28, 2025
  */
 /* FONT_START */
 @font-face {