@ncds/ui-admin 1.8.2 → 1.8.4

package/dist/temp/src/components/{tooltip → overlays/tooltip}/Tooltip.js

@@ -3,7 +3,7 @@ import { AlertCircle, AlertCircleFill, HelpCircle, HelpCircleFill } from '@ncds/
 import classNames from 'classnames';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { ButtonCloseX } from '../button/ButtonCloseX';
+import { ButtonCloseX } from '../../action/button/ButtonCloseX';
 const ICON_SIZE_SM = 14;
 const ICON_SIZE_DEFAULT = 16;
 // HTML 구현체(assets/scripts/tooltip)와 동일한 상수

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef } from 'react';
-import { Button } from '../button';
+import { Button } from '../action/button';
 const SelectDropdown = forwardRef(({ isOpen, direction = 'down', size = 'xs', options, value, focusedIndex, maxHeight, listboxId = 'selectbox-options-default', onOptionSelect, onMouseMove, isKeyboardNavigation, onOptionHover, children, multiple = false, showFooterButtons = false, selectAllButtonText = '전체 선택', onSelectAll, onEdit, onComplete, className, activeDescendantId, componentType, align = 'left', ...props }, ref) => {
     if (!isOpen)
         return null;

package/dist/temp/src/components/tab/TabButton.d.ts

@@ -1,5 +1,5 @@
 import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
-import { type BadgeProps } from '../badge/Badge';
+import { type BadgeProps } from '../feedback-and-status/badge/Badge';
 type TabSize = 'sm' | 'md' | 'lg';
 type TabType = 'button-primary' | 'button-white' | 'underline' | 'underline-fill' | 'line-vertical';
 type BaseTabButtonProps = {

package/dist/temp/src/components/tab/TabButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { XClose } from '@ncds/ui-admin-icon';
 import classNames from 'classnames';
-import { Badge } from '../badge/Badge';
+import { Badge } from '../feedback-and-status/badge/Badge';
 const TabButton = ({ id, label, size = 'sm', tabButtonType, type, isActive = false, badgeInfo, className, children, ...props }) => {
     const componentClassName = classNames('ncua-tab-button', { 'is-active': isActive }, className);
     if ('href' in props && props.href) {

package/dist/temp/src/types/component-meta.d.ts

@@ -1,6 +1,6 @@
 /** AI 에이전트용 컴포넌트 메타데이터 타입 */
-/** DES INDEX §3-1~§3-8 기준 카테고리 (commerce-rag design 네임스페이스) */
-export type ComponentCategory = 'action' | 'input' | 'icon' | 'overlay' | 'navigation' | 'feedback' | 'layout' | 'data-display';
+/** 컴포넌트 카테고리 — `src/components/` 하위 디렉토리명과 동일 */
+export type ComponentCategory = 'action' | 'data-display' | 'feedback-and-status' | 'forms-and-input' | 'image-and-icons' | 'layout' | 'navigation' | 'overlays';
 export interface ComponentMeta {
     category: ComponentCategory;
     aliases: string[];

package/dist/temp/vitest.config.js

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

package/dist/{temp/src/components → types/src/components/action}/button/Button.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentProps, type ReactNode } from 'react';
-import type { Size } from '../../../constant/size';
-import type { SideSlotType } from '../../types/side-slot';
-import { type DotProps } from '../dot';
+import type { Size } from '../../../../constant/size';
+import type { SideSlotType } from '../../../types/side-slot';
+import { type DotProps } from '../../image-and-icons/dot';
 export type ButtonProps = Omit<ComponentProps<'button'>, 'ref'> & {
     label: ReactNode;
     className?: string;

package/dist/{temp/src/components → types/src/components/action}/button/ButtonCloseX.d.ts

@@ -1,4 +1,4 @@
-import type { Size } from '../../../constant/size';
+import type { Size } from '../../../../constant/size';
 type ButtonCloseXProps = {
     size: Extract<Size, 'xs' | 'sm' | 'md' | 'lg'>;
     theme?: 'dark' | 'light';

package/dist/{temp/src/components → types/src/components/action}/button/ButtonStepper.d.ts

@@ -1,4 +1,4 @@
-import type { Size } from '../../../constant/size';
+import type { Size } from '../../../../constant/size';
 export type ButtonStepperProps = {
     size: Extract<Size, 'xs' | 'sm'>;
     direction: 'up' | 'down';

package/dist/{temp/src/components → types/src/components/action}/button-group/ButtonGroup.d.ts

@@ -1,6 +1,6 @@
 import React, { type ComponentProps } from 'react';
-import type { Size } from '../../../constant/size';
-import type { SideSlotType } from '../../types/side-slot';
+import type { Size } from '../../../../constant/size';
+import type { SideSlotType } from '../../../types/side-slot';
 type ButtonGroupSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
 interface SideCommon {
     position?: 'leading' | 'trailing';

package/dist/types/src/components/{badge → feedback-and-status/badge}/Badge.d.ts

@@ -1,6 +1,6 @@
-import type { ColorTone } from '../../../constant/color';
-import type { Size } from '../../../constant/size';
-import type { SideSlotType } from '../../types/side-slot';
+import type { ColorTone } from '../../../../constant/color';
+import type { Size } from '../../../../constant/size';
+import type { SideSlotType } from '../../../types/side-slot';
 type BadgeType = 'pill-outline' | 'pill-dark-color';
 type BadgeColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled'>;
 type BadgeSize = Extract<Size, 'xs' | 'sm' | 'md'>;

package/dist/types/src/components/{badge → feedback-and-status/badge}/utils.d.ts

@@ -1,4 +1,4 @@
-import type { SideSlotType } from '../../types/side-slot';
+import type { SideSlotType } from '../../../types/side-slot';
 type SideSlotRenderProps = {
     slot: SideSlotType;
     defaultIconSize: number;

package/dist/types/src/components/{badge-group → feedback-and-status/badge-group}/BadgeGroup.d.ts

@@ -1,6 +1,6 @@
-import type { ColorTone } from '../../../constant/color';
-import type { Size } from '../../../constant/size';
-import type { SideSlotType } from '../../types/side-slot';
+import type { ColorTone } from '../../../../constant/color';
+import type { Size } from '../../../../constant/size';
+import type { SideSlotType } from '../../../types/side-slot';
 import { type BadgeProps } from '../badge';
 type BadgeGroupSize = Extract<Size, 'xs' | 'sm'>;
 type BadgeGroupColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success'>;

package/dist/{temp/src/components → types/src/components/feedback-and-status}/empty-state/EmptyState.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '../button/Button';
+import { type ButtonProps } from '../../action/button/Button';
 export interface ButtonOptions extends Pick<ButtonProps, 'hierarchy' | 'size' | 'leadingIcon' | 'trailingIcon'> {
     label: string;
     onClick?: () => void;

package/dist/types/src/components/{tag → feedback-and-status/tag}/Tag.d.ts

@@ -1,6 +1,6 @@
 import { type MouseEventHandler } from 'react';
-import type { Size } from '../../../constant/size';
-import type { SideSlotType } from '../../types/side-slot';
+import type { Size } from '../../../../constant/size';
+import type { SideSlotType } from '../../../types/side-slot';
 export interface TagProps {
     size?: Extract<Size, 'sm' | 'md'>;
     icon?: SideSlotType;

package/dist/{temp/src/components → types/src/components/forms-and-input}/checkbox/CheckboxInput.d.ts

@@ -1,5 +1,5 @@
 import { type ChangeEvent, type ComponentPropsWithRef } from 'react';
-import type { Size } from '../../../constant/size';
+import type { Size } from '../../../../constant/size';
 export interface CheckboxInputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'ref'> {
     size?: Extract<Size, 'xs' | 'sm'>;
     indeterminate?: boolean;

package/dist/types/src/components/{combo-box → forms-and-input/combo-box}/ComboBox.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
 import type { UseFormRegisterReturn } from 'react-hook-form';
-import type { Size } from '../../../constant/size';
-import type { OptionChangeHandler, OptionType, OptionValue } from '../../types/dropdown';
+import type { Size } from '../../../../constant/size';
+import type { OptionChangeHandler, OptionType, OptionValue } from '../../../types/dropdown';
 declare const defaultMaxHeight = 275;
 interface ComboBoxProps extends Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> {
     children?: ReactNode;

package/dist/types/src/components/{date-picker → forms-and-input/date-picker}/CustomInput.d.ts

@@ -1,5 +1,5 @@
 import { type InputHTMLAttributes } from 'react';
-import type { Size } from '../../../constant/size';
+import type { Size } from '../../../../constant/size';
 interface CustomInputProps extends InputHTMLAttributes<HTMLInputElement> {
     disabled: boolean;
     iconName: 'calendar' | 'clock';

package/dist/{temp/src/components → types/src/components/forms-and-input}/date-picker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import type { DateOption, Options } from 'flatpickr/dist/types/options';
 import { type DateTimePickerHandle, type DateTimePickerProps } from 'react-flatpickr';
-import type { Size } from '../../../constant/size';
+import type { Size } from '../../../../constant/size';
 export type DatePickerProps = {
     size?: Extract<Size, 'xs' | 'sm'>;
     shouldFocus?: boolean;

package/dist/types/src/components/{input-base → forms-and-input/input-base}/InputBase.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import { COLOR } from '../../../constant/color';
-import type { Size } from '../../../constant/size';
-import type { SlotIconComponent } from '../../types/side-slot';
+import { COLOR } from '../../../../constant/color';
+import type { Size } from '../../../../constant/size';
+import type { SlotIconComponent } from '../../../types/side-slot';
 interface InputSideButtonSlot {
     type: 'button';
     label: string;

package/dist/types/src/components/{radio → forms-and-input/radio}/RadioInput.d.ts

@@ -1,5 +1,5 @@
 import { type ChangeEvent, type ComponentPropsWithRef } from 'react';
-import type { Size } from '../../../constant/size';
+import type { Size } from '../../../../constant/size';
 export interface RadioInputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'ref'> {
     size?: Extract<Size, 'xs' | 'sm'>;
     destructive?: boolean;

package/dist/types/src/components/{range-date-picker-with-buttons → forms-and-input/range-date-picker-with-buttons}/RangeDatePickerWithButtons.d.ts

@@ -1,5 +1,5 @@
 import { type Dispatch, type SetStateAction } from 'react';
-import { PERIOD_ITEM, type PeriodItemMap } from '../../constant/date-picker';
+import { PERIOD_ITEM, type PeriodItemMap } from '../../../constant/date-picker';
 import { type RangeDatePickerProps } from '../range-date-picker/RangeDatePicker';
 type PeriodKeyType = keyof typeof PERIOD_ITEM;
 type RangeDatePickerWithButtonsProps<T extends PeriodItemMap = typeof PERIOD_ITEM> = {

package/dist/types/src/components/{select → forms-and-input/select}/Select.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
 import type { UseFormRegisterReturn } from 'react-hook-form';
-import type { Size } from '../../../constant/size';
-import type { OptionType } from '../../types/dropdown';
+import type { Size } from '../../../../constant/size';
+import type { OptionType } from '../../../types/dropdown';
 export interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, 'size'> {
     placeholder?: string;
     disabledPlaceholder?: boolean;

package/dist/types/src/components/{select-box → forms-and-input/select-box}/SelectBox.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
 import type { UseFormRegisterReturn } from 'react-hook-form';
-import type { Size } from '../../../constant/size';
-import type { OptionChangeHandler, OptionType, OptionValue } from '../../types/dropdown';
+import type { Size } from '../../../../constant/size';
+import type { OptionChangeHandler, OptionType, OptionValue } from '../../../types/dropdown';
 declare const DEFAULT_MAX_HEIGHT = 275;
 type SelectBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> & {
     children?: ReactNode;

package/dist/types/src/components/{slider → forms-and-input/slider}/Slider.d.ts

@@ -1,4 +1,4 @@
-import { type SliderOptions } from '../../../assets/scripts/slider';
+import { type SliderOptions } from '../../../../assets/scripts/slider';
 export type SliderLabelPosition = SliderOptions['labelPosition'];
 export interface SliderProps {
     min?: number;

package/dist/{temp/src/components → types/src/components/forms-and-input}/switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode, type Ref } from 'react';
-import type { Size } from '../../../constant/size';
+import type { Size } from '../../../../constant/size';
 type SwitchOption = {
     label: ReactNode;
     value: string | boolean;

package/dist/{temp/src/components → types/src/components/forms-and-input}/textarea/Textarea.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithRef } from 'react';
-import type { Size } from '../../../constant/size';
+import type { Size } from '../../../../constant/size';
 interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
     className?: string;
     size?: Extract<Size, 'xs' | 'sm'>;

package/dist/types/src/components/{dot → image-and-icons/dot}/Dot.d.ts

@@ -1,6 +1,6 @@
 import { type HTMLAttributes } from 'react';
-import type { ColorTone } from '../../../constant/color';
-import type { Size } from '../../../constant/size';
+import type { ColorTone } from '../../../../constant/color';
+import type { Size } from '../../../../constant/size';
 type DotColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled'>;
 type DotSize = Extract<Size, 'sm' | 'md' | 'lg'>;
 interface DotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {

package/dist/types/src/components/{featured-icon → image-and-icons/featured-icon}/FeaturedIcon.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithoutRef } from 'react';
-import type { SlotIconComponent } from '../../types/side-slot';
+import type { SlotIconComponent } from '../../../types/side-slot';
 type FeaturedIconTheme = 'light-circle' | 'dark-circle' | 'outline-circle' | 'square-outline';
 type FeaturedIconColor = 'neutral' | 'error' | 'warning' | 'success';
 type FeaturedIconSize = 'sm' | 'md' | 'lg' | 'xl';

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

@@ -1,45 +1,48 @@
 export type { SideSlotType, SlotIconComponent } from '../types';
-export * from './badge';
-export * from './badge-group';
-export * from './bread-crumb';
-export * from './button';
-export * from './button-group';
-export * from './carousel-arrow';
-export * from './carousel-number-group';
-export * from './checkbox';
-export * from './combo-box';
-export * from './data-grid';
-export * from './date-picker';
-export * from './divider';
-export * from './dot';
-export * from './dropdown';
-export * from './empty-state';
-export * from './featured-icon';
-export * from './file-input';
-export * from './horizontal-tab';
-export * from './image-file-input';
-export * from './input-base';
-export * from './modal';
-export * from './notification';
-export * from './number-input';
-export * from './pagination';
-export * from './password-input';
-export * from './progress-bar';
-export * from './progress-circle';
-export * from './radio';
-export * from './range-date-picker';
-export * from './range-date-picker-with-buttons';
-export * from './select';
-export * from './select-box';
+export * from './action/button';
+export * from './action/button-group';
+export * from './data-display/data-grid';
+export * from './data-display/table';
+export * from './feedback-and-status/badge';
+export * from './feedback-and-status/badge-group';
+export * from './feedback-and-status/carousel-arrow';
+export * from './feedback-and-status/carousel-number-group';
+export * from './feedback-and-status/empty-state';
+export * from './feedback-and-status/progress-bar';
+export * from './feedback-and-status/progress-circle';
+export * from './feedback-and-status/spinner';
+export * from './feedback-and-status/tag';
+export * from './forms-and-input/checkbox';
+export * from './forms-and-input/combo-box';
+export * from './forms-and-input/date-picker';
+export * from './forms-and-input/file-input';
+export * from './forms-and-input/image-file-input';
+export * from './forms-and-input/input-base';
+export * from './forms-and-input/number-input';
+export * from './forms-and-input/password-input';
+export * from './forms-and-input/radio';
+export * from './forms-and-input/range-date-picker';
+export * from './forms-and-input/range-date-picker-with-buttons';
+export * from './forms-and-input/select';
+export * from './forms-and-input/select-box';
+export * from './forms-and-input/slider';
+export * from './forms-and-input/switch';
+export * from './forms-and-input/textarea';
+export * from './forms-and-input/toggle';
+export * from './image-and-icons/dot';
+export * from './image-and-icons/featured-icon';
+export * from './layout/block-container';
+export * from './layout/block-header';
+export * from './layout/divider';
+export * from './layout/page-title';
+export * from './navigation/bread-crumb';
+export * from './navigation/horizontal-tab';
+export * from './navigation/pagination';
+export * from './navigation/vertical-tab';
+export * from './overlays/dropdown';
+export * from './overlays/modal';
+export * from './overlays/notification';
+export * from './overlays/tooltip';
 export * from './select-dropdown';
 export * from './shared';
-export * from './slider';
-export * from './spinner';
-export * from './switch';
 export * from './tab';
-export * from './table';
-export * from './tag';
-export * from './textarea';
-export * from './toggle';
-export * from './tooltip';
-export * from './vertical-tab';

package/dist/types/src/components/layout/block-container/BlockContainer.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+interface BlockContainerProps extends ComponentPropsWithoutRef<'section'> {
+    children: ReactNode;
+    className?: string;
+}
+interface BlockContainerBodyProps extends ComponentPropsWithoutRef<'div'> {
+    children: ReactNode;
+    className?: string;
+}
+export declare const BlockContainer: {
+    ({ children, className, ...rest }: BlockContainerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Body: {
+        ({ children, className, ...rest }: BlockContainerBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export type { BlockContainerProps, BlockContainerBodyProps };

package/dist/types/src/components/layout/block-container/index.d.ts

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

package/dist/types/src/components/layout/block-header/BlockHeader.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+interface BlockHeaderProps extends Omit<ComponentPropsWithoutRef<'header'>, 'title' | 'children'> {
+    title: ReactNode;
+    tooltip?: string;
+    action?: ReactNode;
+    showDivider?: boolean;
+    badge?: ReactNode;
+    description?: string;
+    collapsible?: {
+        expanded: boolean;
+        onToggle: () => void;
+    };
+    showRequiredNotice?: boolean;
+    controlStrip?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+declare const BlockHeader: {
+    ({ title, tooltip, action, showDivider, badge, description, collapsible, showRequiredNotice, controlStrip, children, className, ...rest }: BlockHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { BlockHeader };
+export type { BlockHeaderProps };

package/dist/types/src/components/layout/block-header/SubTitle.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import type { Size } from '../../../../constant/size';
+type SubTitleSize = 'middle' | Extract<Size, 'sm' | 'xs'>;
+interface SubTitleProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    title: ReactNode;
+    size?: SubTitleSize;
+    tooltip?: string;
+    description?: string;
+    error?: string;
+    action?: ReactNode;
+    required?: boolean;
+    className?: string;
+}
+declare const SubTitle: {
+    ({ title, size, tooltip, description, error, action, required, className, ...rest }: SubTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { SubTitle };
+export type { SubTitleProps, SubTitleSize };

package/dist/types/src/components/layout/block-header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BlockHeader';
+export * from './SubTitle';

package/dist/types/src/components/layout/page-title/PageTitle.d.ts

@@ -0,0 +1,22 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+type PageTitleVariant = 'default' | 'detail' | 'fixed' | 'fixed-detail';
+interface PageTitleBreadcrumbItem {
+    label: string;
+    href?: string;
+}
+interface PageTitleProps extends ComponentPropsWithoutRef<'header'> {
+    title: string;
+    variant?: PageTitleVariant;
+    breadcrumbItems?: PageTitleBreadcrumbItem[];
+    onBack?: () => void;
+    guideButton?: ReactNode;
+    primaryAction?: ReactNode;
+    secondaryAction?: ReactNode;
+    className?: string;
+}
+declare const PageTitle: {
+    ({ title, variant, breadcrumbItems, onBack, guideButton, primaryAction, secondaryAction, className, ...rest }: PageTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { PageTitle };
+export type { PageTitleProps, PageTitleVariant, PageTitleBreadcrumbItem };

package/dist/types/src/components/layout/page-title/index.d.ts

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

package/dist/types/src/components/{horizontal-tab → navigation/horizontal-tab}/HorizontalTab.d.ts

@@ -1,4 +1,4 @@
-import { type TabButtonProps, type TabSize, type TabType } from '../tab/TabButton';
+import { type TabButtonProps, type TabSize, type TabType } from '../../tab/TabButton';
 type HorizontalTabProps = {
     type?: Exclude<TabType, 'line-vertical'>;
     size?: TabSize;

package/dist/types/src/components/{pagination → navigation/pagination}/NavButton.d.ts

@@ -1,4 +1,4 @@
-import type { SlotIconComponent } from '../../types/side-slot';
+import type { SlotIconComponent } from '../../../types/side-slot';
 declare const NAV_BUTTON_CONFIG: {
     readonly first: {
         readonly label: "처음";

package/dist/types/src/components/{vertical-tab → navigation/vertical-tab}/VerticalTab.d.ts

@@ -1,4 +1,4 @@
-import { type TabButtonProps } from '../tab/TabButton';
+import { type TabButtonProps } from '../../tab/TabButton';
 export type VerticalTabProps = {
     type?: 'button-primary' | 'button-white' | 'line-vertical';
     breakPoint?: 'mobile' | 'pc';

package/dist/types/src/components/{dropdown → overlays/dropdown}/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import type { SlotIconComponent } from '../../types/side-slot';
+import type { SlotIconComponent } from '../../../types/side-slot';
 export type AvatarTrigger = {
     type: 'avatar';
     avatar: string;
@@ -24,9 +24,12 @@ export type DropdownItemType = {
     disabled?: boolean;
     type?: 'default' | 'danger';
     className?: string;
+    visible?: boolean;
+    required?: boolean;
 };
 export type DropdownGroup = {
     items: DropdownItemType[];
+    sortable?: boolean;
 };
 export type AvatarHeader = {
     type: 'avatar';
@@ -39,14 +42,24 @@ export type TextHeader = {
     title: string;
 };
 export type DropdownHeaderType = AvatarHeader | TextHeader;
-export type DropdownProps = {
+export type DropdownBaseProps = {
     trigger: AvatarTrigger | ButtonTrigger | IconTrigger | CustomTrigger;
+    align?: 'left' | 'right';
+    header?: DropdownHeaderType;
+    className?: string;
     opened?: boolean;
     closeOnClickOutside?: boolean;
+};
+export type ActionDropdownProps = DropdownBaseProps & {
+    variant?: 'action';
+    groups: DropdownGroup[];
     closeOnClickItem?: boolean;
-    align?: 'left' | 'right';
-    header?: DropdownHeaderType;
+};
+export type ConfigDropdownProps = DropdownBaseProps & {
+    variant: 'config';
     groups: DropdownGroup[];
-    className?: string;
+    onApply: (items: DropdownItemType[]) => void;
+    applyButtonText?: string;
 };
-export declare const Dropdown: ({ trigger, align, header, groups, className, opened, closeOnClickItem, closeOnClickOutside, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export type DropdownProps = ActionDropdownProps | ConfigDropdownProps;
+export declare const Dropdown: (props: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/overlays/dropdown/__tests__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/overlays/dropdown/utils.d.ts

@@ -0,0 +1,32 @@
+import type { DropdownGroup, DropdownItemType } from './Dropdown';
+/**
+ * 배열에서 fromId 위치의 요소를 toId 위치로 이동.
+ * id 중 하나라도 없으면 원본 그대로 반환. immutable.
+ */
+export declare function arrayMoveById(order: string[], fromId: string, toId: string): string[];
+/**
+ * fromId 요소를 toId 기준 edge('top'=직전, 'bottom'=직후)에 삽입.
+ * indicator 위치와 정확히 일치하는 reorder를 위해 사용.
+ */
+export declare function arrayReorderByEdge(order: string[], fromId: string, toId: string, edge: 'top' | 'bottom'): string[];
+export type DraftState = {
+    order: string[];
+    visibility: Record<string, boolean>;
+};
+/**
+ * groups를 받아 초기 draft state를 만든다.
+ * - order: 모든 그룹·아이템의 id를 순서대로 평탄화
+ * - visibility: item.visible (undefined면 true)
+ */
+export declare function initDraftState(groups: DropdownGroup[]): DraftState;
+/**
+ * 모든 그룹의 items를 평탄화하고, draft.order 순서로 재배열.
+ * 각 item의 visible은 원래 visible이 정의되어 있던 경우에만 draft.visibility 값으로 갱신.
+ * 그 외 필드는 props 원본 그대로 보존.
+ */
+export declare function applyDraftToItems(groups: DropdownGroup[], draft: DraftState): DropdownItemType[];
+/**
+ * draft가 original과 비교해 변경되었는지 판단.
+ * order 배열 또는 visibility 객체 중 하나라도 다르면 true.
+ */
+export declare function hasDraftChanged(original: DraftState, draft: DraftState): boolean;

package/dist/{temp/src/components → types/src/components/overlays}/modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
-import type { SlotIconComponent } from '../../types/side-slot';
-import { type FeaturedIconColor, type FeaturedIconTheme } from '../featured-icon';
+import type { SlotIconComponent } from '../../../types/side-slot';
+import { type FeaturedIconColor, type FeaturedIconTheme } from '../../image-and-icons/featured-icon';
 type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type ModalHeaderAlign = 'left' | 'center' | 'horizontal';
 type ModalActionsAlign = 'left' | 'center' | 'right' | 'stretch';

package/dist/types/src/components/{notification → overlays/notification}/MessageNotification.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import type { SlotIconComponent } from '../../types/side-slot';
+import type { SlotIconComponent } from '../../../types/side-slot';
 import type { NotificationAction, NotificationColor } from './Notification';
 interface MessageNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**

package/dist/types/src/components/{notification → overlays/notification}/Notification.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import type { ColorTone } from '../../../constant/color';
-import type { SlotIconComponent } from '../../types/side-slot';
-import type { ButtonTheme } from '../button';
+import type { ColorTone } from '../../../../constant/color';
+import type { SlotIconComponent } from '../../../types/side-slot';
+import type { ButtonTheme } from '../../action/button';
 type NotificationType = 'floating' | 'full-width' | 'message';
 type NotificationColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'info'>;
 type NotificationSize = 'desktop' | 'mobile';